@dynamic-framework/ui-react 1.15.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/css/dynamic-ui-non-root.css +1879 -1893
  2. package/dist/css/dynamic-ui-non-root.min.css +4 -1
  3. package/dist/css/dynamic-ui-root.css +6 -3
  4. package/dist/css/dynamic-ui-root.min.css +4 -1
  5. package/dist/css/dynamic-ui.css +1882 -1896
  6. package/dist/css/dynamic-ui.min.css +4 -1
  7. package/dist/index.esm.js +29 -38
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +27 -39
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components/DBadge/DBadge.d.ts +2 -1
  12. package/dist/types/components/index.d.ts +0 -1
  13. package/dist/types/contexts/DContext.d.ts +2 -2
  14. package/package.json +4 -3
  15. package/src/style/abstracts/variables/_accordion.scss +14 -6
  16. package/src/style/abstracts/variables/_body.scss +1 -1
  17. package/src/style/abstracts/variables/_buttons.scss +3 -3
  18. package/src/style/abstracts/variables/_close.scss +2 -2
  19. package/src/style/abstracts/variables/_modals.scss +2 -2
  20. package/src/style/base/_+import.scss +34 -1
  21. package/src/style/base/_accordion.scss +18 -0
  22. package/src/style/base/_breadcrumb.scss +10 -0
  23. package/src/style/{components/_d-button.scss → base/_button.scss} +15 -1
  24. package/src/style/components/_+import.scss +0 -36
  25. package/src/style/components/_d-modal.scss +1 -1
  26. package/src/style/helpers/_color-bg.scss +12 -0
  27. package/src/style/root/_root.scss +2 -2
  28. package/dist/types/components/banking/DPermissionGroup.d.ts +0 -11
  29. package/dist/types/components/banking/DPermissionItem.d.ts +0 -9
  30. package/dist/types/components/banking/DSummaryCard.d.ts +0 -12
  31. package/dist/types/components/banking/index.d.ts +0 -3
  32. package/dist/types/components/banking/interface.d.ts +0 -7
  33. package/src/style/components/_d-badge.scss +0 -26
  34. package/src/style/components/_d-permission-group.scss +0 -39
  35. /package/src/style/{components/_d-alert.scss → base/_alert.scss} +0 -0
  36. /package/src/style/{components/_d-collapse.scss → base/_collapse.scss} +0 -0
  37. /package/src/style/{components/_d-input-check.scss → base/_form-check.scss} +0 -0
  38. /package/src/style/{components/_d-input-switch.scss → base/_form-switch.scss} +0 -0
  39. /package/src/style/{components/_d-paginator.scss → base/_pagination.scss} +0 -0
  40. /package/src/style/{components/_d-progress.scss → base/_progress.scss} +0 -0
package/dist/css/dynamic-ui.css CHANGED
@@ -1,3 +1,6 @@
1
+ /*!
2
+ * dynamic-framework 1.16.0
3
+ */
1
4
  @charset "UTF-8";
2
5
  /* stylelint-disable scss/dollar-variable-default */
3
6
  :root,
@@ -213,7 +216,7 @@
213
216
  --bs-body-color: rgb(var(--bs-body-color-rgb));
214
217
  --bs-body-color-rgb: var(--bs-gray-900-rgb);
215
218
  --bs-body-bg: rgb(var(--bs-body-bg-rgb));
216
- --bs-body-bg-rgb: var(--bs-white-rgb);
219
+ --bs-body-bg-rgb: var(--bs-secondary-soft-rgb);
217
220
  --bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));
218
221
  --bs-emphasis-color-rgb: var(--bs-black);
219
222
  --bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75);
@@ -226,10 +229,10 @@
226
229
  --bs-tertiary-bg-rgb: var(--bs-gray-100);
227
230
  --bs-heading-color: inherit;
228
231
  --bs-link-color: rgb(var(--bs-link-color-rgb));
229
- --bs-link-color-rgb: var(--bs-primary);
232
+ --bs-link-color-rgb: var(--bs-primary-rgb);
230
233
  --bs-link-decoration: underline;
231
234
  --bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));
232
- --bs-link-hover-color-rgb: var(--bs-primary-700);
235
+ --bs-link-hover-color-rgb: var(--bs-primary-700-rgb);
233
236
  --bs-link-hover-decoration: underline;
234
237
  --bs-code-color: rgb(var(--bs-code-color-rgb));
235
238
  --bs-code-color-rgb: var(--bs-primary-rgb);
@@ -3600,7 +3603,7 @@ textarea.form-control-lg {
3600
3603
  }
3601
3604
 
3602
3605
  .btn-group {
3603
- border-radius: 0.5rem;
3606
+ border-radius: var(--bs-border-radius-sm);
3604
3607
  }
3605
3608
  .btn-group > :not(.btn-check:first-child) + .btn,
3606
3609
  .btn-group > .btn-group:not(:first-child) {
@@ -3826,7 +3829,7 @@ textarea.form-control-lg {
3826
3829
  --bs-navbar-toggler-font-size: 1.125rem;
3827
3830
  --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");
3828
3831
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
3829
- --bs-navbar-toggler-border-radius: 0.5rem;
3832
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius-sm);
3830
3833
  --bs-navbar-toggler-focus-width: 0;
3831
3834
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
3832
3835
  position: relative;
@@ -4431,15 +4434,15 @@ textarea.form-control-lg {
4431
4434
  }
4432
4435
 
4433
4436
  .accordion {
4434
- --bs-accordion-color: var(--bs-body-color);
4435
- --bs-accordion-bg: var(--bs-body-bg);
4437
+ --bs-accordion-color: var(--bs-gray-700);
4438
+ --bs-accordion-bg: var(--bs-white);
4436
4439
  --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;
4437
4440
  --bs-accordion-border-color: var(--bs-border-color);
4438
4441
  --bs-accordion-border-width: var(--bs-border-width);
4439
4442
  --bs-accordion-border-radius: var(--bs-border-radius);
4440
4443
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
4441
- --bs-accordion-btn-padding-x: 1.25rem;
4442
- --bs-accordion-btn-padding-y: 1rem;
4444
+ --bs-accordion-btn-padding-x: var(--bs-ref-spacer-3);
4445
+ --bs-accordion-btn-padding-y: var(--bs-ref-spacer-4);
4443
4446
  --bs-accordion-btn-color: var(--bs-body-color);
4444
4447
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
4445
4448
  --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");
@@ -4449,10 +4452,10 @@ textarea.form-control-lg {
4449
4452
  --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");
4450
4453
  --bs-accordion-btn-focus-border-color: var(--bs-focus-ring-color);
4451
4454
  --bs-accordion-btn-focus-box-shadow: none;
4452
- --bs-accordion-body-padding-x: 1.25rem;
4453
- --bs-accordion-body-padding-y: 1rem;
4454
- --bs-accordion-active-color: var(--bs-primary-text-emphasis);
4455
- --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
4455
+ --bs-accordion-body-padding-x: var(--bs-ref-spacer-3);
4456
+ --bs-accordion-body-padding-y: var(--bs-ref-spacer-4);
4457
+ --bs-accordion-active-color: var(--bs-body-color);
4458
+ --bs-accordion-active-bg: var(--bs-secondary-soft);
4456
4459
  }
4457
4460
 
4458
4461
  .accordion-button {
@@ -4692,33 +4695,6 @@ textarea.form-control-lg {
4692
4695
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
4693
4696
  }
4694
4697
 
4695
- .badge {
4696
- --bs-badge-padding-x: var(--bs-ref-spacer-2);
4697
- --bs-badge-padding-y: var(--bs-ref-spacer-1);
4698
- --bs-badge-font-size: 0.875rem;
4699
- --bs-badge-font-weight: 400;
4700
- --bs-badge-color: var(--bs-gray-900);
4701
- --bs-badge-border-radius: 0.5rem;
4702
- display: inline-block;
4703
- padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
4704
- font-size: var(--bs-badge-font-size);
4705
- font-weight: var(--bs-badge-font-weight);
4706
- line-height: 1;
4707
- color: var(--bs-badge-color);
4708
- text-align: center;
4709
- white-space: nowrap;
4710
- vertical-align: baseline;
4711
- border-radius: var(--bs-badge-border-radius);
4712
- }
4713
- .badge:empty {
4714
- display: none;
4715
- }
4716
-
4717
- .btn .badge {
4718
- position: relative;
4719
- top: -1px;
4720
- }
4721
-
4722
4698
  .alert {
4723
4699
  --bs-alert-bg: transparent;
4724
4700
  --bs-alert-padding-x: 1.5rem;
@@ -5230,11 +5206,11 @@ textarea.form-control-lg {
5230
5206
  --bs-btn-close-disabled-opacity: 0.25;
5231
5207
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
5232
5208
  box-sizing: content-box;
5233
- width: auto;
5234
- height: auto;
5209
+ width: 1em;
5210
+ height: 1em;
5235
5211
  padding: 0 0;
5236
5212
  color: var(--bs-btn-close-color);
5237
- background: transparent var(--bs-btn-close-bg) center/auto auto no-repeat;
5213
+ background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
5238
5214
  border: 0;
5239
5215
  border-radius: 1rem;
5240
5216
  opacity: var(--bs-btn-close-opacity);
@@ -5333,7 +5309,7 @@ textarea.form-control-lg {
5333
5309
  .modal {
5334
5310
  --bs-modal-zindex: 1055;
5335
5311
  --bs-modal-width: 500px;
5336
- --bs-modal-padding: 0;
5312
+ --bs-modal-padding: 1rem;
5337
5313
  --bs-modal-margin: 0.5rem;
5338
5314
  --bs-modal-color: ;
5339
5315
  --bs-modal-bg: var(--bs-white);
@@ -6704,1680 +6680,1982 @@ textarea.form-control-lg {
6704
6680
  mask-position: -200% 0%;
6705
6681
  }
6706
6682
  }
6707
- :root {
6708
- --toastify-color-light: #fff;
6709
- --toastify-color-dark: #121212;
6710
- --toastify-color-info: #3498db;
6711
- --toastify-color-success: #07bc0c;
6712
- --toastify-color-warning: #f1c40f;
6713
- --toastify-color-error: #e74c3c;
6714
- --toastify-color-transparent: rgba(255, 255, 255, 0.7);
6715
- --toastify-icon-color-info: var(--toastify-color-info);
6716
- --toastify-icon-color-success: var(--toastify-color-success);
6717
- --toastify-icon-color-warning: var(--toastify-color-warning);
6718
- --toastify-icon-color-error: var(--toastify-color-error);
6719
- --toastify-toast-width: 320px;
6720
- --toastify-toast-background: #fff;
6721
- --toastify-toast-min-height: 64px;
6722
- --toastify-toast-max-height: 800px;
6723
- --toastify-font-family: sans-serif;
6724
- --toastify-z-index: 9999;
6725
- --toastify-text-color-light: #757575;
6726
- --toastify-text-color-dark: #fff;
6727
- --toastify-text-color-info: #fff;
6728
- --toastify-text-color-success: #fff;
6729
- --toastify-text-color-warning: #fff;
6730
- --toastify-text-color-error: #fff;
6731
- --toastify-spinner-color: #616161;
6732
- --toastify-spinner-color-empty-area: #e0e0e0;
6733
- --toastify-color-progress-light: linear-gradient(
6734
- to right,
6735
- #4cd964,
6736
- #5ac8fa,
6737
- #007aff,
6738
- #34aadc,
6739
- #5856d6,
6740
- #ff2d55
6741
- );
6742
- --toastify-color-progress-dark: #bb86fc;
6743
- --toastify-color-progress-info: var(--toastify-color-info);
6744
- --toastify-color-progress-success: var(--toastify-color-success);
6745
- --toastify-color-progress-warning: var(--toastify-color-warning);
6746
- --toastify-color-progress-error: var(--toastify-color-error);
6747
- }
6748
-
6749
- .Toastify__toast-container {
6750
- z-index: var(--toastify-z-index);
6751
- -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
6752
- position: fixed;
6753
- padding: 4px;
6754
- width: var(--toastify-toast-width);
6755
- box-sizing: border-box;
6756
- color: #fff;
6683
+ .badge {
6684
+ --bs-badge-padding-x: var(--bs-ref-spacer-2);
6685
+ --bs-badge-padding-y: var(--bs-ref-spacer-1);
6686
+ --bs-badge-font-size: 0.875rem;
6687
+ --bs-badge-font-weight: 400;
6688
+ --bs-badge-color: var(--bs-gray-900);
6689
+ --bs-badge-border-radius: 0.5rem;
6690
+ display: inline-block;
6691
+ padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
6692
+ font-size: var(--bs-badge-font-size);
6693
+ font-weight: var(--bs-badge-font-weight);
6694
+ line-height: 1;
6695
+ color: var(--bs-badge-color);
6696
+ text-align: center;
6697
+ white-space: nowrap;
6698
+ vertical-align: baseline;
6699
+ border-radius: var(--bs-badge-border-radius);
6757
6700
  }
6758
- .Toastify__toast-container--top-left {
6759
- top: 1em;
6760
- left: 1em;
6701
+ .badge:empty {
6702
+ display: none;
6761
6703
  }
6762
- .Toastify__toast-container--top-center {
6763
- top: 1em;
6764
- left: 50%;
6765
- transform: translateX(-50%);
6704
+
6705
+ .btn .badge {
6706
+ position: relative;
6707
+ top: -1px;
6766
6708
  }
6767
- .Toastify__toast-container--top-right {
6768
- top: 1em;
6769
- right: 1em;
6709
+
6710
+ .accordion {
6711
+ --bs-accordion-btn-font-weight: var(--bs-ref-fw-bold);
6712
+ --bs-accordion-btn-font-size: var(--bs-ref-fs-6);
6713
+ --bs-accordion-body-padding-top: var(--bs-ref-spacer-3);
6770
6714
  }
6771
- .Toastify__toast-container--bottom-left {
6772
- bottom: 1em;
6773
- left: 1em;
6715
+ .accordion .accordion-button {
6716
+ font-weight: var(--bs-accordion-btn-font-weight);
6717
+ font-size: var(--bs-accordion-btn-font-size);
6774
6718
  }
6775
- .Toastify__toast-container--bottom-center {
6776
- bottom: 1em;
6777
- left: 50%;
6778
- transform: translateX(-50%);
6719
+ .accordion .accordion-item .show {
6720
+ background-color: var(--bs-accordion-active-bg);
6779
6721
  }
6780
- .Toastify__toast-container--bottom-right {
6781
- bottom: 1em;
6782
- right: 1em;
6722
+ .accordion .accordion-body {
6723
+ padding-top: var(--bs-accordion-body-padding-top);
6783
6724
  }
6784
6725
 
6785
- @media only screen and (max-width : 480px) {
6786
- .Toastify__toast-container {
6787
- width: 100vw;
6788
- padding: 0;
6789
- left: 0;
6790
- margin: 0;
6791
- }
6792
- .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
6793
- top: 0;
6794
- transform: translateX(0);
6795
- }
6796
- .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
6797
- bottom: 0;
6798
- transform: translateX(0);
6799
- }
6800
- .Toastify__toast-container--rtl {
6801
- right: 0;
6802
- left: initial;
6803
- }
6804
- }
6805
- .Toastify__toast {
6806
- position: relative;
6807
- min-height: var(--toastify-toast-min-height);
6808
- box-sizing: border-box;
6809
- margin-bottom: 1rem;
6810
- padding: 8px;
6811
- border-radius: 4px;
6812
- box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
6813
- display: flex;
6814
- justify-content: space-between;
6815
- max-height: var(--toastify-toast-max-height);
6816
- overflow: hidden;
6817
- font-family: var(--toastify-font-family);
6818
- cursor: default;
6819
- direction: ltr;
6820
- /* webkit only issue #791 */
6821
- z-index: 0;
6726
+ .form-switch {
6727
+ --bs-input-switch-bg: var(--bs-gray-300);
6728
+ --bs-input-switch-border-color: var(--bs-gray-500);
6729
+ --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");
6730
+ --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
6731
+ --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
6732
+ --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
6733
+ --bs-input-switch-active-bg: var(--bs-focus-ring-color);
6734
+ --bs-input-switch-disabled-border-color: var(--bs-gray-300);
6735
+ --bs-input-switch-disabled-bg: var(--bs-gray-100);
6736
+ --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");
6737
+ --bs-input-switch-label-color: var(--bs-gray);
6738
+ --bs-input-switch-active-label-color: var(--bs-gray-700);
6822
6739
  }
6823
- .Toastify__toast--rtl {
6824
- direction: rtl;
6740
+ .form-switch .form-check-label {
6741
+ color: var(--bs-input-switch-label-color);
6825
6742
  }
6826
- .Toastify__toast--close-on-click {
6827
- cursor: pointer;
6743
+ .form-switch .form-check-input:checked ~ .form-check-label {
6744
+ color: var(--bs-input-switch-active-label-color);
6828
6745
  }
6829
- .Toastify__toast-body {
6830
- margin: auto 0;
6831
- flex: 1 1 auto;
6832
- padding: 6px;
6833
- display: flex;
6834
- align-items: center;
6746
+ .form-switch .form-check-input {
6747
+ background-color: var(--bs-input-switch-bg);
6748
+ background-image: var(--bs-input-switch-dot);
6749
+ border: 1px solid var(--bs-input-switch-border-color);
6835
6750
  }
6836
- .Toastify__toast-body > div:last-child {
6837
- word-break: break-word;
6838
- flex: 1;
6751
+ .form-switch .form-check-input:checked {
6752
+ background-color: var(--bs-input-switch-active-bg);
6753
+ border-color: var(--bs-input-switch-active-border-color);
6839
6754
  }
6840
- .Toastify__toast-icon {
6841
- -webkit-margin-end: 10px;
6842
- margin-inline-end: 10px;
6843
- width: 20px;
6844
- flex-shrink: 0;
6845
- display: flex;
6755
+ .form-switch .form-check-input[disabled]:not(:checked), .form-switch .form-check-input:disabled:not(:checked) {
6756
+ background-color: var(--bs-input-switch-disabled-bg);
6757
+ background-image: var(--bs-input-switch-disabled-dot);
6758
+ border-color: var(--bs-input-switch-disabled-border-color);
6846
6759
  }
6847
-
6848
- .Toastify--animate {
6849
- animation-fill-mode: both;
6850
- animation-duration: 0.7s;
6760
+ .form-switch:hover.form-switch .form-check-input:not([disabled]),
6761
+ .form-switch:hover.form-switch .form-check-input:not(:disabled) {
6762
+ border-color: var(--bs-input-switch-hover-border-color);
6851
6763
  }
6852
-
6853
- .Toastify--animate-icon {
6854
- animation-fill-mode: both;
6855
- animation-duration: 0.3s;
6764
+ .form-switch:focus-within.form-switch .form-check-input {
6765
+ outline: 2px solid var(--bs-input-switch-focus-outline-color);
6766
+ outline-offset: 2px;
6856
6767
  }
6857
6768
 
6858
- @media only screen and (max-width : 480px) {
6859
- .Toastify__toast {
6860
- margin-bottom: 0;
6861
- border-radius: 0;
6862
- }
6863
- }
6864
- .Toastify__toast-theme--dark {
6865
- background: var(--toastify-color-dark);
6866
- color: var(--toastify-text-color-dark);
6769
+ .form-check-input:hover {
6770
+ border-color: var(--bs-focus-ring-color);
6867
6771
  }
6868
- .Toastify__toast-theme--light {
6869
- background: var(--toastify-color-light);
6870
- color: var(--toastify-text-color-light);
6772
+ .form-check-input:focus {
6773
+ border-color: var(--bs-gray-300);
6774
+ outline: 2px solid var(--bs-focus-ring-color);
6775
+ outline-offset: 2px;
6871
6776
  }
6872
- .Toastify__toast-theme--colored.Toastify__toast--default {
6873
- background: var(--toastify-color-light);
6874
- color: var(--toastify-text-color-light);
6777
+ .form-check-input:checked {
6778
+ border-color: var(--bs-focus-ring-color);
6875
6779
  }
6876
- .Toastify__toast-theme--colored.Toastify__toast--info {
6877
- color: var(--toastify-text-color-info);
6878
- background: var(--toastify-color-info);
6780
+ .form-check-input:disabled {
6781
+ background-color: var(--bs-gray-100);
6782
+ border-color: var(--bs-gray-300);
6879
6783
  }
6880
- .Toastify__toast-theme--colored.Toastify__toast--success {
6881
- color: var(--toastify-text-color-success);
6882
- background: var(--toastify-color-success);
6784
+
6785
+ .btn {
6786
+ --bs-btn-padding-x: 1rem;
6787
+ --bs-btn-padding-y: 0.5rem;
6788
+ --bs-btn-font-family: ;
6789
+ --bs-btn-font-size: 1rem;
6790
+ --bs-btn-font-weight: 400;
6791
+ --bs-btn-line-height: 1.2rem;
6792
+ --bs-btn-color: var(--bs-body-color);
6793
+ --bs-btn-bg: transparent;
6794
+ --bs-btn-border-width: 1px;
6795
+ --bs-btn-border-color: transparent;
6796
+ --bs-btn-border-radius: var(--bs-btn-component-border-radius, var(--bs-border-radius-sm));
6797
+ --bs-btn-hover-border-color: transparent;
6798
+ --bs-btn-box-shadow: none;
6799
+ --bs-btn-disabled-opacity: 1;
6800
+ --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
6801
+ --bs-btn–text-decoration: if($link-decoration == none, null, none);
6802
+ --bs-btn-lg-padding-y: 0.875rem;
6803
+ --bs-btn-lg-padding-x: 1.5rem;
6804
+ --bs-btn-lg-font-size: 1.125rem;
6805
+ --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, var(--bs-border-radius));
6806
+ --bs-btn-sm-padding-y: 0.25rem;
6807
+ --bs-btn-sm-padding-x: 1rem;
6808
+ --bs-btn-sm-font-size: 0.875rem;
6809
+ --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, var(--bs-border-radius-sm));
6810
+ display: inline-flex;
6811
+ flex-direction: row;
6812
+ gap: var(--bs-btn-gap, 0.5rem);
6813
+ align-items: center;
6814
+ justify-content: center;
6815
+ padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
6816
+ font-family: var(--bs-btn-font-family);
6817
+ font-size: var(--bs-btn-font-size);
6818
+ font-weight: var(--bs-btn-font-weight);
6819
+ line-height: var(--bs-btn-line-height);
6820
+ color: var(--bs-btn-color);
6821
+ text-align: center;
6822
+ text-decoration: none;
6823
+ vertical-align: middle;
6824
+ cursor: pointer;
6825
+ -webkit-user-select: none;
6826
+ -moz-user-select: none;
6827
+ user-select: none;
6828
+ border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
6829
+ border-radius: var(--bs-btn-border-radius);
6830
+ background-color: var(--bs-btn-bg);
6831
+ box-shadow: var(--bs-btn-box-shadow);
6832
+ 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;
6883
6833
  }
6884
- .Toastify__toast-theme--colored.Toastify__toast--warning {
6885
- color: var(--toastify-text-color-warning);
6886
- background: var(--toastify-color-warning);
6834
+ @media (prefers-reduced-motion: reduce) {
6835
+ .btn {
6836
+ transition: none;
6837
+ }
6887
6838
  }
6888
- .Toastify__toast-theme--colored.Toastify__toast--error {
6889
- color: var(--toastify-text-color-error);
6890
- background: var(--toastify-color-error);
6839
+ .btn > span {
6840
+ -webkit-text-decoration: var(--bs-btn-text-decoration);
6841
+ text-decoration: var(--bs-btn-text-decoration);
6891
6842
  }
6892
-
6893
- .Toastify__progress-bar-theme--light {
6894
- background: var(--toastify-color-progress-light);
6843
+ .btn:hover, .btn.hover {
6844
+ color: var(--bs-btn-hover-color);
6845
+ text-decoration: none;
6846
+ background-color: var(--bs-btn-hover-bg);
6847
+ border-color: var(--bs-btn-hover-border-color);
6895
6848
  }
6896
- .Toastify__progress-bar-theme--dark {
6897
- background: var(--toastify-color-progress-dark);
6849
+ .btn-check + .btn:hover {
6850
+ color: var(--bs-btn-color);
6851
+ background-color: var(--bs-btn-bg);
6852
+ border-color: var(--bs-btn-border-color);
6898
6853
  }
6899
- .Toastify__progress-bar--info {
6900
- background: var(--toastify-color-progress-info);
6854
+ .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6855
+ color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
6856
+ background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
6857
+ border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
6858
+ outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
6859
+ outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
6901
6860
  }
6902
- .Toastify__progress-bar--success {
6903
- background: var(--toastify-color-progress-success);
6861
+ .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
6862
+ color: var(--bs-btn-active-color);
6863
+ background-color: var(--bs-btn-active-bg);
6864
+ border-color: var(--bs-btn-active-border-color);
6865
+ box-shadow: var(--bs-btn-active-shadow);
6904
6866
  }
6905
- .Toastify__progress-bar--warning {
6906
- background: var(--toastify-color-progress-warning);
6867
+ .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 {
6868
+ box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
6907
6869
  }
6908
- .Toastify__progress-bar--error {
6909
- background: var(--toastify-color-progress-error);
6870
+ .btn:disabled, .btn.disabled, fieldset:disabled .btn {
6871
+ color: var(--bs-btn-disabled-color);
6872
+ pointer-events: none;
6873
+ background-color: var(--bs-btn-disabled-bg);
6874
+ border-color: var(--bs-btn-disabled-border-color);
6875
+ opacity: var(--bs-btn-disabled-opacity);
6876
+ box-shadow: none;
6910
6877
  }
6911
- .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 {
6912
- background: var(--toastify-color-transparent);
6878
+ .btn .d-icon {
6879
+ --bs-icon-size: var(--bs-btn-font-size);
6913
6880
  }
6914
6881
 
6915
- .Toastify__close-button {
6916
- color: #fff;
6917
- background: transparent;
6918
- outline: none;
6919
- border: none;
6920
- padding: 0;
6921
- cursor: pointer;
6922
- opacity: 0.7;
6923
- transition: 0.3s ease;
6924
- align-self: flex-start;
6925
- }
6926
- .Toastify__close-button--light {
6927
- color: #000;
6928
- opacity: 0.3;
6929
- }
6930
- .Toastify__close-button > svg {
6931
- fill: currentColor;
6932
- height: 16px;
6933
- width: 14px;
6882
+ .btn-primary {
6883
+ --bs-btn-color: var(--bs-white);
6884
+ --bs-btn-bg: var(--bs-primary-500);
6885
+ --bs-btn-border-color: var(--bs-primary-500);
6886
+ --bs-btn-hover-color: var(--bs-white);
6887
+ --bs-btn-hover-bg: var(--bs-primary-600);
6888
+ --bs-btn-hover-border-color: var(--bs-primary-600);
6889
+ --bs-btn-focus-color: var(--bs-white);
6890
+ --bs-btn-focus-bg: var(--bs-primary-600);
6891
+ --bs-btn-focus-border-color: var(--bs-primary-600);
6892
+ --bs-btn-active-color: var(--bs-white);
6893
+ --bs-btn-active-bg: var(--bs-primary-700);
6894
+ --bs-btn-active-border-color: var(--bs-primary-700);
6895
+ --bs-btn-disabled-color: var(--bs-gray-700);
6896
+ --bs-btn-disabled-bg: var(--bs-primary-100);
6897
+ --bs-btn-disabled-border-color: var(--bs-primary-100);
6934
6898
  }
6935
- .Toastify__close-button:hover, .Toastify__close-button:focus {
6936
- opacity: 1;
6899
+ .btn-primary.loading {
6900
+ --bs-btn-disabled-opacity: 1;
6901
+ --bs-btn-disabled-bg: var(--bs-primary-700);
6902
+ --bs-btn-disabled-border-color: var(--bs-primary-700);
6903
+ --bs-btn-disabled-color: var(--bs-white);
6937
6904
  }
6938
6905
 
6939
- @keyframes Toastify__trackProgress {
6940
- 0% {
6941
- transform: scaleX(1);
6942
- }
6943
- 100% {
6944
- transform: scaleX(0);
6945
- }
6906
+ .btn-outline-primary {
6907
+ --bs-btn-bg: transparent;
6908
+ --bs-btn-border-color: var(--bs-primary-600);
6909
+ --bs-btn-color: var(--bs-primary-600);
6910
+ --bs-btn-hover-bg: var(--bs-primary-100);
6911
+ --bs-btn-hover-border-color: var(--bs-primary-600);
6912
+ --bs-btn-hover-color: var(--bs-primary-600);
6913
+ --bs-btn-focus-bg: var(--bs-primary-100);
6914
+ --bs-btn-focus-border-color: var(--bs-primary-600);
6915
+ --bs-btn-focus-color: var(--bs-primary-600);
6916
+ --bs-btn-active-bg: var(--bs-primary-200);
6917
+ --bs-btn-active-border-color: var(--bs-primary-600);
6918
+ --bs-btn-active-color: var(--bs-primary-600);
6919
+ --bs-btn-disabled-bg: transparent;
6920
+ --bs-btn-disabled-border-color: var(--bs-primary-100);
6921
+ --bs-btn-disabled-color: var(--bs-gray-700);
6922
+ --bs-gradient: none;
6946
6923
  }
6947
- .Toastify__progress-bar {
6948
- position: absolute;
6949
- bottom: 0;
6950
- left: 0;
6951
- width: 100%;
6952
- height: 5px;
6953
- z-index: var(--toastify-z-index);
6954
- opacity: 0.7;
6955
- transform-origin: left;
6924
+ .btn-outline-primary.loading {
6925
+ --bs-btn-disabled-opacity: 1;
6926
+ --bs-btn-disabled-bg: transparent;
6927
+ --bs-btn-disabled-border-color: var(--bs-primary-600);
6928
+ --bs-btn-disabled-color: var(--bs-primary-600);
6956
6929
  }
6957
- .Toastify__progress-bar--animated {
6958
- animation: Toastify__trackProgress linear 1 forwards;
6930
+
6931
+ .btn-link-primary {
6932
+ --bs-btn-bg: transparent;
6933
+ --bs-btn-border-color: transparent;
6934
+ --bs-btn-color: var(--bs-primary-600);
6935
+ --bs-btn-hover-bg: var(--bs-primary-100);
6936
+ --bs-btn-hover-border-color: transparent;
6937
+ --bs-btn-hover-color: var(--bs-primary-600);
6938
+ --bs-btn-focus-bg: transparent;
6939
+ --bs-btn-focus-border-color: transparent;
6940
+ --bs-btn-focus-color: var(--bs-primary-600);
6941
+ --bs-btn-active-bg: var(--bs-primary-200);
6942
+ --bs-btn-active-border-color: transparent;
6943
+ --bs-btn-active-color: var(--bs-primary-600);
6944
+ --bs-btn-disabled-bg: transparent;
6945
+ --bs-btn-disabled-border-color: transparent;
6946
+ --bs-btn-disabled-color: var(--bs-primary-300);
6947
+ --bs-btn-focus-outline-offset: 0;
6959
6948
  }
6960
- .Toastify__progress-bar--controlled {
6961
- transition: transform 0.2s;
6949
+ .btn-link-primary span {
6950
+ text-decoration: underline;
6962
6951
  }
6963
- .Toastify__progress-bar--rtl {
6964
- right: 0;
6965
- left: initial;
6966
- transform-origin: right;
6952
+ .btn-link-primary.loading {
6953
+ --bs-btn-disabled-opacity: 1;
6954
+ --bs-btn-disabled-bg: transparent;
6955
+ --bs-btn-disabled-border-color: transparent;
6956
+ --bs-btn-disabled-color: var(--bs-primary-600);
6967
6957
  }
6968
6958
 
6969
- .Toastify__spinner {
6970
- width: 20px;
6971
- height: 20px;
6972
- box-sizing: border-box;
6973
- border: 2px solid;
6974
- border-radius: 100%;
6975
- border-color: var(--toastify-spinner-color-empty-area);
6976
- border-right-color: var(--toastify-spinner-color);
6977
- animation: Toastify__spin 0.65s linear infinite;
6959
+ .btn-secondary {
6960
+ --bs-btn-color: var(--bs-white);
6961
+ --bs-btn-bg: var(--bs-secondary-500);
6962
+ --bs-btn-border-color: var(--bs-secondary-500);
6963
+ --bs-btn-hover-color: var(--bs-white);
6964
+ --bs-btn-hover-bg: var(--bs-secondary-600);
6965
+ --bs-btn-hover-border-color: var(--bs-secondary-600);
6966
+ --bs-btn-focus-color: var(--bs-white);
6967
+ --bs-btn-focus-bg: var(--bs-secondary-600);
6968
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
6969
+ --bs-btn-active-color: var(--bs-white);
6970
+ --bs-btn-active-bg: var(--bs-secondary-700);
6971
+ --bs-btn-active-border-color: var(--bs-secondary-700);
6972
+ --bs-btn-disabled-color: var(--bs-gray-700);
6973
+ --bs-btn-disabled-bg: var(--bs-secondary-100);
6974
+ --bs-btn-disabled-border-color: var(--bs-secondary-100);
6975
+ }
6976
+ .btn-secondary.loading {
6977
+ --bs-btn-disabled-opacity: 1;
6978
+ --bs-btn-disabled-bg: var(--bs-secondary-700);
6979
+ --bs-btn-disabled-border-color: var(--bs-secondary-700);
6980
+ --bs-btn-disabled-color: var(--bs-white);
6978
6981
  }
6979
6982
 
6980
- @keyframes Toastify__bounceInRight {
6981
- from, 60%, 75%, 90%, to {
6982
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
6983
- }
6984
- from {
6985
- opacity: 0;
6986
- transform: translate3d(3000px, 0, 0);
6987
- }
6988
- 60% {
6989
- opacity: 1;
6990
- transform: translate3d(-25px, 0, 0);
6991
- }
6992
- 75% {
6993
- transform: translate3d(10px, 0, 0);
6994
- }
6995
- 90% {
6996
- transform: translate3d(-5px, 0, 0);
6997
- }
6998
- to {
6999
- transform: none;
7000
- }
6983
+ .btn-outline-secondary {
6984
+ --bs-btn-bg: transparent;
6985
+ --bs-btn-border-color: var(--bs-secondary-600);
6986
+ --bs-btn-color: var(--bs-secondary-600);
6987
+ --bs-btn-hover-bg: var(--bs-secondary-100);
6988
+ --bs-btn-hover-border-color: var(--bs-secondary-600);
6989
+ --bs-btn-hover-color: var(--bs-secondary-600);
6990
+ --bs-btn-focus-bg: var(--bs-secondary-100);
6991
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
6992
+ --bs-btn-focus-color: var(--bs-secondary-600);
6993
+ --bs-btn-active-bg: var(--bs-secondary-200);
6994
+ --bs-btn-active-border-color: var(--bs-secondary-600);
6995
+ --bs-btn-active-color: var(--bs-secondary-600);
6996
+ --bs-btn-disabled-bg: transparent;
6997
+ --bs-btn-disabled-border-color: var(--bs-secondary-100);
6998
+ --bs-btn-disabled-color: var(--bs-gray-700);
6999
+ --bs-gradient: none;
7000
+ }
7001
+ .btn-outline-secondary.loading {
7002
+ --bs-btn-disabled-opacity: 1;
7003
+ --bs-btn-disabled-bg: transparent;
7004
+ --bs-btn-disabled-border-color: var(--bs-secondary-600);
7005
+ --bs-btn-disabled-color: var(--bs-secondary-600);
7006
+ }
7007
+
7008
+ .btn-link-secondary {
7009
+ --bs-btn-bg: transparent;
7010
+ --bs-btn-border-color: transparent;
7011
+ --bs-btn-color: var(--bs-secondary-600);
7012
+ --bs-btn-hover-bg: var(--bs-secondary-100);
7013
+ --bs-btn-hover-border-color: transparent;
7014
+ --bs-btn-hover-color: var(--bs-secondary-600);
7015
+ --bs-btn-focus-bg: transparent;
7016
+ --bs-btn-focus-border-color: transparent;
7017
+ --bs-btn-focus-color: var(--bs-secondary-600);
7018
+ --bs-btn-active-bg: var(--bs-secondary-200);
7019
+ --bs-btn-active-border-color: transparent;
7020
+ --bs-btn-active-color: var(--bs-secondary-600);
7021
+ --bs-btn-disabled-bg: transparent;
7022
+ --bs-btn-disabled-border-color: transparent;
7023
+ --bs-btn-disabled-color: var(--bs-secondary-300);
7024
+ --bs-btn-focus-outline-offset: 0;
7025
+ }
7026
+ .btn-link-secondary span {
7027
+ text-decoration: underline;
7028
+ }
7029
+ .btn-link-secondary.loading {
7030
+ --bs-btn-disabled-opacity: 1;
7031
+ --bs-btn-disabled-bg: transparent;
7032
+ --bs-btn-disabled-border-color: transparent;
7033
+ --bs-btn-disabled-color: var(--bs-secondary-600);
7034
+ }
7035
+
7036
+ .btn-success {
7037
+ --bs-btn-color: var(--bs-white);
7038
+ --bs-btn-bg: var(--bs-success-500);
7039
+ --bs-btn-border-color: var(--bs-success-500);
7040
+ --bs-btn-hover-color: var(--bs-white);
7041
+ --bs-btn-hover-bg: var(--bs-success-600);
7042
+ --bs-btn-hover-border-color: var(--bs-success-600);
7043
+ --bs-btn-focus-color: var(--bs-white);
7044
+ --bs-btn-focus-bg: var(--bs-success-600);
7045
+ --bs-btn-focus-border-color: var(--bs-success-600);
7046
+ --bs-btn-active-color: var(--bs-white);
7047
+ --bs-btn-active-bg: var(--bs-success-700);
7048
+ --bs-btn-active-border-color: var(--bs-success-700);
7049
+ --bs-btn-disabled-color: var(--bs-gray-700);
7050
+ --bs-btn-disabled-bg: var(--bs-success-100);
7051
+ --bs-btn-disabled-border-color: var(--bs-success-100);
7052
+ }
7053
+ .btn-success.loading {
7054
+ --bs-btn-disabled-opacity: 1;
7055
+ --bs-btn-disabled-bg: var(--bs-success-700);
7056
+ --bs-btn-disabled-border-color: var(--bs-success-700);
7057
+ --bs-btn-disabled-color: var(--bs-white);
7058
+ }
7059
+
7060
+ .btn-outline-success {
7061
+ --bs-btn-bg: transparent;
7062
+ --bs-btn-border-color: var(--bs-success-600);
7063
+ --bs-btn-color: var(--bs-success-600);
7064
+ --bs-btn-hover-bg: var(--bs-success-100);
7065
+ --bs-btn-hover-border-color: var(--bs-success-600);
7066
+ --bs-btn-hover-color: var(--bs-success-600);
7067
+ --bs-btn-focus-bg: var(--bs-success-100);
7068
+ --bs-btn-focus-border-color: var(--bs-success-600);
7069
+ --bs-btn-focus-color: var(--bs-success-600);
7070
+ --bs-btn-active-bg: var(--bs-success-200);
7071
+ --bs-btn-active-border-color: var(--bs-success-600);
7072
+ --bs-btn-active-color: var(--bs-success-600);
7073
+ --bs-btn-disabled-bg: transparent;
7074
+ --bs-btn-disabled-border-color: var(--bs-success-100);
7075
+ --bs-btn-disabled-color: var(--bs-gray-700);
7076
+ --bs-gradient: none;
7077
+ }
7078
+ .btn-outline-success.loading {
7079
+ --bs-btn-disabled-opacity: 1;
7080
+ --bs-btn-disabled-bg: transparent;
7081
+ --bs-btn-disabled-border-color: var(--bs-success-600);
7082
+ --bs-btn-disabled-color: var(--bs-success-600);
7083
+ }
7084
+
7085
+ .btn-link-success {
7086
+ --bs-btn-bg: transparent;
7087
+ --bs-btn-border-color: transparent;
7088
+ --bs-btn-color: var(--bs-success-600);
7089
+ --bs-btn-hover-bg: var(--bs-success-100);
7090
+ --bs-btn-hover-border-color: transparent;
7091
+ --bs-btn-hover-color: var(--bs-success-600);
7092
+ --bs-btn-focus-bg: transparent;
7093
+ --bs-btn-focus-border-color: transparent;
7094
+ --bs-btn-focus-color: var(--bs-success-600);
7095
+ --bs-btn-active-bg: var(--bs-success-200);
7096
+ --bs-btn-active-border-color: transparent;
7097
+ --bs-btn-active-color: var(--bs-success-600);
7098
+ --bs-btn-disabled-bg: transparent;
7099
+ --bs-btn-disabled-border-color: transparent;
7100
+ --bs-btn-disabled-color: var(--bs-success-300);
7101
+ --bs-btn-focus-outline-offset: 0;
7102
+ }
7103
+ .btn-link-success span {
7104
+ text-decoration: underline;
7105
+ }
7106
+ .btn-link-success.loading {
7107
+ --bs-btn-disabled-opacity: 1;
7108
+ --bs-btn-disabled-bg: transparent;
7109
+ --bs-btn-disabled-border-color: transparent;
7110
+ --bs-btn-disabled-color: var(--bs-success-600);
7111
+ }
7112
+
7113
+ .btn-info {
7114
+ --bs-btn-color: var(--bs-white);
7115
+ --bs-btn-bg: var(--bs-info-500);
7116
+ --bs-btn-border-color: var(--bs-info-500);
7117
+ --bs-btn-hover-color: var(--bs-white);
7118
+ --bs-btn-hover-bg: var(--bs-info-600);
7119
+ --bs-btn-hover-border-color: var(--bs-info-600);
7120
+ --bs-btn-focus-color: var(--bs-white);
7121
+ --bs-btn-focus-bg: var(--bs-info-600);
7122
+ --bs-btn-focus-border-color: var(--bs-info-600);
7123
+ --bs-btn-active-color: var(--bs-white);
7124
+ --bs-btn-active-bg: var(--bs-info-700);
7125
+ --bs-btn-active-border-color: var(--bs-info-700);
7126
+ --bs-btn-disabled-color: var(--bs-gray-700);
7127
+ --bs-btn-disabled-bg: var(--bs-info-100);
7128
+ --bs-btn-disabled-border-color: var(--bs-info-100);
7129
+ }
7130
+ .btn-info.loading {
7131
+ --bs-btn-disabled-opacity: 1;
7132
+ --bs-btn-disabled-bg: var(--bs-info-700);
7133
+ --bs-btn-disabled-border-color: var(--bs-info-700);
7134
+ --bs-btn-disabled-color: var(--bs-white);
7135
+ }
7136
+
7137
+ .btn-outline-info {
7138
+ --bs-btn-bg: transparent;
7139
+ --bs-btn-border-color: var(--bs-info-600);
7140
+ --bs-btn-color: var(--bs-info-600);
7141
+ --bs-btn-hover-bg: var(--bs-info-100);
7142
+ --bs-btn-hover-border-color: var(--bs-info-600);
7143
+ --bs-btn-hover-color: var(--bs-info-600);
7144
+ --bs-btn-focus-bg: var(--bs-info-100);
7145
+ --bs-btn-focus-border-color: var(--bs-info-600);
7146
+ --bs-btn-focus-color: var(--bs-info-600);
7147
+ --bs-btn-active-bg: var(--bs-info-200);
7148
+ --bs-btn-active-border-color: var(--bs-info-600);
7149
+ --bs-btn-active-color: var(--bs-info-600);
7150
+ --bs-btn-disabled-bg: transparent;
7151
+ --bs-btn-disabled-border-color: var(--bs-info-100);
7152
+ --bs-btn-disabled-color: var(--bs-gray-700);
7153
+ --bs-gradient: none;
7154
+ }
7155
+ .btn-outline-info.loading {
7156
+ --bs-btn-disabled-opacity: 1;
7157
+ --bs-btn-disabled-bg: transparent;
7158
+ --bs-btn-disabled-border-color: var(--bs-info-600);
7159
+ --bs-btn-disabled-color: var(--bs-info-600);
7160
+ }
7161
+
7162
+ .btn-link-info {
7163
+ --bs-btn-bg: transparent;
7164
+ --bs-btn-border-color: transparent;
7165
+ --bs-btn-color: var(--bs-info-600);
7166
+ --bs-btn-hover-bg: var(--bs-info-100);
7167
+ --bs-btn-hover-border-color: transparent;
7168
+ --bs-btn-hover-color: var(--bs-info-600);
7169
+ --bs-btn-focus-bg: transparent;
7170
+ --bs-btn-focus-border-color: transparent;
7171
+ --bs-btn-focus-color: var(--bs-info-600);
7172
+ --bs-btn-active-bg: var(--bs-info-200);
7173
+ --bs-btn-active-border-color: transparent;
7174
+ --bs-btn-active-color: var(--bs-info-600);
7175
+ --bs-btn-disabled-bg: transparent;
7176
+ --bs-btn-disabled-border-color: transparent;
7177
+ --bs-btn-disabled-color: var(--bs-info-300);
7178
+ --bs-btn-focus-outline-offset: 0;
7179
+ }
7180
+ .btn-link-info span {
7181
+ text-decoration: underline;
7182
+ }
7183
+ .btn-link-info.loading {
7184
+ --bs-btn-disabled-opacity: 1;
7185
+ --bs-btn-disabled-bg: transparent;
7186
+ --bs-btn-disabled-border-color: transparent;
7187
+ --bs-btn-disabled-color: var(--bs-info-600);
7188
+ }
7189
+
7190
+ .btn-warning {
7191
+ --bs-btn-color: var(--bs-black);
7192
+ --bs-btn-bg: var(--bs-warning-500);
7193
+ --bs-btn-border-color: var(--bs-warning-500);
7194
+ --bs-btn-hover-color: var(--bs-black);
7195
+ --bs-btn-hover-bg: var(--bs-warning-600);
7196
+ --bs-btn-hover-border-color: var(--bs-warning-600);
7197
+ --bs-btn-focus-color: var(--bs-black);
7198
+ --bs-btn-focus-bg: var(--bs-warning-600);
7199
+ --bs-btn-focus-border-color: var(--bs-warning-600);
7200
+ --bs-btn-active-color: var(--bs-black);
7201
+ --bs-btn-active-bg: var(--bs-warning-700);
7202
+ --bs-btn-active-border-color: var(--bs-warning-700);
7203
+ --bs-btn-disabled-color: var(--bs-gray-700);
7204
+ --bs-btn-disabled-bg: var(--bs-warning-100);
7205
+ --bs-btn-disabled-border-color: var(--bs-warning-100);
7206
+ }
7207
+ .btn-warning.loading {
7208
+ --bs-btn-disabled-opacity: 1;
7209
+ --bs-btn-disabled-bg: var(--bs-warning-700);
7210
+ --bs-btn-disabled-border-color: var(--bs-warning-700);
7211
+ --bs-btn-disabled-color: var(--bs-black);
7212
+ }
7213
+
7214
+ .btn-outline-warning {
7215
+ --bs-btn-bg: transparent;
7216
+ --bs-btn-border-color: var(--bs-warning-600);
7217
+ --bs-btn-color: var(--bs-warning-600);
7218
+ --bs-btn-hover-bg: var(--bs-warning-100);
7219
+ --bs-btn-hover-border-color: var(--bs-warning-600);
7220
+ --bs-btn-hover-color: var(--bs-warning-600);
7221
+ --bs-btn-focus-bg: var(--bs-warning-100);
7222
+ --bs-btn-focus-border-color: var(--bs-warning-600);
7223
+ --bs-btn-focus-color: var(--bs-warning-600);
7224
+ --bs-btn-active-bg: var(--bs-warning-200);
7225
+ --bs-btn-active-border-color: var(--bs-warning-600);
7226
+ --bs-btn-active-color: var(--bs-warning-600);
7227
+ --bs-btn-disabled-bg: transparent;
7228
+ --bs-btn-disabled-border-color: var(--bs-warning-100);
7229
+ --bs-btn-disabled-color: var(--bs-gray-700);
7230
+ --bs-gradient: none;
7231
+ }
7232
+ .btn-outline-warning.loading {
7233
+ --bs-btn-disabled-opacity: 1;
7234
+ --bs-btn-disabled-bg: transparent;
7235
+ --bs-btn-disabled-border-color: var(--bs-warning-600);
7236
+ --bs-btn-disabled-color: var(--bs-warning-600);
7237
+ }
7238
+
7239
+ .btn-link-warning {
7240
+ --bs-btn-bg: transparent;
7241
+ --bs-btn-border-color: transparent;
7242
+ --bs-btn-color: var(--bs-warning-600);
7243
+ --bs-btn-hover-bg: var(--bs-warning-100);
7244
+ --bs-btn-hover-border-color: transparent;
7245
+ --bs-btn-hover-color: var(--bs-warning-600);
7246
+ --bs-btn-focus-bg: transparent;
7247
+ --bs-btn-focus-border-color: transparent;
7248
+ --bs-btn-focus-color: var(--bs-warning-600);
7249
+ --bs-btn-active-bg: var(--bs-warning-200);
7250
+ --bs-btn-active-border-color: transparent;
7251
+ --bs-btn-active-color: var(--bs-warning-600);
7252
+ --bs-btn-disabled-bg: transparent;
7253
+ --bs-btn-disabled-border-color: transparent;
7254
+ --bs-btn-disabled-color: var(--bs-warning-300);
7255
+ --bs-btn-focus-outline-offset: 0;
7256
+ }
7257
+ .btn-link-warning span {
7258
+ text-decoration: underline;
7259
+ }
7260
+ .btn-link-warning.loading {
7261
+ --bs-btn-disabled-opacity: 1;
7262
+ --bs-btn-disabled-bg: transparent;
7263
+ --bs-btn-disabled-border-color: transparent;
7264
+ --bs-btn-disabled-color: var(--bs-warning-600);
7001
7265
  }
7002
- @keyframes Toastify__bounceOutRight {
7003
- 20% {
7004
- opacity: 1;
7005
- transform: translate3d(-20px, 0, 0);
7006
- }
7007
- to {
7008
- opacity: 0;
7009
- transform: translate3d(2000px, 0, 0);
7010
- }
7266
+
7267
+ .btn-danger {
7268
+ --bs-btn-color: var(--bs-white);
7269
+ --bs-btn-bg: var(--bs-danger-500);
7270
+ --bs-btn-border-color: var(--bs-danger-500);
7271
+ --bs-btn-hover-color: var(--bs-white);
7272
+ --bs-btn-hover-bg: var(--bs-danger-600);
7273
+ --bs-btn-hover-border-color: var(--bs-danger-600);
7274
+ --bs-btn-focus-color: var(--bs-white);
7275
+ --bs-btn-focus-bg: var(--bs-danger-600);
7276
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7277
+ --bs-btn-active-color: var(--bs-white);
7278
+ --bs-btn-active-bg: var(--bs-danger-700);
7279
+ --bs-btn-active-border-color: var(--bs-danger-700);
7280
+ --bs-btn-disabled-color: var(--bs-gray-700);
7281
+ --bs-btn-disabled-bg: var(--bs-danger-100);
7282
+ --bs-btn-disabled-border-color: var(--bs-danger-100);
7011
7283
  }
7012
- @keyframes Toastify__bounceInLeft {
7013
- from, 60%, 75%, 90%, to {
7014
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
7015
- }
7016
- 0% {
7017
- opacity: 0;
7018
- transform: translate3d(-3000px, 0, 0);
7019
- }
7020
- 60% {
7021
- opacity: 1;
7022
- transform: translate3d(25px, 0, 0);
7023
- }
7024
- 75% {
7025
- transform: translate3d(-10px, 0, 0);
7026
- }
7027
- 90% {
7028
- transform: translate3d(5px, 0, 0);
7029
- }
7030
- to {
7031
- transform: none;
7032
- }
7284
+ .btn-danger.loading {
7285
+ --bs-btn-disabled-opacity: 1;
7286
+ --bs-btn-disabled-bg: var(--bs-danger-700);
7287
+ --bs-btn-disabled-border-color: var(--bs-danger-700);
7288
+ --bs-btn-disabled-color: var(--bs-white);
7289
+ }
7290
+
7291
+ .btn-outline-danger {
7292
+ --bs-btn-bg: transparent;
7293
+ --bs-btn-border-color: var(--bs-danger-600);
7294
+ --bs-btn-color: var(--bs-danger-600);
7295
+ --bs-btn-hover-bg: var(--bs-danger-100);
7296
+ --bs-btn-hover-border-color: var(--bs-danger-600);
7297
+ --bs-btn-hover-color: var(--bs-danger-600);
7298
+ --bs-btn-focus-bg: var(--bs-danger-100);
7299
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7300
+ --bs-btn-focus-color: var(--bs-danger-600);
7301
+ --bs-btn-active-bg: var(--bs-danger-200);
7302
+ --bs-btn-active-border-color: var(--bs-danger-600);
7303
+ --bs-btn-active-color: var(--bs-danger-600);
7304
+ --bs-btn-disabled-bg: transparent;
7305
+ --bs-btn-disabled-border-color: var(--bs-danger-100);
7306
+ --bs-btn-disabled-color: var(--bs-gray-700);
7307
+ --bs-gradient: none;
7308
+ }
7309
+ .btn-outline-danger.loading {
7310
+ --bs-btn-disabled-opacity: 1;
7311
+ --bs-btn-disabled-bg: transparent;
7312
+ --bs-btn-disabled-border-color: var(--bs-danger-600);
7313
+ --bs-btn-disabled-color: var(--bs-danger-600);
7314
+ }
7315
+
7316
+ .btn-link-danger {
7317
+ --bs-btn-bg: transparent;
7318
+ --bs-btn-border-color: transparent;
7319
+ --bs-btn-color: var(--bs-danger-600);
7320
+ --bs-btn-hover-bg: var(--bs-danger-100);
7321
+ --bs-btn-hover-border-color: transparent;
7322
+ --bs-btn-hover-color: var(--bs-danger-600);
7323
+ --bs-btn-focus-bg: transparent;
7324
+ --bs-btn-focus-border-color: transparent;
7325
+ --bs-btn-focus-color: var(--bs-danger-600);
7326
+ --bs-btn-active-bg: var(--bs-danger-200);
7327
+ --bs-btn-active-border-color: transparent;
7328
+ --bs-btn-active-color: var(--bs-danger-600);
7329
+ --bs-btn-disabled-bg: transparent;
7330
+ --bs-btn-disabled-border-color: transparent;
7331
+ --bs-btn-disabled-color: var(--bs-danger-300);
7332
+ --bs-btn-focus-outline-offset: 0;
7333
+ }
7334
+ .btn-link-danger span {
7335
+ text-decoration: underline;
7336
+ }
7337
+ .btn-link-danger.loading {
7338
+ --bs-btn-disabled-opacity: 1;
7339
+ --bs-btn-disabled-bg: transparent;
7340
+ --bs-btn-disabled-border-color: transparent;
7341
+ --bs-btn-disabled-color: var(--bs-danger-600);
7342
+ }
7343
+
7344
+ .btn-light {
7345
+ --bs-btn-color: #555564;
7346
+ --bs-btn-bg: #f7f7ff;
7347
+ --bs-btn-border-color: #f7f7ff;
7348
+ --bs-btn-hover-color: #555564;
7349
+ --bs-btn-hover-bg: #d2d2d9;
7350
+ --bs-btn-hover-border-color: #c6c6cc;
7351
+ --bs-btn-focus-shadow-rgb: 223, 223, 232;
7352
+ --bs-btn-active-color: #000;
7353
+ --bs-btn-active-bg: #c6c6cc;
7354
+ --bs-btn-active-border-color: #b9b9bf;
7355
+ --bs-btn-active-shadow: none;
7356
+ --bs-btn-disabled-color: #555564;
7357
+ --bs-btn-disabled-bg: #f7f7ff;
7358
+ --bs-btn-disabled-border-color: #f7f7ff;
7359
+ }
7360
+
7361
+ .btn-outline-light {
7362
+ --bs-btn-color: #f7f7ff;
7363
+ --bs-btn-border-color: #f7f7ff;
7364
+ --bs-btn-hover-color: #555564;
7365
+ --bs-btn-hover-bg: #f7f7ff;
7366
+ --bs-btn-hover-border-color: #f7f7ff;
7367
+ --bs-btn-focus-shadow-rgb: 247, 247, 255;
7368
+ --bs-btn-active-color: #555564;
7369
+ --bs-btn-active-bg: #f7f7ff;
7370
+ --bs-btn-active-border-color: #f7f7ff;
7371
+ --bs-btn-active-shadow: none;
7372
+ --bs-btn-disabled-color: #f7f7ff;
7373
+ --bs-btn-disabled-bg: transparent;
7374
+ --bs-btn-disabled-border-color: #f7f7ff;
7375
+ --bs-gradient: none;
7376
+ }
7377
+
7378
+ .btn-link-light {
7379
+ --bs-btn-bg: transparent;
7380
+ --bs-btn-border-color: transparent;
7381
+ --bs-btn-color: #f7f7ff;
7382
+ --bs-btn-hover-bg: var(--bs-gray-300);
7383
+ --bs-btn-hover-border-color: transparent;
7384
+ --bs-btn-hover-color: #f7f7ff;
7385
+ --bs-btn-focus-bg: transparent;
7386
+ --bs-btn-focus-border-color: transparent;
7387
+ --bs-btn-focus-color: #f7f7ff;
7388
+ --bs-btn-active-bg: var(--bs-gray-500);
7389
+ --bs-btn-active-border-color: transparent;
7390
+ --bs-btn-active-color: #f7f7ff;
7391
+ --bs-btn-disabled-bg: transparent;
7392
+ --bs-btn-disabled-border-color: transparent;
7393
+ --bs-btn-disabled-color: var(--bs-gray-300);
7394
+ --bs-btn-focus-outline-offset: 0;
7395
+ }
7396
+ .btn-link-light span {
7397
+ text-decoration: underline;
7398
+ }
7399
+ .btn-link-light.loading {
7400
+ --bs-btn-disabled-opacity: 1;
7401
+ --bs-btn-disabled-bg: transparent;
7402
+ --bs-btn-disabled-border-color: transparent;
7403
+ --bs-btn-disabled-color: #f7f7ff;
7404
+ }
7405
+
7406
+ .btn-dark {
7407
+ --bs-btn-color: #fff;
7408
+ --bs-btn-bg: #161723;
7409
+ --bs-btn-border-color: #161723;
7410
+ --bs-btn-hover-color: #fff;
7411
+ --bs-btn-hover-bg: #393a44;
7412
+ --bs-btn-hover-border-color: #2d2e39;
7413
+ --bs-btn-focus-shadow-rgb: 57, 58, 68;
7414
+ --bs-btn-active-color: #fff;
7415
+ --bs-btn-active-bg: #45454f;
7416
+ --bs-btn-active-border-color: #2d2e39;
7417
+ --bs-btn-active-shadow: none;
7418
+ --bs-btn-disabled-color: #fff;
7419
+ --bs-btn-disabled-bg: #161723;
7420
+ --bs-btn-disabled-border-color: #161723;
7421
+ }
7422
+
7423
+ .btn-outline-dark {
7424
+ --bs-btn-color: #161723;
7425
+ --bs-btn-border-color: #161723;
7426
+ --bs-btn-hover-color: #fff;
7427
+ --bs-btn-hover-bg: #161723;
7428
+ --bs-btn-hover-border-color: #161723;
7429
+ --bs-btn-focus-shadow-rgb: 22, 23, 35;
7430
+ --bs-btn-active-color: #fff;
7431
+ --bs-btn-active-bg: #161723;
7432
+ --bs-btn-active-border-color: #161723;
7433
+ --bs-btn-active-shadow: none;
7434
+ --bs-btn-disabled-color: #161723;
7435
+ --bs-btn-disabled-bg: transparent;
7436
+ --bs-btn-disabled-border-color: #161723;
7437
+ --bs-gradient: none;
7438
+ }
7439
+
7440
+ .btn-link-dark {
7441
+ --bs-btn-bg: transparent;
7442
+ --bs-btn-border-color: transparent;
7443
+ --bs-btn-color: #161723;
7444
+ --bs-btn-hover-bg: var(--bs-gray-100);
7445
+ --bs-btn-hover-border-color: transparent;
7446
+ --bs-btn-hover-color: #161723;
7447
+ --bs-btn-focus-bg: transparent;
7448
+ --bs-btn-focus-border-color: transparent;
7449
+ --bs-btn-focus-color: #161723;
7450
+ --bs-btn-active-bg: var(--bs-gray-200);
7451
+ --bs-btn-active-border-color: transparent;
7452
+ --bs-btn-active-color: #161723;
7453
+ --bs-btn-disabled-bg: transparent;
7454
+ --bs-btn-disabled-border-color: transparent;
7455
+ --bs-btn-disabled-color: var(--bs-gray-300);
7456
+ --bs-btn-focus-outline-offset: 0;
7457
+ }
7458
+ .btn-link-dark span {
7459
+ text-decoration: underline;
7460
+ }
7461
+ .btn-link-dark.loading {
7462
+ --bs-btn-disabled-opacity: 1;
7463
+ --bs-btn-disabled-bg: transparent;
7464
+ --bs-btn-disabled-border-color: transparent;
7465
+ --bs-btn-disabled-color: #161723;
7466
+ }
7467
+
7468
+ .btn-lg, .btn-group-lg > .btn {
7469
+ --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
7470
+ --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
7471
+ --bs-btn-font-size: var(--bs-btn-lg-font-size);
7472
+ --bs-btn-border-radius: var(--bs-btn-lg-border-radius);
7473
+ }
7474
+
7475
+ .btn-sm, .btn-group-sm > .btn {
7476
+ --bs-btn-padding-y: var(--bs-btn-sm-padding-y);
7477
+ --bs-btn-padding-x: var(--bs-btn-sm-padding-x);
7478
+ --bs-btn-font-size: var(--bs-btn-sm-font-size);
7479
+ --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
7480
+ }
7481
+
7482
+ [class*=btn-link-] {
7483
+ --bs-btn-text-decoration: var(--bs-link-decoration);
7484
+ }
7485
+
7486
+ .btn-link {
7487
+ --bs-btn-font-weight: 400;
7488
+ --bs-btn-color: var(--bs-link-color);
7489
+ --bs-btn-bg: transparent;
7490
+ --bs-btn-border-color: transparent;
7491
+ --bs-btn-hover-color: var(--bs-link-hover-color);
7492
+ --bs-btn-hover-border-color: transparent;
7493
+ --bs-btn-active-color: var(--bs-link-hover-color);
7494
+ --bs-btn-active-border-color: transparent;
7495
+ --bs-btn-disabled-color: #616173;
7496
+ --bs-btn-disabled-border-color: transparent;
7497
+ --bs-btn-box-shadow: 0 0 0 #000;
7498
+ --bs-btn-focus-shadow-rgb: 222, 61, 120;
7499
+ text-decoration: underline;
7033
7500
  }
7034
- @keyframes Toastify__bounceOutLeft {
7035
- 20% {
7036
- opacity: 1;
7037
- transform: translate3d(20px, 0, 0);
7038
- }
7039
- to {
7040
- opacity: 0;
7041
- transform: translate3d(-2000px, 0, 0);
7042
- }
7501
+ .btn-link:hover, .btn-link:focus-visible {
7502
+ text-decoration: underline;
7043
7503
  }
7044
- @keyframes Toastify__bounceInUp {
7045
- from, 60%, 75%, 90%, to {
7046
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
7047
- }
7048
- from {
7049
- opacity: 0;
7050
- transform: translate3d(0, 3000px, 0);
7051
- }
7052
- 60% {
7053
- opacity: 1;
7054
- transform: translate3d(0, -20px, 0);
7055
- }
7056
- 75% {
7057
- transform: translate3d(0, 10px, 0);
7058
- }
7059
- 90% {
7060
- transform: translate3d(0, -5px, 0);
7061
- }
7062
- to {
7063
- transform: translate3d(0, 0, 0);
7064
- }
7504
+ .btn-link:focus-visible {
7505
+ color: var(--bs-btn-color);
7065
7506
  }
7066
- @keyframes Toastify__bounceOutUp {
7067
- 20% {
7068
- transform: translate3d(0, -10px, 0);
7069
- }
7070
- 40%, 45% {
7071
- opacity: 1;
7072
- transform: translate3d(0, 20px, 0);
7073
- }
7074
- to {
7075
- opacity: 0;
7076
- transform: translate3d(0, -2000px, 0);
7077
- }
7507
+ .btn-link:hover {
7508
+ color: var(--bs-btn-hover-color);
7078
7509
  }
7079
- @keyframes Toastify__bounceInDown {
7080
- from, 60%, 75%, 90%, to {
7081
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
7082
- }
7083
- 0% {
7084
- opacity: 0;
7085
- transform: translate3d(0, -3000px, 0);
7086
- }
7087
- 60% {
7088
- opacity: 1;
7089
- transform: translate3d(0, 25px, 0);
7090
- }
7091
- 75% {
7092
- transform: translate3d(0, -10px, 0);
7093
- }
7094
- 90% {
7095
- transform: translate3d(0, 5px, 0);
7096
- }
7097
- to {
7098
- transform: none;
7099
- }
7510
+
7511
+ .progress {
7512
+ --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
7513
+ font-weight: var(--bs-progress-bar-font-weight);
7100
7514
  }
7101
- @keyframes Toastify__bounceOutDown {
7102
- 20% {
7103
- transform: translate3d(0, 10px, 0);
7104
- }
7105
- 40%, 45% {
7106
- opacity: 1;
7107
- transform: translate3d(0, -20px, 0);
7108
- }
7109
- to {
7110
- opacity: 0;
7111
- transform: translate3d(0, 2000px, 0);
7112
- }
7515
+ .progress .progress-bar:not(:empty) {
7516
+ min-width: 4ch;
7113
7517
  }
7114
- .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
7115
- animation-name: Toastify__bounceInLeft;
7518
+
7519
+ .alert {
7520
+ --bs-alert-gap: 1rem;
7521
+ --bs-alert-box-shadow: var(--bs-box-shadow-sm);
7522
+ --bs-alert-icon-color: var(--bs-alert-color);
7523
+ --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
7524
+ --bs-alert-close-icon-size: 0.75rem;
7525
+ display: flex;
7526
+ flex-direction: row;
7527
+ gap: var(--bs-alert-gap);
7528
+ align-items: center;
7529
+ box-shadow: var(--bs-alert-box-shadow);
7116
7530
  }
7117
- .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
7118
- animation-name: Toastify__bounceInRight;
7531
+ .alert .alert-text {
7532
+ flex-grow: 1;
7119
7533
  }
7120
- .Toastify__bounce-enter--top-center {
7121
- animation-name: Toastify__bounceInDown;
7534
+ .alert .alert-separator {
7535
+ align-self: stretch;
7536
+ width: 1px;
7537
+ background-color: var(--bs-alert-icon-color);
7538
+ opacity: var(--bs-alert-separator-opacity);
7122
7539
  }
7123
- .Toastify__bounce-enter--bottom-center {
7124
- animation-name: Toastify__bounceInUp;
7540
+ .alert .btn-close {
7541
+ --bs-btn-close-bg: transparent;
7125
7542
  }
7126
-
7127
- .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
7128
- animation-name: Toastify__bounceOutLeft;
7543
+ .alert .alert-icon.d-icon {
7544
+ --bs-icon-color: var(--bs-alert-icon-color);
7129
7545
  }
7130
- .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
7131
- animation-name: Toastify__bounceOutRight;
7546
+ .alert .alert-close-icon {
7547
+ --bs-icon-color: var(--bs-alert-icon-color);
7548
+ --bs-icon-size: var(--bs-alert-close-icon-size);
7132
7549
  }
7133
- .Toastify__bounce-exit--top-center {
7134
- animation-name: Toastify__bounceOutUp;
7550
+ .alert.alert-primary {
7551
+ --bs-alert-color: var(--bs-white);
7552
+ --bs-alert-bg: var(--bs-primary);
7553
+ --bs-alert-border-color: var(--bs-primary);
7554
+ --bs-alert-link-color: var(--bs-white);
7135
7555
  }
7136
- .Toastify__bounce-exit--bottom-center {
7137
- animation-name: Toastify__bounceOutDown;
7556
+ .alert.alert-secondary {
7557
+ --bs-alert-color: var(--bs-white);
7558
+ --bs-alert-bg: var(--bs-secondary);
7559
+ --bs-alert-border-color: var(--bs-secondary);
7560
+ --bs-alert-link-color: var(--bs-white);
7138
7561
  }
7139
-
7140
- @keyframes Toastify__zoomIn {
7141
- from {
7142
- opacity: 0;
7143
- transform: scale3d(0.3, 0.3, 0.3);
7144
- }
7145
- 50% {
7146
- opacity: 1;
7147
- }
7562
+ .alert.alert-success {
7563
+ --bs-alert-color: var(--bs-white);
7564
+ --bs-alert-bg: var(--bs-success);
7565
+ --bs-alert-border-color: var(--bs-success);
7566
+ --bs-alert-link-color: var(--bs-white);
7148
7567
  }
7149
- @keyframes Toastify__zoomOut {
7150
- from {
7151
- opacity: 1;
7152
- }
7153
- 50% {
7154
- opacity: 0;
7155
- transform: scale3d(0.3, 0.3, 0.3);
7156
- }
7157
- to {
7158
- opacity: 0;
7159
- }
7568
+ .alert.alert-info {
7569
+ --bs-alert-color: var(--bs-white);
7570
+ --bs-alert-bg: var(--bs-info);
7571
+ --bs-alert-border-color: var(--bs-info);
7572
+ --bs-alert-link-color: var(--bs-white);
7160
7573
  }
7161
- .Toastify__zoom-enter {
7162
- animation-name: Toastify__zoomIn;
7574
+ .alert.alert-warning {
7575
+ --bs-alert-color: var(--bs-black);
7576
+ --bs-alert-bg: var(--bs-warning);
7577
+ --bs-alert-border-color: var(--bs-warning);
7578
+ --bs-alert-link-color: var(--bs-black);
7163
7579
  }
7164
-
7165
- .Toastify__zoom-exit {
7166
- animation-name: Toastify__zoomOut;
7580
+ .alert.alert-danger {
7581
+ --bs-alert-color: var(--bs-white);
7582
+ --bs-alert-bg: var(--bs-danger);
7583
+ --bs-alert-border-color: var(--bs-danger);
7584
+ --bs-alert-link-color: var(--bs-white);
7167
7585
  }
7168
-
7169
- @keyframes Toastify__flipIn {
7170
- from {
7171
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
7172
- animation-timing-function: ease-in;
7173
- opacity: 0;
7174
- }
7175
- 40% {
7176
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
7177
- animation-timing-function: ease-in;
7178
- }
7179
- 60% {
7180
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
7181
- opacity: 1;
7182
- }
7183
- 80% {
7184
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
7185
- }
7186
- to {
7187
- transform: perspective(400px);
7188
- }
7586
+ .alert.alert-light {
7587
+ --bs-alert-color: var(--bs-gray-700);
7588
+ --bs-alert-bg: var(--bs-light);
7589
+ --bs-alert-border-color: var(--bs-light);
7590
+ --bs-alert-link-color: var(--bs-gray-700);
7189
7591
  }
7190
- @keyframes Toastify__flipOut {
7191
- from {
7192
- transform: perspective(400px);
7193
- }
7194
- 30% {
7195
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
7196
- opacity: 1;
7197
- }
7198
- to {
7199
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
7200
- opacity: 0;
7201
- }
7592
+ .alert.alert-dark {
7593
+ --bs-alert-color: var(--bs-white);
7594
+ --bs-alert-bg: var(--bs-dark);
7595
+ --bs-alert-border-color: var(--bs-dark);
7596
+ --bs-alert-link-color: var(--bs-white);
7202
7597
  }
7203
- .Toastify__flip-enter {
7204
- animation-name: Toastify__flipIn;
7598
+ .alert.alert-soft {
7599
+ --bs-alert-color: var(--bs-gray-900);
7600
+ border-width: 0 0 0 5px;
7601
+ }
7602
+ .alert.alert-soft.alert-primary {
7603
+ --bs-alert-icon-color: var(--bs-primary-500);
7604
+ --bs-alert-bg: var(--bs-primary-100);
7605
+ }
7606
+ .alert.alert-soft.alert-secondary {
7607
+ --bs-alert-icon-color: var(--bs-secondary-500);
7608
+ --bs-alert-bg: var(--bs-secondary-100);
7609
+ }
7610
+ .alert.alert-soft.alert-success {
7611
+ --bs-alert-icon-color: var(--bs-success-500);
7612
+ --bs-alert-bg: var(--bs-success-100);
7613
+ }
7614
+ .alert.alert-soft.alert-info {
7615
+ --bs-alert-icon-color: var(--bs-info-500);
7616
+ --bs-alert-bg: var(--bs-info-100);
7617
+ }
7618
+ .alert.alert-soft.alert-warning {
7619
+ --bs-alert-icon-color: var(--bs-warning-500);
7620
+ --bs-alert-bg: var(--bs-warning-100);
7621
+ }
7622
+ .alert.alert-soft.alert-danger {
7623
+ --bs-alert-icon-color: var(--bs-danger-500);
7624
+ --bs-alert-bg: var(--bs-danger-100);
7205
7625
  }
7206
-
7207
- .Toastify__flip-exit {
7208
- animation-name: Toastify__flipOut;
7626
+ .alert.alert-soft.alert-light {
7627
+ --bs-alert-icon-color: var(--bs-secondary-500);
7628
+ --bs-alert-border-color: var(--bs-secondary-500);
7629
+ --bs-alert-bg: var(--bs-white);
7209
7630
  }
7210
7631
 
7211
- @keyframes Toastify__slideInRight {
7212
- from {
7213
- transform: translate3d(110%, 0, 0);
7214
- visibility: visible;
7215
- }
7216
- to {
7217
- transform: translate3d(0, 0, 0);
7218
- }
7632
+ .collapse-container {
7633
+ --bs-collapse-bg: var(--bs-white);
7634
+ --bs-collapse-border-radius: var(--bs-ref-spacer-1);
7635
+ --bs-collapse-box-shadow: var(--bs-box-shadow-sm);
7636
+ --bs-collapse-button-padding-x: var(--bs-ref-spacer-3);
7637
+ --bs-collapse-button-padding-y: var(--bs-ref-spacer-3);
7638
+ --bs-collapse-button-gap: var(--bs-ref-spacer-3);
7639
+ --bs-collapse-body-padding-x: var(--bs-ref-spacer-3);
7640
+ --bs-collapse-body-padding-y: var(--bs-ref-spacer-3);
7641
+ --bs-collapse-separator-display: none;
7642
+ --bs-collapse-separator-height: 1px;
7643
+ --bs-collapse-separator-bg: var(--bs-gray-200);
7644
+ background-color: var(--bs-collapse-bg);
7645
+ border-radius: var(--bs-collapse-border-radius);
7646
+ box-shadow: var(--bs-collapse-box-shadow);
7219
7647
  }
7220
- @keyframes Toastify__slideInLeft {
7221
- from {
7222
- transform: translate3d(-110%, 0, 0);
7223
- visibility: visible;
7224
- }
7225
- to {
7226
- transform: translate3d(0, 0, 0);
7227
- }
7648
+ .collapse-container .collapse-button {
7649
+ display: flex;
7650
+ gap: var(--bs-collapse-button-gap);
7651
+ align-items: center;
7652
+ width: 100%;
7653
+ padding: var(--bs-collapse-button-padding-y) var(--bs-collapse-button-padding-x);
7654
+ text-align: left;
7655
+ -webkit-user-select: none;
7656
+ -moz-user-select: none;
7657
+ user-select: none;
7658
+ background: transparent;
7659
+ border: 0;
7228
7660
  }
7229
- @keyframes Toastify__slideInUp {
7230
- from {
7231
- transform: translate3d(0, 110%, 0);
7232
- visibility: visible;
7233
- }
7234
- to {
7235
- transform: translate3d(0, 0, 0);
7236
- }
7661
+ .collapse-container .collapse-button:focus, .collapse-container .collapse-button:focus-visible {
7662
+ outline: 0;
7237
7663
  }
7238
- @keyframes Toastify__slideInDown {
7239
- from {
7240
- transform: translate3d(0, -110%, 0);
7241
- visibility: visible;
7242
- }
7243
- to {
7244
- transform: translate3d(0, 0, 0);
7245
- }
7664
+ .collapse-container .collapse-body {
7665
+ position: relative;
7666
+ padding: var(--bs-collapse-body-padding-y) var(--bs-collapse-body-padding-x);
7667
+ padding-top: 0;
7246
7668
  }
7247
- @keyframes Toastify__slideOutRight {
7248
- from {
7249
- transform: translate3d(0, 0, 0);
7250
- }
7251
- to {
7252
- visibility: hidden;
7253
- transform: translate3d(110%, 0, 0);
7254
- }
7669
+ .collapse-container .collapse-body::before {
7670
+ position: absolute;
7671
+ top: 0;
7672
+ display: var(--bs-collapse-separator-display);
7673
+ width: calc(100% - var(--bs-collapse-body-padding-x) * 2);
7674
+ height: var(--bs-collapse-separator-height);
7675
+ content: " ";
7676
+ background-color: var(--bs-collapse-separator-bg);
7255
7677
  }
7256
- @keyframes Toastify__slideOutLeft {
7257
- from {
7258
- transform: translate3d(0, 0, 0);
7259
- }
7260
- to {
7261
- visibility: hidden;
7262
- transform: translate3d(-110%, 0, 0);
7263
- }
7678
+
7679
+ .pagination {
7680
+ --bs-pagination-page-item-size: 2.125rem;
7681
+ --bs-pagination-page-link-bg: transparent;
7682
+ --bs-pagination-page-border-radius: var(--bs-border-radius);
7683
+ --bs-pagination-arrow-font-size: var(--bs-ref-fs-small);
7684
+ --bs-pagination-arrow-padding-y: var(--bs-ref-spacer-1);
7685
+ --bs-pagination-arrow-padding-x: var(--bs-ref-spacer-2);
7686
+ --bs-pagination-arrow-border-radius: var(--bs-border-radius);
7687
+ --bs-pagination-arrow-color: var(--bs-secondary);
7688
+ --bs-pagination-focus-arrow-bg: var(--bs-secondary-100);
7689
+ --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>');
7690
+ --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>');
7691
+ --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>');
7692
+ --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>');
7693
+ margin: 0;
7264
7694
  }
7265
- @keyframes Toastify__slideOutDown {
7266
- from {
7267
- transform: translate3d(0, 0, 0);
7268
- }
7269
- to {
7270
- visibility: hidden;
7271
- transform: translate3d(0, 500px, 0);
7272
- }
7695
+ .pagination .page-item {
7696
+ min-width: var(--bs-pagination-page-item-size);
7697
+ min-height: var(--bs-pagination-page-item-size);
7273
7698
  }
7274
- @keyframes Toastify__slideOutUp {
7275
- from {
7276
- transform: translate3d(0, 0, 0);
7277
- }
7278
- to {
7279
- visibility: hidden;
7280
- transform: translate3d(0, -500px, 0);
7281
- }
7699
+ .pagination .page-item:not(.active, :hover) .page-link {
7700
+ background-color: var(--bs-pagination-page-link-bg);
7282
7701
  }
7283
- .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
7284
- animation-name: Toastify__slideInLeft;
7702
+ .pagination .arrow .page-link {
7703
+ min-width: -webkit-fit-content;
7704
+ min-width: -moz-fit-content;
7705
+ min-width: fit-content;
7706
+ padding: var(--bs-pagination-arrow-padding-y) var(--bs-pagination-arrow-padding-x);
7707
+ font-size: var(--bs-pagination-arrow-font-size);
7708
+ border-radius: var(--bs-pagination-arrow-border-radius);
7285
7709
  }
7286
- .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
7287
- animation-name: Toastify__slideInRight;
7710
+ .pagination .arrow .page-link:focus {
7711
+ background-color: var(--bs-pagination-focus-arrow-bg);
7288
7712
  }
7289
- .Toastify__slide-enter--top-center {
7290
- animation-name: Toastify__slideInDown;
7713
+ .pagination .arrow .page-link::after, .pagination .arrow .page-link::before {
7714
+ position: relative;
7715
+ display: flex;
7716
+ align-items: center;
7717
+ justify-content: center;
7718
+ background-repeat: no-repeat;
7719
+ background-size: var(--bs-pagination-arrow-font-size);
7291
7720
  }
7292
- .Toastify__slide-enter--bottom-center {
7293
- animation-name: Toastify__slideInUp;
7721
+ .pagination .arrow:is(.arrow-prev, .arrow-next):not(.disabled) .page-link {
7722
+ color: var(--bs-pagination-arrow-color);
7294
7723
  }
7295
-
7296
- .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
7297
- animation-name: Toastify__slideOutLeft;
7724
+ .pagination .arrow.arrow-prev .page-link::before {
7725
+ min-width: var(--bs-pagination-arrow-font-size);
7726
+ min-height: var(--bs-pagination-arrow-font-size);
7727
+ margin-right: var(--bs-ref-spacer-1);
7728
+ content: "";
7729
+ background-image: var(--bs-pagination-arrow-prev-icon-bg-image);
7730
+ background-position: center left;
7298
7731
  }
7299
- .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
7300
- animation-name: Toastify__slideOutRight;
7732
+ .pagination .arrow.arrow-next .page-link::after {
7733
+ width: var(--bs-pagination-arrow-font-size);
7734
+ height: var(--bs-pagination-arrow-font-size);
7735
+ margin-left: var(--bs-ref-spacer-1);
7736
+ content: "";
7737
+ background-image: var(--bs-pagination-arrow-next-icon-bg-image);
7738
+ background-position: center right;
7301
7739
  }
7302
- .Toastify__slide-exit--top-center {
7303
- animation-name: Toastify__slideOutUp;
7740
+ .pagination .arrow:is(.arrow-next, .arrow-prev).no-label .page-link > span {
7741
+ display: none;
7304
7742
  }
7305
- .Toastify__slide-exit--bottom-center {
7306
- animation-name: Toastify__slideOutDown;
7743
+ .pagination .arrow-prev.disabled .page-link::before {
7744
+ background-image: var(--bs-pagination-disabled-arrow-prev-icon-bg-image);
7307
7745
  }
7308
-
7309
- @keyframes Toastify__spin {
7310
- from {
7311
- transform: rotate(0deg);
7312
- }
7313
- to {
7314
- transform: rotate(360deg);
7315
- }
7746
+ .pagination .arrow-next.disabled .page-link::after {
7747
+ background-image: var(--bs-pagination-disabled-arrow-next-icon-bg-image);
7316
7748
  }
7317
- .d-icon {
7318
- --bs-icon-color: var(--bs-icon-component-color, inherit);
7319
- --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
7320
- --bs-icon-size: var(--bs-icon-component-size, 1.5rem);
7321
- --bs-icon-padding: var(--bs-icon-component-padding, 0);
7322
- --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
7323
- display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
7749
+ .pagination .page-link {
7750
+ display: flex;
7324
7751
  align-items: center;
7325
7752
  justify-content: center;
7326
- width: var(--bs-icon-size);
7327
- height: var(--bs-icon-size);
7328
- padding: var(--bs-icon-padding);
7329
- font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
7330
- color: var(--bs-icon-color);
7331
- background-color: var(--bs-icon-bg-color);
7332
- border-radius: var(--bs-icon-padding);
7333
- }
7334
-
7335
- .d-icon-loading {
7336
- animation: loading-icon var(--bs-icon-loading-duration) infinite linear;
7753
+ width: 100%;
7754
+ height: 100%;
7755
+ padding: 0;
7756
+ border-radius: var(--bs-pagination-page-border-radius);
7337
7757
  }
7338
7758
 
7339
- @keyframes loading-icon {
7340
- from {
7341
- transform: rotate(0deg);
7342
- }
7343
- to {
7344
- transform: rotate(360deg);
7345
- }
7346
- }
7347
- .d-input {
7348
- --bs-input-gap: 0.5rem;
7349
- --bs-input-label-color: var(--bs-gray);
7350
- --bs-input-label-font-weight: var(--bs-ref-fw-bold);
7351
- --bs-input-label-font-size: var(--bs-ref-fs-small);
7352
- --bs-input-label-padding-x: var(--bs-ref-spacer-2);
7353
- --bs-input-label-padding-y: 0;
7354
- --bs-input-label-gap: var(--bs-ref-spacer-1);
7355
- --bs-input-group-border-color: var(--bs-gray-300);
7356
- --bs-input-group-border-width: 1px;
7357
- --bs-input-group-border-radius: 0.5rem;
7358
- --bs-input-group-hover-border-color: var(--bs-gray);
7359
- --bs-input-group-focus-border-color: var(--bs-secondary);
7360
- --bs-input-group-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
7361
- --bs-input-form-control-text-align: var(--bs-input-component-form-control-text-align, "left");
7362
- --bs-input-form-text-padding: 0 0.5rem;
7363
- --bs-input-form-text-gap: 0.5rem;
7364
- --bs-input-form-text-color: var(--bs-gray);
7365
- --bs-input-group-disabled-border-color: var(--bs-gray-300);
7366
- --bs-input-group-disabled-bg: var(--bs-gray-100);
7367
- --bs-input-group-disabled-color: var(--bs-gray);
7368
- display: flex;
7369
- flex-direction: column;
7370
- gap: var(--bs-input-gap);
7371
- align-items: flex-start;
7759
+ .breadcrumb .separator {
7760
+ float: left;
7761
+ padding: 0 var(--bs-breadcrumb-item-padding-x);
7762
+ color: var(--bs-breadcrumb-divider-color);
7763
+ content: var(--bs-breadcrumb-divider, "/");
7372
7764
  }
7373
- .d-input:focus-within .input-group {
7374
- border-color: var(--bs-input-group-focus-border-color);
7375
- box-shadow: var(--bs-input-group-focus-box-shadow);
7765
+
7766
+ .breadcrumb .last {
7767
+ color: var(--bs-breadcrumb-item-active-color);
7376
7768
  }
7377
- .d-input .d-input-control {
7378
- display: flex;
7379
- flex-direction: column;
7380
- gap: var(--bs-input-gap);
7381
- width: 100%;
7769
+
7770
+ :root {
7771
+ --toastify-color-light: #fff;
7772
+ --toastify-color-dark: #121212;
7773
+ --toastify-color-info: #3498db;
7774
+ --toastify-color-success: #07bc0c;
7775
+ --toastify-color-warning: #f1c40f;
7776
+ --toastify-color-error: #e74c3c;
7777
+ --toastify-color-transparent: rgba(255, 255, 255, 0.7);
7778
+ --toastify-icon-color-info: var(--toastify-color-info);
7779
+ --toastify-icon-color-success: var(--toastify-color-success);
7780
+ --toastify-icon-color-warning: var(--toastify-color-warning);
7781
+ --toastify-icon-color-error: var(--toastify-color-error);
7782
+ --toastify-toast-width: 320px;
7783
+ --toastify-toast-background: #fff;
7784
+ --toastify-toast-min-height: 64px;
7785
+ --toastify-toast-max-height: 800px;
7786
+ --toastify-font-family: sans-serif;
7787
+ --toastify-z-index: 9999;
7788
+ --toastify-text-color-light: #757575;
7789
+ --toastify-text-color-dark: #fff;
7790
+ --toastify-text-color-info: #fff;
7791
+ --toastify-text-color-success: #fff;
7792
+ --toastify-text-color-warning: #fff;
7793
+ --toastify-text-color-error: #fff;
7794
+ --toastify-spinner-color: #616161;
7795
+ --toastify-spinner-color-empty-area: #e0e0e0;
7796
+ --toastify-color-progress-light: linear-gradient(
7797
+ to right,
7798
+ #4cd964,
7799
+ #5ac8fa,
7800
+ #007aff,
7801
+ #34aadc,
7802
+ #5856d6,
7803
+ #ff2d55
7804
+ );
7805
+ --toastify-color-progress-dark: #bb86fc;
7806
+ --toastify-color-progress-info: var(--toastify-color-info);
7807
+ --toastify-color-progress-success: var(--toastify-color-success);
7808
+ --toastify-color-progress-warning: var(--toastify-color-warning);
7809
+ --toastify-color-progress-error: var(--toastify-color-error);
7382
7810
  }
7383
- .d-input label {
7384
- display: inline-flex;
7385
- flex-direction: row;
7386
- gap: var(--bs-input-label-gap);
7387
- align-items: center;
7811
+
7812
+ .Toastify__toast-container {
7813
+ z-index: var(--toastify-z-index);
7814
+ -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
7815
+ position: fixed;
7816
+ padding: 4px;
7817
+ width: var(--toastify-toast-width);
7818
+ box-sizing: border-box;
7819
+ color: #fff;
7388
7820
  }
7389
- .d-input label .d-input-icon .d-icon {
7390
- --bs-icon-color: var(--bs-focus-ring-color);
7821
+ .Toastify__toast-container--top-left {
7822
+ top: 1em;
7823
+ left: 1em;
7391
7824
  }
7392
- .d-input .input-group {
7393
- border: var(--bs-input-group-border-width) solid var(--bs-input-group-border-color);
7394
- border-radius: var(--bs-input-group-border-radius);
7825
+ .Toastify__toast-container--top-center {
7826
+ top: 1em;
7827
+ left: 50%;
7828
+ transform: translateX(-50%);
7395
7829
  }
7396
- .d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown)) {
7397
- border-color: var(--bs-input-group-hover-border-color);
7830
+ .Toastify__toast-container--top-right {
7831
+ top: 1em;
7832
+ right: 1em;
7398
7833
  }
7399
- .d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown)) {
7400
- border-color: var(--bs-input-group-hover-border-color);
7834
+ .Toastify__toast-container--bottom-left {
7835
+ bottom: 1em;
7836
+ left: 1em;
7401
7837
  }
7402
- .d-input:has(.form-control.is-valid) .input-group {
7403
- border-color: var(--bs-form-valid-border-color);
7404
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
7838
+ .Toastify__toast-container--bottom-center {
7839
+ bottom: 1em;
7840
+ left: 50%;
7841
+ transform: translateX(-50%);
7405
7842
  }
7406
- .d-input:has(.form-control.is-valid) .input-group ~ .form-text {
7407
- color: var(--bs-form-valid-border-color);
7843
+ .Toastify__toast-container--bottom-right {
7844
+ bottom: 1em;
7845
+ right: 1em;
7408
7846
  }
7409
- .d-input:has(.form-control.is-valid) .d-input-validation-icon {
7410
- --bs-icon-color: var(--bs-success);
7847
+
7848
+ @media only screen and (max-width : 480px) {
7849
+ .Toastify__toast-container {
7850
+ width: 100vw;
7851
+ padding: 0;
7852
+ left: 0;
7853
+ margin: 0;
7854
+ }
7855
+ .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
7856
+ top: 0;
7857
+ transform: translateX(0);
7858
+ }
7859
+ .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
7860
+ bottom: 0;
7861
+ transform: translateX(0);
7862
+ }
7863
+ .Toastify__toast-container--rtl {
7864
+ right: 0;
7865
+ left: initial;
7866
+ }
7411
7867
  }
7412
- .d-input:has(.form-control.is-invalid) .input-group {
7413
- border-color: var(--bs-form-invalid-border-color);
7414
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
7868
+ .Toastify__toast {
7869
+ position: relative;
7870
+ min-height: var(--toastify-toast-min-height);
7871
+ box-sizing: border-box;
7872
+ margin-bottom: 1rem;
7873
+ padding: 8px;
7874
+ border-radius: 4px;
7875
+ box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
7876
+ display: flex;
7877
+ justify-content: space-between;
7878
+ max-height: var(--toastify-toast-max-height);
7879
+ overflow: hidden;
7880
+ font-family: var(--toastify-font-family);
7881
+ cursor: default;
7882
+ direction: ltr;
7883
+ /* webkit only issue #791 */
7884
+ z-index: 0;
7415
7885
  }
7416
- .d-input:has(.form-control.is-invalid) .input-group ~ .form-text {
7417
- color: var(--bs-form-invalid-border-color);
7886
+ .Toastify__toast--rtl {
7887
+ direction: rtl;
7418
7888
  }
7419
- .d-input:has(.form-control.is-invalid) .d-input-validation-icon {
7420
- --bs-icon-color: var(--bs-danger);
7889
+ .Toastify__toast--close-on-click {
7890
+ cursor: pointer;
7421
7891
  }
7422
- .d-input .input-group ~ .form-text {
7423
- display: inline-flex;
7424
- flex-direction: row;
7425
- gap: var(--bs-input-form-text-gap);
7892
+ .Toastify__toast-body {
7893
+ margin: auto 0;
7894
+ flex: 1 1 auto;
7895
+ padding: 6px;
7896
+ display: flex;
7426
7897
  align-items: center;
7427
- padding: var(--bs-input-form-text-padding);
7428
- color: var(--bs-input-form-text-color);
7429
7898
  }
7430
- .d-input .form-control {
7431
- text-align: var(--bs-input-form-control-text-align);
7432
- border-width: 0;
7433
- box-shadow: none;
7899
+ .Toastify__toast-body > div:last-child {
7900
+ word-break: break-word;
7901
+ flex: 1;
7434
7902
  }
7435
- .d-input .form-control:not(:last-child) {
7436
- padding-right: 0;
7903
+ .Toastify__toast-icon {
7904
+ -webkit-margin-end: 10px;
7905
+ margin-inline-end: 10px;
7906
+ width: 20px;
7907
+ flex-shrink: 0;
7908
+ display: flex;
7437
7909
  }
7438
- .d-input .form-control:not(:first-child) {
7439
- padding-left: 0;
7910
+
7911
+ .Toastify--animate {
7912
+ animation-fill-mode: both;
7913
+ animation-duration: 0.7s;
7440
7914
  }
7441
- .d-input .form-control::-webkit-inner-spin-button,
7442
- .d-input .form-control::-webkit-outer-spin-button {
7443
- margin: 0;
7444
- -webkit-appearance: none;
7445
- appearance: none;
7915
+
7916
+ .Toastify--animate-icon {
7917
+ animation-fill-mode: both;
7918
+ animation-duration: 0.3s;
7446
7919
  }
7447
- .d-input .form-control.is-invalid:focus,
7448
- .d-input .form-control.is-valid:focus {
7449
- border: 0;
7450
- box-shadow: unset;
7920
+
7921
+ @media only screen and (max-width : 480px) {
7922
+ .Toastify__toast {
7923
+ margin-bottom: 0;
7924
+ border-radius: 0;
7925
+ }
7451
7926
  }
7452
- .d-input .input-group-text {
7453
- border: 0;
7454
- outline: 0;
7927
+ .Toastify__toast-theme--dark {
7928
+ background: var(--toastify-color-dark);
7929
+ color: var(--toastify-text-color-dark);
7455
7930
  }
7456
- .d-input .form-control:disabled {
7457
- background: var(--bs-input-group-disabled-bg);
7931
+ .Toastify__toast-theme--light {
7932
+ background: var(--toastify-color-light);
7933
+ color: var(--toastify-text-color-light);
7458
7934
  }
7459
- .d-input:has(.form-control:disabled) .input-group-text {
7460
- background: var(--bs-input-group-disabled-bg);
7935
+ .Toastify__toast-theme--colored.Toastify__toast--default {
7936
+ background: var(--toastify-color-light);
7937
+ color: var(--toastify-text-color-light);
7461
7938
  }
7462
- .d-input:has(.form-control:disabled) .d-input-icon .d-icon {
7463
- color: var(--bs-input-group-disabled-color);
7939
+ .Toastify__toast-theme--colored.Toastify__toast--info {
7940
+ color: var(--toastify-text-color-info);
7941
+ background: var(--toastify-color-info);
7464
7942
  }
7465
- .d-input:has(.form-control:disabled) .input-group {
7466
- border-color: var(--bs-input-group-disabled-border-color);
7943
+ .Toastify__toast-theme--colored.Toastify__toast--success {
7944
+ color: var(--toastify-text-color-success);
7945
+ background: var(--toastify-color-success);
7467
7946
  }
7468
-
7469
- .label,
7470
- label {
7471
- padding: var(--bs-input-label-padding-y, var(--bs-label-padding-y)) var(--bs-input-label-padding-x, var(--bs-label-padding-x));
7472
- font-size: var(--bs-input-label-font-size, var(--bs-label-font-size));
7473
- font-weight: var(--bs-input-label-font-weight, var(--bs-label-font-weight));
7474
- color: var(--bs-input-label-color, var(--bs-label-color));
7947
+ .Toastify__toast-theme--colored.Toastify__toast--warning {
7948
+ color: var(--toastify-text-color-warning);
7949
+ background: var(--toastify-color-warning);
7475
7950
  }
7476
-
7477
- .form-switch {
7478
- --bs-input-switch-bg: var(--bs-gray-300);
7479
- --bs-input-switch-border-color: var(--bs-gray-500);
7480
- --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");
7481
- --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
7482
- --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
7483
- --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
7484
- --bs-input-switch-active-bg: var(--bs-focus-ring-color);
7485
- --bs-input-switch-disabled-border-color: var(--bs-gray-300);
7486
- --bs-input-switch-disabled-bg: var(--bs-gray-100);
7487
- --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");
7488
- --bs-input-switch-label-color: var(--bs-gray);
7489
- --bs-input-switch-active-label-color: var(--bs-gray-700);
7951
+ .Toastify__toast-theme--colored.Toastify__toast--error {
7952
+ color: var(--toastify-text-color-error);
7953
+ background: var(--toastify-color-error);
7490
7954
  }
7491
- .form-switch .form-check-label {
7492
- color: var(--bs-input-switch-label-color);
7955
+
7956
+ .Toastify__progress-bar-theme--light {
7957
+ background: var(--toastify-color-progress-light);
7493
7958
  }
7494
- .form-switch .form-check-input:checked ~ .form-check-label {
7495
- color: var(--bs-input-switch-active-label-color);
7959
+ .Toastify__progress-bar-theme--dark {
7960
+ background: var(--toastify-color-progress-dark);
7496
7961
  }
7497
- .form-switch .form-check-input {
7498
- background-color: var(--bs-input-switch-bg);
7499
- background-image: var(--bs-input-switch-dot);
7500
- border: 1px solid var(--bs-input-switch-border-color);
7962
+ .Toastify__progress-bar--info {
7963
+ background: var(--toastify-color-progress-info);
7501
7964
  }
7502
- .form-switch .form-check-input:checked {
7503
- background-color: var(--bs-input-switch-active-bg);
7504
- border-color: var(--bs-input-switch-active-border-color);
7965
+ .Toastify__progress-bar--success {
7966
+ background: var(--toastify-color-progress-success);
7505
7967
  }
7506
- .form-switch .form-check-input[disabled]:not(:checked), .form-switch .form-check-input:disabled:not(:checked) {
7507
- background-color: var(--bs-input-switch-disabled-bg);
7508
- background-image: var(--bs-input-switch-disabled-dot);
7509
- border-color: var(--bs-input-switch-disabled-border-color);
7968
+ .Toastify__progress-bar--warning {
7969
+ background: var(--toastify-color-progress-warning);
7510
7970
  }
7511
- .form-switch:hover.form-switch .form-check-input:not([disabled]),
7512
- .form-switch:hover.form-switch .form-check-input:not(:disabled) {
7513
- border-color: var(--bs-input-switch-hover-border-color);
7971
+ .Toastify__progress-bar--error {
7972
+ background: var(--toastify-color-progress-error);
7514
7973
  }
7515
- .form-switch:focus-within.form-switch .form-check-input {
7516
- outline: 2px solid var(--bs-input-switch-focus-outline-color);
7517
- outline-offset: 2px;
7974
+ .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 {
7975
+ background: var(--toastify-color-transparent);
7518
7976
  }
7519
7977
 
7520
- .form-check-input:hover {
7521
- border-color: var(--bs-focus-ring-color);
7978
+ .Toastify__close-button {
7979
+ color: #fff;
7980
+ background: transparent;
7981
+ outline: none;
7982
+ border: none;
7983
+ padding: 0;
7984
+ cursor: pointer;
7985
+ opacity: 0.7;
7986
+ transition: 0.3s ease;
7987
+ align-self: flex-start;
7522
7988
  }
7523
- .form-check-input:focus {
7524
- border-color: var(--bs-gray-300);
7525
- outline: 2px solid var(--bs-focus-ring-color);
7526
- outline-offset: 2px;
7989
+ .Toastify__close-button--light {
7990
+ color: #000;
7991
+ opacity: 0.3;
7527
7992
  }
7528
- .form-check-input:checked {
7529
- border-color: var(--bs-focus-ring-color);
7993
+ .Toastify__close-button > svg {
7994
+ fill: currentColor;
7995
+ height: 16px;
7996
+ width: 14px;
7530
7997
  }
7531
- .form-check-input:disabled {
7532
- background-color: var(--bs-gray-100);
7533
- border-color: var(--bs-gray-300);
7998
+ .Toastify__close-button:hover, .Toastify__close-button:focus {
7999
+ opacity: 1;
7534
8000
  }
7535
8001
 
7536
- .d-input:has(.form-select:not(:disabled)) {
7537
- --bs-input-group-border-color: var(--bs-input-group-hover-border-color);
8002
+ @keyframes Toastify__trackProgress {
8003
+ 0% {
8004
+ transform: scaleX(1);
8005
+ }
8006
+ 100% {
8007
+ transform: scaleX(0);
8008
+ }
7538
8009
  }
7539
- .d-input .form-floating:not(:last-child) .form-select {
7540
- padding-right: 2rem;
7541
- background-position: right center;
8010
+ .Toastify__progress-bar {
8011
+ position: absolute;
8012
+ bottom: 0;
8013
+ left: 0;
8014
+ width: 100%;
8015
+ height: 5px;
8016
+ z-index: var(--toastify-z-index);
8017
+ opacity: 0.7;
8018
+ transform-origin: left;
7542
8019
  }
7543
- .d-input .form-select {
7544
- text-align: var(--bs-input-form-control-text-align);
7545
- border-width: 0;
7546
- box-shadow: none;
8020
+ .Toastify__progress-bar--animated {
8021
+ animation: Toastify__trackProgress linear 1 forwards;
7547
8022
  }
7548
- .d-input .form-select:not(:last-child, .floating-label) {
7549
- padding-right: 2rem;
7550
- background-position: right center;
8023
+ .Toastify__progress-bar--controlled {
8024
+ transition: transform 0.2s;
7551
8025
  }
7552
- .d-input .form-select:not(:first-child) {
7553
- padding-left: 0;
8026
+ .Toastify__progress-bar--rtl {
8027
+ right: 0;
8028
+ left: initial;
8029
+ transform-origin: right;
7554
8030
  }
7555
8031
 
7556
- .d-input-pin {
7557
- --bs-input-pin-gap: 0.5rem;
7558
- --bs-input-pin-label-gap: var(--bs-ref-spacer-1);
7559
- --bs-input-pin-label-focus-color: var(--bs-secondary);
7560
- --bs-input-pin-label-padding-x: var(--bs-ref-spacer-2);
7561
- --bs-input-pin-label-padding-y: 0;
7562
- --bs-input-pin-label-font-weight: var(--bs-ref-fw-bold);
7563
- --bs-input-pin-label-font-size: var(--bs-ref-fs-small);
7564
- --bs-input-pin-label-color: var(--bs-gray);
7565
- --bs-input-pin-form-control-gap: 0.25rem;
7566
- --bs-input-pin-form-control-width: 4rem;
7567
- --bs-input-pin-form-control-height: 4rem;
7568
- --bs-input-pin-form-control-border-color: var(--bs-gray);
7569
- --bs-input-pin-form-control-focus-border-color: var(--bs-secondary);
7570
- --bs-input-pin-form-control-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
7571
- --bs-input-pin-form-control-hover-border-color: var(--bs-gray);
7572
- --bs-input-pin-form-text-padding: 0 0.5rem;
7573
- --bs-input-pin-form-text-gap: 0.5rem;
7574
- --bs-input-pin-form-text-color: var(--bs-gray);
7575
- display: flex;
7576
- flex-direction: column;
7577
- gap: var(--bs-input-pin-gap);
7578
- align-items: flex-start;
8032
+ .Toastify__spinner {
8033
+ width: 20px;
8034
+ height: 20px;
8035
+ box-sizing: border-box;
8036
+ border: 2px solid;
8037
+ border-radius: 100%;
8038
+ border-color: var(--toastify-spinner-color-empty-area);
8039
+ border-right-color: var(--toastify-spinner-color);
8040
+ animation: Toastify__spin 0.65s linear infinite;
7579
8041
  }
7580
- .d-input-pin label {
7581
- display: inline-flex;
7582
- flex-direction: row;
7583
- gap: var(--bs-input-pin-label-gap);
7584
- align-items: center;
7585
- padding: var(--bs-input-pin-label-padding-y) var(--bs-input-pin-label-padding-x);
7586
- font-size: var(--bs-input-pin-label-font-size);
7587
- font-weight: var(--bs-input-pin-label-font-weight);
7588
- color: var(--bs-input-pin-label-color);
8042
+
8043
+ @keyframes Toastify__bounceInRight {
8044
+ from, 60%, 75%, 90%, to {
8045
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8046
+ }
8047
+ from {
8048
+ opacity: 0;
8049
+ transform: translate3d(3000px, 0, 0);
8050
+ }
8051
+ 60% {
8052
+ opacity: 1;
8053
+ transform: translate3d(-25px, 0, 0);
8054
+ }
8055
+ 75% {
8056
+ transform: translate3d(10px, 0, 0);
8057
+ }
8058
+ 90% {
8059
+ transform: translate3d(-5px, 0, 0);
8060
+ }
8061
+ to {
8062
+ transform: none;
8063
+ }
7589
8064
  }
7590
- .d-input-pin label .d-input-pin-icon {
7591
- --bs-icon-color: var(--bs-focus-ring-color);
8065
+ @keyframes Toastify__bounceOutRight {
8066
+ 20% {
8067
+ opacity: 1;
8068
+ transform: translate3d(-20px, 0, 0);
8069
+ }
8070
+ to {
8071
+ opacity: 0;
8072
+ transform: translate3d(2000px, 0, 0);
8073
+ }
7592
8074
  }
7593
- .d-input-pin .d-input-pin-controls {
7594
- display: flex;
7595
- flex-direction: row;
7596
- gap: var(--bs-input-pin-form-control-gap);
7597
- width: 100%;
8075
+ @keyframes Toastify__bounceInLeft {
8076
+ from, 60%, 75%, 90%, to {
8077
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8078
+ }
8079
+ 0% {
8080
+ opacity: 0;
8081
+ transform: translate3d(-3000px, 0, 0);
8082
+ }
8083
+ 60% {
8084
+ opacity: 1;
8085
+ transform: translate3d(25px, 0, 0);
8086
+ }
8087
+ 75% {
8088
+ transform: translate3d(-10px, 0, 0);
8089
+ }
8090
+ 90% {
8091
+ transform: translate3d(5px, 0, 0);
8092
+ }
8093
+ to {
8094
+ transform: none;
8095
+ }
7598
8096
  }
7599
- .d-input-pin .form-control {
7600
- width: var(--bs-input-pin-form-control-width);
7601
- height: var(--bs-input-pin-form-control-height);
7602
- text-align: center;
7603
- box-shadow: none;
8097
+ @keyframes Toastify__bounceOutLeft {
8098
+ 20% {
8099
+ opacity: 1;
8100
+ transform: translate3d(20px, 0, 0);
8101
+ }
8102
+ to {
8103
+ opacity: 0;
8104
+ transform: translate3d(-2000px, 0, 0);
8105
+ }
7604
8106
  }
7605
- .d-input-pin .form-control::-webkit-inner-spin-button,
7606
- .d-input-pin .form-control::-webkit-outer-spin-button {
7607
- margin: 0;
7608
- -webkit-appearance: none;
7609
- appearance: none;
8107
+ @keyframes Toastify__bounceInUp {
8108
+ from, 60%, 75%, 90%, to {
8109
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8110
+ }
8111
+ from {
8112
+ opacity: 0;
8113
+ transform: translate3d(0, 3000px, 0);
8114
+ }
8115
+ 60% {
8116
+ opacity: 1;
8117
+ transform: translate3d(0, -20px, 0);
8118
+ }
8119
+ 75% {
8120
+ transform: translate3d(0, 10px, 0);
8121
+ }
8122
+ 90% {
8123
+ transform: translate3d(0, -5px, 0);
8124
+ }
8125
+ to {
8126
+ transform: translate3d(0, 0, 0);
8127
+ }
7610
8128
  }
7611
- .d-input-pin .form-control:not(:-moz-placeholder-shown) {
7612
- border-color: var(--bs-input-pin-form-control-border-color);
8129
+ @keyframes Toastify__bounceOutUp {
8130
+ 20% {
8131
+ transform: translate3d(0, -10px, 0);
8132
+ }
8133
+ 40%, 45% {
8134
+ opacity: 1;
8135
+ transform: translate3d(0, 20px, 0);
8136
+ }
8137
+ to {
8138
+ opacity: 0;
8139
+ transform: translate3d(0, -2000px, 0);
8140
+ }
8141
+ }
8142
+ @keyframes Toastify__bounceInDown {
8143
+ from, 60%, 75%, 90%, to {
8144
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8145
+ }
8146
+ 0% {
8147
+ opacity: 0;
8148
+ transform: translate3d(0, -3000px, 0);
8149
+ }
8150
+ 60% {
8151
+ opacity: 1;
8152
+ transform: translate3d(0, 25px, 0);
8153
+ }
8154
+ 75% {
8155
+ transform: translate3d(0, -10px, 0);
8156
+ }
8157
+ 90% {
8158
+ transform: translate3d(0, 5px, 0);
8159
+ }
8160
+ to {
8161
+ transform: none;
8162
+ }
7613
8163
  }
7614
- .d-input-pin .form-control:not(:placeholder-shown) {
7615
- border-color: var(--bs-input-pin-form-control-border-color);
8164
+ @keyframes Toastify__bounceOutDown {
8165
+ 20% {
8166
+ transform: translate3d(0, 10px, 0);
8167
+ }
8168
+ 40%, 45% {
8169
+ opacity: 1;
8170
+ transform: translate3d(0, -20px, 0);
8171
+ }
8172
+ to {
8173
+ opacity: 0;
8174
+ transform: translate3d(0, 2000px, 0);
8175
+ }
7616
8176
  }
7617
- .d-input-pin:has(.form-control:hover) .form-control:not(:disabled) {
7618
- border-color: var(--bs-input-pin-form-control-hover-border-color);
8177
+ .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
8178
+ animation-name: Toastify__bounceInLeft;
7619
8179
  }
7620
- .d-input-pin:focus-within .form-control {
7621
- border-color: var(--bs-input-pin-form-control-focus-border-color);
7622
- box-shadow: var(--bs-input-pin-form-control-focus-box-shadow);
8180
+ .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
8181
+ animation-name: Toastify__bounceInRight;
7623
8182
  }
7624
- .d-input-pin:focus-within:has(.form-control:hover) .form-control {
7625
- border-color: var(--bs-input-pin-form-control-focus-border-color);
8183
+ .Toastify__bounce-enter--top-center {
8184
+ animation-name: Toastify__bounceInDown;
7626
8185
  }
7627
- .d-input-pin:has(.form-control.is-valid) .form-control {
7628
- border-color: var(--bs-success);
8186
+ .Toastify__bounce-enter--bottom-center {
8187
+ animation-name: Toastify__bounceInUp;
7629
8188
  }
7630
- .d-input-pin:has(.form-control.is-valid) .form-text {
7631
- color: var(--bs-form-valid-border-color);
8189
+
8190
+ .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
8191
+ animation-name: Toastify__bounceOutLeft;
7632
8192
  }
7633
- .d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon {
7634
- --bs-icon-color: var(--bs-success);
8193
+ .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
8194
+ animation-name: Toastify__bounceOutRight;
7635
8195
  }
7636
- .d-input-pin:has(.form-control.is-invalid) .form-control {
7637
- border-color: var(--bs-danger);
8196
+ .Toastify__bounce-exit--top-center {
8197
+ animation-name: Toastify__bounceOutUp;
7638
8198
  }
7639
- .d-input-pin:has(.form-control.is-invalid) .form-text {
7640
- color: var(--bs-form-invalid-border-color);
8199
+ .Toastify__bounce-exit--bottom-center {
8200
+ animation-name: Toastify__bounceOutDown;
7641
8201
  }
7642
- .d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon {
7643
- --bs-icon-color: var(--bs-danger);
8202
+
8203
+ @keyframes Toastify__zoomIn {
8204
+ from {
8205
+ opacity: 0;
8206
+ transform: scale3d(0.3, 0.3, 0.3);
8207
+ }
8208
+ 50% {
8209
+ opacity: 1;
8210
+ }
7644
8211
  }
7645
- .d-input-pin .input-group-text {
7646
- padding-left: var(--bs-input-pin-form-control-gap);
8212
+ @keyframes Toastify__zoomOut {
8213
+ from {
8214
+ opacity: 1;
8215
+ }
8216
+ 50% {
8217
+ opacity: 0;
8218
+ transform: scale3d(0.3, 0.3, 0.3);
8219
+ }
8220
+ to {
8221
+ opacity: 0;
8222
+ }
7647
8223
  }
7648
- .d-input-pin .form-text {
7649
- display: inline-flex;
7650
- flex-direction: row;
7651
- gap: var(--bs-input-pin-form-text-gap);
7652
- align-items: center;
7653
- padding: var(--bs-input-pin-form-text-padding);
7654
- color: var(--bs-input-pin-form-text-color);
8224
+ .Toastify__zoom-enter {
8225
+ animation-name: Toastify__zoomIn;
7655
8226
  }
7656
8227
 
7657
- .btn {
7658
- --bs-btn-padding-x: 1rem;
7659
- --bs-btn-padding-y: 0.5rem;
7660
- --bs-btn-font-family: ;
7661
- --bs-btn-font-size: 1rem;
7662
- --bs-btn-font-weight: 400;
7663
- --bs-btn-line-height: 1.2rem;
7664
- --bs-btn-color: var(--bs-body-color);
7665
- --bs-btn-bg: transparent;
7666
- --bs-btn-border-width: 1px;
7667
- --bs-btn-border-color: transparent;
7668
- --bs-btn-border-radius: var(--bs-btn-component-border-radius, 0.5rem);
7669
- --bs-btn-hover-border-color: transparent;
7670
- --bs-btn-box-shadow: none;
7671
- --bs-btn-disabled-opacity: 1;
7672
- --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
7673
- --bs-btn–text-decoration: if($link-decoration == none, null, none);
7674
- --bs-btn-lg-padding-y: 0.875rem;
7675
- --bs-btn-lg-padding-x: 1.5rem;
7676
- --bs-btn-lg-font-size: 1.125rem;
7677
- --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, 1.5rem);
7678
- --bs-btn-sm-padding-y: 0.25rem;
7679
- --bs-btn-sm-padding-x: 1rem;
7680
- --bs-btn-sm-font-size: 0.875rem;
7681
- --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, 0.5rem);
7682
- display: inline-flex;
7683
- flex-direction: row;
7684
- gap: var(--bs-btn-gap, 0.5rem);
7685
- align-items: center;
7686
- justify-content: center;
7687
- padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
7688
- font-family: var(--bs-btn-font-family);
7689
- font-size: var(--bs-btn-font-size);
7690
- font-weight: var(--bs-btn-font-weight);
7691
- line-height: var(--bs-btn-line-height);
7692
- color: var(--bs-btn-color);
7693
- text-align: center;
7694
- text-decoration: none;
7695
- vertical-align: middle;
7696
- cursor: pointer;
7697
- -webkit-user-select: none;
7698
- -moz-user-select: none;
7699
- user-select: none;
7700
- border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
7701
- border-radius: var(--bs-btn-border-radius);
7702
- background-color: var(--bs-btn-bg);
7703
- box-shadow: var(--bs-btn-box-shadow);
7704
- 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;
8228
+ .Toastify__zoom-exit {
8229
+ animation-name: Toastify__zoomOut;
7705
8230
  }
7706
- @media (prefers-reduced-motion: reduce) {
7707
- .btn {
7708
- transition: none;
8231
+
8232
+ @keyframes Toastify__flipIn {
8233
+ from {
8234
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
8235
+ animation-timing-function: ease-in;
8236
+ opacity: 0;
8237
+ }
8238
+ 40% {
8239
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
8240
+ animation-timing-function: ease-in;
8241
+ }
8242
+ 60% {
8243
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
8244
+ opacity: 1;
8245
+ }
8246
+ 80% {
8247
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
8248
+ }
8249
+ to {
8250
+ transform: perspective(400px);
7709
8251
  }
7710
8252
  }
7711
- .btn > span {
7712
- -webkit-text-decoration: var(--bs-btn-text-decoration);
7713
- text-decoration: var(--bs-btn-text-decoration);
8253
+ @keyframes Toastify__flipOut {
8254
+ from {
8255
+ transform: perspective(400px);
8256
+ }
8257
+ 30% {
8258
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
8259
+ opacity: 1;
8260
+ }
8261
+ to {
8262
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
8263
+ opacity: 0;
8264
+ }
7714
8265
  }
7715
- .btn:hover, .btn.hover {
7716
- color: var(--bs-btn-hover-color);
7717
- text-decoration: none;
7718
- background-color: var(--bs-btn-hover-bg);
7719
- border-color: var(--bs-btn-hover-border-color);
8266
+ .Toastify__flip-enter {
8267
+ animation-name: Toastify__flipIn;
7720
8268
  }
7721
- .btn-check + .btn:hover {
7722
- color: var(--bs-btn-color);
7723
- background-color: var(--bs-btn-bg);
7724
- border-color: var(--bs-btn-border-color);
8269
+
8270
+ .Toastify__flip-exit {
8271
+ animation-name: Toastify__flipOut;
7725
8272
  }
7726
- .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
7727
- color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
7728
- background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
7729
- border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
7730
- outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
7731
- outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
8273
+
8274
+ @keyframes Toastify__slideInRight {
8275
+ from {
8276
+ transform: translate3d(110%, 0, 0);
8277
+ visibility: visible;
8278
+ }
8279
+ to {
8280
+ transform: translate3d(0, 0, 0);
8281
+ }
7732
8282
  }
7733
- .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
7734
- color: var(--bs-btn-active-color);
7735
- background-color: var(--bs-btn-active-bg);
7736
- border-color: var(--bs-btn-active-border-color);
7737
- box-shadow: var(--bs-btn-active-shadow);
8283
+ @keyframes Toastify__slideInLeft {
8284
+ from {
8285
+ transform: translate3d(-110%, 0, 0);
8286
+ visibility: visible;
8287
+ }
8288
+ to {
8289
+ transform: translate3d(0, 0, 0);
8290
+ }
7738
8291
  }
7739
- .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 {
7740
- box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
8292
+ @keyframes Toastify__slideInUp {
8293
+ from {
8294
+ transform: translate3d(0, 110%, 0);
8295
+ visibility: visible;
8296
+ }
8297
+ to {
8298
+ transform: translate3d(0, 0, 0);
8299
+ }
7741
8300
  }
7742
- .btn:disabled, .btn.disabled, fieldset:disabled .btn {
7743
- color: var(--bs-btn-disabled-color);
7744
- pointer-events: none;
7745
- background-color: var(--bs-btn-disabled-bg);
7746
- border-color: var(--bs-btn-disabled-border-color);
7747
- opacity: var(--bs-btn-disabled-opacity);
7748
- box-shadow: none;
8301
+ @keyframes Toastify__slideInDown {
8302
+ from {
8303
+ transform: translate3d(0, -110%, 0);
8304
+ visibility: visible;
8305
+ }
8306
+ to {
8307
+ transform: translate3d(0, 0, 0);
8308
+ }
7749
8309
  }
7750
- .btn .d-icon {
7751
- --bs-icon-size: var(--bs-btn-font-size);
8310
+ @keyframes Toastify__slideOutRight {
8311
+ from {
8312
+ transform: translate3d(0, 0, 0);
8313
+ }
8314
+ to {
8315
+ visibility: hidden;
8316
+ transform: translate3d(110%, 0, 0);
8317
+ }
7752
8318
  }
7753
-
7754
- .btn-primary {
7755
- --bs-btn-color: var(--bs-white);
7756
- --bs-btn-bg: var(--bs-primary-500);
7757
- --bs-btn-border-color: var(--bs-primary-500);
7758
- --bs-btn-hover-color: var(--bs-white);
7759
- --bs-btn-hover-bg: var(--bs-primary-600);
7760
- --bs-btn-hover-border-color: var(--bs-primary-600);
7761
- --bs-btn-focus-color: var(--bs-white);
7762
- --bs-btn-focus-bg: var(--bs-primary-600);
7763
- --bs-btn-focus-border-color: var(--bs-primary-600);
7764
- --bs-btn-active-color: var(--bs-white);
7765
- --bs-btn-active-bg: var(--bs-primary-700);
7766
- --bs-btn-active-border-color: var(--bs-primary-700);
7767
- --bs-btn-disabled-color: var(--bs-gray-700);
7768
- --bs-btn-disabled-bg: var(--bs-primary-100);
7769
- --bs-btn-disabled-border-color: var(--bs-primary-100);
8319
+ @keyframes Toastify__slideOutLeft {
8320
+ from {
8321
+ transform: translate3d(0, 0, 0);
8322
+ }
8323
+ to {
8324
+ visibility: hidden;
8325
+ transform: translate3d(-110%, 0, 0);
8326
+ }
7770
8327
  }
7771
- .btn-primary.loading {
7772
- --bs-btn-disabled-opacity: 1;
7773
- --bs-btn-disabled-bg: var(--bs-primary-700);
7774
- --bs-btn-disabled-border-color: var(--bs-primary-700);
7775
- --bs-btn-disabled-color: var(--bs-white);
8328
+ @keyframes Toastify__slideOutDown {
8329
+ from {
8330
+ transform: translate3d(0, 0, 0);
8331
+ }
8332
+ to {
8333
+ visibility: hidden;
8334
+ transform: translate3d(0, 500px, 0);
8335
+ }
7776
8336
  }
7777
-
7778
- .btn-outline-primary {
7779
- --bs-btn-bg: transparent;
7780
- --bs-btn-border-color: var(--bs-primary-600);
7781
- --bs-btn-color: var(--bs-primary-600);
7782
- --bs-btn-hover-bg: var(--bs-primary-100);
7783
- --bs-btn-hover-border-color: var(--bs-primary-600);
7784
- --bs-btn-hover-color: var(--bs-primary-600);
7785
- --bs-btn-focus-bg: var(--bs-primary-100);
7786
- --bs-btn-focus-border-color: var(--bs-primary-600);
7787
- --bs-btn-focus-color: var(--bs-primary-600);
7788
- --bs-btn-active-bg: var(--bs-primary-200);
7789
- --bs-btn-active-border-color: var(--bs-primary-600);
7790
- --bs-btn-active-color: var(--bs-primary-600);
7791
- --bs-btn-disabled-bg: transparent;
7792
- --bs-btn-disabled-border-color: var(--bs-primary-100);
7793
- --bs-btn-disabled-color: var(--bs-gray-700);
7794
- --bs-gradient: none;
8337
+ @keyframes Toastify__slideOutUp {
8338
+ from {
8339
+ transform: translate3d(0, 0, 0);
8340
+ }
8341
+ to {
8342
+ visibility: hidden;
8343
+ transform: translate3d(0, -500px, 0);
8344
+ }
7795
8345
  }
7796
- .btn-outline-primary.loading {
7797
- --bs-btn-disabled-opacity: 1;
7798
- --bs-btn-disabled-bg: transparent;
7799
- --bs-btn-disabled-border-color: var(--bs-primary-600);
7800
- --bs-btn-disabled-color: var(--bs-primary-600);
8346
+ .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
8347
+ animation-name: Toastify__slideInLeft;
7801
8348
  }
7802
-
7803
- .btn-link-primary {
7804
- --bs-btn-bg: transparent;
7805
- --bs-btn-border-color: transparent;
7806
- --bs-btn-color: var(--bs-primary-600);
7807
- --bs-btn-hover-bg: var(--bs-primary-100);
7808
- --bs-btn-hover-border-color: transparent;
7809
- --bs-btn-hover-color: var(--bs-primary-600);
7810
- --bs-btn-focus-bg: transparent;
7811
- --bs-btn-focus-border-color: transparent;
7812
- --bs-btn-focus-color: var(--bs-primary-600);
7813
- --bs-btn-active-bg: var(--bs-primary-200);
7814
- --bs-btn-active-border-color: transparent;
7815
- --bs-btn-active-color: var(--bs-primary-600);
7816
- --bs-btn-disabled-bg: transparent;
7817
- --bs-btn-disabled-border-color: transparent;
7818
- --bs-btn-disabled-color: var(--bs-primary-300);
7819
- --bs-btn-focus-outline-offset: 0;
8349
+ .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
8350
+ animation-name: Toastify__slideInRight;
7820
8351
  }
7821
- .btn-link-primary span {
7822
- text-decoration: underline;
8352
+ .Toastify__slide-enter--top-center {
8353
+ animation-name: Toastify__slideInDown;
7823
8354
  }
7824
- .btn-link-primary.loading {
7825
- --bs-btn-disabled-opacity: 1;
7826
- --bs-btn-disabled-bg: transparent;
7827
- --bs-btn-disabled-border-color: transparent;
7828
- --bs-btn-disabled-color: var(--bs-primary-600);
8355
+ .Toastify__slide-enter--bottom-center {
8356
+ animation-name: Toastify__slideInUp;
7829
8357
  }
7830
8358
 
7831
- .btn-secondary {
7832
- --bs-btn-color: var(--bs-white);
7833
- --bs-btn-bg: var(--bs-secondary-500);
7834
- --bs-btn-border-color: var(--bs-secondary-500);
7835
- --bs-btn-hover-color: var(--bs-white);
7836
- --bs-btn-hover-bg: var(--bs-secondary-600);
7837
- --bs-btn-hover-border-color: var(--bs-secondary-600);
7838
- --bs-btn-focus-color: var(--bs-white);
7839
- --bs-btn-focus-bg: var(--bs-secondary-600);
7840
- --bs-btn-focus-border-color: var(--bs-secondary-600);
7841
- --bs-btn-active-color: var(--bs-white);
7842
- --bs-btn-active-bg: var(--bs-secondary-700);
7843
- --bs-btn-active-border-color: var(--bs-secondary-700);
7844
- --bs-btn-disabled-color: var(--bs-gray-700);
7845
- --bs-btn-disabled-bg: var(--bs-secondary-100);
7846
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
8359
+ .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
8360
+ animation-name: Toastify__slideOutLeft;
7847
8361
  }
7848
- .btn-secondary.loading {
7849
- --bs-btn-disabled-opacity: 1;
7850
- --bs-btn-disabled-bg: var(--bs-secondary-700);
7851
- --bs-btn-disabled-border-color: var(--bs-secondary-700);
7852
- --bs-btn-disabled-color: var(--bs-white);
8362
+ .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
8363
+ animation-name: Toastify__slideOutRight;
7853
8364
  }
7854
-
7855
- .btn-outline-secondary {
7856
- --bs-btn-bg: transparent;
7857
- --bs-btn-border-color: var(--bs-secondary-600);
7858
- --bs-btn-color: var(--bs-secondary-600);
7859
- --bs-btn-hover-bg: var(--bs-secondary-100);
7860
- --bs-btn-hover-border-color: var(--bs-secondary-600);
7861
- --bs-btn-hover-color: var(--bs-secondary-600);
7862
- --bs-btn-focus-bg: var(--bs-secondary-100);
7863
- --bs-btn-focus-border-color: var(--bs-secondary-600);
7864
- --bs-btn-focus-color: var(--bs-secondary-600);
7865
- --bs-btn-active-bg: var(--bs-secondary-200);
7866
- --bs-btn-active-border-color: var(--bs-secondary-600);
7867
- --bs-btn-active-color: var(--bs-secondary-600);
7868
- --bs-btn-disabled-bg: transparent;
7869
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
7870
- --bs-btn-disabled-color: var(--bs-gray-700);
7871
- --bs-gradient: none;
8365
+ .Toastify__slide-exit--top-center {
8366
+ animation-name: Toastify__slideOutUp;
7872
8367
  }
7873
- .btn-outline-secondary.loading {
7874
- --bs-btn-disabled-opacity: 1;
7875
- --bs-btn-disabled-bg: transparent;
7876
- --bs-btn-disabled-border-color: var(--bs-secondary-600);
7877
- --bs-btn-disabled-color: var(--bs-secondary-600);
8368
+ .Toastify__slide-exit--bottom-center {
8369
+ animation-name: Toastify__slideOutDown;
7878
8370
  }
7879
8371
 
7880
- .btn-link-secondary {
7881
- --bs-btn-bg: transparent;
7882
- --bs-btn-border-color: transparent;
7883
- --bs-btn-color: var(--bs-secondary-600);
7884
- --bs-btn-hover-bg: var(--bs-secondary-100);
7885
- --bs-btn-hover-border-color: transparent;
7886
- --bs-btn-hover-color: var(--bs-secondary-600);
7887
- --bs-btn-focus-bg: transparent;
7888
- --bs-btn-focus-border-color: transparent;
7889
- --bs-btn-focus-color: var(--bs-secondary-600);
7890
- --bs-btn-active-bg: var(--bs-secondary-200);
7891
- --bs-btn-active-border-color: transparent;
7892
- --bs-btn-active-color: var(--bs-secondary-600);
7893
- --bs-btn-disabled-bg: transparent;
7894
- --bs-btn-disabled-border-color: transparent;
7895
- --bs-btn-disabled-color: var(--bs-secondary-300);
7896
- --bs-btn-focus-outline-offset: 0;
8372
+ @keyframes Toastify__spin {
8373
+ from {
8374
+ transform: rotate(0deg);
8375
+ }
8376
+ to {
8377
+ transform: rotate(360deg);
8378
+ }
7897
8379
  }
7898
- .btn-link-secondary span {
7899
- text-decoration: underline;
8380
+ .d-icon {
8381
+ --bs-icon-color: var(--bs-icon-component-color, inherit);
8382
+ --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
8383
+ --bs-icon-size: var(--bs-icon-component-size, 1.5rem);
8384
+ --bs-icon-padding: var(--bs-icon-component-padding, 0);
8385
+ --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
8386
+ display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
8387
+ align-items: center;
8388
+ justify-content: center;
8389
+ width: var(--bs-icon-size);
8390
+ height: var(--bs-icon-size);
8391
+ padding: var(--bs-icon-padding);
8392
+ font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
8393
+ color: var(--bs-icon-color);
8394
+ background-color: var(--bs-icon-bg-color);
8395
+ border-radius: var(--bs-icon-padding);
7900
8396
  }
7901
- .btn-link-secondary.loading {
7902
- --bs-btn-disabled-opacity: 1;
7903
- --bs-btn-disabled-bg: transparent;
7904
- --bs-btn-disabled-border-color: transparent;
7905
- --bs-btn-disabled-color: var(--bs-secondary-600);
8397
+
8398
+ .d-icon-loading {
8399
+ animation: loading-icon var(--bs-icon-loading-duration) infinite linear;
7906
8400
  }
7907
8401
 
7908
- .btn-success {
7909
- --bs-btn-color: var(--bs-white);
7910
- --bs-btn-bg: var(--bs-success-500);
7911
- --bs-btn-border-color: var(--bs-success-500);
7912
- --bs-btn-hover-color: var(--bs-white);
7913
- --bs-btn-hover-bg: var(--bs-success-600);
7914
- --bs-btn-hover-border-color: var(--bs-success-600);
7915
- --bs-btn-focus-color: var(--bs-white);
7916
- --bs-btn-focus-bg: var(--bs-success-600);
7917
- --bs-btn-focus-border-color: var(--bs-success-600);
7918
- --bs-btn-active-color: var(--bs-white);
7919
- --bs-btn-active-bg: var(--bs-success-700);
7920
- --bs-btn-active-border-color: var(--bs-success-700);
7921
- --bs-btn-disabled-color: var(--bs-gray-700);
7922
- --bs-btn-disabled-bg: var(--bs-success-100);
7923
- --bs-btn-disabled-border-color: var(--bs-success-100);
8402
+ @keyframes loading-icon {
8403
+ from {
8404
+ transform: rotate(0deg);
8405
+ }
8406
+ to {
8407
+ transform: rotate(360deg);
8408
+ }
8409
+ }
8410
+ .d-input {
8411
+ --bs-input-gap: 0.5rem;
8412
+ --bs-input-label-color: var(--bs-gray);
8413
+ --bs-input-label-font-weight: var(--bs-ref-fw-bold);
8414
+ --bs-input-label-font-size: var(--bs-ref-fs-small);
8415
+ --bs-input-label-padding-x: var(--bs-ref-spacer-2);
8416
+ --bs-input-label-padding-y: 0;
8417
+ --bs-input-label-gap: var(--bs-ref-spacer-1);
8418
+ --bs-input-group-border-color: var(--bs-gray-300);
8419
+ --bs-input-group-border-width: 1px;
8420
+ --bs-input-group-border-radius: 0.5rem;
8421
+ --bs-input-group-hover-border-color: var(--bs-gray);
8422
+ --bs-input-group-focus-border-color: var(--bs-secondary);
8423
+ --bs-input-group-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
8424
+ --bs-input-form-control-text-align: var(--bs-input-component-form-control-text-align, "left");
8425
+ --bs-input-form-text-padding: 0 0.5rem;
8426
+ --bs-input-form-text-gap: 0.5rem;
8427
+ --bs-input-form-text-color: var(--bs-gray);
8428
+ --bs-input-group-disabled-border-color: var(--bs-gray-300);
8429
+ --bs-input-group-disabled-bg: var(--bs-gray-100);
8430
+ --bs-input-group-disabled-color: var(--bs-gray);
8431
+ display: flex;
8432
+ flex-direction: column;
8433
+ gap: var(--bs-input-gap);
8434
+ align-items: flex-start;
7924
8435
  }
7925
- .btn-success.loading {
7926
- --bs-btn-disabled-opacity: 1;
7927
- --bs-btn-disabled-bg: var(--bs-success-700);
7928
- --bs-btn-disabled-border-color: var(--bs-success-700);
7929
- --bs-btn-disabled-color: var(--bs-white);
8436
+ .d-input:focus-within .input-group {
8437
+ border-color: var(--bs-input-group-focus-border-color);
8438
+ box-shadow: var(--bs-input-group-focus-box-shadow);
7930
8439
  }
7931
-
7932
- .btn-outline-success {
7933
- --bs-btn-bg: transparent;
7934
- --bs-btn-border-color: var(--bs-success-600);
7935
- --bs-btn-color: var(--bs-success-600);
7936
- --bs-btn-hover-bg: var(--bs-success-100);
7937
- --bs-btn-hover-border-color: var(--bs-success-600);
7938
- --bs-btn-hover-color: var(--bs-success-600);
7939
- --bs-btn-focus-bg: var(--bs-success-100);
7940
- --bs-btn-focus-border-color: var(--bs-success-600);
7941
- --bs-btn-focus-color: var(--bs-success-600);
7942
- --bs-btn-active-bg: var(--bs-success-200);
7943
- --bs-btn-active-border-color: var(--bs-success-600);
7944
- --bs-btn-active-color: var(--bs-success-600);
7945
- --bs-btn-disabled-bg: transparent;
7946
- --bs-btn-disabled-border-color: var(--bs-success-100);
7947
- --bs-btn-disabled-color: var(--bs-gray-700);
7948
- --bs-gradient: none;
8440
+ .d-input .d-input-control {
8441
+ display: flex;
8442
+ flex-direction: column;
8443
+ gap: var(--bs-input-gap);
8444
+ width: 100%;
7949
8445
  }
7950
- .btn-outline-success.loading {
7951
- --bs-btn-disabled-opacity: 1;
7952
- --bs-btn-disabled-bg: transparent;
7953
- --bs-btn-disabled-border-color: var(--bs-success-600);
7954
- --bs-btn-disabled-color: var(--bs-success-600);
8446
+ .d-input label {
8447
+ display: inline-flex;
8448
+ flex-direction: row;
8449
+ gap: var(--bs-input-label-gap);
8450
+ align-items: center;
7955
8451
  }
7956
-
7957
- .btn-link-success {
7958
- --bs-btn-bg: transparent;
7959
- --bs-btn-border-color: transparent;
7960
- --bs-btn-color: var(--bs-success-600);
7961
- --bs-btn-hover-bg: var(--bs-success-100);
7962
- --bs-btn-hover-border-color: transparent;
7963
- --bs-btn-hover-color: var(--bs-success-600);
7964
- --bs-btn-focus-bg: transparent;
7965
- --bs-btn-focus-border-color: transparent;
7966
- --bs-btn-focus-color: var(--bs-success-600);
7967
- --bs-btn-active-bg: var(--bs-success-200);
7968
- --bs-btn-active-border-color: transparent;
7969
- --bs-btn-active-color: var(--bs-success-600);
7970
- --bs-btn-disabled-bg: transparent;
7971
- --bs-btn-disabled-border-color: transparent;
7972
- --bs-btn-disabled-color: var(--bs-success-300);
7973
- --bs-btn-focus-outline-offset: 0;
8452
+ .d-input label .d-input-icon .d-icon {
8453
+ --bs-icon-color: var(--bs-focus-ring-color);
7974
8454
  }
7975
- .btn-link-success span {
7976
- text-decoration: underline;
8455
+ .d-input .input-group {
8456
+ border: var(--bs-input-group-border-width) solid var(--bs-input-group-border-color);
8457
+ border-radius: var(--bs-input-group-border-radius);
7977
8458
  }
7978
- .btn-link-success.loading {
7979
- --bs-btn-disabled-opacity: 1;
7980
- --bs-btn-disabled-bg: transparent;
7981
- --bs-btn-disabled-border-color: transparent;
7982
- --bs-btn-disabled-color: var(--bs-success-600);
8459
+ .d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown)) {
8460
+ border-color: var(--bs-input-group-hover-border-color);
7983
8461
  }
7984
-
7985
- .btn-info {
7986
- --bs-btn-color: var(--bs-white);
7987
- --bs-btn-bg: var(--bs-info-500);
7988
- --bs-btn-border-color: var(--bs-info-500);
7989
- --bs-btn-hover-color: var(--bs-white);
7990
- --bs-btn-hover-bg: var(--bs-info-600);
7991
- --bs-btn-hover-border-color: var(--bs-info-600);
7992
- --bs-btn-focus-color: var(--bs-white);
7993
- --bs-btn-focus-bg: var(--bs-info-600);
7994
- --bs-btn-focus-border-color: var(--bs-info-600);
7995
- --bs-btn-active-color: var(--bs-white);
7996
- --bs-btn-active-bg: var(--bs-info-700);
7997
- --bs-btn-active-border-color: var(--bs-info-700);
7998
- --bs-btn-disabled-color: var(--bs-gray-700);
7999
- --bs-btn-disabled-bg: var(--bs-info-100);
8000
- --bs-btn-disabled-border-color: var(--bs-info-100);
8462
+ .d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown)) {
8463
+ border-color: var(--bs-input-group-hover-border-color);
8001
8464
  }
8002
- .btn-info.loading {
8003
- --bs-btn-disabled-opacity: 1;
8004
- --bs-btn-disabled-bg: var(--bs-info-700);
8005
- --bs-btn-disabled-border-color: var(--bs-info-700);
8006
- --bs-btn-disabled-color: var(--bs-white);
8465
+ .d-input:has(.form-control.is-valid) .input-group {
8466
+ border-color: var(--bs-form-valid-border-color);
8467
+ box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
8007
8468
  }
8008
-
8009
- .btn-outline-info {
8010
- --bs-btn-bg: transparent;
8011
- --bs-btn-border-color: var(--bs-info-600);
8012
- --bs-btn-color: var(--bs-info-600);
8013
- --bs-btn-hover-bg: var(--bs-info-100);
8014
- --bs-btn-hover-border-color: var(--bs-info-600);
8015
- --bs-btn-hover-color: var(--bs-info-600);
8016
- --bs-btn-focus-bg: var(--bs-info-100);
8017
- --bs-btn-focus-border-color: var(--bs-info-600);
8018
- --bs-btn-focus-color: var(--bs-info-600);
8019
- --bs-btn-active-bg: var(--bs-info-200);
8020
- --bs-btn-active-border-color: var(--bs-info-600);
8021
- --bs-btn-active-color: var(--bs-info-600);
8022
- --bs-btn-disabled-bg: transparent;
8023
- --bs-btn-disabled-border-color: var(--bs-info-100);
8024
- --bs-btn-disabled-color: var(--bs-gray-700);
8025
- --bs-gradient: none;
8469
+ .d-input:has(.form-control.is-valid) .input-group ~ .form-text {
8470
+ color: var(--bs-form-valid-border-color);
8026
8471
  }
8027
- .btn-outline-info.loading {
8028
- --bs-btn-disabled-opacity: 1;
8029
- --bs-btn-disabled-bg: transparent;
8030
- --bs-btn-disabled-border-color: var(--bs-info-600);
8031
- --bs-btn-disabled-color: var(--bs-info-600);
8472
+ .d-input:has(.form-control.is-valid) .d-input-validation-icon {
8473
+ --bs-icon-color: var(--bs-success);
8032
8474
  }
8033
-
8034
- .btn-link-info {
8035
- --bs-btn-bg: transparent;
8036
- --bs-btn-border-color: transparent;
8037
- --bs-btn-color: var(--bs-info-600);
8038
- --bs-btn-hover-bg: var(--bs-info-100);
8039
- --bs-btn-hover-border-color: transparent;
8040
- --bs-btn-hover-color: var(--bs-info-600);
8041
- --bs-btn-focus-bg: transparent;
8042
- --bs-btn-focus-border-color: transparent;
8043
- --bs-btn-focus-color: var(--bs-info-600);
8044
- --bs-btn-active-bg: var(--bs-info-200);
8045
- --bs-btn-active-border-color: transparent;
8046
- --bs-btn-active-color: var(--bs-info-600);
8047
- --bs-btn-disabled-bg: transparent;
8048
- --bs-btn-disabled-border-color: transparent;
8049
- --bs-btn-disabled-color: var(--bs-info-300);
8050
- --bs-btn-focus-outline-offset: 0;
8475
+ .d-input:has(.form-control.is-invalid) .input-group {
8476
+ border-color: var(--bs-form-invalid-border-color);
8477
+ box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
8051
8478
  }
8052
- .btn-link-info span {
8053
- text-decoration: underline;
8479
+ .d-input:has(.form-control.is-invalid) .input-group ~ .form-text {
8480
+ color: var(--bs-form-invalid-border-color);
8054
8481
  }
8055
- .btn-link-info.loading {
8056
- --bs-btn-disabled-opacity: 1;
8057
- --bs-btn-disabled-bg: transparent;
8058
- --bs-btn-disabled-border-color: transparent;
8059
- --bs-btn-disabled-color: var(--bs-info-600);
8482
+ .d-input:has(.form-control.is-invalid) .d-input-validation-icon {
8483
+ --bs-icon-color: var(--bs-danger);
8060
8484
  }
8061
-
8062
- .btn-warning {
8063
- --bs-btn-color: var(--bs-black);
8064
- --bs-btn-bg: var(--bs-warning-500);
8065
- --bs-btn-border-color: var(--bs-warning-500);
8066
- --bs-btn-hover-color: var(--bs-black);
8067
- --bs-btn-hover-bg: var(--bs-warning-600);
8068
- --bs-btn-hover-border-color: var(--bs-warning-600);
8069
- --bs-btn-focus-color: var(--bs-black);
8070
- --bs-btn-focus-bg: var(--bs-warning-600);
8071
- --bs-btn-focus-border-color: var(--bs-warning-600);
8072
- --bs-btn-active-color: var(--bs-black);
8073
- --bs-btn-active-bg: var(--bs-warning-700);
8074
- --bs-btn-active-border-color: var(--bs-warning-700);
8075
- --bs-btn-disabled-color: var(--bs-gray-700);
8076
- --bs-btn-disabled-bg: var(--bs-warning-100);
8077
- --bs-btn-disabled-border-color: var(--bs-warning-100);
8485
+ .d-input .input-group ~ .form-text {
8486
+ display: inline-flex;
8487
+ flex-direction: row;
8488
+ gap: var(--bs-input-form-text-gap);
8489
+ align-items: center;
8490
+ padding: var(--bs-input-form-text-padding);
8491
+ color: var(--bs-input-form-text-color);
8078
8492
  }
8079
- .btn-warning.loading {
8080
- --bs-btn-disabled-opacity: 1;
8081
- --bs-btn-disabled-bg: var(--bs-warning-700);
8082
- --bs-btn-disabled-border-color: var(--bs-warning-700);
8083
- --bs-btn-disabled-color: var(--bs-black);
8493
+ .d-input .form-control {
8494
+ text-align: var(--bs-input-form-control-text-align);
8495
+ border-width: 0;
8496
+ box-shadow: none;
8084
8497
  }
8085
-
8086
- .btn-outline-warning {
8087
- --bs-btn-bg: transparent;
8088
- --bs-btn-border-color: var(--bs-warning-600);
8089
- --bs-btn-color: var(--bs-warning-600);
8090
- --bs-btn-hover-bg: var(--bs-warning-100);
8091
- --bs-btn-hover-border-color: var(--bs-warning-600);
8092
- --bs-btn-hover-color: var(--bs-warning-600);
8093
- --bs-btn-focus-bg: var(--bs-warning-100);
8094
- --bs-btn-focus-border-color: var(--bs-warning-600);
8095
- --bs-btn-focus-color: var(--bs-warning-600);
8096
- --bs-btn-active-bg: var(--bs-warning-200);
8097
- --bs-btn-active-border-color: var(--bs-warning-600);
8098
- --bs-btn-active-color: var(--bs-warning-600);
8099
- --bs-btn-disabled-bg: transparent;
8100
- --bs-btn-disabled-border-color: var(--bs-warning-100);
8101
- --bs-btn-disabled-color: var(--bs-gray-700);
8102
- --bs-gradient: none;
8498
+ .d-input .form-control:not(:last-child) {
8499
+ padding-right: 0;
8103
8500
  }
8104
- .btn-outline-warning.loading {
8105
- --bs-btn-disabled-opacity: 1;
8106
- --bs-btn-disabled-bg: transparent;
8107
- --bs-btn-disabled-border-color: var(--bs-warning-600);
8108
- --bs-btn-disabled-color: var(--bs-warning-600);
8501
+ .d-input .form-control:not(:first-child) {
8502
+ padding-left: 0;
8109
8503
  }
8110
-
8111
- .btn-link-warning {
8112
- --bs-btn-bg: transparent;
8113
- --bs-btn-border-color: transparent;
8114
- --bs-btn-color: var(--bs-warning-600);
8115
- --bs-btn-hover-bg: var(--bs-warning-100);
8116
- --bs-btn-hover-border-color: transparent;
8117
- --bs-btn-hover-color: var(--bs-warning-600);
8118
- --bs-btn-focus-bg: transparent;
8119
- --bs-btn-focus-border-color: transparent;
8120
- --bs-btn-focus-color: var(--bs-warning-600);
8121
- --bs-btn-active-bg: var(--bs-warning-200);
8122
- --bs-btn-active-border-color: transparent;
8123
- --bs-btn-active-color: var(--bs-warning-600);
8124
- --bs-btn-disabled-bg: transparent;
8125
- --bs-btn-disabled-border-color: transparent;
8126
- --bs-btn-disabled-color: var(--bs-warning-300);
8127
- --bs-btn-focus-outline-offset: 0;
8504
+ .d-input .form-control::-webkit-inner-spin-button,
8505
+ .d-input .form-control::-webkit-outer-spin-button {
8506
+ margin: 0;
8507
+ -webkit-appearance: none;
8508
+ appearance: none;
8509
+ }
8510
+ .d-input .form-control.is-invalid:focus,
8511
+ .d-input .form-control.is-valid:focus {
8512
+ border: 0;
8513
+ box-shadow: unset;
8514
+ }
8515
+ .d-input .input-group-text {
8516
+ border: 0;
8517
+ outline: 0;
8128
8518
  }
8129
- .btn-link-warning span {
8130
- text-decoration: underline;
8519
+ .d-input .form-control:disabled {
8520
+ background: var(--bs-input-group-disabled-bg);
8131
8521
  }
8132
- .btn-link-warning.loading {
8133
- --bs-btn-disabled-opacity: 1;
8134
- --bs-btn-disabled-bg: transparent;
8135
- --bs-btn-disabled-border-color: transparent;
8136
- --bs-btn-disabled-color: var(--bs-warning-600);
8522
+ .d-input:has(.form-control:disabled) .input-group-text {
8523
+ background: var(--bs-input-group-disabled-bg);
8137
8524
  }
8138
-
8139
- .btn-danger {
8140
- --bs-btn-color: var(--bs-white);
8141
- --bs-btn-bg: var(--bs-danger-500);
8142
- --bs-btn-border-color: var(--bs-danger-500);
8143
- --bs-btn-hover-color: var(--bs-white);
8144
- --bs-btn-hover-bg: var(--bs-danger-600);
8145
- --bs-btn-hover-border-color: var(--bs-danger-600);
8146
- --bs-btn-focus-color: var(--bs-white);
8147
- --bs-btn-focus-bg: var(--bs-danger-600);
8148
- --bs-btn-focus-border-color: var(--bs-danger-600);
8149
- --bs-btn-active-color: var(--bs-white);
8150
- --bs-btn-active-bg: var(--bs-danger-700);
8151
- --bs-btn-active-border-color: var(--bs-danger-700);
8152
- --bs-btn-disabled-color: var(--bs-gray-700);
8153
- --bs-btn-disabled-bg: var(--bs-danger-100);
8154
- --bs-btn-disabled-border-color: var(--bs-danger-100);
8525
+ .d-input:has(.form-control:disabled) .d-input-icon .d-icon {
8526
+ color: var(--bs-input-group-disabled-color);
8155
8527
  }
8156
- .btn-danger.loading {
8157
- --bs-btn-disabled-opacity: 1;
8158
- --bs-btn-disabled-bg: var(--bs-danger-700);
8159
- --bs-btn-disabled-border-color: var(--bs-danger-700);
8160
- --bs-btn-disabled-color: var(--bs-white);
8528
+ .d-input:has(.form-control:disabled) .input-group {
8529
+ border-color: var(--bs-input-group-disabled-border-color);
8161
8530
  }
8162
8531
 
8163
- .btn-outline-danger {
8164
- --bs-btn-bg: transparent;
8165
- --bs-btn-border-color: var(--bs-danger-600);
8166
- --bs-btn-color: var(--bs-danger-600);
8167
- --bs-btn-hover-bg: var(--bs-danger-100);
8168
- --bs-btn-hover-border-color: var(--bs-danger-600);
8169
- --bs-btn-hover-color: var(--bs-danger-600);
8170
- --bs-btn-focus-bg: var(--bs-danger-100);
8171
- --bs-btn-focus-border-color: var(--bs-danger-600);
8172
- --bs-btn-focus-color: var(--bs-danger-600);
8173
- --bs-btn-active-bg: var(--bs-danger-200);
8174
- --bs-btn-active-border-color: var(--bs-danger-600);
8175
- --bs-btn-active-color: var(--bs-danger-600);
8176
- --bs-btn-disabled-bg: transparent;
8177
- --bs-btn-disabled-border-color: var(--bs-danger-100);
8178
- --bs-btn-disabled-color: var(--bs-gray-700);
8179
- --bs-gradient: none;
8180
- }
8181
- .btn-outline-danger.loading {
8182
- --bs-btn-disabled-opacity: 1;
8183
- --bs-btn-disabled-bg: transparent;
8184
- --bs-btn-disabled-border-color: var(--bs-danger-600);
8185
- --bs-btn-disabled-color: var(--bs-danger-600);
8532
+ .label,
8533
+ label {
8534
+ padding: var(--bs-input-label-padding-y, var(--bs-label-padding-y)) var(--bs-input-label-padding-x, var(--bs-label-padding-x));
8535
+ font-size: var(--bs-input-label-font-size, var(--bs-label-font-size));
8536
+ font-weight: var(--bs-input-label-font-weight, var(--bs-label-font-weight));
8537
+ color: var(--bs-input-label-color, var(--bs-label-color));
8186
8538
  }
8187
8539
 
8188
- .btn-link-danger {
8189
- --bs-btn-bg: transparent;
8190
- --bs-btn-border-color: transparent;
8191
- --bs-btn-color: var(--bs-danger-600);
8192
- --bs-btn-hover-bg: var(--bs-danger-100);
8193
- --bs-btn-hover-border-color: transparent;
8194
- --bs-btn-hover-color: var(--bs-danger-600);
8195
- --bs-btn-focus-bg: transparent;
8196
- --bs-btn-focus-border-color: transparent;
8197
- --bs-btn-focus-color: var(--bs-danger-600);
8198
- --bs-btn-active-bg: var(--bs-danger-200);
8199
- --bs-btn-active-border-color: transparent;
8200
- --bs-btn-active-color: var(--bs-danger-600);
8201
- --bs-btn-disabled-bg: transparent;
8202
- --bs-btn-disabled-border-color: transparent;
8203
- --bs-btn-disabled-color: var(--bs-danger-300);
8204
- --bs-btn-focus-outline-offset: 0;
8540
+ .d-input:has(.form-select:not(:disabled)) {
8541
+ --bs-input-group-border-color: var(--bs-input-group-hover-border-color);
8205
8542
  }
8206
- .btn-link-danger span {
8207
- text-decoration: underline;
8543
+ .d-input .form-floating:not(:last-child) .form-select {
8544
+ padding-right: 2rem;
8545
+ background-position: right center;
8208
8546
  }
8209
- .btn-link-danger.loading {
8210
- --bs-btn-disabled-opacity: 1;
8211
- --bs-btn-disabled-bg: transparent;
8212
- --bs-btn-disabled-border-color: transparent;
8213
- --bs-btn-disabled-color: var(--bs-danger-600);
8547
+ .d-input .form-select {
8548
+ text-align: var(--bs-input-form-control-text-align);
8549
+ border-width: 0;
8550
+ box-shadow: none;
8214
8551
  }
8215
-
8216
- .btn-light {
8217
- --bs-btn-color: #555564;
8218
- --bs-btn-bg: #f7f7ff;
8219
- --bs-btn-border-color: #f7f7ff;
8220
- --bs-btn-hover-color: #555564;
8221
- --bs-btn-hover-bg: #d2d2d9;
8222
- --bs-btn-hover-border-color: #c6c6cc;
8223
- --bs-btn-focus-shadow-rgb: 223, 223, 232;
8224
- --bs-btn-active-color: #000;
8225
- --bs-btn-active-bg: #c6c6cc;
8226
- --bs-btn-active-border-color: #b9b9bf;
8227
- --bs-btn-active-shadow: none;
8228
- --bs-btn-disabled-color: #555564;
8229
- --bs-btn-disabled-bg: #f7f7ff;
8230
- --bs-btn-disabled-border-color: #f7f7ff;
8552
+ .d-input .form-select:not(:last-child, .floating-label) {
8553
+ padding-right: 2rem;
8554
+ background-position: right center;
8231
8555
  }
8232
-
8233
- .btn-outline-light {
8234
- --bs-btn-color: #f7f7ff;
8235
- --bs-btn-border-color: #f7f7ff;
8236
- --bs-btn-hover-color: #555564;
8237
- --bs-btn-hover-bg: #f7f7ff;
8238
- --bs-btn-hover-border-color: #f7f7ff;
8239
- --bs-btn-focus-shadow-rgb: 247, 247, 255;
8240
- --bs-btn-active-color: #555564;
8241
- --bs-btn-active-bg: #f7f7ff;
8242
- --bs-btn-active-border-color: #f7f7ff;
8243
- --bs-btn-active-shadow: none;
8244
- --bs-btn-disabled-color: #f7f7ff;
8245
- --bs-btn-disabled-bg: transparent;
8246
- --bs-btn-disabled-border-color: #f7f7ff;
8247
- --bs-gradient: none;
8556
+ .d-input .form-select:not(:first-child) {
8557
+ padding-left: 0;
8248
8558
  }
8249
8559
 
8250
- .btn-link-light {
8251
- --bs-btn-bg: transparent;
8252
- --bs-btn-border-color: transparent;
8253
- --bs-btn-color: var(--bs-light-600);
8254
- --bs-btn-hover-bg: var(--bs-light-100);
8255
- --bs-btn-hover-border-color: transparent;
8256
- --bs-btn-hover-color: var(--bs-light-600);
8257
- --bs-btn-focus-bg: transparent;
8258
- --bs-btn-focus-border-color: transparent;
8259
- --bs-btn-focus-color: var(--bs-light-600);
8260
- --bs-btn-active-bg: var(--bs-light-200);
8261
- --bs-btn-active-border-color: transparent;
8262
- --bs-btn-active-color: var(--bs-light-600);
8263
- --bs-btn-disabled-bg: transparent;
8264
- --bs-btn-disabled-border-color: transparent;
8265
- --bs-btn-disabled-color: var(--bs-light-300);
8266
- --bs-btn-focus-outline-offset: 0;
8560
+ .d-input-pin {
8561
+ --bs-input-pin-gap: 0.5rem;
8562
+ --bs-input-pin-label-gap: var(--bs-ref-spacer-1);
8563
+ --bs-input-pin-label-focus-color: var(--bs-secondary);
8564
+ --bs-input-pin-label-padding-x: var(--bs-ref-spacer-2);
8565
+ --bs-input-pin-label-padding-y: 0;
8566
+ --bs-input-pin-label-font-weight: var(--bs-ref-fw-bold);
8567
+ --bs-input-pin-label-font-size: var(--bs-ref-fs-small);
8568
+ --bs-input-pin-label-color: var(--bs-gray);
8569
+ --bs-input-pin-form-control-gap: 0.25rem;
8570
+ --bs-input-pin-form-control-width: 4rem;
8571
+ --bs-input-pin-form-control-height: 4rem;
8572
+ --bs-input-pin-form-control-border-color: var(--bs-gray);
8573
+ --bs-input-pin-form-control-focus-border-color: var(--bs-secondary);
8574
+ --bs-input-pin-form-control-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
8575
+ --bs-input-pin-form-control-hover-border-color: var(--bs-gray);
8576
+ --bs-input-pin-form-text-padding: 0 0.5rem;
8577
+ --bs-input-pin-form-text-gap: 0.5rem;
8578
+ --bs-input-pin-form-text-color: var(--bs-gray);
8579
+ display: flex;
8580
+ flex-direction: column;
8581
+ gap: var(--bs-input-pin-gap);
8582
+ align-items: flex-start;
8267
8583
  }
8268
- .btn-link-light span {
8269
- text-decoration: underline;
8584
+ .d-input-pin label {
8585
+ display: inline-flex;
8586
+ flex-direction: row;
8587
+ gap: var(--bs-input-pin-label-gap);
8588
+ align-items: center;
8589
+ padding: var(--bs-input-pin-label-padding-y) var(--bs-input-pin-label-padding-x);
8590
+ font-size: var(--bs-input-pin-label-font-size);
8591
+ font-weight: var(--bs-input-pin-label-font-weight);
8592
+ color: var(--bs-input-pin-label-color);
8270
8593
  }
8271
- .btn-link-light.loading {
8272
- --bs-btn-disabled-opacity: 1;
8273
- --bs-btn-disabled-bg: transparent;
8274
- --bs-btn-disabled-border-color: transparent;
8275
- --bs-btn-disabled-color: var(--bs-light-600);
8594
+ .d-input-pin label .d-input-pin-icon {
8595
+ --bs-icon-color: var(--bs-focus-ring-color);
8276
8596
  }
8277
-
8278
- .btn-dark {
8279
- --bs-btn-color: #fff;
8280
- --bs-btn-bg: #161723;
8281
- --bs-btn-border-color: #161723;
8282
- --bs-btn-hover-color: #fff;
8283
- --bs-btn-hover-bg: #393a44;
8284
- --bs-btn-hover-border-color: #2d2e39;
8285
- --bs-btn-focus-shadow-rgb: 57, 58, 68;
8286
- --bs-btn-active-color: #fff;
8287
- --bs-btn-active-bg: #45454f;
8288
- --bs-btn-active-border-color: #2d2e39;
8289
- --bs-btn-active-shadow: none;
8290
- --bs-btn-disabled-color: #fff;
8291
- --bs-btn-disabled-bg: #161723;
8292
- --bs-btn-disabled-border-color: #161723;
8597
+ .d-input-pin .d-input-pin-controls {
8598
+ display: flex;
8599
+ flex-direction: row;
8600
+ gap: var(--bs-input-pin-form-control-gap);
8601
+ width: 100%;
8293
8602
  }
8294
-
8295
- .btn-outline-dark {
8296
- --bs-btn-color: #161723;
8297
- --bs-btn-border-color: #161723;
8298
- --bs-btn-hover-color: #fff;
8299
- --bs-btn-hover-bg: #161723;
8300
- --bs-btn-hover-border-color: #161723;
8301
- --bs-btn-focus-shadow-rgb: 22, 23, 35;
8302
- --bs-btn-active-color: #fff;
8303
- --bs-btn-active-bg: #161723;
8304
- --bs-btn-active-border-color: #161723;
8305
- --bs-btn-active-shadow: none;
8306
- --bs-btn-disabled-color: #161723;
8307
- --bs-btn-disabled-bg: transparent;
8308
- --bs-btn-disabled-border-color: #161723;
8309
- --bs-gradient: none;
8603
+ .d-input-pin .form-control {
8604
+ width: var(--bs-input-pin-form-control-width);
8605
+ height: var(--bs-input-pin-form-control-height);
8606
+ text-align: center;
8607
+ box-shadow: none;
8310
8608
  }
8311
-
8312
- .btn-link-dark {
8313
- --bs-btn-bg: transparent;
8314
- --bs-btn-border-color: transparent;
8315
- --bs-btn-color: var(--bs-dark-600);
8316
- --bs-btn-hover-bg: var(--bs-dark-100);
8317
- --bs-btn-hover-border-color: transparent;
8318
- --bs-btn-hover-color: var(--bs-dark-600);
8319
- --bs-btn-focus-bg: transparent;
8320
- --bs-btn-focus-border-color: transparent;
8321
- --bs-btn-focus-color: var(--bs-dark-600);
8322
- --bs-btn-active-bg: var(--bs-dark-200);
8323
- --bs-btn-active-border-color: transparent;
8324
- --bs-btn-active-color: var(--bs-dark-600);
8325
- --bs-btn-disabled-bg: transparent;
8326
- --bs-btn-disabled-border-color: transparent;
8327
- --bs-btn-disabled-color: var(--bs-dark-300);
8328
- --bs-btn-focus-outline-offset: 0;
8609
+ .d-input-pin .form-control::-webkit-inner-spin-button,
8610
+ .d-input-pin .form-control::-webkit-outer-spin-button {
8611
+ margin: 0;
8612
+ -webkit-appearance: none;
8613
+ appearance: none;
8614
+ }
8615
+ .d-input-pin .form-control:not(:-moz-placeholder-shown) {
8616
+ border-color: var(--bs-input-pin-form-control-border-color);
8617
+ }
8618
+ .d-input-pin .form-control:not(:placeholder-shown) {
8619
+ border-color: var(--bs-input-pin-form-control-border-color);
8620
+ }
8621
+ .d-input-pin:has(.form-control:hover) .form-control:not(:disabled) {
8622
+ border-color: var(--bs-input-pin-form-control-hover-border-color);
8623
+ }
8624
+ .d-input-pin:focus-within .form-control {
8625
+ border-color: var(--bs-input-pin-form-control-focus-border-color);
8626
+ box-shadow: var(--bs-input-pin-form-control-focus-box-shadow);
8329
8627
  }
8330
- .btn-link-dark span {
8331
- text-decoration: underline;
8628
+ .d-input-pin:focus-within:has(.form-control:hover) .form-control {
8629
+ border-color: var(--bs-input-pin-form-control-focus-border-color);
8332
8630
  }
8333
- .btn-link-dark.loading {
8334
- --bs-btn-disabled-opacity: 1;
8335
- --bs-btn-disabled-bg: transparent;
8336
- --bs-btn-disabled-border-color: transparent;
8337
- --bs-btn-disabled-color: var(--bs-dark-600);
8631
+ .d-input-pin:has(.form-control.is-valid) .form-control {
8632
+ border-color: var(--bs-success);
8338
8633
  }
8339
-
8340
- .btn-lg, .btn-group-lg > .btn {
8341
- --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
8342
- --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
8343
- --bs-btn-font-size: var(--bs-btn-lg-font-size);
8344
- --bs-btn-border-radius: var(--bs-btn-lg-border-radius);
8634
+ .d-input-pin:has(.form-control.is-valid) .form-text {
8635
+ color: var(--bs-form-valid-border-color);
8345
8636
  }
8346
-
8347
- .btn-sm, .btn-group-sm > .btn {
8348
- --bs-btn-padding-y: var(--bs-btn-sm-padding-y);
8349
- --bs-btn-padding-x: var(--bs-btn-sm-padding-x);
8350
- --bs-btn-font-size: var(--bs-btn-sm-font-size);
8351
- --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
8637
+ .d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon {
8638
+ --bs-icon-color: var(--bs-success);
8352
8639
  }
8353
-
8354
- [class*=btn-link-] {
8355
- --bs-btn-text-decoration: var(--bs-link-decoration);
8640
+ .d-input-pin:has(.form-control.is-invalid) .form-control {
8641
+ border-color: var(--bs-danger);
8356
8642
  }
8357
-
8358
- .btn-link {
8359
- --bs-btn-font-weight: 400;
8360
- --bs-btn-color: var(--bs-link-color);
8361
- --bs-btn-bg: transparent;
8362
- --bs-btn-border-color: transparent;
8363
- --bs-btn-hover-color: var(--bs-link-hover-color);
8364
- --bs-btn-hover-border-color: transparent;
8365
- --bs-btn-active-color: var(--bs-link-hover-color);
8366
- --bs-btn-active-border-color: transparent;
8367
- --bs-btn-disabled-color: #616173;
8368
- --bs-btn-disabled-border-color: transparent;
8369
- --bs-btn-box-shadow: 0 0 0 #000;
8370
- --bs-btn-focus-shadow-rgb: 222, 61, 120;
8371
- text-decoration: underline;
8643
+ .d-input-pin:has(.form-control.is-invalid) .form-text {
8644
+ color: var(--bs-form-invalid-border-color);
8372
8645
  }
8373
- .btn-link:hover, .btn-link:focus-visible {
8374
- text-decoration: underline;
8646
+ .d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon {
8647
+ --bs-icon-color: var(--bs-danger);
8375
8648
  }
8376
- .btn-link:focus-visible {
8377
- color: var(--bs-btn-color);
8649
+ .d-input-pin .input-group-text {
8650
+ padding-left: var(--bs-input-pin-form-control-gap);
8378
8651
  }
8379
- .btn-link:hover {
8380
- color: var(--bs-btn-hover-color);
8652
+ .d-input-pin .form-text {
8653
+ display: inline-flex;
8654
+ flex-direction: row;
8655
+ gap: var(--bs-input-pin-form-text-gap);
8656
+ align-items: center;
8657
+ padding: var(--bs-input-pin-form-text-padding);
8658
+ color: var(--bs-input-pin-form-text-color);
8381
8659
  }
8382
8660
 
8383
8661
  .d-quick-action-button {
@@ -8548,264 +8826,95 @@ label {
8548
8826
  background-color: var(--bs-quick-action-check-bg);
8549
8827
  border-radius: var(--bs-quick-action-check-border-radius);
8550
8828
  }
8551
- .d-quick-action-check:hover {
8552
- background: var(--bs-quick-action-check-hover-bg);
8553
- }
8554
- .d-quick-action-check:has(input:checked) {
8555
- background: var(--bs-quick-action-check-checked-bg);
8556
- }
8557
- .d-quick-action-check:has(input:checked) .d-quick-action-check-line3 {
8558
- color: var(--bs-quick-action-check-checked-color);
8559
- }
8560
- .d-quick-action-check .d-quick-action-check-detail {
8561
- display: flex;
8562
- flex-direction: column;
8563
- flex-grow: 1;
8564
- }
8565
- .d-quick-action-check .d-quick-action-check-line1 {
8566
- font-size: var(--bs-quick-action-check-line1-font-size);
8567
- font-weight: var(--bs-quick-action-check-line1-font-weight);
8568
- color: var(--bs-quick-action-check-line1-color);
8569
- }
8570
- .d-quick-action-check .d-quick-action-check-line2 {
8571
- font-size: var(--bs-quick-action-check-line2-font-size);
8572
- font-weight: var(--bs-quick-action-check-line2-font-weight);
8573
- color: var(--bs-quick-action-check-line2-color);
8574
- }
8575
- .d-quick-action-check .d-quick-action-check-line3 {
8576
- font-size: var(--bs-quick-action-check-line3-font-size);
8577
- font-weight: var(--bs-quick-action-check-line3-font-weight);
8578
- color: var(--bs-quick-action-check-line3-color);
8579
- }
8580
- .d-quick-action-check .form-check-input:focus {
8581
- outline: 0;
8582
- }
8583
-
8584
- .d-quick-action-switch {
8585
- --bs-quick-action-switch-gap: var(--bs-ref-spacer-2);
8586
- --bs-quick-action-switch-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-3);
8587
- --bs-quick-action-switch-bg: var(--bs-white);
8588
- --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8589
- --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8590
- --bs-quick-action-switch-label-font-size: 1rem;
8591
- --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
8592
- --bs-quick-action-switch-label-color: var(--bs-gray);
8593
- --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
8594
- --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
8595
- --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8596
- --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8597
- --bs-quick-action-switch-checked-bg: var(--bs-white);
8598
- --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
8599
- --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
8600
- display: flex;
8601
- flex-direction: column;
8602
- gap: var(--bs-quick-action-switch-gap);
8603
- width: 100%;
8604
- padding: var(--bs-quick-action-switch-padding);
8605
- text-align: left;
8606
- cursor: pointer;
8607
- background-color: var(--bs-quick-action-switch-bg);
8608
- border: 0;
8609
- border-radius: var(--bs-quick-action-switch-border-radius);
8610
- }
8611
- .d-quick-action-switch:hover {
8612
- background: var(--bs-quick-action-switch-hover-bg);
8613
- }
8614
- .d-quick-action-switch:has(input:checked) {
8615
- background: var(--bs-quick-action-switch-checked-bg);
8616
- }
8617
- .d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
8618
- color: var(--bs-quick-action-switch-checked-label-color);
8619
- }
8620
- .d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
8621
- color: var(--bs-quick-action-switch-checked-hint-color);
8622
- }
8623
- .d-quick-action-switch .d-quick-action-switch-content {
8624
- display: flex;
8625
- flex-direction: row;
8626
- gap: var(--bs-quick-action-switch-content-gap);
8627
- }
8628
- .d-quick-action-switch .d-quick-action-switch-label {
8629
- font-size: var(--bs-quick-action-switch-label-font-size);
8630
- font-weight: var(--bs-quick-action-switch-label-font-weight);
8631
- color: var(--bs-quick-action-switch-label-color);
8632
- }
8633
- .d-quick-action-switch .d-quick-action-switch-hint {
8634
- font-size: var(--bs-quick-action-switch-hint-font-size);
8635
- font-weight: var(--bs-quick-action-switch-hint-font-weight);
8636
- color: var(--bs-quick-action-switch-hint-color);
8637
- }
8638
- .d-quick-action-switch .d-input-switch:focus-within.form-switch .form-check-input {
8639
- outline: 0;
8640
- }
8641
-
8642
- .progress {
8643
- --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
8644
- font-weight: var(--bs-progress-bar-font-weight);
8645
- }
8646
- .progress .progress-bar:not(:empty) {
8647
- min-width: 4ch;
8648
- }
8649
-
8650
- .alert {
8651
- --bs-alert-gap: 1rem;
8652
- --bs-alert-box-shadow: var(--bs-box-shadow-sm);
8653
- --bs-alert-icon-color: var(--bs-alert-color);
8654
- --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
8655
- --bs-alert-close-icon-size: 0.75rem;
8656
- display: flex;
8657
- flex-direction: row;
8658
- gap: var(--bs-alert-gap);
8659
- align-items: center;
8660
- box-shadow: var(--bs-alert-box-shadow);
8661
- }
8662
- .alert .alert-text {
8663
- flex-grow: 1;
8664
- }
8665
- .alert .alert-separator {
8666
- align-self: stretch;
8667
- width: 1px;
8668
- background-color: var(--bs-alert-icon-color);
8669
- opacity: var(--bs-alert-separator-opacity);
8670
- }
8671
- .alert .btn-close {
8672
- --bs-btn-close-bg: transparent;
8673
- }
8674
- .alert .alert-icon.d-icon {
8675
- --bs-icon-color: var(--bs-alert-icon-color);
8676
- }
8677
- .alert .alert-close-icon {
8678
- --bs-icon-color: var(--bs-alert-icon-color);
8679
- --bs-icon-size: var(--bs-alert-close-icon-size);
8680
- }
8681
- .alert.alert-primary {
8682
- --bs-alert-color: var(--bs-white);
8683
- --bs-alert-bg: var(--bs-primary);
8684
- --bs-alert-border-color: var(--bs-primary);
8685
- --bs-alert-link-color: var(--bs-white);
8686
- }
8687
- .alert.alert-secondary {
8688
- --bs-alert-color: var(--bs-white);
8689
- --bs-alert-bg: var(--bs-secondary);
8690
- --bs-alert-border-color: var(--bs-secondary);
8691
- --bs-alert-link-color: var(--bs-white);
8692
- }
8693
- .alert.alert-success {
8694
- --bs-alert-color: var(--bs-white);
8695
- --bs-alert-bg: var(--bs-success);
8696
- --bs-alert-border-color: var(--bs-success);
8697
- --bs-alert-link-color: var(--bs-white);
8698
- }
8699
- .alert.alert-info {
8700
- --bs-alert-color: var(--bs-white);
8701
- --bs-alert-bg: var(--bs-info);
8702
- --bs-alert-border-color: var(--bs-info);
8703
- --bs-alert-link-color: var(--bs-white);
8704
- }
8705
- .alert.alert-warning {
8706
- --bs-alert-color: var(--bs-black);
8707
- --bs-alert-bg: var(--bs-warning);
8708
- --bs-alert-border-color: var(--bs-warning);
8709
- --bs-alert-link-color: var(--bs-black);
8710
- }
8711
- .alert.alert-danger {
8712
- --bs-alert-color: var(--bs-white);
8713
- --bs-alert-bg: var(--bs-danger);
8714
- --bs-alert-border-color: var(--bs-danger);
8715
- --bs-alert-link-color: var(--bs-white);
8716
- }
8717
- .alert.alert-light {
8718
- --bs-alert-color: var(--bs-gray-700);
8719
- --bs-alert-bg: var(--bs-light);
8720
- --bs-alert-border-color: var(--bs-light);
8721
- --bs-alert-link-color: var(--bs-gray-700);
8722
- }
8723
- .alert.alert-dark {
8724
- --bs-alert-color: var(--bs-white);
8725
- --bs-alert-bg: var(--bs-dark);
8726
- --bs-alert-border-color: var(--bs-dark);
8727
- --bs-alert-link-color: var(--bs-white);
8728
- }
8729
- .alert.alert-soft {
8730
- --bs-alert-color: var(--bs-gray-900);
8731
- border-width: 0 0 0 5px;
8732
- }
8733
- .alert.alert-soft.alert-primary {
8734
- --bs-alert-icon-color: var(--bs-primary-500);
8735
- --bs-alert-bg: var(--bs-primary-100);
8736
- }
8737
- .alert.alert-soft.alert-secondary {
8738
- --bs-alert-icon-color: var(--bs-secondary-500);
8739
- --bs-alert-bg: var(--bs-secondary-100);
8740
- }
8741
- .alert.alert-soft.alert-success {
8742
- --bs-alert-icon-color: var(--bs-success-500);
8743
- --bs-alert-bg: var(--bs-success-100);
8829
+ .d-quick-action-check:hover {
8830
+ background: var(--bs-quick-action-check-hover-bg);
8744
8831
  }
8745
- .alert.alert-soft.alert-info {
8746
- --bs-alert-icon-color: var(--bs-info-500);
8747
- --bs-alert-bg: var(--bs-info-100);
8832
+ .d-quick-action-check:has(input:checked) {
8833
+ background: var(--bs-quick-action-check-checked-bg);
8748
8834
  }
8749
- .alert.alert-soft.alert-warning {
8750
- --bs-alert-icon-color: var(--bs-warning-500);
8751
- --bs-alert-bg: var(--bs-warning-100);
8835
+ .d-quick-action-check:has(input:checked) .d-quick-action-check-line3 {
8836
+ color: var(--bs-quick-action-check-checked-color);
8752
8837
  }
8753
- .alert.alert-soft.alert-danger {
8754
- --bs-alert-icon-color: var(--bs-danger-500);
8755
- --bs-alert-bg: var(--bs-danger-100);
8838
+ .d-quick-action-check .d-quick-action-check-detail {
8839
+ display: flex;
8840
+ flex-direction: column;
8841
+ flex-grow: 1;
8756
8842
  }
8757
- .alert.alert-soft.alert-light {
8758
- --bs-alert-icon-color: var(--bs-secondary-500);
8759
- --bs-alert-border-color: var(--bs-secondary-500);
8760
- --bs-alert-bg: var(--bs-white);
8843
+ .d-quick-action-check .d-quick-action-check-line1 {
8844
+ font-size: var(--bs-quick-action-check-line1-font-size);
8845
+ font-weight: var(--bs-quick-action-check-line1-font-weight);
8846
+ color: var(--bs-quick-action-check-line1-color);
8761
8847
  }
8762
-
8763
- .badge {
8764
- --bs-badge-bg: var(--bs-white);
8765
- --bs-badge-dot-height: var(--bs-ref-spacer-3);
8766
- display: inline-block;
8767
- background-color: var(--bs-badge-bg);
8848
+ .d-quick-action-check .d-quick-action-check-line2 {
8849
+ font-size: var(--bs-quick-action-check-line2-font-size);
8850
+ font-weight: var(--bs-quick-action-check-line2-font-weight);
8851
+ color: var(--bs-quick-action-check-line2-color);
8852
+ }
8853
+ .d-quick-action-check .d-quick-action-check-line3 {
8854
+ font-size: var(--bs-quick-action-check-line3-font-size);
8855
+ font-weight: var(--bs-quick-action-check-line3-font-weight);
8856
+ color: var(--bs-quick-action-check-line3-color);
8768
8857
  }
8769
- .badge.badge-primary {
8770
- --bs-badge-color: var(--bs-white);
8771
- --bs-badge-bg: var(--bs-primary);
8858
+ .d-quick-action-check .form-check-input:focus {
8859
+ outline: 0;
8772
8860
  }
8773
- .badge.badge-secondary {
8774
- --bs-badge-color: var(--bs-white);
8775
- --bs-badge-bg: var(--bs-secondary);
8861
+
8862
+ .d-quick-action-switch {
8863
+ --bs-quick-action-switch-gap: var(--bs-ref-spacer-2);
8864
+ --bs-quick-action-switch-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-3);
8865
+ --bs-quick-action-switch-bg: var(--bs-white);
8866
+ --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8867
+ --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8868
+ --bs-quick-action-switch-label-font-size: 1rem;
8869
+ --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
8870
+ --bs-quick-action-switch-label-color: var(--bs-gray);
8871
+ --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
8872
+ --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
8873
+ --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8874
+ --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8875
+ --bs-quick-action-switch-checked-bg: var(--bs-white);
8876
+ --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
8877
+ --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
8878
+ display: flex;
8879
+ flex-direction: column;
8880
+ gap: var(--bs-quick-action-switch-gap);
8881
+ width: 100%;
8882
+ padding: var(--bs-quick-action-switch-padding);
8883
+ text-align: left;
8884
+ cursor: pointer;
8885
+ background-color: var(--bs-quick-action-switch-bg);
8886
+ border: 0;
8887
+ border-radius: var(--bs-quick-action-switch-border-radius);
8776
8888
  }
8777
- .badge.badge-success {
8778
- --bs-badge-color: var(--bs-white);
8779
- --bs-badge-bg: var(--bs-success);
8889
+ .d-quick-action-switch:hover {
8890
+ background: var(--bs-quick-action-switch-hover-bg);
8780
8891
  }
8781
- .badge.badge-info {
8782
- --bs-badge-color: var(--bs-white);
8783
- --bs-badge-bg: var(--bs-info);
8892
+ .d-quick-action-switch:has(input:checked) {
8893
+ background: var(--bs-quick-action-switch-checked-bg);
8784
8894
  }
8785
- .badge.badge-warning {
8786
- --bs-badge-color: var(--bs-black);
8787
- --bs-badge-bg: var(--bs-warning);
8895
+ .d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
8896
+ color: var(--bs-quick-action-switch-checked-label-color);
8788
8897
  }
8789
- .badge.badge-danger {
8790
- --bs-badge-color: var(--bs-white);
8791
- --bs-badge-bg: var(--bs-danger);
8898
+ .d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
8899
+ color: var(--bs-quick-action-switch-checked-hint-color);
8792
8900
  }
8793
- .badge.badge-light {
8794
- --bs-badge-color: var(--bs-gray-700);
8795
- --bs-badge-bg: var(--bs-light);
8901
+ .d-quick-action-switch .d-quick-action-switch-content {
8902
+ display: flex;
8903
+ flex-direction: row;
8904
+ gap: var(--bs-quick-action-switch-content-gap);
8796
8905
  }
8797
- .badge.badge-dark {
8798
- --bs-badge-color: var(--bs-white);
8799
- --bs-badge-bg: var(--bs-dark);
8906
+ .d-quick-action-switch .d-quick-action-switch-label {
8907
+ font-size: var(--bs-quick-action-switch-label-font-size);
8908
+ font-weight: var(--bs-quick-action-switch-label-font-weight);
8909
+ color: var(--bs-quick-action-switch-label-color);
8800
8910
  }
8801
- .badge.badge-dot {
8802
- min-width: var(--bs-badge-dot-height);
8803
- height: var(--bs-badge-dot-height);
8804
- padding: 0;
8805
- border-radius: var(--bs-badge-border-radius);
8911
+ .d-quick-action-switch .d-quick-action-switch-hint {
8912
+ font-size: var(--bs-quick-action-switch-hint-font-size);
8913
+ font-weight: var(--bs-quick-action-switch-hint-font-weight);
8914
+ color: var(--bs-quick-action-switch-hint-color);
8806
8915
  }
8807
- .badge.badge-dot > span {
8808
- vertical-align: middle;
8916
+ .d-quick-action-switch .d-input-switch:focus-within.form-switch .form-check-input {
8917
+ outline: 0;
8809
8918
  }
8810
8919
 
8811
8920
  .d-chip {
@@ -8875,7 +8984,7 @@ label {
8875
8984
 
8876
8985
  .modal {
8877
8986
  --bs-modal-header-gap: 1.5rem;
8878
- --bs-modal-body-padding: 0;
8987
+ --bs-modal-body-padding: 1rem;
8879
8988
  --bs-modal-footer-padding: 1.5rem;
8880
8989
  --bs-modal-separator-margin-x: 1.5rem;
8881
8990
  --bs-modal-separator-height: 1px;
@@ -8900,7 +9009,7 @@ label {
8900
9009
  --bs-icon-size: 1rem;
8901
9010
  }
8902
9011
  .modal .modal-body {
8903
- padding: var(--bs-modal-body-padding);
9012
+ padding: var(--bs-modal-component-body-padding, var(--bs-modal-body-padding));
8904
9013
  }
8905
9014
  .modal .d-modal-separator {
8906
9015
  height: var(--bs-modal-separator-height);
@@ -8968,53 +9077,6 @@ label {
8968
9077
  justify-content: flex-end;
8969
9078
  }
8970
9079
 
8971
- .collapse-container {
8972
- --bs-collapse-bg: var(--bs-white);
8973
- --bs-collapse-border-radius: var(--bs-ref-spacer-1);
8974
- --bs-collapse-box-shadow: var(--bs-box-shadow-sm);
8975
- --bs-collapse-button-padding-x: var(--bs-ref-spacer-3);
8976
- --bs-collapse-button-padding-y: var(--bs-ref-spacer-3);
8977
- --bs-collapse-button-gap: var(--bs-ref-spacer-3);
8978
- --bs-collapse-body-padding-x: var(--bs-ref-spacer-3);
8979
- --bs-collapse-body-padding-y: var(--bs-ref-spacer-3);
8980
- --bs-collapse-separator-display: none;
8981
- --bs-collapse-separator-height: 1px;
8982
- --bs-collapse-separator-bg: var(--bs-gray-200);
8983
- background-color: var(--bs-collapse-bg);
8984
- border-radius: var(--bs-collapse-border-radius);
8985
- box-shadow: var(--bs-collapse-box-shadow);
8986
- }
8987
- .collapse-container .collapse-button {
8988
- display: flex;
8989
- gap: var(--bs-collapse-button-gap);
8990
- align-items: center;
8991
- width: 100%;
8992
- padding: var(--bs-collapse-button-padding-y) var(--bs-collapse-button-padding-x);
8993
- text-align: left;
8994
- -webkit-user-select: none;
8995
- -moz-user-select: none;
8996
- user-select: none;
8997
- background: transparent;
8998
- border: 0;
8999
- }
9000
- .collapse-container .collapse-button:focus, .collapse-container .collapse-button:focus-visible {
9001
- outline: 0;
9002
- }
9003
- .collapse-container .collapse-body {
9004
- position: relative;
9005
- padding: var(--bs-collapse-body-padding-y) var(--bs-collapse-body-padding-x);
9006
- padding-top: 0;
9007
- }
9008
- .collapse-container .collapse-body::before {
9009
- position: absolute;
9010
- top: 0;
9011
- display: var(--bs-collapse-separator-display);
9012
- width: calc(100% - var(--bs-collapse-body-padding-x) * 2);
9013
- height: var(--bs-collapse-separator-height);
9014
- content: " ";
9015
- background-color: var(--bs-collapse-separator-bg);
9016
- }
9017
-
9018
9080
  .d-collapse-icon-text {
9019
9081
  --bs-collapse-icon-text-header-gap: var(--bs-ref-spacer-3);
9020
9082
  --bs-collapse-icon-text-header-font-size: var(--bs-ref-fs-6);
@@ -10839,86 +10901,6 @@ label {
10839
10901
  color: var(--bs-step-info-description-color);
10840
10902
  }
10841
10903
 
10842
- .pagination {
10843
- --bs-pagination-page-item-size: 2.125rem;
10844
- --bs-pagination-page-link-bg: transparent;
10845
- --bs-pagination-page-border-radius: var(--bs-border-radius);
10846
- --bs-pagination-arrow-font-size: var(--bs-ref-fs-small);
10847
- --bs-pagination-arrow-padding-y: var(--bs-ref-spacer-1);
10848
- --bs-pagination-arrow-padding-x: var(--bs-ref-spacer-2);
10849
- --bs-pagination-arrow-border-radius: var(--bs-border-radius);
10850
- --bs-pagination-arrow-color: var(--bs-secondary);
10851
- --bs-pagination-focus-arrow-bg: var(--bs-secondary-100);
10852
- --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>');
10853
- --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>');
10854
- --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>');
10855
- --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>');
10856
- margin: 0;
10857
- }
10858
- .pagination .page-item {
10859
- min-width: var(--bs-pagination-page-item-size);
10860
- min-height: var(--bs-pagination-page-item-size);
10861
- }
10862
- .pagination .page-item:not(.active, :hover) .page-link {
10863
- background-color: var(--bs-pagination-page-link-bg);
10864
- }
10865
- .pagination .arrow .page-link {
10866
- min-width: -webkit-fit-content;
10867
- min-width: -moz-fit-content;
10868
- min-width: fit-content;
10869
- padding: var(--bs-pagination-arrow-padding-y) var(--bs-pagination-arrow-padding-x);
10870
- font-size: var(--bs-pagination-arrow-font-size);
10871
- border-radius: var(--bs-pagination-arrow-border-radius);
10872
- }
10873
- .pagination .arrow .page-link:focus {
10874
- background-color: var(--bs-pagination-focus-arrow-bg);
10875
- }
10876
- .pagination .arrow .page-link::after, .pagination .arrow .page-link::before {
10877
- position: relative;
10878
- display: flex;
10879
- align-items: center;
10880
- justify-content: center;
10881
- background-repeat: no-repeat;
10882
- background-size: var(--bs-pagination-arrow-font-size);
10883
- }
10884
- .pagination .arrow:is(.arrow-prev, .arrow-next):not(.disabled) .page-link {
10885
- color: var(--bs-pagination-arrow-color);
10886
- }
10887
- .pagination .arrow.arrow-prev .page-link::before {
10888
- min-width: var(--bs-pagination-arrow-font-size);
10889
- min-height: var(--bs-pagination-arrow-font-size);
10890
- margin-right: var(--bs-ref-spacer-1);
10891
- content: "";
10892
- background-image: var(--bs-pagination-arrow-prev-icon-bg-image);
10893
- background-position: center left;
10894
- }
10895
- .pagination .arrow.arrow-next .page-link::after {
10896
- width: var(--bs-pagination-arrow-font-size);
10897
- height: var(--bs-pagination-arrow-font-size);
10898
- margin-left: var(--bs-ref-spacer-1);
10899
- content: "";
10900
- background-image: var(--bs-pagination-arrow-next-icon-bg-image);
10901
- background-position: center right;
10902
- }
10903
- .pagination .arrow:is(.arrow-next, .arrow-prev).no-label .page-link > span {
10904
- display: none;
10905
- }
10906
- .pagination .arrow-prev.disabled .page-link::before {
10907
- background-image: var(--bs-pagination-disabled-arrow-prev-icon-bg-image);
10908
- }
10909
- .pagination .arrow-next.disabled .page-link::after {
10910
- background-image: var(--bs-pagination-disabled-arrow-next-icon-bg-image);
10911
- }
10912
- .pagination .page-link {
10913
- display: flex;
10914
- align-items: center;
10915
- justify-content: center;
10916
- width: 100%;
10917
- height: 100%;
10918
- padding: 0;
10919
- border-radius: var(--bs-pagination-page-border-radius);
10920
- }
10921
-
10922
10904
  .d-card-account {
10923
10905
  --bs-card-border-width: 0;
10924
10906
  --bs-card-spacer-y: var(--bs-ref-spacer-3);
@@ -11180,42 +11162,6 @@ label {
11180
11162
  border-color: var(--bs-input-group-disabled-border-color);
11181
11163
  }
11182
11164
 
11183
- .operation-group:not(:last-child) {
11184
- border-bottom: 1px solid var(--bs-gray-300);
11185
- }
11186
-
11187
- .permission-item {
11188
- padding: 8px 0;
11189
- }
11190
- .permission-item .form-switch-box {
11191
- width: auto;
11192
- }
11193
- .permission-item .label {
11194
- font-size: 0.875rem;
11195
- }
11196
- .permission-item:hover {
11197
- background: #f7f7ff;
11198
- }
11199
- .permission-item:not(:last-child) {
11200
- border-bottom: 1px solid var(--bs-gray-300);
11201
- }
11202
-
11203
- @media screen and (min-width: 768px) {
11204
- .permission-item {
11205
- padding: 8px 10px;
11206
- }
11207
- .permission-item .label {
11208
- font-size: 1rem;
11209
- }
11210
- }
11211
- @media screen and (min-width: 992px) {
11212
- .operation-group {
11213
- border-top: 1px solid var(--bs-gray-300);
11214
- }
11215
- .operation-group:not(:last-child) {
11216
- border-bottom: none;
11217
- }
11218
- }
11219
11165
  .clearfix::after {
11220
11166
  display: block;
11221
11167
  clear: both;
@@ -11227,41 +11173,81 @@ label {
11227
11173
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
11228
11174
  }
11229
11175
 
11176
+ .text-bg-soft-primary {
11177
+ color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
11178
+ background-color: RGBA(var(--bs-primary-100-rgb), var(--bs-bg-opacity, 1)) !important;
11179
+ }
11180
+
11230
11181
  .text-bg-secondary {
11231
11182
  color: var(--bs-white) !important;
11232
11183
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
11233
11184
  }
11234
11185
 
11186
+ .text-bg-soft-secondary {
11187
+ color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
11188
+ background-color: RGBA(var(--bs-secondary-100-rgb), var(--bs-bg-opacity, 1)) !important;
11189
+ }
11190
+
11235
11191
  .text-bg-success {
11236
11192
  color: var(--bs-white) !important;
11237
11193
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
11238
11194
  }
11239
11195
 
11196
+ .text-bg-soft-success {
11197
+ color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
11198
+ background-color: RGBA(var(--bs-success-100-rgb), var(--bs-bg-opacity, 1)) !important;
11199
+ }
11200
+
11240
11201
  .text-bg-info {
11241
11202
  color: var(--bs-white) !important;
11242
11203
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
11243
11204
  }
11244
11205
 
11206
+ .text-bg-soft-info {
11207
+ color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
11208
+ background-color: RGBA(var(--bs-info-100-rgb), var(--bs-bg-opacity, 1)) !important;
11209
+ }
11210
+
11245
11211
  .text-bg-warning {
11246
11212
  color: var(--bs-black) !important;
11247
11213
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
11248
11214
  }
11249
11215
 
11216
+ .text-bg-soft-warning {
11217
+ color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
11218
+ background-color: RGBA(var(--bs-warning-100-rgb), var(--bs-bg-opacity, 1)) !important;
11219
+ }
11220
+
11250
11221
  .text-bg-danger {
11251
11222
  color: var(--bs-white) !important;
11252
11223
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
11253
11224
  }
11254
11225
 
11226
+ .text-bg-soft-danger {
11227
+ color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
11228
+ background-color: RGBA(var(--bs-danger-100-rgb), var(--bs-bg-opacity, 1)) !important;
11229
+ }
11230
+
11255
11231
  .text-bg-light {
11256
11232
  color: var(--bs-gray-700) !important;
11257
11233
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
11258
11234
  }
11259
11235
 
11236
+ .text-bg-soft-light {
11237
+ color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
11238
+ background-color: RGBA(var(--bs-gray-700-rgb), var(--bs-bg-opacity, 1)) !important;
11239
+ }
11240
+
11260
11241
  .text-bg-dark {
11261
11242
  color: var(--bs-white) !important;
11262
11243
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
11263
11244
  }
11264
11245
 
11246
+ .text-bg-soft-dark {
11247
+ color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
11248
+ background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
11249
+ }
11250
+
11265
11251
  .link-primary {
11266
11252
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
11267
11253
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;