@dynamic-framework/ui-react 1.15.1 → 1.16.1

package/dist/css/dynamic-ui-non-root.css

@@ -1,3 +1,8 @@
+/*!
+ * dynamic-framework 1.16.1
+ * bootstrap ^5.3.3
+ * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
+ */
 @charset "UTF-8";
 /* stylelint-disable scss/dollar-variable-default */
 *,
@@ -2116,19 +2121,19 @@ progress {
 }
 
 .col-form-label-lg {
-  padding-top: calc(0.75rem + 1px);
-  padding-bottom: calc(0.75rem + 1px);
-  font-size: 1rem;
+  padding-top: calc(1rem + 1px);
+  padding-bottom: calc(1rem + 1px);
+  font-size: 1.25rem;
 }
 
 .col-form-label-sm {
-  padding-top: calc(0.75rem + 1px);
-  padding-bottom: calc(0.75rem + 1px);
-  font-size: 1rem;
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
 }
 
 .form-text {
-  margin-top: 0;
+  margin-top: 0.5rem;
   font-size: 0.875rem;
   color: var(--bs-gray);
 }
@@ -2147,8 +2152,8 @@ progress {
   background-color: var(--bs-white);
   background-clip: padding-box;
   border: 1px solid var(--bs-gray-300);
-  border-radius: 0.5rem;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  border-radius: var(--bs-border-radius-sm);
+  box-shadow: none;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2167,7 +2172,7 @@ progress {
   background-color: var(--bs-white);
   border-color: var(--bs-focus-ring-color);
   outline: 0;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), none;
+  box-shadow: none, 0 0 0 1px rgba(var(--bs-secondary-rgb));
 }
 .form-control::-webkit-date-and-time-value {
   min-width: 85px;
@@ -2259,39 +2264,39 @@ progress {
 }
 
 .form-control-sm {
-  min-height: calc(1.375em + 1.5rem + 2px);
-  padding: 0.75rem 1rem;
-  font-size: 1rem;
-  border-radius: 0.5rem;
+  min-height: calc(1.375em + 0.5rem + 2px);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 .form-control-sm::-webkit-file-upload-button {
-  padding: 0.75rem 1rem;
-  margin: -0.75rem -1rem;
-  -webkit-margin-end: 1rem;
-          margin-inline-end: 1rem;
+  padding: 0.25rem 0.5rem;
+  margin: -0.25rem -0.5rem;
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem;
 }
 .form-control-sm::file-selector-button {
-  padding: 0.75rem 1rem;
-  margin: -0.75rem -1rem;
-  -webkit-margin-end: 1rem;
-          margin-inline-end: 1rem;
+  padding: 0.25rem 0.5rem;
+  margin: -0.25rem -0.5rem;
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem;
 }
 
 .form-control-lg {
-  min-height: calc(1.375em + 1.5rem + 2px);
-  padding: 0.75rem 1rem;
-  font-size: 1rem;
-  border-radius: 1.5rem;
+  min-height: calc(1.375em + 2rem + 2px);
+  padding: 1rem 1rem;
+  font-size: 1.25rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 .form-control-lg::-webkit-file-upload-button {
-  padding: 0.75rem 1rem;
-  margin: -0.75rem -1rem;
+  padding: 1rem 1rem;
+  margin: -1rem -1rem;
   -webkit-margin-end: 1rem;
           margin-inline-end: 1rem;
 }
 .form-control-lg::file-selector-button {
-  padding: 0.75rem 1rem;
-  margin: -0.75rem -1rem;
+  padding: 1rem 1rem;
+  margin: -1rem -1rem;
   -webkit-margin-end: 1rem;
           margin-inline-end: 1rem;
 }
@@ -2300,10 +2305,10 @@ textarea.form-control {
   min-height: calc(1.375em + 1.5rem + 2px);
 }
 textarea.form-control-sm {
-  min-height: calc(1.375em + 1.5rem + 2px);
+  min-height: calc(1.375em + 0.5rem + 2px);
 }
 textarea.form-control-lg {
-  min-height: calc(1.375em + 1.5rem + 2px);
+  min-height: calc(1.375em + 2rem + 2px);
 }
 
 .form-control-color {
@@ -2316,17 +2321,17 @@ textarea.form-control-lg {
 }
 .form-control-color::-moz-color-swatch {
   border: 0 !important;
-  border-radius: 0.5rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 .form-control-color::-webkit-color-swatch {
   border: 0 !important;
-  border-radius: 0.5rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 .form-control-color.form-control-sm {
-  height: calc(1.375em + 1.5rem + 2px);
+  height: calc(1.375em + 0.5rem + 2px);
 }
 .form-control-color.form-control-lg {
-  height: calc(1.375em + 1.5rem + 2px);
+  height: calc(1.375em + 2rem + 2px);
 }
 
 .form-select {
@@ -2347,8 +2352,8 @@ textarea.form-control-lg {
   background-position: right 1rem center;
   background-size: 24px;
   border: 1px solid var(--bs-gray-300);
-  border-radius: 0.5rem;
-  box-shadow: var(--bs-box-shadow-inset);
+  border-radius: var(--bs-border-radius-sm);
+  box-shadow: none;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2359,7 +2364,7 @@ textarea.form-control-lg {
 .form-select:focus {
   border-color: var(--bs-focus-ring-color);
   outline: 0;
-  box-shadow: var(--bs-box-shadow-inset), 0 0 0 1px rgba(var(--bs-secondary-rgb), 1);
+  box-shadow: none, 0 0 0 1px rgba(var(--bs-secondary-rgb), 1);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 1rem;
@@ -2375,40 +2380,40 @@ textarea.form-control-lg {
 }
 
 .form-select-sm {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  padding-left: 1rem;
-  font-size: 1rem;
-  border-radius: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 0.875rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 
 .form-select-lg {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
   padding-left: 1rem;
-  font-size: 1rem;
-  border-radius: 1.5rem;
+  font-size: 1.25rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 
 .form-check {
   display: block;
-  min-height: 1.2rem;
-  padding-left: 2em;
-  margin-bottom: 0.125rem;
+  min-height: 1.8rem;
+  padding-left: 2.25em;
+  margin-bottom: 0.1875rem;
 }
 .form-check .form-check-input {
   float: left;
-  margin-left: -2em;
+  margin-left: -2.25em;
 }
 
 .form-check-reverse {
-  padding-right: 2em;
+  padding-right: 2.25em;
   padding-left: 0;
   text-align: right;
 }
 .form-check-reverse .form-check-input {
   float: right;
-  margin-right: -2em;
+  margin-right: -2.25em;
   margin-left: 0;
 }
 
@@ -2533,10 +2538,10 @@ textarea.form-control-lg {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px var(--bs-body-bg), none;
+  box-shadow: 0 0 0 1px var(--bs-body-bg), 0 0 0 1px rgba(var(--bs-secondary-rgb));
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px var(--bs-body-bg), none;
+  box-shadow: 0 0 0 1px var(--bs-body-bg), 0 0 0 1px rgba(var(--bs-secondary-rgb));
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -2571,7 +2576,7 @@ textarea.form-control-lg {
   background-color: var(--bs-gray-300);
   border-color: transparent;
   border-radius: 1rem;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: var(--bs-box-shadow-inset);
 }
 .form-range::-moz-range-thumb {
   width: 1rem;
@@ -2602,7 +2607,7 @@ textarea.form-control-lg {
   background-color: var(--bs-gray-300);
   border-color: transparent;
   border-radius: 1rem;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: var(--bs-box-shadow-inset);
 }
 .form-range:disabled {
   pointer-events: none;
@@ -2693,7 +2698,7 @@ textarea.form-control-lg {
   height: 1.5em;
   content: "";
   background-color: var(--bs-white);
-  border-radius: 0.5rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 .form-floating > .form-control:focus ~ label::after,
 .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
@@ -2705,7 +2710,7 @@ textarea.form-control-lg {
   height: 1.5em;
   content: "";
   background-color: var(--bs-white);
-  border-radius: 0.5rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 .form-floating > .form-control:-webkit-autofill ~ label {
   color: rgba(var(--bs-body-color-rgb), 0.65);
@@ -2763,25 +2768,25 @@ textarea.form-control-lg {
   white-space: nowrap;
   background-color: var(--bs-white);
   border: 1px solid transparent;
-  border-radius: 0.5rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 
 .input-group-lg > .form-control,
 .input-group-lg > .form-select,
 .input-group-lg > .input-group-text,
 .input-group-lg > .btn {
-  padding: 0.75rem 1rem;
-  font-size: 1rem;
-  border-radius: 1.5rem;
+  padding: 1rem 1rem;
+  font-size: 1.25rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 
 .input-group-sm > .form-control,
 .input-group-sm > .form-select,
 .input-group-sm > .input-group-text,
 .input-group-sm > .btn {
-  padding: 0.75rem 1rem;
-  font-size: 1rem;
-  border-radius: 0.5rem;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 
 .input-group-lg > .form-select,
@@ -2817,7 +2822,7 @@ textarea.form-control-lg {
 .valid-feedback {
   display: none;
   width: 100%;
-  margin-top: 0;
+  margin-top: 0.5rem;
   font-size: 0.875rem;
   color: var(--bs-form-valid-color);
 }
@@ -2848,7 +2853,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
-  box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
+  box-shadow: none, 0 0 0 1px rgba(var(--bs-success-rgb), 1);
 }
 
 .was-validated .form-select:valid, .form-select.is-valid {
@@ -2856,7 +2861,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
-  box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
+  box-shadow: none, 0 0 0 1px rgba(var(--bs-success-rgb), 1);
 }
 
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
@@ -2887,7 +2892,7 @@ textarea.form-control-lg {
 .invalid-feedback {
   display: none;
   width: 100%;
-  margin-top: 0;
+  margin-top: 0.5rem;
   font-size: 0.875rem;
   color: var(--bs-form-invalid-color);
 }
@@ -2918,7 +2923,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
-  box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
+  box-shadow: none, 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
 }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
@@ -2926,7 +2931,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
-  box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
+  box-shadow: none, 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
 }
 
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
@@ -2983,27 +2988,27 @@ textarea.form-control-lg {
 .dropdown-menu {
   --bs-dropdown-zindex: 1000;
   --bs-dropdown-min-width: 10rem;
-  --bs-dropdown-padding-x: 0;
+  --bs-dropdown-padding-x: 0.5rem;
   --bs-dropdown-padding-y: 0.5rem;
   --bs-dropdown-spacer: 0.125rem;
   --bs-dropdown-font-size: 1rem;
   --bs-dropdown-color: var(--bs-body-color);
-  --bs-dropdown-bg: var(--bs-body-bg);
+  --bs-dropdown-bg: var(--bs-white);
   --bs-dropdown-border-color: var(--bs-border-color-translucent);
-  --bs-dropdown-border-radius: 0;
+  --bs-dropdown-border-radius: var(--bs-border-radius-sm);
   --bs-dropdown-border-width: 0;
-  --bs-dropdown-inner-border-radius: calc(0 - 0);
+  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius-sm) - 0);
   --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
   --bs-dropdown-divider-margin-y: var(--bs-ref-spacer-2);
-  --bs-dropdown-box-shadow: 0;
-  --bs-dropdown-link-color: var(--bs-body-color);
-  --bs-dropdown-link-hover-color: var(--bs-body-color);
-  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
+  --bs-dropdown-box-shadow: var(--bs-box-shadow-sm);
+  --bs-dropdown-link-color: rgb(var(--bs-gray-500-rgb));
+  --bs-dropdown-link-hover-color: rgb(var(--bs-gray-500-rgb));
+  --bs-dropdown-link-hover-bg: rgb(var(--bs-gray-100-rgb));
   --bs-dropdown-link-active-color: var(--bs-white);
   --bs-dropdown-link-active-bg: var(--bs-focus-ring-color);
   --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
   --bs-dropdown-item-padding-x: var(--bs-ref-spacer-3);
-  --bs-dropdown-item-padding-y: var(--bs-ref-spacer-1);
+  --bs-dropdown-item-padding-y: var(--bs-ref-spacer-2);
   --bs-dropdown-header-color: var(--bs-gray-600);
   --bs-dropdown-header-padding-x: var(--bs-ref-spacer-3);
   --bs-dropdown-header-padding-y: 0.5rem;
@@ -3309,7 +3314,7 @@ textarea.form-control-lg {
 }
 
 .btn-group {
-  border-radius: 0.5rem;
+  border-radius: var(--bs-border-radius-sm);
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
@@ -3381,8 +3386,8 @@ textarea.form-control-lg {
 }
 
 .nav {
-  --bs-nav-link-padding-x: 0.25rem;
-  --bs-nav-link-padding-y: 0;
+  --bs-nav-link-padding-x: 1rem;
+  --bs-nav-link-padding-y: 0.5rem;
   --bs-nav-link-font-size: var(--bs-body-font-size);
   --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
   --bs-nav-link-color: var(--bs-gray-500);
@@ -3524,7 +3529,7 @@ 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.075rem;
+  --bs-navbar-brand-padding-y: 0.425rem;
   --bs-navbar-brand-margin-end: 1rem;
   --bs-navbar-brand-font-size: 1.125rem;
   --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
@@ -3535,7 +3540,7 @@ textarea.form-control-lg {
   --bs-navbar-toggler-font-size: 1.125rem;
   --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;
+  --bs-navbar-toggler-border-radius: var(--bs-border-radius-sm);
   --bs-navbar-toggler-focus-width: 0;
   --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
   position: relative;
@@ -3573,7 +3578,7 @@ textarea.form-control-lg {
 
 .navbar-nav {
   --bs-nav-link-padding-x: 0;
-  --bs-nav-link-padding-y: 0;
+  --bs-nav-link-padding-y: 0.5rem;
   --bs-nav-link-font-size: var(--bs-body-font-size);
   --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
   --bs-nav-link-color: var(--bs-navbar-color);
@@ -3593,8 +3598,8 @@ textarea.form-control-lg {
 }
 
 .navbar-text {
-  padding-top: 0;
-  padding-bottom: 0;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
   color: var(--bs-navbar-color);
 }
 .navbar-text a,
@@ -3954,18 +3959,18 @@ textarea.form-control-lg {
   --bs-card-title-spacer-y: 0.5rem;
   --bs-card-title-color: ;
   --bs-card-subtitle-color: ;
-  --bs-card-border-width: var(--bs-border-width);
+  --bs-card-border-width: 0;
   --bs-card-border-color: var(--bs-border-color-translucent);
   --bs-card-border-radius: var(--bs-border-radius);
   --bs-card-box-shadow: var(--bs-box-shadow-sm);
-  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
+  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0);
   --bs-card-cap-padding-y: 0.5rem;
   --bs-card-cap-padding-x: 1rem;
   --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
   --bs-card-cap-color: ;
   --bs-card-height: ;
   --bs-card-color: ;
-  --bs-card-bg: var(--bs-body-bg);
+  --bs-card-bg: var(--bs-white);
   --bs-card-img-overlay-padding: 1rem;
   --bs-card-group-margin: 0.75rem;
   position: relative;
@@ -4140,15 +4145,15 @@ textarea.form-control-lg {
 }
 
 .accordion {
-  --bs-accordion-color: var(--bs-body-color);
-  --bs-accordion-bg: var(--bs-body-bg);
+  --bs-accordion-color: var(--bs-gray-700);
+  --bs-accordion-bg: var(--bs-white);
   --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
   --bs-accordion-border-color: var(--bs-border-color);
   --bs-accordion-border-width: var(--bs-border-width);
   --bs-accordion-border-radius: var(--bs-border-radius);
   --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
-  --bs-accordion-btn-padding-x: 1.25rem;
-  --bs-accordion-btn-padding-y: 1rem;
+  --bs-accordion-btn-padding-x: var(--bs-ref-spacer-3);
+  --bs-accordion-btn-padding-y: var(--bs-ref-spacer-4);
   --bs-accordion-btn-color: var(--bs-body-color);
   --bs-accordion-btn-bg: var(--bs-accordion-bg);
   --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23161723'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
@@ -4156,12 +4161,11 @@ textarea.form-control-lg {
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
   --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary-600%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --bs-accordion-btn-focus-border-color: var(--bs-focus-ring-color);
   --bs-accordion-btn-focus-box-shadow: none;
-  --bs-accordion-body-padding-x: 1.25rem;
-  --bs-accordion-body-padding-y: 1rem;
-  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
-  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
+  --bs-accordion-body-padding-x: var(--bs-ref-spacer-3);
+  --bs-accordion-body-padding-y: var(--bs-ref-spacer-4);
+  --bs-accordion-active-color: var(--bs-body-color);
+  --bs-accordion-active-bg: var(--bs-secondary-soft);
 }
 
 .accordion-button {
@@ -4214,7 +4218,6 @@ textarea.form-control-lg {
 }
 .accordion-button:focus {
   z-index: 3;
-  border-color: var(--bs-accordion-btn-focus-border-color);
   outline: 0;
   box-shadow: var(--bs-accordion-btn-focus-box-shadow);
 }
@@ -4232,7 +4235,7 @@ textarea.form-control-lg {
   border-top-left-radius: var(--bs-accordion-border-radius);
   border-top-right-radius: var(--bs-accordion-border-radius);
 }
-.accordion-item:first-of-type .accordion-button {
+.accordion-item:first-of-type > .accordion-header .accordion-button {
   border-top-left-radius: var(--bs-accordion-inner-border-radius);
   border-top-right-radius: var(--bs-accordion-inner-border-radius);
 }
@@ -4243,11 +4246,11 @@ textarea.form-control-lg {
   border-bottom-right-radius: var(--bs-accordion-border-radius);
   border-bottom-left-radius: var(--bs-accordion-border-radius);
 }
-.accordion-item:last-of-type .accordion-button.collapsed {
+.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
   border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
   border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
 }
-.accordion-item:last-of-type .accordion-collapse {
+.accordion-item:last-of-type > .accordion-collapse {
   border-bottom-right-radius: var(--bs-accordion-border-radius);
   border-bottom-left-radius: var(--bs-accordion-border-radius);
 }
@@ -4256,21 +4259,21 @@ textarea.form-control-lg {
   padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
 }
 
-.accordion-flush .accordion-collapse {
-  border-width: 0;
-}
-.accordion-flush .accordion-item {
+.accordion-flush > .accordion-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0;
 }
-.accordion-flush .accordion-item:first-child {
+.accordion-flush > .accordion-item:first-child {
   border-top: 0;
 }
-.accordion-flush .accordion-item:last-child {
+.accordion-flush > .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
+.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 {
   border-radius: 0;
 }
 
@@ -4401,33 +4404,6 @@ textarea.form-control-lg {
   --bs-pagination-border-radius: var(--bs-border-radius-sm);
 }
 
-.badge {
-  --bs-badge-padding-x: var(--bs-ref-spacer-2);
-  --bs-badge-padding-y: var(--bs-ref-spacer-1);
-  --bs-badge-font-size: 0.875rem;
-  --bs-badge-font-weight: 400;
-  --bs-badge-color: var(--bs-gray-900);
-  --bs-badge-border-radius: 0.5rem;
-  display: inline-block;
-  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
-  font-size: var(--bs-badge-font-size);
-  font-weight: var(--bs-badge-font-weight);
-  line-height: 1;
-  color: var(--bs-badge-color);
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: var(--bs-badge-border-radius);
-}
-.badge:empty {
-  display: none;
-}
-
-.btn .badge {
-  position: relative;
-  top: -1px;
-}
-
 .alert {
   --bs-alert-bg: transparent;
   --bs-alert-padding-x: 1.5rem;
@@ -4939,11 +4915,11 @@ textarea.form-control-lg {
   --bs-btn-close-disabled-opacity: 0.25;
   --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
-  width: auto;
-  height: auto;
+  width: 1em;
+  height: 1em;
   padding: 0 0;
   color: var(--bs-btn-close-color);
-  background: transparent var(--bs-btn-close-bg) center/auto auto no-repeat;
+  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
   border: 0;
   border-radius: 1rem;
   opacity: var(--bs-btn-close-opacity);
@@ -5042,7 +5018,7 @@ textarea.form-control-lg {
 .modal {
   --bs-modal-zindex: 1055;
   --bs-modal-width: 500px;
-  --bs-modal-padding: 0;
+  --bs-modal-padding: 1.5rem;
   --bs-modal-margin: 0.5rem;
   --bs-modal-color: ;
   --bs-modal-bg: var(--bs-white);
@@ -5150,7 +5126,6 @@ textarea.form-control-lg {
   display: flex;
   flex-shrink: 0;
   align-items: center;
-  justify-content: space-between;
   padding: var(--bs-modal-header-padding);
   border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
   border-top-left-radius: var(--bs-modal-inner-border-radius);
@@ -5717,20 +5692,12 @@ textarea.form-control-lg {
   background-size: 100% 100%;
 }
 
-/* rtl:options: {
-  "autoRename": true,
-  "stringMap":[ {
-    "name"    : "prev-next",
-    "search"  : "prev",
-    "replace" : "next"
-  } ]
-} */
 .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");
+  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")*/;
 }
 
 .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");
+  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")*/;
 }
 
 .carousel-indicators {
@@ -6344,14 +6311,11 @@ textarea.form-control-lg {
 .offcanvas-header {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
 }
 .offcanvas-header .btn-close {
   padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
-  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: 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;
 }
 
 .offcanvas-title {
@@ -6413,1680 +6377,1987 @@ textarea.form-control-lg {
             mask-position: -200% 0%;
   }
 }
-:root {
-  --toastify-color-light: #fff;
-  --toastify-color-dark: #121212;
-  --toastify-color-info: #3498db;
-  --toastify-color-success: #07bc0c;
-  --toastify-color-warning: #f1c40f;
-  --toastify-color-error: #e74c3c;
-  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
-  --toastify-icon-color-info: var(--toastify-color-info);
-  --toastify-icon-color-success: var(--toastify-color-success);
-  --toastify-icon-color-warning: var(--toastify-color-warning);
-  --toastify-icon-color-error: var(--toastify-color-error);
-  --toastify-toast-width: 320px;
-  --toastify-toast-background: #fff;
-  --toastify-toast-min-height: 64px;
-  --toastify-toast-max-height: 800px;
-  --toastify-font-family: sans-serif;
-  --toastify-z-index: 9999;
-  --toastify-text-color-light: #757575;
-  --toastify-text-color-dark: #fff;
-  --toastify-text-color-info: #fff;
-  --toastify-text-color-success: #fff;
-  --toastify-text-color-warning: #fff;
-  --toastify-text-color-error: #fff;
-  --toastify-spinner-color: #616161;
-  --toastify-spinner-color-empty-area: #e0e0e0;
-  --toastify-color-progress-light: linear-gradient(
-    to right,
-    #4cd964,
-    #5ac8fa,
-    #007aff,
-    #34aadc,
-    #5856d6,
-    #ff2d55
-  );
-  --toastify-color-progress-dark: #bb86fc;
-  --toastify-color-progress-info: var(--toastify-color-info);
-  --toastify-color-progress-success: var(--toastify-color-success);
-  --toastify-color-progress-warning: var(--toastify-color-warning);
-  --toastify-color-progress-error: var(--toastify-color-error);
+.badge {
+  --bs-badge-padding-x: var(--bs-ref-spacer-2);
+  --bs-badge-padding-y: var(--bs-ref-spacer-1);
+  --bs-badge-font-size: 0.875rem;
+  --bs-badge-font-weight: 400;
+  --bs-badge-color: var(--bs-gray-900);
+  --bs-badge-border-radius: 0.5rem;
+  display: inline-block;
+  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
+  font-size: var(--bs-badge-font-size);
+  font-weight: var(--bs-badge-font-weight);
+  line-height: 1;
+  color: var(--bs-badge-color);
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: var(--bs-badge-border-radius);
+}
+.badge:empty {
+  display: none;
 }
 
-.Toastify__toast-container {
-  z-index: var(--toastify-z-index);
-  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
-  position: fixed;
-  padding: 4px;
-  width: var(--toastify-toast-width);
-  box-sizing: border-box;
-  color: #fff;
+.btn .badge {
+  position: relative;
+  top: -1px;
 }
-.Toastify__toast-container--top-left {
-  top: 1em;
-  left: 1em;
+
+.accordion {
+  --bs-accordion-btn-font-weight: var(--bs-ref-fw-bold);
+  --bs-accordion-btn-font-size: var(--bs-ref-fs-6);
+  --bs-accordion-body-padding-top: var(--bs-ref-spacer-3);
 }
-.Toastify__toast-container--top-center {
-  top: 1em;
-  left: 50%;
-  transform: translateX(-50%);
+.accordion .accordion-button {
+  font-weight: var(--bs-accordion-btn-font-weight);
+  font-size: var(--bs-accordion-btn-font-size);
 }
-.Toastify__toast-container--top-right {
-  top: 1em;
-  right: 1em;
+.accordion .accordion-item .show,
+.accordion .accordion-item .collapsing {
+  background-color: var(--bs-accordion-active-bg);
 }
-.Toastify__toast-container--bottom-left {
-  bottom: 1em;
-  left: 1em;
+.accordion .accordion-body {
+  padding-top: var(--bs-accordion-body-padding-top);
 }
-.Toastify__toast-container--bottom-center {
-  bottom: 1em;
-  left: 50%;
-  transform: translateX(-50%);
+
+.form-switch {
+  --bs-input-switch-bg: var(--bs-gray-300);
+  --bs-input-switch-border-color: var(--bs-gray-500);
+  --bs-input-switch-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%236d6d82'/%3e%3c/svg%3e");
+  --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
+  --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
+  --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
+  --bs-input-switch-active-bg: var(--bs-focus-ring-color);
+  --bs-input-switch-disabled-border-color: var(--bs-gray-300);
+  --bs-input-switch-disabled-bg: var(--bs-gray-100);
+  --bs-input-switch-disabled-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23d5d4e6'/%3e%3c/svg%3e");
+  --bs-input-switch-label-color: var(--bs-gray);
+  --bs-input-switch-active-label-color: var(--bs-gray-700);
 }
-.Toastify__toast-container--bottom-right {
-  bottom: 1em;
-  right: 1em;
+.form-switch .form-check-label {
+  color: var(--bs-input-switch-label-color);
 }
-
-@media only screen and (max-width : 480px) {
-  .Toastify__toast-container {
-    width: 100vw;
-    padding: 0;
-    left: 0;
-    margin: 0;
-  }
-  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
-    top: 0;
-    transform: translateX(0);
-  }
-  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
-    bottom: 0;
-    transform: translateX(0);
-  }
-  .Toastify__toast-container--rtl {
-    right: 0;
-    left: initial;
-  }
+.form-switch .form-check-input:checked ~ .form-check-label {
+  color: var(--bs-input-switch-active-label-color);
 }
-.Toastify__toast {
-  position: relative;
-  min-height: var(--toastify-toast-min-height);
-  box-sizing: border-box;
-  margin-bottom: 1rem;
-  padding: 8px;
-  border-radius: 4px;
-  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
-  display: flex;
-  justify-content: space-between;
-  max-height: var(--toastify-toast-max-height);
-  overflow: hidden;
-  font-family: var(--toastify-font-family);
-  cursor: default;
-  direction: ltr;
-  /* webkit only issue #791 */
-  z-index: 0;
-}
-.Toastify__toast--rtl {
-  direction: rtl;
-}
-.Toastify__toast--close-on-click {
-  cursor: pointer;
-}
-.Toastify__toast-body {
-  margin: auto 0;
-  flex: 1 1 auto;
-  padding: 6px;
-  display: flex;
-  align-items: center;
+.form-switch .form-check-input {
+  background-color: var(--bs-input-switch-bg);
+  background-image: var(--bs-input-switch-dot);
+  border: 1px solid var(--bs-input-switch-border-color);
 }
-.Toastify__toast-body > div:last-child {
-  word-break: break-word;
-  flex: 1;
+.form-switch .form-check-input:checked {
+  background-color: var(--bs-input-switch-active-bg);
+  border-color: var(--bs-input-switch-active-border-color);
 }
-.Toastify__toast-icon {
-  -webkit-margin-end: 10px;
-          margin-inline-end: 10px;
-  width: 20px;
-  flex-shrink: 0;
-  display: flex;
+.form-switch .form-check-input[disabled]:not(:checked), .form-switch .form-check-input:disabled:not(:checked) {
+  background-color: var(--bs-input-switch-disabled-bg);
+  background-image: var(--bs-input-switch-disabled-dot);
+  border-color: var(--bs-input-switch-disabled-border-color);
 }
-
-.Toastify--animate {
-  animation-fill-mode: both;
-  animation-duration: 0.7s;
+.form-switch:hover.form-switch .form-check-input:not([disabled]),
+.form-switch:hover.form-switch .form-check-input:not(:disabled) {
+  border-color: var(--bs-input-switch-hover-border-color);
 }
-
-.Toastify--animate-icon {
-  animation-fill-mode: both;
-  animation-duration: 0.3s;
+.form-switch:focus-within.form-switch .form-check-input {
+  outline: 2px solid var(--bs-input-switch-focus-outline-color);
+  outline-offset: 2px;
 }
 
-@media only screen and (max-width : 480px) {
-  .Toastify__toast {
-    margin-bottom: 0;
-    border-radius: 0;
-  }
-}
-.Toastify__toast-theme--dark {
-  background: var(--toastify-color-dark);
-  color: var(--toastify-text-color-dark);
+.form-check-input:hover {
+  border-color: var(--bs-focus-ring-color);
 }
-.Toastify__toast-theme--light {
-  background: var(--toastify-color-light);
-  color: var(--toastify-text-color-light);
+.form-check-input:focus {
+  border-color: var(--bs-gray-300);
+  outline: 2px solid var(--bs-focus-ring-color);
+  outline-offset: 2px;
 }
-.Toastify__toast-theme--colored.Toastify__toast--default {
-  background: var(--toastify-color-light);
-  color: var(--toastify-text-color-light);
+.form-check-input:checked {
+  border-color: var(--bs-focus-ring-color);
 }
-.Toastify__toast-theme--colored.Toastify__toast--info {
-  color: var(--toastify-text-color-info);
-  background: var(--toastify-color-info);
+.form-check-input:disabled {
+  background-color: var(--bs-gray-100);
+  border-color: var(--bs-gray-300);
 }
-.Toastify__toast-theme--colored.Toastify__toast--success {
-  color: var(--toastify-text-color-success);
-  background: var(--toastify-color-success);
+
+.btn {
+  --bs-btn-padding-x: 1rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-font-family: ;
+  --bs-btn-font-size: 1rem;
+  --bs-btn-font-weight: 400;
+  --bs-btn-line-height: 1.2rem;
+  --bs-btn-color: var(--bs-body-color);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-width: 1px;
+  --bs-btn-border-color: transparent;
+  --bs-btn-border-radius: var(--bs-btn-component-border-radius, var(--bs-border-radius-sm));
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-box-shadow: none;
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
+  --bs-btn–text-decoration: if($link-decoration == none, null, none);
+  --bs-btn-lg-padding-y: 0.875rem;
+  --bs-btn-lg-padding-x: 1.5rem;
+  --bs-btn-lg-font-size: 1.125rem;
+  --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, var(--bs-border-radius));
+  --bs-btn-sm-padding-y: 0.25rem;
+  --bs-btn-sm-padding-x: 1rem;
+  --bs-btn-sm-font-size: 0.875rem;
+  --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, var(--bs-border-radius-sm));
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--bs-btn-gap, 0.5rem);
+  align-items: center;
+  justify-content: center;
+  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
+  font-family: var(--bs-btn-font-family);
+  font-size: var(--bs-btn-font-size);
+  font-weight: var(--bs-btn-font-weight);
+  line-height: var(--bs-btn-line-height);
+  color: var(--bs-btn-color);
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
+  border-radius: var(--bs-btn-border-radius);
+  background-color: var(--bs-btn-bg);
+  box-shadow: var(--bs-btn-box-shadow);
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
-.Toastify__toast-theme--colored.Toastify__toast--warning {
-  color: var(--toastify-text-color-warning);
-  background: var(--toastify-color-warning);
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
 }
-.Toastify__toast-theme--colored.Toastify__toast--error {
-  color: var(--toastify-text-color-error);
-  background: var(--toastify-color-error);
+.btn > span {
+  -webkit-text-decoration: var(--bs-btn-text-decoration);
+          text-decoration: var(--bs-btn-text-decoration);
 }
-
-.Toastify__progress-bar-theme--light {
-  background: var(--toastify-color-progress-light);
+.btn:hover, .btn.hover {
+  color: var(--bs-btn-hover-color);
+  text-decoration: none;
+  background-color: var(--bs-btn-hover-bg);
+  border-color: var(--bs-btn-hover-border-color);
 }
-.Toastify__progress-bar-theme--dark {
-  background: var(--toastify-color-progress-dark);
+.btn-check + .btn:hover {
+  color: var(--bs-btn-color);
+  background-color: var(--bs-btn-bg);
+  border-color: var(--bs-btn-border-color);
 }
-.Toastify__progress-bar--info {
-  background: var(--toastify-color-progress-info);
+.btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
+  color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
+  background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
+  border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
+  outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
+  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
 }
-.Toastify__progress-bar--success {
-  background: var(--toastify-color-progress-success);
+.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
+  color: var(--bs-btn-active-color);
+  background-color: var(--bs-btn-active-bg);
+  border-color: var(--bs-btn-active-border-color);
+  box-shadow: var(--bs-btn-active-shadow);
 }
-.Toastify__progress-bar--warning {
-  background: var(--toastify-color-progress-warning);
+.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
+  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
 }
-.Toastify__progress-bar--error {
-  background: var(--toastify-color-progress-error);
+.btn:disabled, .btn.disabled, fieldset:disabled .btn {
+  color: var(--bs-btn-disabled-color);
+  pointer-events: none;
+  background-color: var(--bs-btn-disabled-bg);
+  border-color: var(--bs-btn-disabled-border-color);
+  opacity: var(--bs-btn-disabled-opacity);
+  box-shadow: none;
 }
-.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
-  background: var(--toastify-color-transparent);
+.btn .d-icon {
+  --bs-icon-size: var(--bs-btn-font-size);
 }
 
-.Toastify__close-button {
-  color: #fff;
-  background: transparent;
-  outline: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  opacity: 0.7;
-  transition: 0.3s ease;
-  align-self: flex-start;
+.btn-primary {
+  --bs-btn-color: var(--bs-white);
+  --bs-btn-bg: var(--bs-primary-500);
+  --bs-btn-border-color: var(--bs-primary-500);
+  --bs-btn-hover-color: var(--bs-white);
+  --bs-btn-hover-bg: var(--bs-primary-600);
+  --bs-btn-hover-border-color: var(--bs-primary-600);
+  --bs-btn-focus-color: var(--bs-white);
+  --bs-btn-focus-bg: var(--bs-primary-600);
+  --bs-btn-focus-border-color: var(--bs-primary-600);
+  --bs-btn-active-color: var(--bs-white);
+  --bs-btn-active-bg: var(--bs-primary-700);
+  --bs-btn-active-border-color: var(--bs-primary-700);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-btn-disabled-bg: var(--bs-primary-100);
+  --bs-btn-disabled-border-color: var(--bs-primary-100);
 }
-.Toastify__close-button--light {
-  color: #000;
-  opacity: 0.3;
+.btn-primary.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: var(--bs-primary-700);
+  --bs-btn-disabled-border-color: var(--bs-primary-700);
+  --bs-btn-disabled-color: var(--bs-white);
 }
-.Toastify__close-button > svg {
-  fill: currentColor;
-  height: 16px;
-  width: 14px;
+
+.btn-outline-primary {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-primary-600);
+  --bs-btn-color: var(--bs-primary-600);
+  --bs-btn-hover-bg: var(--bs-primary-100);
+  --bs-btn-hover-border-color: var(--bs-primary-600);
+  --bs-btn-hover-color: var(--bs-primary-600);
+  --bs-btn-focus-bg: var(--bs-primary-100);
+  --bs-btn-focus-border-color: var(--bs-primary-600);
+  --bs-btn-focus-color: var(--bs-primary-600);
+  --bs-btn-active-bg: var(--bs-primary-200);
+  --bs-btn-active-border-color: var(--bs-primary-600);
+  --bs-btn-active-color: var(--bs-primary-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-primary-100);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-gradient: none;
 }
-.Toastify__close-button:hover, .Toastify__close-button:focus {
-  opacity: 1;
+.btn-outline-primary.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-primary-600);
+  --bs-btn-disabled-color: var(--bs-primary-600);
 }
 
-@keyframes Toastify__trackProgress {
-  0% {
-    transform: scaleX(1);
-  }
-  100% {
-    transform: scaleX(0);
-  }
+.btn-link-primary {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-color: var(--bs-primary-600);
+  --bs-btn-hover-bg: var(--bs-primary-100);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-hover-color: var(--bs-primary-600);
+  --bs-btn-focus-bg: transparent;
+  --bs-btn-focus-border-color: transparent;
+  --bs-btn-focus-color: var(--bs-primary-600);
+  --bs-btn-active-bg: var(--bs-primary-200);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-active-color: var(--bs-primary-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-primary-300);
+  --bs-btn-focus-outline-offset: 0;
+}
+.btn-link-primary span {
+  text-decoration: underline;
+}
+.btn-link-primary.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-primary-600);
+}
+
+.btn-secondary {
+  --bs-btn-color: var(--bs-white);
+  --bs-btn-bg: var(--bs-secondary-500);
+  --bs-btn-border-color: var(--bs-secondary-500);
+  --bs-btn-hover-color: var(--bs-white);
+  --bs-btn-hover-bg: var(--bs-secondary-600);
+  --bs-btn-hover-border-color: var(--bs-secondary-600);
+  --bs-btn-focus-color: var(--bs-white);
+  --bs-btn-focus-bg: var(--bs-secondary-600);
+  --bs-btn-focus-border-color: var(--bs-secondary-600);
+  --bs-btn-active-color: var(--bs-white);
+  --bs-btn-active-bg: var(--bs-secondary-700);
+  --bs-btn-active-border-color: var(--bs-secondary-700);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-btn-disabled-bg: var(--bs-secondary-100);
+  --bs-btn-disabled-border-color: var(--bs-secondary-100);
+}
+.btn-secondary.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: var(--bs-secondary-700);
+  --bs-btn-disabled-border-color: var(--bs-secondary-700);
+  --bs-btn-disabled-color: var(--bs-white);
+}
+
+.btn-outline-secondary {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-secondary-600);
+  --bs-btn-color: var(--bs-secondary-600);
+  --bs-btn-hover-bg: var(--bs-secondary-100);
+  --bs-btn-hover-border-color: var(--bs-secondary-600);
+  --bs-btn-hover-color: var(--bs-secondary-600);
+  --bs-btn-focus-bg: var(--bs-secondary-100);
+  --bs-btn-focus-border-color: var(--bs-secondary-600);
+  --bs-btn-focus-color: var(--bs-secondary-600);
+  --bs-btn-active-bg: var(--bs-secondary-200);
+  --bs-btn-active-border-color: var(--bs-secondary-600);
+  --bs-btn-active-color: var(--bs-secondary-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-secondary-100);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-gradient: none;
+}
+.btn-outline-secondary.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-secondary-600);
+  --bs-btn-disabled-color: var(--bs-secondary-600);
+}
+
+.btn-link-secondary {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-color: var(--bs-secondary-600);
+  --bs-btn-hover-bg: var(--bs-secondary-100);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-hover-color: var(--bs-secondary-600);
+  --bs-btn-focus-bg: transparent;
+  --bs-btn-focus-border-color: transparent;
+  --bs-btn-focus-color: var(--bs-secondary-600);
+  --bs-btn-active-bg: var(--bs-secondary-200);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-active-color: var(--bs-secondary-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-secondary-300);
+  --bs-btn-focus-outline-offset: 0;
+}
+.btn-link-secondary span {
+  text-decoration: underline;
+}
+.btn-link-secondary.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-secondary-600);
+}
+
+.btn-success {
+  --bs-btn-color: var(--bs-white);
+  --bs-btn-bg: var(--bs-success-500);
+  --bs-btn-border-color: var(--bs-success-500);
+  --bs-btn-hover-color: var(--bs-white);
+  --bs-btn-hover-bg: var(--bs-success-600);
+  --bs-btn-hover-border-color: var(--bs-success-600);
+  --bs-btn-focus-color: var(--bs-white);
+  --bs-btn-focus-bg: var(--bs-success-600);
+  --bs-btn-focus-border-color: var(--bs-success-600);
+  --bs-btn-active-color: var(--bs-white);
+  --bs-btn-active-bg: var(--bs-success-700);
+  --bs-btn-active-border-color: var(--bs-success-700);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-btn-disabled-bg: var(--bs-success-100);
+  --bs-btn-disabled-border-color: var(--bs-success-100);
+}
+.btn-success.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: var(--bs-success-700);
+  --bs-btn-disabled-border-color: var(--bs-success-700);
+  --bs-btn-disabled-color: var(--bs-white);
+}
+
+.btn-outline-success {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-success-600);
+  --bs-btn-color: var(--bs-success-600);
+  --bs-btn-hover-bg: var(--bs-success-100);
+  --bs-btn-hover-border-color: var(--bs-success-600);
+  --bs-btn-hover-color: var(--bs-success-600);
+  --bs-btn-focus-bg: var(--bs-success-100);
+  --bs-btn-focus-border-color: var(--bs-success-600);
+  --bs-btn-focus-color: var(--bs-success-600);
+  --bs-btn-active-bg: var(--bs-success-200);
+  --bs-btn-active-border-color: var(--bs-success-600);
+  --bs-btn-active-color: var(--bs-success-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-success-100);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-gradient: none;
+}
+.btn-outline-success.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-success-600);
+  --bs-btn-disabled-color: var(--bs-success-600);
+}
+
+.btn-link-success {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-color: var(--bs-success-600);
+  --bs-btn-hover-bg: var(--bs-success-100);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-hover-color: var(--bs-success-600);
+  --bs-btn-focus-bg: transparent;
+  --bs-btn-focus-border-color: transparent;
+  --bs-btn-focus-color: var(--bs-success-600);
+  --bs-btn-active-bg: var(--bs-success-200);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-active-color: var(--bs-success-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-success-300);
+  --bs-btn-focus-outline-offset: 0;
+}
+.btn-link-success span {
+  text-decoration: underline;
+}
+.btn-link-success.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-success-600);
+}
+
+.btn-info {
+  --bs-btn-color: var(--bs-white);
+  --bs-btn-bg: var(--bs-info-500);
+  --bs-btn-border-color: var(--bs-info-500);
+  --bs-btn-hover-color: var(--bs-white);
+  --bs-btn-hover-bg: var(--bs-info-600);
+  --bs-btn-hover-border-color: var(--bs-info-600);
+  --bs-btn-focus-color: var(--bs-white);
+  --bs-btn-focus-bg: var(--bs-info-600);
+  --bs-btn-focus-border-color: var(--bs-info-600);
+  --bs-btn-active-color: var(--bs-white);
+  --bs-btn-active-bg: var(--bs-info-700);
+  --bs-btn-active-border-color: var(--bs-info-700);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-btn-disabled-bg: var(--bs-info-100);
+  --bs-btn-disabled-border-color: var(--bs-info-100);
+}
+.btn-info.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: var(--bs-info-700);
+  --bs-btn-disabled-border-color: var(--bs-info-700);
+  --bs-btn-disabled-color: var(--bs-white);
+}
+
+.btn-outline-info {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-info-600);
+  --bs-btn-color: var(--bs-info-600);
+  --bs-btn-hover-bg: var(--bs-info-100);
+  --bs-btn-hover-border-color: var(--bs-info-600);
+  --bs-btn-hover-color: var(--bs-info-600);
+  --bs-btn-focus-bg: var(--bs-info-100);
+  --bs-btn-focus-border-color: var(--bs-info-600);
+  --bs-btn-focus-color: var(--bs-info-600);
+  --bs-btn-active-bg: var(--bs-info-200);
+  --bs-btn-active-border-color: var(--bs-info-600);
+  --bs-btn-active-color: var(--bs-info-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-info-100);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-gradient: none;
+}
+.btn-outline-info.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-info-600);
+  --bs-btn-disabled-color: var(--bs-info-600);
+}
+
+.btn-link-info {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-color: var(--bs-info-600);
+  --bs-btn-hover-bg: var(--bs-info-100);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-hover-color: var(--bs-info-600);
+  --bs-btn-focus-bg: transparent;
+  --bs-btn-focus-border-color: transparent;
+  --bs-btn-focus-color: var(--bs-info-600);
+  --bs-btn-active-bg: var(--bs-info-200);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-active-color: var(--bs-info-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-info-300);
+  --bs-btn-focus-outline-offset: 0;
+}
+.btn-link-info span {
+  text-decoration: underline;
+}
+.btn-link-info.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-info-600);
+}
+
+.btn-warning {
+  --bs-btn-color: var(--bs-black);
+  --bs-btn-bg: var(--bs-warning-500);
+  --bs-btn-border-color: var(--bs-warning-500);
+  --bs-btn-hover-color: var(--bs-black);
+  --bs-btn-hover-bg: var(--bs-warning-600);
+  --bs-btn-hover-border-color: var(--bs-warning-600);
+  --bs-btn-focus-color: var(--bs-black);
+  --bs-btn-focus-bg: var(--bs-warning-600);
+  --bs-btn-focus-border-color: var(--bs-warning-600);
+  --bs-btn-active-color: var(--bs-black);
+  --bs-btn-active-bg: var(--bs-warning-700);
+  --bs-btn-active-border-color: var(--bs-warning-700);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-btn-disabled-bg: var(--bs-warning-100);
+  --bs-btn-disabled-border-color: var(--bs-warning-100);
+}
+.btn-warning.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: var(--bs-warning-700);
+  --bs-btn-disabled-border-color: var(--bs-warning-700);
+  --bs-btn-disabled-color: var(--bs-black);
+}
+
+.btn-outline-warning {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-warning-600);
+  --bs-btn-color: var(--bs-warning-600);
+  --bs-btn-hover-bg: var(--bs-warning-100);
+  --bs-btn-hover-border-color: var(--bs-warning-600);
+  --bs-btn-hover-color: var(--bs-warning-600);
+  --bs-btn-focus-bg: var(--bs-warning-100);
+  --bs-btn-focus-border-color: var(--bs-warning-600);
+  --bs-btn-focus-color: var(--bs-warning-600);
+  --bs-btn-active-bg: var(--bs-warning-200);
+  --bs-btn-active-border-color: var(--bs-warning-600);
+  --bs-btn-active-color: var(--bs-warning-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-warning-100);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-gradient: none;
+}
+.btn-outline-warning.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-warning-600);
+  --bs-btn-disabled-color: var(--bs-warning-600);
+}
+
+.btn-link-warning {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-color: var(--bs-warning-600);
+  --bs-btn-hover-bg: var(--bs-warning-100);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-hover-color: var(--bs-warning-600);
+  --bs-btn-focus-bg: transparent;
+  --bs-btn-focus-border-color: transparent;
+  --bs-btn-focus-color: var(--bs-warning-600);
+  --bs-btn-active-bg: var(--bs-warning-200);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-active-color: var(--bs-warning-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-warning-300);
+  --bs-btn-focus-outline-offset: 0;
+}
+.btn-link-warning span {
+  text-decoration: underline;
+}
+.btn-link-warning.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-warning-600);
+}
+
+.btn-danger {
+  --bs-btn-color: var(--bs-white);
+  --bs-btn-bg: var(--bs-danger-500);
+  --bs-btn-border-color: var(--bs-danger-500);
+  --bs-btn-hover-color: var(--bs-white);
+  --bs-btn-hover-bg: var(--bs-danger-600);
+  --bs-btn-hover-border-color: var(--bs-danger-600);
+  --bs-btn-focus-color: var(--bs-white);
+  --bs-btn-focus-bg: var(--bs-danger-600);
+  --bs-btn-focus-border-color: var(--bs-danger-600);
+  --bs-btn-active-color: var(--bs-white);
+  --bs-btn-active-bg: var(--bs-danger-700);
+  --bs-btn-active-border-color: var(--bs-danger-700);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-btn-disabled-bg: var(--bs-danger-100);
+  --bs-btn-disabled-border-color: var(--bs-danger-100);
+}
+.btn-danger.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: var(--bs-danger-700);
+  --bs-btn-disabled-border-color: var(--bs-danger-700);
+  --bs-btn-disabled-color: var(--bs-white);
+}
+
+.btn-outline-danger {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-danger-600);
+  --bs-btn-color: var(--bs-danger-600);
+  --bs-btn-hover-bg: var(--bs-danger-100);
+  --bs-btn-hover-border-color: var(--bs-danger-600);
+  --bs-btn-hover-color: var(--bs-danger-600);
+  --bs-btn-focus-bg: var(--bs-danger-100);
+  --bs-btn-focus-border-color: var(--bs-danger-600);
+  --bs-btn-focus-color: var(--bs-danger-600);
+  --bs-btn-active-bg: var(--bs-danger-200);
+  --bs-btn-active-border-color: var(--bs-danger-600);
+  --bs-btn-active-color: var(--bs-danger-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-danger-100);
+  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-gradient: none;
 }
-.Toastify__progress-bar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 5px;
-  z-index: var(--toastify-z-index);
-  opacity: 0.7;
-  transform-origin: left;
+.btn-outline-danger.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: var(--bs-danger-600);
+  --bs-btn-disabled-color: var(--bs-danger-600);
 }
-.Toastify__progress-bar--animated {
-  animation: Toastify__trackProgress linear 1 forwards;
+
+.btn-link-danger {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-color: var(--bs-danger-600);
+  --bs-btn-hover-bg: var(--bs-danger-100);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-hover-color: var(--bs-danger-600);
+  --bs-btn-focus-bg: transparent;
+  --bs-btn-focus-border-color: transparent;
+  --bs-btn-focus-color: var(--bs-danger-600);
+  --bs-btn-active-bg: var(--bs-danger-200);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-active-color: var(--bs-danger-600);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-danger-300);
+  --bs-btn-focus-outline-offset: 0;
 }
-.Toastify__progress-bar--controlled {
-  transition: transform 0.2s;
+.btn-link-danger span {
+  text-decoration: underline;
 }
-.Toastify__progress-bar--rtl {
-  right: 0;
-  left: initial;
-  transform-origin: right;
+.btn-link-danger.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-danger-600);
 }
 
-.Toastify__spinner {
-  width: 20px;
-  height: 20px;
-  box-sizing: border-box;
-  border: 2px solid;
-  border-radius: 100%;
-  border-color: var(--toastify-spinner-color-empty-area);
-  border-right-color: var(--toastify-spinner-color);
-  animation: Toastify__spin 0.65s linear infinite;
+.btn-light {
+  --bs-btn-color: #555564;
+  --bs-btn-bg: #f7f7ff;
+  --bs-btn-border-color: #f7f7ff;
+  --bs-btn-hover-color: #555564;
+  --bs-btn-hover-bg: #d2d2d9;
+  --bs-btn-hover-border-color: #c6c6cc;
+  --bs-btn-focus-shadow-rgb: 223, 223, 232;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #c6c6cc;
+  --bs-btn-active-border-color: #b9b9bf;
+  --bs-btn-active-shadow: none;
+  --bs-btn-disabled-color: #555564;
+  --bs-btn-disabled-bg: #f7f7ff;
+  --bs-btn-disabled-border-color: #f7f7ff;
 }
 
-@keyframes Toastify__bounceInRight {
-  from, 60%, 75%, 90%, to {
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-  }
-  from {
-    opacity: 0;
-    transform: translate3d(3000px, 0, 0);
-  }
-  60% {
-    opacity: 1;
-    transform: translate3d(-25px, 0, 0);
-  }
-  75% {
-    transform: translate3d(10px, 0, 0);
-  }
-  90% {
-    transform: translate3d(-5px, 0, 0);
-  }
-  to {
-    transform: none;
-  }
+.btn-outline-light {
+  --bs-btn-color: #f7f7ff;
+  --bs-btn-border-color: #f7f7ff;
+  --bs-btn-hover-color: #555564;
+  --bs-btn-hover-bg: #f7f7ff;
+  --bs-btn-hover-border-color: #f7f7ff;
+  --bs-btn-focus-shadow-rgb: 247, 247, 255;
+  --bs-btn-active-color: #555564;
+  --bs-btn-active-bg: #f7f7ff;
+  --bs-btn-active-border-color: #f7f7ff;
+  --bs-btn-active-shadow: none;
+  --bs-btn-disabled-color: #f7f7ff;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #f7f7ff;
+  --bs-gradient: none;
 }
-@keyframes Toastify__bounceOutRight {
-  20% {
-    opacity: 1;
-    transform: translate3d(-20px, 0, 0);
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(2000px, 0, 0);
-  }
+
+.btn-link-light {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-color: #f7f7ff;
+  --bs-btn-hover-bg: var(--bs-gray-300);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-hover-color: #f7f7ff;
+  --bs-btn-focus-bg: transparent;
+  --bs-btn-focus-border-color: transparent;
+  --bs-btn-focus-color: #f7f7ff;
+  --bs-btn-active-bg: var(--bs-gray-500);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-active-color: #f7f7ff;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-gray-300);
+  --bs-btn-focus-outline-offset: 0;
 }
-@keyframes Toastify__bounceInLeft {
-  from, 60%, 75%, 90%, to {
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-  }
-  0% {
-    opacity: 0;
-    transform: translate3d(-3000px, 0, 0);
-  }
-  60% {
-    opacity: 1;
-    transform: translate3d(25px, 0, 0);
-  }
-  75% {
-    transform: translate3d(-10px, 0, 0);
-  }
-  90% {
-    transform: translate3d(5px, 0, 0);
-  }
-  to {
-    transform: none;
-  }
+.btn-link-light span {
+  text-decoration: underline;
+}
+.btn-link-light.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: #f7f7ff;
+}
+
+.btn-dark {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #161723;
+  --bs-btn-border-color: #161723;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #393a44;
+  --bs-btn-hover-border-color: #2d2e39;
+  --bs-btn-focus-shadow-rgb: 57, 58, 68;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #45454f;
+  --bs-btn-active-border-color: #2d2e39;
+  --bs-btn-active-shadow: none;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #161723;
+  --bs-btn-disabled-border-color: #161723;
+}
+
+.btn-outline-dark {
+  --bs-btn-color: #161723;
+  --bs-btn-border-color: #161723;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #161723;
+  --bs-btn-hover-border-color: #161723;
+  --bs-btn-focus-shadow-rgb: 22, 23, 35;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #161723;
+  --bs-btn-active-border-color: #161723;
+  --bs-btn-active-shadow: none;
+  --bs-btn-disabled-color: #161723;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #161723;
+  --bs-gradient: none;
+}
+
+.btn-link-dark {
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-color: #161723;
+  --bs-btn-hover-bg: var(--bs-gray-100);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-hover-color: #161723;
+  --bs-btn-focus-bg: transparent;
+  --bs-btn-focus-border-color: transparent;
+  --bs-btn-focus-color: #161723;
+  --bs-btn-active-bg: var(--bs-gray-200);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-active-color: #161723;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: var(--bs-gray-300);
+  --bs-btn-focus-outline-offset: 0;
+}
+.btn-link-dark span {
+  text-decoration: underline;
+}
+.btn-link-dark.loading {
+  --bs-btn-disabled-opacity: 1;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-color: #161723;
+}
+
+.btn-lg, .btn-group-lg > .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 {
+  --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);
+  --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
+}
+
+[class*=btn-link-] {
+  --bs-btn-text-decoration: var(--bs-link-decoration);
+}
+
+.btn-link {
+  --bs-btn-font-weight: 400;
+  --bs-btn-color: var(--bs-link-color);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-hover-color: var(--bs-link-hover-color);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-active-color: var(--bs-link-hover-color);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-disabled-color: #616173;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-box-shadow: 0 0 0 #000;
+  --bs-btn-focus-shadow-rgb: 222, 61, 120;
+  text-decoration: underline;
+}
+.btn-link:hover, .btn-link:focus-visible {
+  text-decoration: underline;
+}
+.btn-link:focus-visible {
+  color: var(--bs-btn-color);
+}
+.btn-link:hover {
+  color: var(--bs-btn-hover-color);
 }
-@keyframes Toastify__bounceOutLeft {
-  20% {
-    opacity: 1;
-    transform: translate3d(20px, 0, 0);
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(-2000px, 0, 0);
-  }
+
+.progress {
+  --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
+  font-weight: var(--bs-progress-bar-font-weight);
 }
-@keyframes Toastify__bounceInUp {
-  from, 60%, 75%, 90%, to {
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-  }
-  from {
-    opacity: 0;
-    transform: translate3d(0, 3000px, 0);
-  }
-  60% {
-    opacity: 1;
-    transform: translate3d(0, -20px, 0);
-  }
-  75% {
-    transform: translate3d(0, 10px, 0);
-  }
-  90% {
-    transform: translate3d(0, -5px, 0);
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
+.progress .progress-bar:not(:empty) {
+  min-width: 4ch;
 }
-@keyframes Toastify__bounceOutUp {
-  20% {
-    transform: translate3d(0, -10px, 0);
-  }
-  40%, 45% {
-    opacity: 1;
-    transform: translate3d(0, 20px, 0);
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(0, -2000px, 0);
-  }
+
+.alert {
+  --bs-alert-gap: 1rem;
+  --bs-alert-box-shadow: var(--bs-box-shadow-sm);
+  --bs-alert-icon-color: var(--bs-alert-color);
+  --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
+  --bs-alert-close-icon-size: 0.75rem;
+  display: flex;
+  flex-direction: row;
+  gap: var(--bs-alert-gap);
+  align-items: center;
+  box-shadow: var(--bs-alert-box-shadow);
 }
-@keyframes Toastify__bounceInDown {
-  from, 60%, 75%, 90%, to {
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-  }
-  0% {
-    opacity: 0;
-    transform: translate3d(0, -3000px, 0);
-  }
-  60% {
-    opacity: 1;
-    transform: translate3d(0, 25px, 0);
-  }
-  75% {
-    transform: translate3d(0, -10px, 0);
-  }
-  90% {
-    transform: translate3d(0, 5px, 0);
-  }
-  to {
-    transform: none;
-  }
+.alert .alert-text {
+  flex-grow: 1;
 }
-@keyframes Toastify__bounceOutDown {
-  20% {
-    transform: translate3d(0, 10px, 0);
-  }
-  40%, 45% {
-    opacity: 1;
-    transform: translate3d(0, -20px, 0);
-  }
-  to {
-    opacity: 0;
-    transform: translate3d(0, 2000px, 0);
-  }
+.alert .alert-separator {
+  align-self: stretch;
+  width: 1px;
+  background-color: var(--bs-alert-icon-color);
+  opacity: var(--bs-alert-separator-opacity);
 }
-.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
-  animation-name: Toastify__bounceInLeft;
+.alert .btn-close {
+  --bs-btn-close-bg: transparent;
 }
-.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
-  animation-name: Toastify__bounceInRight;
+.alert .alert-icon.d-icon {
+  --bs-icon-color: var(--bs-alert-icon-color);
 }
-.Toastify__bounce-enter--top-center {
-  animation-name: Toastify__bounceInDown;
+.alert .alert-close-icon {
+  --bs-icon-color: var(--bs-alert-icon-color);
+  --bs-icon-size: var(--bs-alert-close-icon-size);
 }
-.Toastify__bounce-enter--bottom-center {
-  animation-name: Toastify__bounceInUp;
+.alert.alert-primary {
+  --bs-alert-color: var(--bs-white);
+  --bs-alert-bg: var(--bs-primary);
+  --bs-alert-border-color: var(--bs-primary);
+  --bs-alert-link-color: var(--bs-white);
 }
-
-.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
-  animation-name: Toastify__bounceOutLeft;
+.alert.alert-secondary {
+  --bs-alert-color: var(--bs-white);
+  --bs-alert-bg: var(--bs-secondary);
+  --bs-alert-border-color: var(--bs-secondary);
+  --bs-alert-link-color: var(--bs-white);
 }
-.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
-  animation-name: Toastify__bounceOutRight;
+.alert.alert-success {
+  --bs-alert-color: var(--bs-white);
+  --bs-alert-bg: var(--bs-success);
+  --bs-alert-border-color: var(--bs-success);
+  --bs-alert-link-color: var(--bs-white);
 }
-.Toastify__bounce-exit--top-center {
-  animation-name: Toastify__bounceOutUp;
+.alert.alert-info {
+  --bs-alert-color: var(--bs-white);
+  --bs-alert-bg: var(--bs-info);
+  --bs-alert-border-color: var(--bs-info);
+  --bs-alert-link-color: var(--bs-white);
 }
-.Toastify__bounce-exit--bottom-center {
-  animation-name: Toastify__bounceOutDown;
+.alert.alert-warning {
+  --bs-alert-color: var(--bs-black);
+  --bs-alert-bg: var(--bs-warning);
+  --bs-alert-border-color: var(--bs-warning);
+  --bs-alert-link-color: var(--bs-black);
 }
-
-@keyframes Toastify__zoomIn {
-  from {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-  }
-  50% {
-    opacity: 1;
-  }
+.alert.alert-danger {
+  --bs-alert-color: var(--bs-white);
+  --bs-alert-bg: var(--bs-danger);
+  --bs-alert-border-color: var(--bs-danger);
+  --bs-alert-link-color: var(--bs-white);
 }
-@keyframes Toastify__zoomOut {
-  from {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-  }
-  to {
-    opacity: 0;
-  }
+.alert.alert-light {
+  --bs-alert-color: var(--bs-gray-700);
+  --bs-alert-bg: var(--bs-light);
+  --bs-alert-border-color: var(--bs-light);
+  --bs-alert-link-color: var(--bs-gray-700);
 }
-.Toastify__zoom-enter {
-  animation-name: Toastify__zoomIn;
+.alert.alert-dark {
+  --bs-alert-color: var(--bs-white);
+  --bs-alert-bg: var(--bs-dark);
+  --bs-alert-border-color: var(--bs-dark);
+  --bs-alert-link-color: var(--bs-white);
 }
-
-.Toastify__zoom-exit {
-  animation-name: Toastify__zoomOut;
+.alert.alert-soft {
+  --bs-alert-color: var(--bs-gray-900);
+  border-width: 0 0 0 5px;
 }
-
-@keyframes Toastify__flipIn {
-  from {
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-  40% {
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    animation-timing-function: ease-in;
-  }
-  60% {
-    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    opacity: 1;
-  }
-  80% {
-    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-  }
-  to {
-    transform: perspective(400px);
-  }
+.alert.alert-soft.alert-primary {
+  --bs-alert-icon-color: var(--bs-primary-500);
+  --bs-alert-bg: var(--bs-primary-100);
 }
-@keyframes Toastify__flipOut {
-  from {
-    transform: perspective(400px);
-  }
-  30% {
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    opacity: 1;
-  }
-  to {
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    opacity: 0;
-  }
+.alert.alert-soft.alert-secondary {
+  --bs-alert-icon-color: var(--bs-secondary-500);
+  --bs-alert-bg: var(--bs-secondary-100);
 }
-.Toastify__flip-enter {
-  animation-name: Toastify__flipIn;
+.alert.alert-soft.alert-success {
+  --bs-alert-icon-color: var(--bs-success-500);
+  --bs-alert-bg: var(--bs-success-100);
 }
-
-.Toastify__flip-exit {
-  animation-name: Toastify__flipOut;
+.alert.alert-soft.alert-info {
+  --bs-alert-icon-color: var(--bs-info-500);
+  --bs-alert-bg: var(--bs-info-100);
+}
+.alert.alert-soft.alert-warning {
+  --bs-alert-icon-color: var(--bs-warning-500);
+  --bs-alert-bg: var(--bs-warning-100);
+}
+.alert.alert-soft.alert-danger {
+  --bs-alert-icon-color: var(--bs-danger-500);
+  --bs-alert-bg: var(--bs-danger-100);
+}
+.alert.alert-soft.alert-light {
+  --bs-alert-icon-color: var(--bs-secondary-500);
+  --bs-alert-border-color: var(--bs-secondary-500);
+  --bs-alert-bg: var(--bs-white);
 }
 
-@keyframes Toastify__slideInRight {
-  from {
-    transform: translate3d(110%, 0, 0);
-    visibility: visible;
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
+.collapse-container {
+  --bs-collapse-bg: var(--bs-white);
+  --bs-collapse-border-radius: var(--bs-ref-spacer-1);
+  --bs-collapse-box-shadow: var(--bs-box-shadow-sm);
+  --bs-collapse-button-padding-x: var(--bs-ref-spacer-3);
+  --bs-collapse-button-padding-y: var(--bs-ref-spacer-3);
+  --bs-collapse-button-gap: var(--bs-ref-spacer-3);
+  --bs-collapse-body-padding-x: var(--bs-ref-spacer-3);
+  --bs-collapse-body-padding-y: var(--bs-ref-spacer-3);
+  --bs-collapse-separator-display: none;
+  --bs-collapse-separator-height: 1px;
+  --bs-collapse-separator-bg: var(--bs-gray-200);
+  background-color: var(--bs-collapse-bg);
+  border-radius: var(--bs-collapse-border-radius);
+  box-shadow: var(--bs-collapse-box-shadow);
 }
-@keyframes Toastify__slideInLeft {
-  from {
-    transform: translate3d(-110%, 0, 0);
-    visibility: visible;
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
+.collapse-container .collapse-button {
+  display: flex;
+  gap: var(--bs-collapse-button-gap);
+  align-items: center;
+  width: 100%;
+  padding: var(--bs-collapse-button-padding-y) var(--bs-collapse-button-padding-x);
+  text-align: left;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  background: transparent;
+  border: 0;
 }
-@keyframes Toastify__slideInUp {
-  from {
-    transform: translate3d(0, 110%, 0);
-    visibility: visible;
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
+.collapse-container .collapse-button:focus, .collapse-container .collapse-button:focus-visible {
+  outline: 0;
 }
-@keyframes Toastify__slideInDown {
-  from {
-    transform: translate3d(0, -110%, 0);
-    visibility: visible;
-  }
-  to {
-    transform: translate3d(0, 0, 0);
-  }
+.collapse-container .collapse-body {
+  position: relative;
+  padding: var(--bs-collapse-body-padding-y) var(--bs-collapse-body-padding-x);
+  padding-top: 0;
 }
-@keyframes Toastify__slideOutRight {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-  to {
-    visibility: hidden;
-    transform: translate3d(110%, 0, 0);
-  }
+.collapse-container .collapse-body::before {
+  position: absolute;
+  top: 0;
+  display: var(--bs-collapse-separator-display);
+  width: calc(100% - var(--bs-collapse-body-padding-x) * 2);
+  height: var(--bs-collapse-separator-height);
+  content: " ";
+  background-color: var(--bs-collapse-separator-bg);
 }
-@keyframes Toastify__slideOutLeft {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-  to {
-    visibility: hidden;
-    transform: translate3d(-110%, 0, 0);
-  }
+
+.pagination {
+  --bs-pagination-page-item-size: 2.125rem;
+  --bs-pagination-page-link-bg: transparent;
+  --bs-pagination-page-border-radius: var(--bs-border-radius);
+  --bs-pagination-arrow-font-size: var(--bs-ref-fs-small);
+  --bs-pagination-arrow-padding-y: var(--bs-ref-spacer-1);
+  --bs-pagination-arrow-padding-x: var(--bs-ref-spacer-2);
+  --bs-pagination-arrow-border-radius: var(--bs-border-radius);
+  --bs-pagination-arrow-color: var(--bs-secondary);
+  --bs-pagination-focus-arrow-bg: var(--bs-secondary-100);
+  --bs-pagination-arrow-prev-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234848b7" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" 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"/></svg>');
+  --bs-pagination-disabled-arrow-prev-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a1a1b5" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" 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"/></svg>');
+  --bs-pagination-arrow-next-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234848b7" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" 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"/></svg>');
+  --bs-pagination-disabled-arrow-next-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a1a1b5" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" 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"/></svg>');
+  margin: 0;
 }
-@keyframes Toastify__slideOutDown {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-  to {
-    visibility: hidden;
-    transform: translate3d(0, 500px, 0);
-  }
+.pagination .page-item {
+  min-width: var(--bs-pagination-page-item-size);
+  min-height: var(--bs-pagination-page-item-size);
 }
-@keyframes Toastify__slideOutUp {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -500px, 0);
-  }
+.pagination .page-item:not(.active, :hover) .page-link {
+  background-color: var(--bs-pagination-page-link-bg);
 }
-.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
-  animation-name: Toastify__slideInLeft;
+.pagination .arrow .page-link {
+  min-width: -webkit-fit-content;
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  padding: var(--bs-pagination-arrow-padding-y) var(--bs-pagination-arrow-padding-x);
+  font-size: var(--bs-pagination-arrow-font-size);
+  border-radius: var(--bs-pagination-arrow-border-radius);
 }
-.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
-  animation-name: Toastify__slideInRight;
+.pagination .arrow .page-link:focus {
+  background-color: var(--bs-pagination-focus-arrow-bg);
 }
-.Toastify__slide-enter--top-center {
-  animation-name: Toastify__slideInDown;
+.pagination .arrow .page-link::after, .pagination .arrow .page-link::before {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-repeat: no-repeat;
+  background-size: var(--bs-pagination-arrow-font-size);
 }
-.Toastify__slide-enter--bottom-center {
-  animation-name: Toastify__slideInUp;
+.pagination .arrow:is(.arrow-prev, .arrow-next):not(.disabled) .page-link {
+  color: var(--bs-pagination-arrow-color);
 }
-
-.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
-  animation-name: Toastify__slideOutLeft;
+.pagination .arrow.arrow-prev .page-link::before {
+  min-width: var(--bs-pagination-arrow-font-size);
+  min-height: var(--bs-pagination-arrow-font-size);
+  margin-right: var(--bs-ref-spacer-1);
+  content: "";
+  background-image: var(--bs-pagination-arrow-prev-icon-bg-image);
+  background-position: center left;
 }
-.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
-  animation-name: Toastify__slideOutRight;
+.pagination .arrow.arrow-next .page-link::after {
+  width: var(--bs-pagination-arrow-font-size);
+  height: var(--bs-pagination-arrow-font-size);
+  margin-left: var(--bs-ref-spacer-1);
+  content: "";
+  background-image: var(--bs-pagination-arrow-next-icon-bg-image);
+  background-position: center right;
 }
-.Toastify__slide-exit--top-center {
-  animation-name: Toastify__slideOutUp;
+.pagination .arrow:is(.arrow-next, .arrow-prev).no-label .page-link > span {
+  display: none;
 }
-.Toastify__slide-exit--bottom-center {
-  animation-name: Toastify__slideOutDown;
+.pagination .arrow-prev.disabled .page-link::before {
+  background-image: var(--bs-pagination-disabled-arrow-prev-icon-bg-image);
 }
-
-@keyframes Toastify__spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+.pagination .arrow-next.disabled .page-link::after {
+  background-image: var(--bs-pagination-disabled-arrow-next-icon-bg-image);
 }
-.d-icon {
-  --bs-icon-color: var(--bs-icon-component-color, inherit);
-  --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
-  --bs-icon-size: var(--bs-icon-component-size, 1.5rem);
-  --bs-icon-padding: var(--bs-icon-component-padding, 0);
-  --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
-  display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
+.pagination .page-link {
+  display: flex;
   align-items: center;
   justify-content: center;
-  width: var(--bs-icon-size);
-  height: var(--bs-icon-size);
-  padding: var(--bs-icon-padding);
-  font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
-  color: var(--bs-icon-color);
-  background-color: var(--bs-icon-bg-color);
-  border-radius: var(--bs-icon-padding);
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border-radius: var(--bs-pagination-page-border-radius);
 }
 
-.d-icon-loading {
-  animation: loading-icon var(--bs-icon-loading-duration) infinite linear;
+.breadcrumb .separator {
+  float: left;
+  padding: 0 var(--bs-breadcrumb-item-padding-x);
+  color: var(--bs-breadcrumb-divider-color);
+  content: var(--bs-breadcrumb-divider, "/");
+}
+
+.breadcrumb .last {
+  color: var(--bs-breadcrumb-item-active-color);
+}
+
+.dropdown-item {
+  --bs-dropdown-item-border-radius: var(--bs-border-radius-sm);
+}
+
+:root {
+  --toastify-color-light: #fff;
+  --toastify-color-dark: #121212;
+  --toastify-color-info: #3498db;
+  --toastify-color-success: #07bc0c;
+  --toastify-color-warning: #f1c40f;
+  --toastify-color-error: #e74c3c;
+  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
+  --toastify-icon-color-info: var(--toastify-color-info);
+  --toastify-icon-color-success: var(--toastify-color-success);
+  --toastify-icon-color-warning: var(--toastify-color-warning);
+  --toastify-icon-color-error: var(--toastify-color-error);
+  --toastify-toast-width: 320px;
+  --toastify-toast-background: #fff;
+  --toastify-toast-min-height: 64px;
+  --toastify-toast-max-height: 800px;
+  --toastify-font-family: sans-serif;
+  --toastify-z-index: 9999;
+  --toastify-text-color-light: #757575;
+  --toastify-text-color-dark: #fff;
+  --toastify-text-color-info: #fff;
+  --toastify-text-color-success: #fff;
+  --toastify-text-color-warning: #fff;
+  --toastify-text-color-error: #fff;
+  --toastify-spinner-color: #616161;
+  --toastify-spinner-color-empty-area: #e0e0e0;
+  --toastify-color-progress-light: linear-gradient(
+    to right,
+    #4cd964,
+    #5ac8fa,
+    #007aff,
+    #34aadc,
+    #5856d6,
+    #ff2d55
+  );
+  --toastify-color-progress-dark: #bb86fc;
+  --toastify-color-progress-info: var(--toastify-color-info);
+  --toastify-color-progress-success: var(--toastify-color-success);
+  --toastify-color-progress-warning: var(--toastify-color-warning);
+  --toastify-color-progress-error: var(--toastify-color-error);
 }
 
-@keyframes loading-icon {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.d-input {
-  --bs-input-gap: 0.5rem;
-  --bs-input-label-color: var(--bs-gray);
-  --bs-input-label-font-weight: var(--bs-ref-fw-bold);
-  --bs-input-label-font-size: var(--bs-ref-fs-small);
-  --bs-input-label-padding-x: var(--bs-ref-spacer-2);
-  --bs-input-label-padding-y: 0;
-  --bs-input-label-gap: var(--bs-ref-spacer-1);
-  --bs-input-group-border-color: var(--bs-gray-300);
-  --bs-input-group-border-width: 1px;
-  --bs-input-group-border-radius: 0.5rem;
-  --bs-input-group-hover-border-color: var(--bs-gray);
-  --bs-input-group-focus-border-color: var(--bs-secondary);
-  --bs-input-group-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
-  --bs-input-form-control-text-align: var(--bs-input-component-form-control-text-align, "left");
-  --bs-input-form-text-padding: 0 0.5rem;
-  --bs-input-form-text-gap: 0.5rem;
-  --bs-input-form-text-color: var(--bs-gray);
-  --bs-input-group-disabled-border-color: var(--bs-gray-300);
-  --bs-input-group-disabled-bg: var(--bs-gray-100);
-  --bs-input-group-disabled-color: var(--bs-gray);
-  display: flex;
-  flex-direction: column;
-  gap: var(--bs-input-gap);
-  align-items: flex-start;
-}
-.d-input:focus-within .input-group {
-  border-color: var(--bs-input-group-focus-border-color);
-  box-shadow: var(--bs-input-group-focus-box-shadow);
+.Toastify__toast-container {
+  z-index: var(--toastify-z-index);
+  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
+  position: fixed;
+  padding: 4px;
+  width: var(--toastify-toast-width);
+  box-sizing: border-box;
+  color: #fff;
 }
-.d-input .d-input-control {
-  display: flex;
-  flex-direction: column;
-  gap: var(--bs-input-gap);
-  width: 100%;
+.Toastify__toast-container--top-left {
+  top: 1em;
+  left: 1em;
 }
-.d-input label {
-  display: inline-flex;
-  flex-direction: row;
-  gap: var(--bs-input-label-gap);
-  align-items: center;
+.Toastify__toast-container--top-center {
+  top: 1em;
+  left: 50%;
+  transform: translateX(-50%);
 }
-.d-input label .d-input-icon .d-icon {
-  --bs-icon-color: var(--bs-focus-ring-color);
+.Toastify__toast-container--top-right {
+  top: 1em;
+  right: 1em;
 }
-.d-input .input-group {
-  border: var(--bs-input-group-border-width) solid var(--bs-input-group-border-color);
-  border-radius: var(--bs-input-group-border-radius);
+.Toastify__toast-container--bottom-left {
+  bottom: 1em;
+  left: 1em;
 }
-.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown)) {
-  border-color: var(--bs-input-group-hover-border-color);
+.Toastify__toast-container--bottom-center {
+  bottom: 1em;
+  left: 50%;
+  transform: translateX(-50%);
 }
-.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown)) {
-  border-color: var(--bs-input-group-hover-border-color);
+.Toastify__toast-container--bottom-right {
+  bottom: 1em;
+  right: 1em;
 }
-.d-input:has(.form-control.is-valid) .input-group {
-  border-color: var(--bs-form-valid-border-color);
-  box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
+
+@media only screen and (max-width : 480px) {
+  .Toastify__toast-container {
+    width: 100vw;
+    padding: 0;
+    left: 0;
+    margin: 0;
+  }
+  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
+    top: 0;
+    transform: translateX(0);
+  }
+  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
+    bottom: 0;
+    transform: translateX(0);
+  }
+  .Toastify__toast-container--rtl {
+    right: 0;
+    left: initial;
+  }
 }
-.d-input:has(.form-control.is-valid) .input-group ~ .form-text {
-  color: var(--bs-form-valid-border-color);
+.Toastify__toast {
+  position: relative;
+  min-height: var(--toastify-toast-min-height);
+  box-sizing: border-box;
+  margin-bottom: 1rem;
+  padding: 8px;
+  border-radius: 4px;
+  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
+  display: flex;
+  justify-content: space-between;
+  max-height: var(--toastify-toast-max-height);
+  overflow: hidden;
+  font-family: var(--toastify-font-family);
+  cursor: default;
+  direction: ltr;
+  /* webkit only issue #791 */
+  z-index: 0;
 }
-.d-input:has(.form-control.is-valid) .d-input-validation-icon {
-  --bs-icon-color: var(--bs-success);
+.Toastify__toast--rtl {
+  direction: rtl;
 }
-.d-input:has(.form-control.is-invalid) .input-group {
-  border-color: var(--bs-form-invalid-border-color);
-  box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
+.Toastify__toast--close-on-click {
+  cursor: pointer;
 }
-.d-input:has(.form-control.is-invalid) .input-group ~ .form-text {
-  color: var(--bs-form-invalid-border-color);
+.Toastify__toast-body {
+  margin: auto 0;
+  flex: 1 1 auto;
+  padding: 6px;
+  display: flex;
+  align-items: center;
 }
-.d-input:has(.form-control.is-invalid) .d-input-validation-icon {
-  --bs-icon-color: var(--bs-danger);
+.Toastify__toast-body > div:last-child {
+  word-break: break-word;
+  flex: 1;
 }
-.d-input .input-group ~ .form-text {
-  display: inline-flex;
-  flex-direction: row;
-  gap: var(--bs-input-form-text-gap);
-  align-items: center;
-  padding: var(--bs-input-form-text-padding);
-  color: var(--bs-input-form-text-color);
+.Toastify__toast-icon {
+  -webkit-margin-end: 10px;
+          margin-inline-end: 10px;
+  width: 20px;
+  flex-shrink: 0;
+  display: flex;
 }
-.d-input .form-control {
-  text-align: var(--bs-input-form-control-text-align);
-  border-width: 0;
-  box-shadow: none;
+
+.Toastify--animate {
+  animation-fill-mode: both;
+  animation-duration: 0.7s;
 }
-.d-input .form-control:not(:last-child) {
-  padding-right: 0;
+
+.Toastify--animate-icon {
+  animation-fill-mode: both;
+  animation-duration: 0.3s;
 }
-.d-input .form-control:not(:first-child) {
-  padding-left: 0;
+
+@media only screen and (max-width : 480px) {
+  .Toastify__toast {
+    margin-bottom: 0;
+    border-radius: 0;
+  }
 }
-.d-input .form-control::-webkit-inner-spin-button,
-.d-input .form-control::-webkit-outer-spin-button {
-  margin: 0;
-  -webkit-appearance: none;
-          appearance: none;
+.Toastify__toast-theme--dark {
+  background: var(--toastify-color-dark);
+  color: var(--toastify-text-color-dark);
 }
-.d-input .form-control.is-invalid:focus,
-.d-input .form-control.is-valid:focus {
-  border: 0;
-  box-shadow: unset;
+.Toastify__toast-theme--light {
+  background: var(--toastify-color-light);
+  color: var(--toastify-text-color-light);
 }
-.d-input .input-group-text {
-  border: 0;
-  outline: 0;
+.Toastify__toast-theme--colored.Toastify__toast--default {
+  background: var(--toastify-color-light);
+  color: var(--toastify-text-color-light);
 }
-.d-input .form-control:disabled {
-  background: var(--bs-input-group-disabled-bg);
+.Toastify__toast-theme--colored.Toastify__toast--info {
+  color: var(--toastify-text-color-info);
+  background: var(--toastify-color-info);
 }
-.d-input:has(.form-control:disabled) .input-group-text {
-  background: var(--bs-input-group-disabled-bg);
+.Toastify__toast-theme--colored.Toastify__toast--success {
+  color: var(--toastify-text-color-success);
+  background: var(--toastify-color-success);
 }
-.d-input:has(.form-control:disabled) .d-input-icon .d-icon {
-  color: var(--bs-input-group-disabled-color);
+.Toastify__toast-theme--colored.Toastify__toast--warning {
+  color: var(--toastify-text-color-warning);
+  background: var(--toastify-color-warning);
 }
-.d-input:has(.form-control:disabled) .input-group {
-  border-color: var(--bs-input-group-disabled-border-color);
+.Toastify__toast-theme--colored.Toastify__toast--error {
+  color: var(--toastify-text-color-error);
+  background: var(--toastify-color-error);
 }
 
-.label,
-label {
-  padding: var(--bs-input-label-padding-y, var(--bs-label-padding-y)) var(--bs-input-label-padding-x, var(--bs-label-padding-x));
-  font-size: var(--bs-input-label-font-size, var(--bs-label-font-size));
-  font-weight: var(--bs-input-label-font-weight, var(--bs-label-font-weight));
-  color: var(--bs-input-label-color, var(--bs-label-color));
+.Toastify__progress-bar-theme--light {
+  background: var(--toastify-color-progress-light);
 }
-
-.form-switch {
-  --bs-input-switch-bg: var(--bs-gray-300);
-  --bs-input-switch-border-color: var(--bs-gray-500);
-  --bs-input-switch-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%236d6d82'/%3e%3c/svg%3e");
-  --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
-  --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
-  --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
-  --bs-input-switch-active-bg: var(--bs-focus-ring-color);
-  --bs-input-switch-disabled-border-color: var(--bs-gray-300);
-  --bs-input-switch-disabled-bg: var(--bs-gray-100);
-  --bs-input-switch-disabled-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23d5d4e6'/%3e%3c/svg%3e");
-  --bs-input-switch-label-color: var(--bs-gray);
-  --bs-input-switch-active-label-color: var(--bs-gray-700);
+.Toastify__progress-bar-theme--dark {
+  background: var(--toastify-color-progress-dark);
+}
+.Toastify__progress-bar--info {
+  background: var(--toastify-color-progress-info);
 }
-.form-switch .form-check-label {
-  color: var(--bs-input-switch-label-color);
+.Toastify__progress-bar--success {
+  background: var(--toastify-color-progress-success);
 }
-.form-switch .form-check-input:checked ~ .form-check-label {
-  color: var(--bs-input-switch-active-label-color);
+.Toastify__progress-bar--warning {
+  background: var(--toastify-color-progress-warning);
 }
-.form-switch .form-check-input {
-  background-color: var(--bs-input-switch-bg);
-  background-image: var(--bs-input-switch-dot);
-  border: 1px solid var(--bs-input-switch-border-color);
+.Toastify__progress-bar--error {
+  background: var(--toastify-color-progress-error);
 }
-.form-switch .form-check-input:checked {
-  background-color: var(--bs-input-switch-active-bg);
-  border-color: var(--bs-input-switch-active-border-color);
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
+  background: var(--toastify-color-transparent);
 }
-.form-switch .form-check-input[disabled]:not(:checked), .form-switch .form-check-input:disabled:not(:checked) {
-  background-color: var(--bs-input-switch-disabled-bg);
-  background-image: var(--bs-input-switch-disabled-dot);
-  border-color: var(--bs-input-switch-disabled-border-color);
+
+.Toastify__close-button {
+  color: #fff;
+  background: transparent;
+  outline: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  opacity: 0.7;
+  transition: 0.3s ease;
+  align-self: flex-start;
 }
-.form-switch:hover.form-switch .form-check-input:not([disabled]),
-.form-switch:hover.form-switch .form-check-input:not(:disabled) {
-  border-color: var(--bs-input-switch-hover-border-color);
+.Toastify__close-button--light {
+  color: #000;
+  opacity: 0.3;
 }
-.form-switch:focus-within.form-switch .form-check-input {
-  outline: 2px solid var(--bs-input-switch-focus-outline-color);
-  outline-offset: 2px;
+.Toastify__close-button > svg {
+  fill: currentColor;
+  height: 16px;
+  width: 14px;
+}
+.Toastify__close-button:hover, .Toastify__close-button:focus {
+  opacity: 1;
 }
 
-.form-check-input:hover {
-  border-color: var(--bs-focus-ring-color);
+@keyframes Toastify__trackProgress {
+  0% {
+    transform: scaleX(1);
+  }
+  100% {
+    transform: scaleX(0);
+  }
 }
-.form-check-input:focus {
-  border-color: var(--bs-gray-300);
-  outline: 2px solid var(--bs-focus-ring-color);
-  outline-offset: 2px;
+.Toastify__progress-bar {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 5px;
+  z-index: var(--toastify-z-index);
+  opacity: 0.7;
+  transform-origin: left;
 }
-.form-check-input:checked {
-  border-color: var(--bs-focus-ring-color);
+.Toastify__progress-bar--animated {
+  animation: Toastify__trackProgress linear 1 forwards;
 }
-.form-check-input:disabled {
-  background-color: var(--bs-gray-100);
-  border-color: var(--bs-gray-300);
+.Toastify__progress-bar--controlled {
+  transition: transform 0.2s;
+}
+.Toastify__progress-bar--rtl {
+  right: 0;
+  left: initial;
+  transform-origin: right;
 }
 
-.d-input:has(.form-select:not(:disabled)) {
-  --bs-input-group-border-color: var(--bs-input-group-hover-border-color);
+.Toastify__spinner {
+  width: 20px;
+  height: 20px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: var(--toastify-spinner-color-empty-area);
+  border-right-color: var(--toastify-spinner-color);
+  animation: Toastify__spin 0.65s linear infinite;
 }
-.d-input .form-floating:not(:last-child) .form-select {
-  padding-right: 2rem;
-  background-position: right center;
+
+@keyframes Toastify__bounceInRight {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  from {
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+  75% {
+    transform: translate3d(10px, 0, 0);
+  }
+  90% {
+    transform: translate3d(-5px, 0, 0);
+  }
+  to {
+    transform: none;
+  }
 }
-.d-input .form-select {
-  text-align: var(--bs-input-form-control-text-align);
-  border-width: 0;
-  box-shadow: none;
+@keyframes Toastify__bounceOutRight {
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
 }
-.d-input .form-select:not(:last-child, .floating-label) {
-  padding-right: 2rem;
-  background-position: right center;
+@keyframes Toastify__bounceInLeft {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+  75% {
+    transform: translate3d(-10px, 0, 0);
+  }
+  90% {
+    transform: translate3d(5px, 0, 0);
+  }
+  to {
+    transform: none;
+  }
 }
-.d-input .form-select:not(:first-child) {
-  padding-left: 0;
+@keyframes Toastify__bounceOutLeft {
+  20% {
+    opacity: 1;
+    transform: translate3d(20px, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
 }
-
-.d-input-pin {
-  --bs-input-pin-gap: 0.5rem;
-  --bs-input-pin-label-gap: var(--bs-ref-spacer-1);
-  --bs-input-pin-label-focus-color: var(--bs-secondary);
-  --bs-input-pin-label-padding-x: var(--bs-ref-spacer-2);
-  --bs-input-pin-label-padding-y: 0;
-  --bs-input-pin-label-font-weight: var(--bs-ref-fw-bold);
-  --bs-input-pin-label-font-size: var(--bs-ref-fs-small);
-  --bs-input-pin-label-color: var(--bs-gray);
-  --bs-input-pin-form-control-gap: 0.25rem;
-  --bs-input-pin-form-control-width: 4rem;
-  --bs-input-pin-form-control-height: 4rem;
-  --bs-input-pin-form-control-border-color: var(--bs-gray);
-  --bs-input-pin-form-control-focus-border-color: var(--bs-secondary);
-  --bs-input-pin-form-control-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
-  --bs-input-pin-form-control-hover-border-color: var(--bs-gray);
-  --bs-input-pin-form-text-padding: 0 0.5rem;
-  --bs-input-pin-form-text-gap: 0.5rem;
-  --bs-input-pin-form-text-color: var(--bs-gray);
-  display: flex;
-  flex-direction: column;
-  gap: var(--bs-input-pin-gap);
-  align-items: flex-start;
+@keyframes Toastify__bounceInUp {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  from {
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  75% {
+    transform: translate3d(0, 10px, 0);
+  }
+  90% {
+    transform: translate3d(0, -5px, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
 }
-.d-input-pin label {
-  display: inline-flex;
-  flex-direction: row;
-  gap: var(--bs-input-pin-label-gap);
-  align-items: center;
-  padding: var(--bs-input-pin-label-padding-y) var(--bs-input-pin-label-padding-x);
-  font-size: var(--bs-input-pin-label-font-size);
-  font-weight: var(--bs-input-pin-label-font-weight);
-  color: var(--bs-input-pin-label-color);
+@keyframes Toastify__bounceOutUp {
+  20% {
+    transform: translate3d(0, -10px, 0);
+  }
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, 20px, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+@keyframes Toastify__bounceInDown {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+  75% {
+    transform: translate3d(0, -10px, 0);
+  }
+  90% {
+    transform: translate3d(0, 5px, 0);
+  }
+  to {
+    transform: none;
+  }
 }
-.d-input-pin label .d-input-pin-icon {
-  --bs-icon-color: var(--bs-focus-ring-color);
+@keyframes Toastify__bounceOutDown {
+  20% {
+    transform: translate3d(0, 10px, 0);
+  }
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
 }
-.d-input-pin .d-input-pin-controls {
-  display: flex;
-  flex-direction: row;
-  gap: var(--bs-input-pin-form-control-gap);
-  width: 100%;
+.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
+  animation-name: Toastify__bounceInLeft;
 }
-.d-input-pin .form-control {
-  width: var(--bs-input-pin-form-control-width);
-  height: var(--bs-input-pin-form-control-height);
-  text-align: center;
-  box-shadow: none;
+.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
+  animation-name: Toastify__bounceInRight;
 }
-.d-input-pin .form-control::-webkit-inner-spin-button,
-.d-input-pin .form-control::-webkit-outer-spin-button {
-  margin: 0;
-  -webkit-appearance: none;
-          appearance: none;
+.Toastify__bounce-enter--top-center {
+  animation-name: Toastify__bounceInDown;
 }
-.d-input-pin .form-control:not(:-moz-placeholder-shown) {
-  border-color: var(--bs-input-pin-form-control-border-color);
+.Toastify__bounce-enter--bottom-center {
+  animation-name: Toastify__bounceInUp;
 }
-.d-input-pin .form-control:not(:placeholder-shown) {
-  border-color: var(--bs-input-pin-form-control-border-color);
+
+.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
+  animation-name: Toastify__bounceOutLeft;
 }
-.d-input-pin:has(.form-control:hover) .form-control:not(:disabled) {
-  border-color: var(--bs-input-pin-form-control-hover-border-color);
+.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
+  animation-name: Toastify__bounceOutRight;
 }
-.d-input-pin:focus-within .form-control {
-  border-color: var(--bs-input-pin-form-control-focus-border-color);
-  box-shadow: var(--bs-input-pin-form-control-focus-box-shadow);
+.Toastify__bounce-exit--top-center {
+  animation-name: Toastify__bounceOutUp;
 }
-.d-input-pin:focus-within:has(.form-control:hover) .form-control {
-  border-color: var(--bs-input-pin-form-control-focus-border-color);
+.Toastify__bounce-exit--bottom-center {
+  animation-name: Toastify__bounceOutDown;
 }
-.d-input-pin:has(.form-control.is-valid) .form-control {
-  border-color: var(--bs-success);
+
+@keyframes Toastify__zoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
 }
-.d-input-pin:has(.form-control.is-valid) .form-text {
-  color: var(--bs-form-valid-border-color);
+@keyframes Toastify__zoomOut {
+  from {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
 }
-.d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon {
-  --bs-icon-color: var(--bs-success);
+.Toastify__zoom-enter {
+  animation-name: Toastify__zoomIn;
 }
-.d-input-pin:has(.form-control.is-invalid) .form-control {
-  border-color: var(--bs-danger);
+
+.Toastify__zoom-exit {
+  animation-name: Toastify__zoomOut;
 }
-.d-input-pin:has(.form-control.is-invalid) .form-text {
-  color: var(--bs-form-invalid-border-color);
+
+@keyframes Toastify__flipIn {
+  from {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+  40% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+  60% {
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+  80% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+  to {
+    transform: perspective(400px);
+  }
 }
-.d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon {
-  --bs-icon-color: var(--bs-danger);
+@keyframes Toastify__flipOut {
+  from {
+    transform: perspective(400px);
+  }
+  30% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+  to {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
 }
-.d-input-pin .input-group-text {
-  padding-left: var(--bs-input-pin-form-control-gap);
+.Toastify__flip-enter {
+  animation-name: Toastify__flipIn;
 }
-.d-input-pin .form-text {
-  display: inline-flex;
-  flex-direction: row;
-  gap: var(--bs-input-pin-form-text-gap);
-  align-items: center;
-  padding: var(--bs-input-pin-form-text-padding);
-  color: var(--bs-input-pin-form-text-color);
+
+.Toastify__flip-exit {
+  animation-name: Toastify__flipOut;
 }
 
-.btn {
-  --bs-btn-padding-x: 1rem;
-  --bs-btn-padding-y: 0.5rem;
-  --bs-btn-font-family: ;
-  --bs-btn-font-size: 1rem;
-  --bs-btn-font-weight: 400;
-  --bs-btn-line-height: 1.2rem;
-  --bs-btn-color: var(--bs-body-color);
-  --bs-btn-bg: transparent;
-  --bs-btn-border-width: 1px;
-  --bs-btn-border-color: transparent;
-  --bs-btn-border-radius: var(--bs-btn-component-border-radius, 0.5rem);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-box-shadow: none;
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
-  --bs-btn–text-decoration: if($link-decoration == none, null, none);
-  --bs-btn-lg-padding-y: 0.875rem;
-  --bs-btn-lg-padding-x: 1.5rem;
-  --bs-btn-lg-font-size: 1.125rem;
-  --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, 1rem);
-  --bs-btn-sm-padding-y: 0.25rem;
-  --bs-btn-sm-padding-x: 1rem;
-  --bs-btn-sm-font-size: 0.875rem;
-  --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, 0.5rem);
-  display: inline-flex;
-  flex-direction: row;
-  gap: var(--bs-btn-gap, 0.5rem);
-  align-items: center;
-  justify-content: center;
-  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
-  font-family: var(--bs-btn-font-family);
-  font-size: var(--bs-btn-font-size);
-  font-weight: var(--bs-btn-font-weight);
-  line-height: var(--bs-btn-line-height);
-  color: var(--bs-btn-color);
-  text-align: center;
-  text-decoration: none;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
-  border-radius: var(--bs-btn-border-radius);
-  background-color: var(--bs-btn-bg);
-  box-shadow: var(--bs-btn-box-shadow);
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+@keyframes Toastify__slideInRight {
+  from {
+    transform: translate3d(110%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
 }
-@media (prefers-reduced-motion: reduce) {
-  .btn {
-    transition: none;
+@keyframes Toastify__slideInLeft {
+  from {
+    transform: translate3d(-110%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, 0, 0);
   }
 }
-.btn > span {
-  -webkit-text-decoration: var(--bs-btn-text-decoration);
-          text-decoration: var(--bs-btn-text-decoration);
+@keyframes Toastify__slideInUp {
+  from {
+    transform: translate3d(0, 110%, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
 }
-.btn:hover, .btn.hover {
-  color: var(--bs-btn-hover-color);
-  text-decoration: none;
-  background-color: var(--bs-btn-hover-bg);
-  border-color: var(--bs-btn-hover-border-color);
+@keyframes Toastify__slideInDown {
+  from {
+    transform: translate3d(0, -110%, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
 }
-.btn-check + .btn:hover {
-  color: var(--bs-btn-color);
-  background-color: var(--bs-btn-bg);
-  border-color: var(--bs-btn-border-color);
+@keyframes Toastify__slideOutRight {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(110%, 0, 0);
+  }
 }
-.btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
-  color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
-  background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
-  border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
-  outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
-  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
+@keyframes Toastify__slideOutLeft {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(-110%, 0, 0);
+  }
 }
-.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
-  color: var(--bs-btn-active-color);
-  background-color: var(--bs-btn-active-bg);
-  border-color: var(--bs-btn-active-border-color);
-  box-shadow: var(--bs-btn-active-shadow);
+@keyframes Toastify__slideOutDown {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(0, 500px, 0);
+  }
 }
-.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
-  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
+@keyframes Toastify__slideOutUp {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -500px, 0);
+  }
 }
-.btn:disabled, .btn.disabled, fieldset:disabled .btn {
-  color: var(--bs-btn-disabled-color);
-  pointer-events: none;
-  background-color: var(--bs-btn-disabled-bg);
-  border-color: var(--bs-btn-disabled-border-color);
-  opacity: var(--bs-btn-disabled-opacity);
-  box-shadow: none;
+.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
+  animation-name: Toastify__slideInLeft;
 }
-.btn .d-icon {
-  --bs-icon-size: var(--bs-btn-font-size);
+.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
+  animation-name: Toastify__slideInRight;
 }
-
-.btn-primary {
-  --bs-btn-color: var(--bs-white);
-  --bs-btn-bg: var(--bs-primary-500);
-  --bs-btn-border-color: var(--bs-primary-500);
-  --bs-btn-hover-color: var(--bs-white);
-  --bs-btn-hover-bg: var(--bs-primary-600);
-  --bs-btn-hover-border-color: var(--bs-primary-600);
-  --bs-btn-focus-color: var(--bs-white);
-  --bs-btn-focus-bg: var(--bs-primary-600);
-  --bs-btn-focus-border-color: var(--bs-primary-600);
-  --bs-btn-active-color: var(--bs-white);
-  --bs-btn-active-bg: var(--bs-primary-700);
-  --bs-btn-active-border-color: var(--bs-primary-700);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-btn-disabled-bg: var(--bs-primary-100);
-  --bs-btn-disabled-border-color: var(--bs-primary-100);
+.Toastify__slide-enter--top-center {
+  animation-name: Toastify__slideInDown;
 }
-.btn-primary.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: var(--bs-primary-700);
-  --bs-btn-disabled-border-color: var(--bs-primary-700);
-  --bs-btn-disabled-color: var(--bs-white);
+.Toastify__slide-enter--bottom-center {
+  animation-name: Toastify__slideInUp;
 }
 
-.btn-outline-primary {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: var(--bs-primary-600);
-  --bs-btn-color: var(--bs-primary-600);
-  --bs-btn-hover-bg: var(--bs-primary-100);
-  --bs-btn-hover-border-color: var(--bs-primary-600);
-  --bs-btn-hover-color: var(--bs-primary-600);
-  --bs-btn-focus-bg: var(--bs-primary-100);
-  --bs-btn-focus-border-color: var(--bs-primary-600);
-  --bs-btn-focus-color: var(--bs-primary-600);
-  --bs-btn-active-bg: var(--bs-primary-200);
-  --bs-btn-active-border-color: var(--bs-primary-600);
-  --bs-btn-active-color: var(--bs-primary-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-primary-100);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-gradient: none;
-}
-.btn-outline-primary.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-primary-600);
-  --bs-btn-disabled-color: var(--bs-primary-600);
+.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
+  animation-name: Toastify__slideOutLeft;
 }
-
-.btn-link-primary {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-color: var(--bs-primary-600);
-  --bs-btn-hover-bg: var(--bs-primary-100);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-primary-600);
-  --bs-btn-focus-bg: transparent;
-  --bs-btn-focus-border-color: transparent;
-  --bs-btn-focus-color: var(--bs-primary-600);
-  --bs-btn-active-bg: var(--bs-primary-200);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-active-color: var(--bs-primary-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-primary-300);
-  --bs-btn-focus-outline-offset: 0;
+.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
+  animation-name: Toastify__slideOutRight;
 }
-.btn-link-primary span {
-  text-decoration: underline;
+.Toastify__slide-exit--top-center {
+  animation-name: Toastify__slideOutUp;
 }
-.btn-link-primary.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-primary-600);
+.Toastify__slide-exit--bottom-center {
+  animation-name: Toastify__slideOutDown;
 }
 
-.btn-secondary {
-  --bs-btn-color: var(--bs-white);
-  --bs-btn-bg: var(--bs-secondary-500);
-  --bs-btn-border-color: var(--bs-secondary-500);
-  --bs-btn-hover-color: var(--bs-white);
-  --bs-btn-hover-bg: var(--bs-secondary-600);
-  --bs-btn-hover-border-color: var(--bs-secondary-600);
-  --bs-btn-focus-color: var(--bs-white);
-  --bs-btn-focus-bg: var(--bs-secondary-600);
-  --bs-btn-focus-border-color: var(--bs-secondary-600);
-  --bs-btn-active-color: var(--bs-white);
-  --bs-btn-active-bg: var(--bs-secondary-700);
-  --bs-btn-active-border-color: var(--bs-secondary-700);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-btn-disabled-bg: var(--bs-secondary-100);
-  --bs-btn-disabled-border-color: var(--bs-secondary-100);
+@keyframes Toastify__spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
-.btn-secondary.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: var(--bs-secondary-700);
-  --bs-btn-disabled-border-color: var(--bs-secondary-700);
-  --bs-btn-disabled-color: var(--bs-white);
+.d-icon {
+  --bs-icon-color: var(--bs-icon-component-color, inherit);
+  --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
+  --bs-icon-size: var(--bs-icon-component-size, 1.5rem);
+  --bs-icon-padding: var(--bs-icon-component-padding, 0);
+  --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
+  display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
+  align-items: center;
+  justify-content: center;
+  width: var(--bs-icon-size);
+  height: var(--bs-icon-size);
+  padding: var(--bs-icon-padding);
+  font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
+  color: var(--bs-icon-color);
+  background-color: var(--bs-icon-bg-color);
+  border-radius: var(--bs-icon-padding);
 }
 
-.btn-outline-secondary {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: var(--bs-secondary-600);
-  --bs-btn-color: var(--bs-secondary-600);
-  --bs-btn-hover-bg: var(--bs-secondary-100);
-  --bs-btn-hover-border-color: var(--bs-secondary-600);
-  --bs-btn-hover-color: var(--bs-secondary-600);
-  --bs-btn-focus-bg: var(--bs-secondary-100);
-  --bs-btn-focus-border-color: var(--bs-secondary-600);
-  --bs-btn-focus-color: var(--bs-secondary-600);
-  --bs-btn-active-bg: var(--bs-secondary-200);
-  --bs-btn-active-border-color: var(--bs-secondary-600);
-  --bs-btn-active-color: var(--bs-secondary-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-secondary-100);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-gradient: none;
-}
-.btn-outline-secondary.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-secondary-600);
-  --bs-btn-disabled-color: var(--bs-secondary-600);
+.d-icon-loading {
+  animation: loading-icon var(--bs-icon-loading-duration) infinite linear;
 }
 
-.btn-link-secondary {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-color: var(--bs-secondary-600);
-  --bs-btn-hover-bg: var(--bs-secondary-100);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-secondary-600);
-  --bs-btn-focus-bg: transparent;
-  --bs-btn-focus-border-color: transparent;
-  --bs-btn-focus-color: var(--bs-secondary-600);
-  --bs-btn-active-bg: var(--bs-secondary-200);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-active-color: var(--bs-secondary-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-secondary-300);
-  --bs-btn-focus-outline-offset: 0;
-}
-.btn-link-secondary span {
-  text-decoration: underline;
-}
-.btn-link-secondary.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-secondary-600);
+@keyframes loading-icon {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
-
-.btn-success {
-  --bs-btn-color: var(--bs-white);
-  --bs-btn-bg: var(--bs-success-500);
-  --bs-btn-border-color: var(--bs-success-500);
-  --bs-btn-hover-color: var(--bs-white);
-  --bs-btn-hover-bg: var(--bs-success-600);
-  --bs-btn-hover-border-color: var(--bs-success-600);
-  --bs-btn-focus-color: var(--bs-white);
-  --bs-btn-focus-bg: var(--bs-success-600);
-  --bs-btn-focus-border-color: var(--bs-success-600);
-  --bs-btn-active-color: var(--bs-white);
-  --bs-btn-active-bg: var(--bs-success-700);
-  --bs-btn-active-border-color: var(--bs-success-700);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-btn-disabled-bg: var(--bs-success-100);
-  --bs-btn-disabled-border-color: var(--bs-success-100);
+.d-input {
+  --bs-input-gap: 0.5rem;
+  --bs-input-label-color: var(--bs-gray);
+  --bs-input-label-font-weight: var(--bs-ref-fw-bold);
+  --bs-input-label-font-size: var(--bs-ref-fs-small);
+  --bs-input-label-padding-x: var(--bs-ref-spacer-2);
+  --bs-input-label-padding-y: 0;
+  --bs-input-label-gap: var(--bs-ref-spacer-1);
+  --bs-input-group-border-color: var(--bs-gray-300);
+  --bs-input-group-border-width: 1px;
+  --bs-input-group-border-radius: var(--bs-border-radius-sm);
+  --bs-input-group-hover-border-color: var(--bs-gray);
+  --bs-input-group-focus-border-color: var(--bs-secondary);
+  --bs-input-group-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
+  --bs-input-form-control-text-align: var(--bs-input-component-form-control-text-align, "left");
+  --bs-input-form-text-padding: 0 0.5rem;
+  --bs-input-form-text-gap: 0.5rem;
+  --bs-input-form-text-color: var(--bs-gray);
+  --bs-input-group-disabled-border-color: var(--bs-gray-300);
+  --bs-input-group-disabled-bg: var(--bs-gray-100);
+  --bs-input-group-disabled-color: var(--bs-gray);
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-input-gap);
+  align-items: flex-start;
 }
-.btn-success.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: var(--bs-success-700);
-  --bs-btn-disabled-border-color: var(--bs-success-700);
-  --bs-btn-disabled-color: var(--bs-white);
+.d-input:focus-within .input-group {
+  border-color: var(--bs-input-group-focus-border-color);
+  box-shadow: var(--bs-input-group-focus-box-shadow);
 }
-
-.btn-outline-success {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: var(--bs-success-600);
-  --bs-btn-color: var(--bs-success-600);
-  --bs-btn-hover-bg: var(--bs-success-100);
-  --bs-btn-hover-border-color: var(--bs-success-600);
-  --bs-btn-hover-color: var(--bs-success-600);
-  --bs-btn-focus-bg: var(--bs-success-100);
-  --bs-btn-focus-border-color: var(--bs-success-600);
-  --bs-btn-focus-color: var(--bs-success-600);
-  --bs-btn-active-bg: var(--bs-success-200);
-  --bs-btn-active-border-color: var(--bs-success-600);
-  --bs-btn-active-color: var(--bs-success-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-success-100);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-gradient: none;
+.d-input .d-input-control {
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-input-gap);
+  width: 100%;
 }
-.btn-outline-success.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-success-600);
-  --bs-btn-disabled-color: var(--bs-success-600);
+.d-input label {
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--bs-input-label-gap);
+  align-items: center;
 }
-
-.btn-link-success {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-color: var(--bs-success-600);
-  --bs-btn-hover-bg: var(--bs-success-100);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-success-600);
-  --bs-btn-focus-bg: transparent;
-  --bs-btn-focus-border-color: transparent;
-  --bs-btn-focus-color: var(--bs-success-600);
-  --bs-btn-active-bg: var(--bs-success-200);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-active-color: var(--bs-success-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-success-300);
-  --bs-btn-focus-outline-offset: 0;
+.d-input label .d-input-icon .d-icon {
+  --bs-icon-color: var(--bs-focus-ring-color);
 }
-.btn-link-success span {
-  text-decoration: underline;
+.d-input .input-group {
+  border: var(--bs-input-group-border-width) solid var(--bs-input-group-border-color);
+  border-radius: var(--bs-input-group-border-radius);
 }
-.btn-link-success.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-success-600);
+.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown)) {
+  border-color: var(--bs-input-group-hover-border-color);
 }
-
-.btn-info {
-  --bs-btn-color: var(--bs-white);
-  --bs-btn-bg: var(--bs-info-500);
-  --bs-btn-border-color: var(--bs-info-500);
-  --bs-btn-hover-color: var(--bs-white);
-  --bs-btn-hover-bg: var(--bs-info-600);
-  --bs-btn-hover-border-color: var(--bs-info-600);
-  --bs-btn-focus-color: var(--bs-white);
-  --bs-btn-focus-bg: var(--bs-info-600);
-  --bs-btn-focus-border-color: var(--bs-info-600);
-  --bs-btn-active-color: var(--bs-white);
-  --bs-btn-active-bg: var(--bs-info-700);
-  --bs-btn-active-border-color: var(--bs-info-700);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-btn-disabled-bg: var(--bs-info-100);
-  --bs-btn-disabled-border-color: var(--bs-info-100);
+.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown)) {
+  border-color: var(--bs-input-group-hover-border-color);
 }
-.btn-info.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: var(--bs-info-700);
-  --bs-btn-disabled-border-color: var(--bs-info-700);
-  --bs-btn-disabled-color: var(--bs-white);
+.d-input:has(.form-control.is-valid) .input-group {
+  border-color: var(--bs-form-valid-border-color);
+  box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
 }
-
-.btn-outline-info {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: var(--bs-info-600);
-  --bs-btn-color: var(--bs-info-600);
-  --bs-btn-hover-bg: var(--bs-info-100);
-  --bs-btn-hover-border-color: var(--bs-info-600);
-  --bs-btn-hover-color: var(--bs-info-600);
-  --bs-btn-focus-bg: var(--bs-info-100);
-  --bs-btn-focus-border-color: var(--bs-info-600);
-  --bs-btn-focus-color: var(--bs-info-600);
-  --bs-btn-active-bg: var(--bs-info-200);
-  --bs-btn-active-border-color: var(--bs-info-600);
-  --bs-btn-active-color: var(--bs-info-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-info-100);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-gradient: none;
+.d-input:has(.form-control.is-valid) .input-group ~ .form-text {
+  color: var(--bs-form-valid-border-color);
 }
-.btn-outline-info.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-info-600);
-  --bs-btn-disabled-color: var(--bs-info-600);
+.d-input:has(.form-control.is-valid) .d-input-validation-icon {
+  --bs-icon-color: var(--bs-success);
 }
-
-.btn-link-info {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-color: var(--bs-info-600);
-  --bs-btn-hover-bg: var(--bs-info-100);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-info-600);
-  --bs-btn-focus-bg: transparent;
-  --bs-btn-focus-border-color: transparent;
-  --bs-btn-focus-color: var(--bs-info-600);
-  --bs-btn-active-bg: var(--bs-info-200);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-active-color: var(--bs-info-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-info-300);
-  --bs-btn-focus-outline-offset: 0;
+.d-input:has(.form-control.is-invalid) .input-group {
+  border-color: var(--bs-form-invalid-border-color);
+  box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
 }
-.btn-link-info span {
-  text-decoration: underline;
+.d-input:has(.form-control.is-invalid) .input-group ~ .form-text {
+  color: var(--bs-form-invalid-border-color);
 }
-.btn-link-info.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-info-600);
+.d-input:has(.form-control.is-invalid) .d-input-validation-icon {
+  --bs-icon-color: var(--bs-danger);
 }
-
-.btn-warning {
-  --bs-btn-color: var(--bs-black);
-  --bs-btn-bg: var(--bs-warning-500);
-  --bs-btn-border-color: var(--bs-warning-500);
-  --bs-btn-hover-color: var(--bs-black);
-  --bs-btn-hover-bg: var(--bs-warning-600);
-  --bs-btn-hover-border-color: var(--bs-warning-600);
-  --bs-btn-focus-color: var(--bs-black);
-  --bs-btn-focus-bg: var(--bs-warning-600);
-  --bs-btn-focus-border-color: var(--bs-warning-600);
-  --bs-btn-active-color: var(--bs-black);
-  --bs-btn-active-bg: var(--bs-warning-700);
-  --bs-btn-active-border-color: var(--bs-warning-700);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-btn-disabled-bg: var(--bs-warning-100);
-  --bs-btn-disabled-border-color: var(--bs-warning-100);
+.d-input .input-group ~ .form-text {
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--bs-input-form-text-gap);
+  align-items: center;
+  padding: var(--bs-input-form-text-padding);
+  color: var(--bs-input-form-text-color);
 }
-.btn-warning.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: var(--bs-warning-700);
-  --bs-btn-disabled-border-color: var(--bs-warning-700);
-  --bs-btn-disabled-color: var(--bs-black);
+.d-input .form-control {
+  text-align: var(--bs-input-form-control-text-align);
+  border-width: 0;
+  box-shadow: none;
 }
-
-.btn-outline-warning {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: var(--bs-warning-600);
-  --bs-btn-color: var(--bs-warning-600);
-  --bs-btn-hover-bg: var(--bs-warning-100);
-  --bs-btn-hover-border-color: var(--bs-warning-600);
-  --bs-btn-hover-color: var(--bs-warning-600);
-  --bs-btn-focus-bg: var(--bs-warning-100);
-  --bs-btn-focus-border-color: var(--bs-warning-600);
-  --bs-btn-focus-color: var(--bs-warning-600);
-  --bs-btn-active-bg: var(--bs-warning-200);
-  --bs-btn-active-border-color: var(--bs-warning-600);
-  --bs-btn-active-color: var(--bs-warning-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-warning-100);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-gradient: none;
+.d-input .form-control:not(:last-child) {
+  padding-right: 0;
 }
-.btn-outline-warning.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-warning-600);
-  --bs-btn-disabled-color: var(--bs-warning-600);
+.d-input .form-control:not(:first-child) {
+  padding-left: 0;
 }
-
-.btn-link-warning {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-color: var(--bs-warning-600);
-  --bs-btn-hover-bg: var(--bs-warning-100);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-warning-600);
-  --bs-btn-focus-bg: transparent;
-  --bs-btn-focus-border-color: transparent;
-  --bs-btn-focus-color: var(--bs-warning-600);
-  --bs-btn-active-bg: var(--bs-warning-200);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-active-color: var(--bs-warning-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-warning-300);
-  --bs-btn-focus-outline-offset: 0;
+.d-input .form-control::-webkit-inner-spin-button,
+.d-input .form-control::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+          appearance: none;
+}
+.d-input .form-control.is-invalid:focus,
+.d-input .form-control.is-valid:focus {
+  border: 0;
+  box-shadow: unset;
+}
+.d-input .input-group-text {
+  border: 0;
+  outline: 0;
 }
-.btn-link-warning span {
-  text-decoration: underline;
+.d-input .form-control:disabled {
+  background: var(--bs-input-group-disabled-bg);
 }
-.btn-link-warning.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-warning-600);
+.d-input:has(.form-control:disabled) .input-group-text {
+  background: var(--bs-input-group-disabled-bg);
 }
-
-.btn-danger {
-  --bs-btn-color: var(--bs-white);
-  --bs-btn-bg: var(--bs-danger-500);
-  --bs-btn-border-color: var(--bs-danger-500);
-  --bs-btn-hover-color: var(--bs-white);
-  --bs-btn-hover-bg: var(--bs-danger-600);
-  --bs-btn-hover-border-color: var(--bs-danger-600);
-  --bs-btn-focus-color: var(--bs-white);
-  --bs-btn-focus-bg: var(--bs-danger-600);
-  --bs-btn-focus-border-color: var(--bs-danger-600);
-  --bs-btn-active-color: var(--bs-white);
-  --bs-btn-active-bg: var(--bs-danger-700);
-  --bs-btn-active-border-color: var(--bs-danger-700);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-btn-disabled-bg: var(--bs-danger-100);
-  --bs-btn-disabled-border-color: var(--bs-danger-100);
+.d-input:has(.form-control:disabled) .d-input-icon .d-icon {
+  color: var(--bs-input-group-disabled-color);
 }
-.btn-danger.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: var(--bs-danger-700);
-  --bs-btn-disabled-border-color: var(--bs-danger-700);
-  --bs-btn-disabled-color: var(--bs-white);
+.d-input:has(.form-control:disabled) .input-group {
+  border-color: var(--bs-input-group-disabled-border-color);
 }
 
-.btn-outline-danger {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: var(--bs-danger-600);
-  --bs-btn-color: var(--bs-danger-600);
-  --bs-btn-hover-bg: var(--bs-danger-100);
-  --bs-btn-hover-border-color: var(--bs-danger-600);
-  --bs-btn-hover-color: var(--bs-danger-600);
-  --bs-btn-focus-bg: var(--bs-danger-100);
-  --bs-btn-focus-border-color: var(--bs-danger-600);
-  --bs-btn-focus-color: var(--bs-danger-600);
-  --bs-btn-active-bg: var(--bs-danger-200);
-  --bs-btn-active-border-color: var(--bs-danger-600);
-  --bs-btn-active-color: var(--bs-danger-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-danger-100);
-  --bs-btn-disabled-color: var(--bs-gray-700);
-  --bs-gradient: none;
-}
-.btn-outline-danger.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: var(--bs-danger-600);
-  --bs-btn-disabled-color: var(--bs-danger-600);
+.label,
+label {
+  padding: var(--bs-input-label-padding-y, var(--bs-label-padding-y)) var(--bs-input-label-padding-x, var(--bs-label-padding-x));
+  font-size: var(--bs-input-label-font-size, var(--bs-label-font-size));
+  font-weight: var(--bs-input-label-font-weight, var(--bs-label-font-weight));
+  color: var(--bs-input-label-color, var(--bs-label-color));
 }
 
-.btn-link-danger {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-color: var(--bs-danger-600);
-  --bs-btn-hover-bg: var(--bs-danger-100);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-danger-600);
-  --bs-btn-focus-bg: transparent;
-  --bs-btn-focus-border-color: transparent;
-  --bs-btn-focus-color: var(--bs-danger-600);
-  --bs-btn-active-bg: var(--bs-danger-200);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-active-color: var(--bs-danger-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-danger-300);
-  --bs-btn-focus-outline-offset: 0;
+.d-input:has(.form-select:not(:disabled)) {
+  --bs-input-group-border-color: var(--bs-input-group-hover-border-color);
 }
-.btn-link-danger span {
-  text-decoration: underline;
+.d-input .form-floating:not(:last-child) .form-select {
+  padding-right: 2rem;
+  background-position: right center;
 }
-.btn-link-danger.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-danger-600);
+.d-input .form-select {
+  text-align: var(--bs-input-form-control-text-align);
+  border-width: 0;
+  box-shadow: none;
 }
-
-.btn-light {
-  --bs-btn-color: #555564;
-  --bs-btn-bg: #f7f7ff;
-  --bs-btn-border-color: #f7f7ff;
-  --bs-btn-hover-color: #555564;
-  --bs-btn-hover-bg: #d2d2d9;
-  --bs-btn-hover-border-color: #c6c6cc;
-  --bs-btn-focus-shadow-rgb: 223, 223, 232;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #c6c6cc;
-  --bs-btn-active-border-color: #b9b9bf;
-  --bs-btn-active-shadow: none;
-  --bs-btn-disabled-color: #555564;
-  --bs-btn-disabled-bg: #f7f7ff;
-  --bs-btn-disabled-border-color: #f7f7ff;
+.d-input .form-select:not(:last-child, .floating-label) {
+  padding-right: 2rem;
+  background-position: right center;
 }
-
-.btn-outline-light {
-  --bs-btn-color: #f7f7ff;
-  --bs-btn-border-color: #f7f7ff;
-  --bs-btn-hover-color: #555564;
-  --bs-btn-hover-bg: #f7f7ff;
-  --bs-btn-hover-border-color: #f7f7ff;
-  --bs-btn-focus-shadow-rgb: 247, 247, 255;
-  --bs-btn-active-color: #555564;
-  --bs-btn-active-bg: #f7f7ff;
-  --bs-btn-active-border-color: #f7f7ff;
-  --bs-btn-active-shadow: none;
-  --bs-btn-disabled-color: #f7f7ff;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #f7f7ff;
-  --bs-gradient: none;
+.d-input .form-select:not(:first-child) {
+  padding-left: 0;
 }
 
-.btn-link-light {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-color: var(--bs-light-600);
-  --bs-btn-hover-bg: var(--bs-light-100);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-light-600);
-  --bs-btn-focus-bg: transparent;
-  --bs-btn-focus-border-color: transparent;
-  --bs-btn-focus-color: var(--bs-light-600);
-  --bs-btn-active-bg: var(--bs-light-200);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-active-color: var(--bs-light-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-light-300);
-  --bs-btn-focus-outline-offset: 0;
+.d-input-pin {
+  --bs-input-pin-gap: 0.5rem;
+  --bs-input-pin-label-gap: var(--bs-ref-spacer-1);
+  --bs-input-pin-label-focus-color: var(--bs-secondary);
+  --bs-input-pin-label-padding-x: var(--bs-ref-spacer-2);
+  --bs-input-pin-label-padding-y: 0;
+  --bs-input-pin-label-font-weight: var(--bs-ref-fw-bold);
+  --bs-input-pin-label-font-size: var(--bs-ref-fs-small);
+  --bs-input-pin-label-color: var(--bs-gray);
+  --bs-input-pin-form-control-gap: 0.25rem;
+  --bs-input-pin-form-control-width: 4rem;
+  --bs-input-pin-form-control-height: 4rem;
+  --bs-input-pin-form-control-border-color: var(--bs-gray);
+  --bs-input-pin-form-control-focus-border-color: var(--bs-secondary);
+  --bs-input-pin-form-control-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
+  --bs-input-pin-form-control-hover-border-color: var(--bs-gray);
+  --bs-input-pin-form-text-padding: 0 0.5rem;
+  --bs-input-pin-form-text-gap: 0.5rem;
+  --bs-input-pin-form-text-color: var(--bs-gray);
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-input-pin-gap);
+  align-items: flex-start;
 }
-.btn-link-light span {
-  text-decoration: underline;
+.d-input-pin label {
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--bs-input-pin-label-gap);
+  align-items: center;
+  padding: var(--bs-input-pin-label-padding-y) var(--bs-input-pin-label-padding-x);
+  font-size: var(--bs-input-pin-label-font-size);
+  font-weight: var(--bs-input-pin-label-font-weight);
+  color: var(--bs-input-pin-label-color);
 }
-.btn-link-light.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-light-600);
+.d-input-pin label .d-input-pin-icon {
+  --bs-icon-color: var(--bs-focus-ring-color);
 }
-
-.btn-dark {
-  --bs-btn-color: #fff;
-  --bs-btn-bg: #161723;
-  --bs-btn-border-color: #161723;
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #393a44;
-  --bs-btn-hover-border-color: #2d2e39;
-  --bs-btn-focus-shadow-rgb: 57, 58, 68;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #45454f;
-  --bs-btn-active-border-color: #2d2e39;
-  --bs-btn-active-shadow: none;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #161723;
-  --bs-btn-disabled-border-color: #161723;
+.d-input-pin .d-input-pin-controls {
+  display: flex;
+  flex-direction: row;
+  gap: var(--bs-input-pin-form-control-gap);
+  width: 100%;
 }
-
-.btn-outline-dark {
-  --bs-btn-color: #161723;
-  --bs-btn-border-color: #161723;
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #161723;
-  --bs-btn-hover-border-color: #161723;
-  --bs-btn-focus-shadow-rgb: 22, 23, 35;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #161723;
-  --bs-btn-active-border-color: #161723;
-  --bs-btn-active-shadow: none;
-  --bs-btn-disabled-color: #161723;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #161723;
-  --bs-gradient: none;
+.d-input-pin .form-control {
+  width: var(--bs-input-pin-form-control-width);
+  height: var(--bs-input-pin-form-control-height);
+  text-align: center;
+  box-shadow: none;
 }
-
-.btn-link-dark {
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-color: var(--bs-dark-600);
-  --bs-btn-hover-bg: var(--bs-dark-100);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-dark-600);
-  --bs-btn-focus-bg: transparent;
-  --bs-btn-focus-border-color: transparent;
-  --bs-btn-focus-color: var(--bs-dark-600);
-  --bs-btn-active-bg: var(--bs-dark-200);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-active-color: var(--bs-dark-600);
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-dark-300);
-  --bs-btn-focus-outline-offset: 0;
+.d-input-pin .form-control::-webkit-inner-spin-button,
+.d-input-pin .form-control::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+          appearance: none;
+}
+.d-input-pin .form-control:not(:-moz-placeholder-shown) {
+  border-color: var(--bs-input-pin-form-control-border-color);
+}
+.d-input-pin .form-control:not(:placeholder-shown) {
+  border-color: var(--bs-input-pin-form-control-border-color);
+}
+.d-input-pin:has(.form-control:hover) .form-control:not(:disabled) {
+  border-color: var(--bs-input-pin-form-control-hover-border-color);
+}
+.d-input-pin:focus-within .form-control {
+  border-color: var(--bs-input-pin-form-control-focus-border-color);
+  box-shadow: var(--bs-input-pin-form-control-focus-box-shadow);
 }
-.btn-link-dark span {
-  text-decoration: underline;
+.d-input-pin:focus-within:has(.form-control:hover) .form-control {
+  border-color: var(--bs-input-pin-form-control-focus-border-color);
 }
-.btn-link-dark.loading {
-  --bs-btn-disabled-opacity: 1;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-disabled-color: var(--bs-dark-600);
+.d-input-pin:has(.form-control.is-valid) .form-control {
+  border-color: var(--bs-success);
 }
-
-.btn-lg, .btn-group-lg > .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);
+.d-input-pin:has(.form-control.is-valid) .form-text {
+  color: var(--bs-form-valid-border-color);
 }
-
-.btn-sm, .btn-group-sm > .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);
-  --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
+.d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon {
+  --bs-icon-color: var(--bs-success);
 }
-
-[class*=btn-link-] {
-  --bs-btn-text-decoration: var(--bs-link-decoration);
+.d-input-pin:has(.form-control.is-invalid) .form-control {
+  border-color: var(--bs-danger);
 }
-
-.btn-link {
-  --bs-btn-font-weight: 400;
-  --bs-btn-color: var(--bs-link-color);
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-hover-color: var(--bs-link-hover-color);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-active-color: var(--bs-link-hover-color);
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-disabled-color: #616173;
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-box-shadow: 0 0 0 #000;
-  --bs-btn-focus-shadow-rgb: 222, 61, 120;
-  text-decoration: underline;
+.d-input-pin:has(.form-control.is-invalid) .form-text {
+  color: var(--bs-form-invalid-border-color);
 }
-.btn-link:hover, .btn-link:focus-visible {
-  text-decoration: underline;
+.d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon {
+  --bs-icon-color: var(--bs-danger);
 }
-.btn-link:focus-visible {
-  color: var(--bs-btn-color);
+.d-input-pin .input-group-text {
+  padding-left: var(--bs-input-pin-form-control-gap);
 }
-.btn-link:hover {
-  color: var(--bs-btn-hover-color);
+.d-input-pin .form-text {
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--bs-input-pin-form-text-gap);
+  align-items: center;
+  padding: var(--bs-input-pin-form-text-padding);
+  color: var(--bs-input-pin-form-text-color);
 }
 
 .d-quick-action-button {
@@ -8268,253 +8539,84 @@ label {
 }
 .d-quick-action-check .d-quick-action-check-detail {
   display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-}
-.d-quick-action-check .d-quick-action-check-line1 {
-  font-size: var(--bs-quick-action-check-line1-font-size);
-  font-weight: var(--bs-quick-action-check-line1-font-weight);
-  color: var(--bs-quick-action-check-line1-color);
-}
-.d-quick-action-check .d-quick-action-check-line2 {
-  font-size: var(--bs-quick-action-check-line2-font-size);
-  font-weight: var(--bs-quick-action-check-line2-font-weight);
-  color: var(--bs-quick-action-check-line2-color);
-}
-.d-quick-action-check .d-quick-action-check-line3 {
-  font-size: var(--bs-quick-action-check-line3-font-size);
-  font-weight: var(--bs-quick-action-check-line3-font-weight);
-  color: var(--bs-quick-action-check-line3-color);
-}
-.d-quick-action-check .form-check-input:focus {
-  outline: 0;
-}
-
-.d-quick-action-switch {
-  --bs-quick-action-switch-gap: var(--bs-ref-spacer-2);
-  --bs-quick-action-switch-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-3);
-  --bs-quick-action-switch-bg: var(--bs-white);
-  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
-  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
-  --bs-quick-action-switch-label-font-size: 1rem;
-  --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
-  --bs-quick-action-switch-label-color: var(--bs-gray);
-  --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
-  --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
-  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
-  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
-  --bs-quick-action-switch-checked-bg: var(--bs-white);
-  --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
-  --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
-  display: flex;
-  flex-direction: column;
-  gap: var(--bs-quick-action-switch-gap);
-  width: 100%;
-  padding: var(--bs-quick-action-switch-padding);
-  text-align: left;
-  cursor: pointer;
-  background-color: var(--bs-quick-action-switch-bg);
-  border: 0;
-  border-radius: var(--bs-quick-action-switch-border-radius);
-}
-.d-quick-action-switch:hover {
-  background: var(--bs-quick-action-switch-hover-bg);
-}
-.d-quick-action-switch:has(input:checked) {
-  background: var(--bs-quick-action-switch-checked-bg);
-}
-.d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
-  color: var(--bs-quick-action-switch-checked-label-color);
-}
-.d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
-  color: var(--bs-quick-action-switch-checked-hint-color);
-}
-.d-quick-action-switch .d-quick-action-switch-content {
-  display: flex;
-  flex-direction: row;
-  gap: var(--bs-quick-action-switch-content-gap);
-}
-.d-quick-action-switch .d-quick-action-switch-label {
-  font-size: var(--bs-quick-action-switch-label-font-size);
-  font-weight: var(--bs-quick-action-switch-label-font-weight);
-  color: var(--bs-quick-action-switch-label-color);
-}
-.d-quick-action-switch .d-quick-action-switch-hint {
-  font-size: var(--bs-quick-action-switch-hint-font-size);
-  font-weight: var(--bs-quick-action-switch-hint-font-weight);
-  color: var(--bs-quick-action-switch-hint-color);
-}
-.d-quick-action-switch .d-input-switch:focus-within.form-switch .form-check-input {
-  outline: 0;
-}
-
-.progress {
-  --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
-  font-weight: var(--bs-progress-bar-font-weight);
-}
-.progress .progress-bar:not(:empty) {
-  min-width: 4ch;
-}
-
-.alert {
-  --bs-alert-gap: 1rem;
-  --bs-alert-box-shadow: var(--bs-box-shadow-sm);
-  --bs-alert-icon-color: var(--bs-alert-color);
-  --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
-  --bs-alert-close-icon-size: 0.75rem;
-  display: flex;
-  flex-direction: row;
-  gap: var(--bs-alert-gap);
-  align-items: center;
-  box-shadow: var(--bs-alert-box-shadow);
-}
-.alert .alert-text {
-  flex-grow: 1;
-}
-.alert .alert-separator {
-  align-self: stretch;
-  width: 1px;
-  background-color: var(--bs-alert-icon-color);
-  opacity: var(--bs-alert-separator-opacity);
-}
-.alert .btn-close {
-  --bs-btn-close-bg: transparent;
-}
-.alert .alert-icon.d-icon {
-  --bs-icon-color: var(--bs-alert-icon-color);
-}
-.alert .alert-close-icon {
-  --bs-icon-color: var(--bs-alert-icon-color);
-  --bs-icon-size: var(--bs-alert-close-icon-size);
-}
-.alert.alert-primary {
-  --bs-alert-color: var(--bs-white);
-  --bs-alert-bg: var(--bs-primary);
-  --bs-alert-border-color: var(--bs-primary);
-  --bs-alert-link-color: var(--bs-white);
-}
-.alert.alert-secondary {
-  --bs-alert-color: var(--bs-white);
-  --bs-alert-bg: var(--bs-secondary);
-  --bs-alert-border-color: var(--bs-secondary);
-  --bs-alert-link-color: var(--bs-white);
-}
-.alert.alert-success {
-  --bs-alert-color: var(--bs-white);
-  --bs-alert-bg: var(--bs-success);
-  --bs-alert-border-color: var(--bs-success);
-  --bs-alert-link-color: var(--bs-white);
-}
-.alert.alert-info {
-  --bs-alert-color: var(--bs-white);
-  --bs-alert-bg: var(--bs-info);
-  --bs-alert-border-color: var(--bs-info);
-  --bs-alert-link-color: var(--bs-white);
-}
-.alert.alert-warning {
-  --bs-alert-color: var(--bs-black);
-  --bs-alert-bg: var(--bs-warning);
-  --bs-alert-border-color: var(--bs-warning);
-  --bs-alert-link-color: var(--bs-black);
-}
-.alert.alert-danger {
-  --bs-alert-color: var(--bs-white);
-  --bs-alert-bg: var(--bs-danger);
-  --bs-alert-border-color: var(--bs-danger);
-  --bs-alert-link-color: var(--bs-white);
-}
-.alert.alert-light {
-  --bs-alert-color: var(--bs-gray-700);
-  --bs-alert-bg: var(--bs-light);
-  --bs-alert-border-color: var(--bs-light);
-  --bs-alert-link-color: var(--bs-gray-700);
-}
-.alert.alert-dark {
-  --bs-alert-color: var(--bs-white);
-  --bs-alert-bg: var(--bs-dark);
-  --bs-alert-border-color: var(--bs-dark);
-  --bs-alert-link-color: var(--bs-white);
-}
-.alert.alert-soft {
-  --bs-alert-color: var(--bs-gray-900);
-  border-width: 0 0 0 5px;
-}
-.alert.alert-soft.alert-primary {
-  --bs-alert-icon-color: var(--bs-primary-500);
-  --bs-alert-bg: var(--bs-primary-100);
-}
-.alert.alert-soft.alert-secondary {
-  --bs-alert-icon-color: var(--bs-secondary-500);
-  --bs-alert-bg: var(--bs-secondary-100);
-}
-.alert.alert-soft.alert-success {
-  --bs-alert-icon-color: var(--bs-success-500);
-  --bs-alert-bg: var(--bs-success-100);
-}
-.alert.alert-soft.alert-info {
-  --bs-alert-icon-color: var(--bs-info-500);
-  --bs-alert-bg: var(--bs-info-100);
-}
-.alert.alert-soft.alert-warning {
-  --bs-alert-icon-color: var(--bs-warning-500);
-  --bs-alert-bg: var(--bs-warning-100);
+  flex-direction: column;
+  flex-grow: 1;
 }
-.alert.alert-soft.alert-danger {
-  --bs-alert-icon-color: var(--bs-danger-500);
-  --bs-alert-bg: var(--bs-danger-100);
+.d-quick-action-check .d-quick-action-check-line1 {
+  font-size: var(--bs-quick-action-check-line1-font-size);
+  font-weight: var(--bs-quick-action-check-line1-font-weight);
+  color: var(--bs-quick-action-check-line1-color);
 }
-.alert.alert-soft.alert-light {
-  --bs-alert-icon-color: var(--bs-secondary-500);
-  --bs-alert-border-color: var(--bs-secondary-500);
-  --bs-alert-bg: var(--bs-white);
+.d-quick-action-check .d-quick-action-check-line2 {
+  font-size: var(--bs-quick-action-check-line2-font-size);
+  font-weight: var(--bs-quick-action-check-line2-font-weight);
+  color: var(--bs-quick-action-check-line2-color);
 }
-
-.badge {
-  --bs-badge-bg: var(--bs-white);
-  --bs-badge-dot-height: var(--bs-ref-spacer-3);
-  display: inline-block;
-  background-color: var(--bs-badge-bg);
+.d-quick-action-check .d-quick-action-check-line3 {
+  font-size: var(--bs-quick-action-check-line3-font-size);
+  font-weight: var(--bs-quick-action-check-line3-font-weight);
+  color: var(--bs-quick-action-check-line3-color);
 }
-.badge.badge-primary {
-  --bs-badge-color: var(--bs-white);
-  --bs-badge-bg: var(--bs-primary);
+.d-quick-action-check .form-check-input:focus {
+  outline: 0;
 }
-.badge.badge-secondary {
-  --bs-badge-color: var(--bs-white);
-  --bs-badge-bg: var(--bs-secondary);
+
+.d-quick-action-switch {
+  --bs-quick-action-switch-gap: var(--bs-ref-spacer-2);
+  --bs-quick-action-switch-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-3);
+  --bs-quick-action-switch-bg: var(--bs-white);
+  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
+  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
+  --bs-quick-action-switch-label-font-size: 1rem;
+  --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
+  --bs-quick-action-switch-label-color: var(--bs-gray);
+  --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
+  --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
+  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
+  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
+  --bs-quick-action-switch-checked-bg: var(--bs-white);
+  --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
+  --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-quick-action-switch-gap);
+  width: 100%;
+  padding: var(--bs-quick-action-switch-padding);
+  text-align: left;
+  cursor: pointer;
+  background-color: var(--bs-quick-action-switch-bg);
+  border: 0;
+  border-radius: var(--bs-quick-action-switch-border-radius);
 }
-.badge.badge-success {
-  --bs-badge-color: var(--bs-white);
-  --bs-badge-bg: var(--bs-success);
+.d-quick-action-switch:hover {
+  background: var(--bs-quick-action-switch-hover-bg);
 }
-.badge.badge-info {
-  --bs-badge-color: var(--bs-white);
-  --bs-badge-bg: var(--bs-info);
+.d-quick-action-switch:has(input:checked) {
+  background: var(--bs-quick-action-switch-checked-bg);
 }
-.badge.badge-warning {
-  --bs-badge-color: var(--bs-black);
-  --bs-badge-bg: var(--bs-warning);
+.d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
+  color: var(--bs-quick-action-switch-checked-label-color);
 }
-.badge.badge-danger {
-  --bs-badge-color: var(--bs-white);
-  --bs-badge-bg: var(--bs-danger);
+.d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
+  color: var(--bs-quick-action-switch-checked-hint-color);
 }
-.badge.badge-light {
-  --bs-badge-color: var(--bs-gray-700);
-  --bs-badge-bg: var(--bs-light);
+.d-quick-action-switch .d-quick-action-switch-content {
+  display: flex;
+  flex-direction: row;
+  gap: var(--bs-quick-action-switch-content-gap);
 }
-.badge.badge-dark {
-  --bs-badge-color: var(--bs-white);
-  --bs-badge-bg: var(--bs-dark);
+.d-quick-action-switch .d-quick-action-switch-label {
+  font-size: var(--bs-quick-action-switch-label-font-size);
+  font-weight: var(--bs-quick-action-switch-label-font-weight);
+  color: var(--bs-quick-action-switch-label-color);
 }
-.badge.badge-dot {
-  min-width: var(--bs-badge-dot-height);
-  height: var(--bs-badge-dot-height);
-  padding: 0;
-  border-radius: var(--bs-badge-border-radius);
+.d-quick-action-switch .d-quick-action-switch-hint {
+  font-size: var(--bs-quick-action-switch-hint-font-size);
+  font-weight: var(--bs-quick-action-switch-hint-font-weight);
+  color: var(--bs-quick-action-switch-hint-color);
 }
-.badge.badge-dot > span {
-  vertical-align: middle;
+.d-quick-action-switch .d-input-switch:focus-within.form-switch .form-check-input {
+  outline: 0;
 }
 
 .d-chip {
@@ -8584,7 +8686,6 @@ label {
 
 .modal {
   --bs-modal-header-gap: 1.5rem;
-  --bs-modal-body-padding: 0;
   --bs-modal-footer-padding: 1.5rem;
   --bs-modal-separator-margin-x: 1.5rem;
   --bs-modal-separator-height: 1px;
@@ -8608,9 +8709,6 @@ label {
 .modal .d-modal-close .d-icon {
   --bs-icon-size: 1rem;
 }
-.modal .modal-body {
-  padding: var(--bs-modal-body-padding);
-}
 .modal .d-modal-separator {
   height: var(--bs-modal-separator-height);
   margin: 0 var(--bs-modal-separator-margin-x);
@@ -8677,53 +8775,6 @@ label {
   justify-content: flex-end;
 }
 
-.collapse-container {
-  --bs-collapse-bg: var(--bs-white);
-  --bs-collapse-border-radius: var(--bs-ref-spacer-1);
-  --bs-collapse-box-shadow: var(--bs-box-shadow-sm);
-  --bs-collapse-button-padding-x: var(--bs-ref-spacer-3);
-  --bs-collapse-button-padding-y: var(--bs-ref-spacer-3);
-  --bs-collapse-button-gap: var(--bs-ref-spacer-3);
-  --bs-collapse-body-padding-x: var(--bs-ref-spacer-3);
-  --bs-collapse-body-padding-y: var(--bs-ref-spacer-3);
-  --bs-collapse-separator-display: none;
-  --bs-collapse-separator-height: 1px;
-  --bs-collapse-separator-bg: var(--bs-gray-200);
-  background-color: var(--bs-collapse-bg);
-  border-radius: var(--bs-collapse-border-radius);
-  box-shadow: var(--bs-collapse-box-shadow);
-}
-.collapse-container .collapse-button {
-  display: flex;
-  gap: var(--bs-collapse-button-gap);
-  align-items: center;
-  width: 100%;
-  padding: var(--bs-collapse-button-padding-y) var(--bs-collapse-button-padding-x);
-  text-align: left;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  background: transparent;
-  border: 0;
-}
-.collapse-container .collapse-button:focus, .collapse-container .collapse-button:focus-visible {
-  outline: 0;
-}
-.collapse-container .collapse-body {
-  position: relative;
-  padding: var(--bs-collapse-body-padding-y) var(--bs-collapse-body-padding-x);
-  padding-top: 0;
-}
-.collapse-container .collapse-body::before {
-  position: absolute;
-  top: 0;
-  display: var(--bs-collapse-separator-display);
-  width: calc(100% - var(--bs-collapse-body-padding-x) * 2);
-  height: var(--bs-collapse-separator-height);
-  content: " ";
-  background-color: var(--bs-collapse-separator-bg);
-}
-
 .d-collapse-icon-text {
   --bs-collapse-icon-text-header-gap: var(--bs-ref-spacer-3);
   --bs-collapse-icon-text-header-font-size: var(--bs-ref-fs-6);
@@ -9843,7 +9894,7 @@ label {
   border-bottom-color: var(--bs-datepicker-triangle-color);
 }
 
-.d-tabs {
+.nav {
   --bs-tabs-nav-gap: 1.5rem;
   --bs-tabs-nav-padding-x: 1.5rem;
   --bs-tabs-nav-padding-y: 1rem;
@@ -9853,25 +9904,22 @@ label {
   --bs-tabs-link-border-active-color: var(--bs-secondary);
   --bs-tabs-link-border-active-font-weight: var(--bs-ref-fw-bold);
   --bs-tabs-link-border-active-bg: var(--bs-secondary);
-  display: flex;
-  flex-direction: column;
-}
-.d-tabs .nav {
   gap: var(--bs-tabs-nav-gap);
   padding: var(--bs-tabs-nav-padding-y) var(--bs-tabs-nav-padding-x);
 }
-.d-tabs .nav-link {
+
+.nav-tabs .nav-link {
   position: relative;
   line-height: var(--bs-tabs-link-line-height);
 }
-.d-tabs .nav-link.active {
+.nav-tabs .nav-link.active {
   font-weight: var(--bs-tabs-link-border-active-font-weight);
   color: var(--bs-tabs-link-border-active-color);
 }
-.d-tabs .nav-link.active::before {
+.nav-tabs .nav-link.active::before {
   background: var(--bs-tabs-link-border-active-bg);
 }
-.d-tabs .nav-link::before {
+.nav-tabs .nav-link::before {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -9880,15 +9928,10 @@ label {
   content: " ";
   border-radius: var(--bs-tabs-link-border-border-radius);
 }
-.d-tabs.d-tabs-vertical {
-  flex-direction: row;
-}
-.d-tabs.d-tabs-vertical .nav {
-  flex-direction: column;
-  align-items: center;
-}
-.d-tabs.d-tabs-vertical .tab-content {
-  flex: 1;
+
+.nav-pills .nav-link {
+  position: relative;
+  line-height: var(--bs-tabs-link-line-height);
 }
 
 .d-popover {
@@ -10548,86 +10591,6 @@ label {
   color: var(--bs-step-info-description-color);
 }
 
-.pagination {
-  --bs-pagination-page-item-size: 2.125rem;
-  --bs-pagination-page-link-bg: transparent;
-  --bs-pagination-page-border-radius: var(--bs-border-radius);
-  --bs-pagination-arrow-font-size: var(--bs-ref-fs-small);
-  --bs-pagination-arrow-padding-y: var(--bs-ref-spacer-1);
-  --bs-pagination-arrow-padding-x: var(--bs-ref-spacer-2);
-  --bs-pagination-arrow-border-radius: var(--bs-border-radius);
-  --bs-pagination-arrow-color: var(--bs-secondary);
-  --bs-pagination-focus-arrow-bg: var(--bs-secondary-100);
-  --bs-pagination-arrow-prev-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234848b7" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" 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"/></svg>');
-  --bs-pagination-disabled-arrow-prev-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a1a1b5" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" 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"/></svg>');
-  --bs-pagination-arrow-next-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234848b7" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" 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"/></svg>');
-  --bs-pagination-disabled-arrow-next-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a1a1b5" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" 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"/></svg>');
-  margin: 0;
-}
-.pagination .page-item {
-  min-width: var(--bs-pagination-page-item-size);
-  min-height: var(--bs-pagination-page-item-size);
-}
-.pagination .page-item:not(.active, :hover) .page-link {
-  background-color: var(--bs-pagination-page-link-bg);
-}
-.pagination .arrow .page-link {
-  min-width: -webkit-fit-content;
-  min-width: -moz-fit-content;
-  min-width: fit-content;
-  padding: var(--bs-pagination-arrow-padding-y) var(--bs-pagination-arrow-padding-x);
-  font-size: var(--bs-pagination-arrow-font-size);
-  border-radius: var(--bs-pagination-arrow-border-radius);
-}
-.pagination .arrow .page-link:focus {
-  background-color: var(--bs-pagination-focus-arrow-bg);
-}
-.pagination .arrow .page-link::after, .pagination .arrow .page-link::before {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-repeat: no-repeat;
-  background-size: var(--bs-pagination-arrow-font-size);
-}
-.pagination .arrow:is(.arrow-prev, .arrow-next):not(.disabled) .page-link {
-  color: var(--bs-pagination-arrow-color);
-}
-.pagination .arrow.arrow-prev .page-link::before {
-  min-width: var(--bs-pagination-arrow-font-size);
-  min-height: var(--bs-pagination-arrow-font-size);
-  margin-right: var(--bs-ref-spacer-1);
-  content: "";
-  background-image: var(--bs-pagination-arrow-prev-icon-bg-image);
-  background-position: center left;
-}
-.pagination .arrow.arrow-next .page-link::after {
-  width: var(--bs-pagination-arrow-font-size);
-  height: var(--bs-pagination-arrow-font-size);
-  margin-left: var(--bs-ref-spacer-1);
-  content: "";
-  background-image: var(--bs-pagination-arrow-next-icon-bg-image);
-  background-position: center right;
-}
-.pagination .arrow:is(.arrow-next, .arrow-prev).no-label .page-link > span {
-  display: none;
-}
-.pagination .arrow-prev.disabled .page-link::before {
-  background-image: var(--bs-pagination-disabled-arrow-prev-icon-bg-image);
-}
-.pagination .arrow-next.disabled .page-link::after {
-  background-image: var(--bs-pagination-disabled-arrow-next-icon-bg-image);
-}
-.pagination .page-link {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  border-radius: var(--bs-pagination-page-border-radius);
-}
-
 .d-card-account {
   --bs-card-border-width: 0;
   --bs-card-spacer-y: var(--bs-ref-spacer-3);
@@ -10707,7 +10670,7 @@ label {
   --bs-input-label-gap: var(--bs-ref-spacer-1);
   --bs-input-group-border-color: var(--bs-gray-300);
   --bs-input-group-border-width: 1px;
-  --bs-input-group-border-radius: 0.5rem;
+  --bs-input-group-border-radius: var(--bs-border-radius-sm);
   --bs-input-group-hover-border-color: var(--bs-gray);
   --bs-input-group-focus-border-color: var(--bs-secondary);
   --bs-input-group-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
@@ -10799,7 +10762,7 @@ label {
           appearance: none;
   background-color: var(--bs-input-bg);
   background-clip: padding-box;
-  border-radius: 0.5rem;
+  border-radius: var(--bs-border-radius-sm);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -10889,42 +10852,6 @@ label {
   border-color: var(--bs-input-group-disabled-border-color);
 }
 
-.operation-group:not(:last-child) {
-  border-bottom: 1px solid var(--bs-gray-300);
-}
-
-.permission-item {
-  padding: 8px 0;
-}
-.permission-item .form-switch-box {
-  width: auto;
-}
-.permission-item .label {
-  font-size: 0.875rem;
-}
-.permission-item:hover {
-  background: #f7f7ff;
-}
-.permission-item:not(:last-child) {
-  border-bottom: 1px solid var(--bs-gray-300);
-}
-
-@media screen and (min-width: 768px) {
-  .permission-item {
-    padding: 8px 10px;
-  }
-  .permission-item .label {
-    font-size: 1rem;
-  }
-}
-@media screen and (min-width: 992px) {
-  .operation-group {
-    border-top: 1px solid var(--bs-gray-300);
-  }
-  .operation-group:not(:last-child) {
-    border-bottom: none;
-  }
-}
 .clearfix::after {
   display: block;
   clear: both;
@@ -10936,41 +10863,81 @@ label {
   background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
+.text-bg-soft-primary {
+  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;
+}
+
 .text-bg-secondary {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
+.text-bg-soft-secondary {
+  color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-secondary-100-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
 .text-bg-success {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
+.text-bg-soft-success {
+  color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-success-100-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
 .text-bg-info {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
+.text-bg-soft-info {
+  color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-info-100-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
 .text-bg-warning {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
+.text-bg-soft-warning {
+  color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-warning-100-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
 .text-bg-danger {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
+.text-bg-soft-danger {
+  color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-danger-100-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
 .text-bg-light {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
+.text-bg-soft-light {
+  color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-gray-700-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
 .text-bg-dark {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
+.text-bg-soft-dark {
+  color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
 .link-primary {
   color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
   -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;