@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-non-root.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
  *,
@@ -3309,7 +3312,7 @@ textarea.form-control-lg {
3309
3312
  }
3310
3313
 
3311
3314
  .btn-group {
3312
- border-radius: 0.5rem;
3315
+ border-radius: var(--bs-border-radius-sm);
3313
3316
  }
3314
3317
  .btn-group > :not(.btn-check:first-child) + .btn,
3315
3318
  .btn-group > .btn-group:not(:first-child) {
@@ -3535,7 +3538,7 @@ textarea.form-control-lg {
3535
3538
  --bs-navbar-toggler-font-size: 1.125rem;
3536
3539
  --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");
3537
3540
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
3538
- --bs-navbar-toggler-border-radius: 0.5rem;
3541
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius-sm);
3539
3542
  --bs-navbar-toggler-focus-width: 0;
3540
3543
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
3541
3544
  position: relative;
@@ -4140,15 +4143,15 @@ textarea.form-control-lg {
4140
4143
  }
4141
4144
 
4142
4145
  .accordion {
4143
- --bs-accordion-color: var(--bs-body-color);
4144
- --bs-accordion-bg: var(--bs-body-bg);
4146
+ --bs-accordion-color: var(--bs-gray-700);
4147
+ --bs-accordion-bg: var(--bs-white);
4145
4148
  --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;
4146
4149
  --bs-accordion-border-color: var(--bs-border-color);
4147
4150
  --bs-accordion-border-width: var(--bs-border-width);
4148
4151
  --bs-accordion-border-radius: var(--bs-border-radius);
4149
4152
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
4150
- --bs-accordion-btn-padding-x: 1.25rem;
4151
- --bs-accordion-btn-padding-y: 1rem;
4153
+ --bs-accordion-btn-padding-x: var(--bs-ref-spacer-3);
4154
+ --bs-accordion-btn-padding-y: var(--bs-ref-spacer-4);
4152
4155
  --bs-accordion-btn-color: var(--bs-body-color);
4153
4156
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
4154
4157
  --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");
@@ -4158,10 +4161,10 @@ textarea.form-control-lg {
4158
4161
  --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");
4159
4162
  --bs-accordion-btn-focus-border-color: var(--bs-focus-ring-color);
4160
4163
  --bs-accordion-btn-focus-box-shadow: none;
4161
- --bs-accordion-body-padding-x: 1.25rem;
4162
- --bs-accordion-body-padding-y: 1rem;
4163
- --bs-accordion-active-color: var(--bs-primary-text-emphasis);
4164
- --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
4164
+ --bs-accordion-body-padding-x: var(--bs-ref-spacer-3);
4165
+ --bs-accordion-body-padding-y: var(--bs-ref-spacer-4);
4166
+ --bs-accordion-active-color: var(--bs-body-color);
4167
+ --bs-accordion-active-bg: var(--bs-secondary-soft);
4165
4168
  }
4166
4169
 
4167
4170
  .accordion-button {
@@ -4401,33 +4404,6 @@ textarea.form-control-lg {
4401
4404
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
4402
4405
  }
4403
4406
 
4404
- .badge {
4405
- --bs-badge-padding-x: var(--bs-ref-spacer-2);
4406
- --bs-badge-padding-y: var(--bs-ref-spacer-1);
4407
- --bs-badge-font-size: 0.875rem;
4408
- --bs-badge-font-weight: 400;
4409
- --bs-badge-color: var(--bs-gray-900);
4410
- --bs-badge-border-radius: 0.5rem;
4411
- display: inline-block;
4412
- padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
4413
- font-size: var(--bs-badge-font-size);
4414
- font-weight: var(--bs-badge-font-weight);
4415
- line-height: 1;
4416
- color: var(--bs-badge-color);
4417
- text-align: center;
4418
- white-space: nowrap;
4419
- vertical-align: baseline;
4420
- border-radius: var(--bs-badge-border-radius);
4421
- }
4422
- .badge:empty {
4423
- display: none;
4424
- }
4425
-
4426
- .btn .badge {
4427
- position: relative;
4428
- top: -1px;
4429
- }
4430
-
4431
4407
  .alert {
4432
4408
  --bs-alert-bg: transparent;
4433
4409
  --bs-alert-padding-x: 1.5rem;
@@ -4939,11 +4915,11 @@ textarea.form-control-lg {
4939
4915
  --bs-btn-close-disabled-opacity: 0.25;
4940
4916
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
4941
4917
  box-sizing: content-box;
4942
- width: auto;
4943
- height: auto;
4918
+ width: 1em;
4919
+ height: 1em;
4944
4920
  padding: 0 0;
4945
4921
  color: var(--bs-btn-close-color);
4946
- background: transparent var(--bs-btn-close-bg) center/auto auto no-repeat;
4922
+ background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
4947
4923
  border: 0;
4948
4924
  border-radius: 1rem;
4949
4925
  opacity: var(--bs-btn-close-opacity);
@@ -5042,7 +5018,7 @@ textarea.form-control-lg {
5042
5018
  .modal {
5043
5019
  --bs-modal-zindex: 1055;
5044
5020
  --bs-modal-width: 500px;
5045
- --bs-modal-padding: 0;
5021
+ --bs-modal-padding: 1rem;
5046
5022
  --bs-modal-margin: 0.5rem;
5047
5023
  --bs-modal-color: ;
5048
5024
  --bs-modal-bg: var(--bs-white);
@@ -6413,1680 +6389,1982 @@ textarea.form-control-lg {
6413
6389
  mask-position: -200% 0%;
6414
6390
  }
6415
6391
  }
6416
- :root {
6417
- --toastify-color-light: #fff;
6418
- --toastify-color-dark: #121212;
6419
- --toastify-color-info: #3498db;
6420
- --toastify-color-success: #07bc0c;
6421
- --toastify-color-warning: #f1c40f;
6422
- --toastify-color-error: #e74c3c;
6423
- --toastify-color-transparent: rgba(255, 255, 255, 0.7);
6424
- --toastify-icon-color-info: var(--toastify-color-info);
6425
- --toastify-icon-color-success: var(--toastify-color-success);
6426
- --toastify-icon-color-warning: var(--toastify-color-warning);
6427
- --toastify-icon-color-error: var(--toastify-color-error);
6428
- --toastify-toast-width: 320px;
6429
- --toastify-toast-background: #fff;
6430
- --toastify-toast-min-height: 64px;
6431
- --toastify-toast-max-height: 800px;
6432
- --toastify-font-family: sans-serif;
6433
- --toastify-z-index: 9999;
6434
- --toastify-text-color-light: #757575;
6435
- --toastify-text-color-dark: #fff;
6436
- --toastify-text-color-info: #fff;
6437
- --toastify-text-color-success: #fff;
6438
- --toastify-text-color-warning: #fff;
6439
- --toastify-text-color-error: #fff;
6440
- --toastify-spinner-color: #616161;
6441
- --toastify-spinner-color-empty-area: #e0e0e0;
6442
- --toastify-color-progress-light: linear-gradient(
6443
- to right,
6444
- #4cd964,
6445
- #5ac8fa,
6446
- #007aff,
6447
- #34aadc,
6448
- #5856d6,
6449
- #ff2d55
6450
- );
6451
- --toastify-color-progress-dark: #bb86fc;
6452
- --toastify-color-progress-info: var(--toastify-color-info);
6453
- --toastify-color-progress-success: var(--toastify-color-success);
6454
- --toastify-color-progress-warning: var(--toastify-color-warning);
6455
- --toastify-color-progress-error: var(--toastify-color-error);
6456
- }
6457
-
6458
- .Toastify__toast-container {
6459
- z-index: var(--toastify-z-index);
6460
- -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
6461
- position: fixed;
6462
- padding: 4px;
6463
- width: var(--toastify-toast-width);
6464
- box-sizing: border-box;
6465
- color: #fff;
6392
+ .badge {
6393
+ --bs-badge-padding-x: var(--bs-ref-spacer-2);
6394
+ --bs-badge-padding-y: var(--bs-ref-spacer-1);
6395
+ --bs-badge-font-size: 0.875rem;
6396
+ --bs-badge-font-weight: 400;
6397
+ --bs-badge-color: var(--bs-gray-900);
6398
+ --bs-badge-border-radius: 0.5rem;
6399
+ display: inline-block;
6400
+ padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
6401
+ font-size: var(--bs-badge-font-size);
6402
+ font-weight: var(--bs-badge-font-weight);
6403
+ line-height: 1;
6404
+ color: var(--bs-badge-color);
6405
+ text-align: center;
6406
+ white-space: nowrap;
6407
+ vertical-align: baseline;
6408
+ border-radius: var(--bs-badge-border-radius);
6466
6409
  }
6467
- .Toastify__toast-container--top-left {
6468
- top: 1em;
6469
- left: 1em;
6410
+ .badge:empty {
6411
+ display: none;
6470
6412
  }
6471
- .Toastify__toast-container--top-center {
6472
- top: 1em;
6473
- left: 50%;
6474
- transform: translateX(-50%);
6413
+
6414
+ .btn .badge {
6415
+ position: relative;
6416
+ top: -1px;
6475
6417
  }
6476
- .Toastify__toast-container--top-right {
6477
- top: 1em;
6478
- right: 1em;
6418
+
6419
+ .accordion {
6420
+ --bs-accordion-btn-font-weight: var(--bs-ref-fw-bold);
6421
+ --bs-accordion-btn-font-size: var(--bs-ref-fs-6);
6422
+ --bs-accordion-body-padding-top: var(--bs-ref-spacer-3);
6479
6423
  }
6480
- .Toastify__toast-container--bottom-left {
6481
- bottom: 1em;
6482
- left: 1em;
6424
+ .accordion .accordion-button {
6425
+ font-weight: var(--bs-accordion-btn-font-weight);
6426
+ font-size: var(--bs-accordion-btn-font-size);
6483
6427
  }
6484
- .Toastify__toast-container--bottom-center {
6485
- bottom: 1em;
6486
- left: 50%;
6487
- transform: translateX(-50%);
6428
+ .accordion .accordion-item .show {
6429
+ background-color: var(--bs-accordion-active-bg);
6488
6430
  }
6489
- .Toastify__toast-container--bottom-right {
6490
- bottom: 1em;
6491
- right: 1em;
6431
+ .accordion .accordion-body {
6432
+ padding-top: var(--bs-accordion-body-padding-top);
6492
6433
  }
6493
6434
 
6494
- @media only screen and (max-width : 480px) {
6495
- .Toastify__toast-container {
6496
- width: 100vw;
6497
- padding: 0;
6498
- left: 0;
6499
- margin: 0;
6500
- }
6501
- .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
6502
- top: 0;
6503
- transform: translateX(0);
6504
- }
6505
- .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
6506
- bottom: 0;
6507
- transform: translateX(0);
6508
- }
6509
- .Toastify__toast-container--rtl {
6510
- right: 0;
6511
- left: initial;
6512
- }
6513
- }
6514
- .Toastify__toast {
6515
- position: relative;
6516
- min-height: var(--toastify-toast-min-height);
6517
- box-sizing: border-box;
6518
- margin-bottom: 1rem;
6519
- padding: 8px;
6520
- border-radius: 4px;
6521
- box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
6522
- display: flex;
6523
- justify-content: space-between;
6524
- max-height: var(--toastify-toast-max-height);
6525
- overflow: hidden;
6526
- font-family: var(--toastify-font-family);
6527
- cursor: default;
6528
- direction: ltr;
6529
- /* webkit only issue #791 */
6530
- z-index: 0;
6435
+ .form-switch {
6436
+ --bs-input-switch-bg: var(--bs-gray-300);
6437
+ --bs-input-switch-border-color: var(--bs-gray-500);
6438
+ --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");
6439
+ --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
6440
+ --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
6441
+ --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
6442
+ --bs-input-switch-active-bg: var(--bs-focus-ring-color);
6443
+ --bs-input-switch-disabled-border-color: var(--bs-gray-300);
6444
+ --bs-input-switch-disabled-bg: var(--bs-gray-100);
6445
+ --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");
6446
+ --bs-input-switch-label-color: var(--bs-gray);
6447
+ --bs-input-switch-active-label-color: var(--bs-gray-700);
6531
6448
  }
6532
- .Toastify__toast--rtl {
6533
- direction: rtl;
6449
+ .form-switch .form-check-label {
6450
+ color: var(--bs-input-switch-label-color);
6534
6451
  }
6535
- .Toastify__toast--close-on-click {
6536
- cursor: pointer;
6452
+ .form-switch .form-check-input:checked ~ .form-check-label {
6453
+ color: var(--bs-input-switch-active-label-color);
6537
6454
  }
6538
- .Toastify__toast-body {
6539
- margin: auto 0;
6540
- flex: 1 1 auto;
6541
- padding: 6px;
6542
- display: flex;
6543
- align-items: center;
6455
+ .form-switch .form-check-input {
6456
+ background-color: var(--bs-input-switch-bg);
6457
+ background-image: var(--bs-input-switch-dot);
6458
+ border: 1px solid var(--bs-input-switch-border-color);
6544
6459
  }
6545
- .Toastify__toast-body > div:last-child {
6546
- word-break: break-word;
6547
- flex: 1;
6460
+ .form-switch .form-check-input:checked {
6461
+ background-color: var(--bs-input-switch-active-bg);
6462
+ border-color: var(--bs-input-switch-active-border-color);
6548
6463
  }
6549
- .Toastify__toast-icon {
6550
- -webkit-margin-end: 10px;
6551
- margin-inline-end: 10px;
6552
- width: 20px;
6553
- flex-shrink: 0;
6554
- display: flex;
6464
+ .form-switch .form-check-input[disabled]:not(:checked), .form-switch .form-check-input:disabled:not(:checked) {
6465
+ background-color: var(--bs-input-switch-disabled-bg);
6466
+ background-image: var(--bs-input-switch-disabled-dot);
6467
+ border-color: var(--bs-input-switch-disabled-border-color);
6555
6468
  }
6556
-
6557
- .Toastify--animate {
6558
- animation-fill-mode: both;
6559
- animation-duration: 0.7s;
6469
+ .form-switch:hover.form-switch .form-check-input:not([disabled]),
6470
+ .form-switch:hover.form-switch .form-check-input:not(:disabled) {
6471
+ border-color: var(--bs-input-switch-hover-border-color);
6560
6472
  }
6561
-
6562
- .Toastify--animate-icon {
6563
- animation-fill-mode: both;
6564
- animation-duration: 0.3s;
6473
+ .form-switch:focus-within.form-switch .form-check-input {
6474
+ outline: 2px solid var(--bs-input-switch-focus-outline-color);
6475
+ outline-offset: 2px;
6565
6476
  }
6566
6477
 
6567
- @media only screen and (max-width : 480px) {
6568
- .Toastify__toast {
6569
- margin-bottom: 0;
6570
- border-radius: 0;
6571
- }
6572
- }
6573
- .Toastify__toast-theme--dark {
6574
- background: var(--toastify-color-dark);
6575
- color: var(--toastify-text-color-dark);
6478
+ .form-check-input:hover {
6479
+ border-color: var(--bs-focus-ring-color);
6576
6480
  }
6577
- .Toastify__toast-theme--light {
6578
- background: var(--toastify-color-light);
6579
- color: var(--toastify-text-color-light);
6481
+ .form-check-input:focus {
6482
+ border-color: var(--bs-gray-300);
6483
+ outline: 2px solid var(--bs-focus-ring-color);
6484
+ outline-offset: 2px;
6580
6485
  }
6581
- .Toastify__toast-theme--colored.Toastify__toast--default {
6582
- background: var(--toastify-color-light);
6583
- color: var(--toastify-text-color-light);
6486
+ .form-check-input:checked {
6487
+ border-color: var(--bs-focus-ring-color);
6584
6488
  }
6585
- .Toastify__toast-theme--colored.Toastify__toast--info {
6586
- color: var(--toastify-text-color-info);
6587
- background: var(--toastify-color-info);
6489
+ .form-check-input:disabled {
6490
+ background-color: var(--bs-gray-100);
6491
+ border-color: var(--bs-gray-300);
6588
6492
  }
6589
- .Toastify__toast-theme--colored.Toastify__toast--success {
6590
- color: var(--toastify-text-color-success);
6591
- background: var(--toastify-color-success);
6493
+
6494
+ .btn {
6495
+ --bs-btn-padding-x: 1rem;
6496
+ --bs-btn-padding-y: 0.5rem;
6497
+ --bs-btn-font-family: ;
6498
+ --bs-btn-font-size: 1rem;
6499
+ --bs-btn-font-weight: 400;
6500
+ --bs-btn-line-height: 1.2rem;
6501
+ --bs-btn-color: var(--bs-body-color);
6502
+ --bs-btn-bg: transparent;
6503
+ --bs-btn-border-width: 1px;
6504
+ --bs-btn-border-color: transparent;
6505
+ --bs-btn-border-radius: var(--bs-btn-component-border-radius, var(--bs-border-radius-sm));
6506
+ --bs-btn-hover-border-color: transparent;
6507
+ --bs-btn-box-shadow: none;
6508
+ --bs-btn-disabled-opacity: 1;
6509
+ --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
6510
+ --bs-btn–text-decoration: if($link-decoration == none, null, none);
6511
+ --bs-btn-lg-padding-y: 0.875rem;
6512
+ --bs-btn-lg-padding-x: 1.5rem;
6513
+ --bs-btn-lg-font-size: 1.125rem;
6514
+ --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, var(--bs-border-radius));
6515
+ --bs-btn-sm-padding-y: 0.25rem;
6516
+ --bs-btn-sm-padding-x: 1rem;
6517
+ --bs-btn-sm-font-size: 0.875rem;
6518
+ --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, var(--bs-border-radius-sm));
6519
+ display: inline-flex;
6520
+ flex-direction: row;
6521
+ gap: var(--bs-btn-gap, 0.5rem);
6522
+ align-items: center;
6523
+ justify-content: center;
6524
+ padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
6525
+ font-family: var(--bs-btn-font-family);
6526
+ font-size: var(--bs-btn-font-size);
6527
+ font-weight: var(--bs-btn-font-weight);
6528
+ line-height: var(--bs-btn-line-height);
6529
+ color: var(--bs-btn-color);
6530
+ text-align: center;
6531
+ text-decoration: none;
6532
+ vertical-align: middle;
6533
+ cursor: pointer;
6534
+ -webkit-user-select: none;
6535
+ -moz-user-select: none;
6536
+ user-select: none;
6537
+ border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
6538
+ border-radius: var(--bs-btn-border-radius);
6539
+ background-color: var(--bs-btn-bg);
6540
+ box-shadow: var(--bs-btn-box-shadow);
6541
+ 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;
6592
6542
  }
6593
- .Toastify__toast-theme--colored.Toastify__toast--warning {
6594
- color: var(--toastify-text-color-warning);
6595
- background: var(--toastify-color-warning);
6543
+ @media (prefers-reduced-motion: reduce) {
6544
+ .btn {
6545
+ transition: none;
6546
+ }
6596
6547
  }
6597
- .Toastify__toast-theme--colored.Toastify__toast--error {
6598
- color: var(--toastify-text-color-error);
6599
- background: var(--toastify-color-error);
6548
+ .btn > span {
6549
+ -webkit-text-decoration: var(--bs-btn-text-decoration);
6550
+ text-decoration: var(--bs-btn-text-decoration);
6600
6551
  }
6601
-
6602
- .Toastify__progress-bar-theme--light {
6603
- background: var(--toastify-color-progress-light);
6552
+ .btn:hover, .btn.hover {
6553
+ color: var(--bs-btn-hover-color);
6554
+ text-decoration: none;
6555
+ background-color: var(--bs-btn-hover-bg);
6556
+ border-color: var(--bs-btn-hover-border-color);
6604
6557
  }
6605
- .Toastify__progress-bar-theme--dark {
6606
- background: var(--toastify-color-progress-dark);
6558
+ .btn-check + .btn:hover {
6559
+ color: var(--bs-btn-color);
6560
+ background-color: var(--bs-btn-bg);
6561
+ border-color: var(--bs-btn-border-color);
6607
6562
  }
6608
- .Toastify__progress-bar--info {
6609
- background: var(--toastify-color-progress-info);
6563
+ .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6564
+ color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
6565
+ background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
6566
+ border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
6567
+ outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
6568
+ outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
6610
6569
  }
6611
- .Toastify__progress-bar--success {
6612
- background: var(--toastify-color-progress-success);
6570
+ .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
6571
+ color: var(--bs-btn-active-color);
6572
+ background-color: var(--bs-btn-active-bg);
6573
+ border-color: var(--bs-btn-active-border-color);
6574
+ box-shadow: var(--bs-btn-active-shadow);
6613
6575
  }
6614
- .Toastify__progress-bar--warning {
6615
- background: var(--toastify-color-progress-warning);
6576
+ .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 {
6577
+ box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
6616
6578
  }
6617
- .Toastify__progress-bar--error {
6618
- background: var(--toastify-color-progress-error);
6579
+ .btn:disabled, .btn.disabled, fieldset:disabled .btn {
6580
+ color: var(--bs-btn-disabled-color);
6581
+ pointer-events: none;
6582
+ background-color: var(--bs-btn-disabled-bg);
6583
+ border-color: var(--bs-btn-disabled-border-color);
6584
+ opacity: var(--bs-btn-disabled-opacity);
6585
+ box-shadow: none;
6619
6586
  }
6620
- .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 {
6621
- background: var(--toastify-color-transparent);
6587
+ .btn .d-icon {
6588
+ --bs-icon-size: var(--bs-btn-font-size);
6622
6589
  }
6623
6590
 
6624
- .Toastify__close-button {
6625
- color: #fff;
6626
- background: transparent;
6627
- outline: none;
6628
- border: none;
6629
- padding: 0;
6630
- cursor: pointer;
6631
- opacity: 0.7;
6632
- transition: 0.3s ease;
6633
- align-self: flex-start;
6634
- }
6635
- .Toastify__close-button--light {
6636
- color: #000;
6637
- opacity: 0.3;
6638
- }
6639
- .Toastify__close-button > svg {
6640
- fill: currentColor;
6641
- height: 16px;
6642
- width: 14px;
6591
+ .btn-primary {
6592
+ --bs-btn-color: var(--bs-white);
6593
+ --bs-btn-bg: var(--bs-primary-500);
6594
+ --bs-btn-border-color: var(--bs-primary-500);
6595
+ --bs-btn-hover-color: var(--bs-white);
6596
+ --bs-btn-hover-bg: var(--bs-primary-600);
6597
+ --bs-btn-hover-border-color: var(--bs-primary-600);
6598
+ --bs-btn-focus-color: var(--bs-white);
6599
+ --bs-btn-focus-bg: var(--bs-primary-600);
6600
+ --bs-btn-focus-border-color: var(--bs-primary-600);
6601
+ --bs-btn-active-color: var(--bs-white);
6602
+ --bs-btn-active-bg: var(--bs-primary-700);
6603
+ --bs-btn-active-border-color: var(--bs-primary-700);
6604
+ --bs-btn-disabled-color: var(--bs-gray-700);
6605
+ --bs-btn-disabled-bg: var(--bs-primary-100);
6606
+ --bs-btn-disabled-border-color: var(--bs-primary-100);
6643
6607
  }
6644
- .Toastify__close-button:hover, .Toastify__close-button:focus {
6645
- opacity: 1;
6608
+ .btn-primary.loading {
6609
+ --bs-btn-disabled-opacity: 1;
6610
+ --bs-btn-disabled-bg: var(--bs-primary-700);
6611
+ --bs-btn-disabled-border-color: var(--bs-primary-700);
6612
+ --bs-btn-disabled-color: var(--bs-white);
6646
6613
  }
6647
6614
 
6648
- @keyframes Toastify__trackProgress {
6649
- 0% {
6650
- transform: scaleX(1);
6651
- }
6652
- 100% {
6653
- transform: scaleX(0);
6654
- }
6615
+ .btn-outline-primary {
6616
+ --bs-btn-bg: transparent;
6617
+ --bs-btn-border-color: var(--bs-primary-600);
6618
+ --bs-btn-color: var(--bs-primary-600);
6619
+ --bs-btn-hover-bg: var(--bs-primary-100);
6620
+ --bs-btn-hover-border-color: var(--bs-primary-600);
6621
+ --bs-btn-hover-color: var(--bs-primary-600);
6622
+ --bs-btn-focus-bg: var(--bs-primary-100);
6623
+ --bs-btn-focus-border-color: var(--bs-primary-600);
6624
+ --bs-btn-focus-color: var(--bs-primary-600);
6625
+ --bs-btn-active-bg: var(--bs-primary-200);
6626
+ --bs-btn-active-border-color: var(--bs-primary-600);
6627
+ --bs-btn-active-color: var(--bs-primary-600);
6628
+ --bs-btn-disabled-bg: transparent;
6629
+ --bs-btn-disabled-border-color: var(--bs-primary-100);
6630
+ --bs-btn-disabled-color: var(--bs-gray-700);
6631
+ --bs-gradient: none;
6655
6632
  }
6656
- .Toastify__progress-bar {
6657
- position: absolute;
6658
- bottom: 0;
6659
- left: 0;
6660
- width: 100%;
6661
- height: 5px;
6662
- z-index: var(--toastify-z-index);
6663
- opacity: 0.7;
6664
- transform-origin: left;
6633
+ .btn-outline-primary.loading {
6634
+ --bs-btn-disabled-opacity: 1;
6635
+ --bs-btn-disabled-bg: transparent;
6636
+ --bs-btn-disabled-border-color: var(--bs-primary-600);
6637
+ --bs-btn-disabled-color: var(--bs-primary-600);
6665
6638
  }
6666
- .Toastify__progress-bar--animated {
6667
- animation: Toastify__trackProgress linear 1 forwards;
6639
+
6640
+ .btn-link-primary {
6641
+ --bs-btn-bg: transparent;
6642
+ --bs-btn-border-color: transparent;
6643
+ --bs-btn-color: var(--bs-primary-600);
6644
+ --bs-btn-hover-bg: var(--bs-primary-100);
6645
+ --bs-btn-hover-border-color: transparent;
6646
+ --bs-btn-hover-color: var(--bs-primary-600);
6647
+ --bs-btn-focus-bg: transparent;
6648
+ --bs-btn-focus-border-color: transparent;
6649
+ --bs-btn-focus-color: var(--bs-primary-600);
6650
+ --bs-btn-active-bg: var(--bs-primary-200);
6651
+ --bs-btn-active-border-color: transparent;
6652
+ --bs-btn-active-color: var(--bs-primary-600);
6653
+ --bs-btn-disabled-bg: transparent;
6654
+ --bs-btn-disabled-border-color: transparent;
6655
+ --bs-btn-disabled-color: var(--bs-primary-300);
6656
+ --bs-btn-focus-outline-offset: 0;
6668
6657
  }
6669
- .Toastify__progress-bar--controlled {
6670
- transition: transform 0.2s;
6658
+ .btn-link-primary span {
6659
+ text-decoration: underline;
6671
6660
  }
6672
- .Toastify__progress-bar--rtl {
6673
- right: 0;
6674
- left: initial;
6675
- transform-origin: right;
6661
+ .btn-link-primary.loading {
6662
+ --bs-btn-disabled-opacity: 1;
6663
+ --bs-btn-disabled-bg: transparent;
6664
+ --bs-btn-disabled-border-color: transparent;
6665
+ --bs-btn-disabled-color: var(--bs-primary-600);
6676
6666
  }
6677
6667
 
6678
- .Toastify__spinner {
6679
- width: 20px;
6680
- height: 20px;
6681
- box-sizing: border-box;
6682
- border: 2px solid;
6683
- border-radius: 100%;
6684
- border-color: var(--toastify-spinner-color-empty-area);
6685
- border-right-color: var(--toastify-spinner-color);
6686
- animation: Toastify__spin 0.65s linear infinite;
6668
+ .btn-secondary {
6669
+ --bs-btn-color: var(--bs-white);
6670
+ --bs-btn-bg: var(--bs-secondary-500);
6671
+ --bs-btn-border-color: var(--bs-secondary-500);
6672
+ --bs-btn-hover-color: var(--bs-white);
6673
+ --bs-btn-hover-bg: var(--bs-secondary-600);
6674
+ --bs-btn-hover-border-color: var(--bs-secondary-600);
6675
+ --bs-btn-focus-color: var(--bs-white);
6676
+ --bs-btn-focus-bg: var(--bs-secondary-600);
6677
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
6678
+ --bs-btn-active-color: var(--bs-white);
6679
+ --bs-btn-active-bg: var(--bs-secondary-700);
6680
+ --bs-btn-active-border-color: var(--bs-secondary-700);
6681
+ --bs-btn-disabled-color: var(--bs-gray-700);
6682
+ --bs-btn-disabled-bg: var(--bs-secondary-100);
6683
+ --bs-btn-disabled-border-color: var(--bs-secondary-100);
6684
+ }
6685
+ .btn-secondary.loading {
6686
+ --bs-btn-disabled-opacity: 1;
6687
+ --bs-btn-disabled-bg: var(--bs-secondary-700);
6688
+ --bs-btn-disabled-border-color: var(--bs-secondary-700);
6689
+ --bs-btn-disabled-color: var(--bs-white);
6687
6690
  }
6688
6691
 
6689
- @keyframes Toastify__bounceInRight {
6690
- from, 60%, 75%, 90%, to {
6691
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
6692
- }
6693
- from {
6694
- opacity: 0;
6695
- transform: translate3d(3000px, 0, 0);
6696
- }
6697
- 60% {
6698
- opacity: 1;
6699
- transform: translate3d(-25px, 0, 0);
6700
- }
6701
- 75% {
6702
- transform: translate3d(10px, 0, 0);
6703
- }
6704
- 90% {
6705
- transform: translate3d(-5px, 0, 0);
6706
- }
6707
- to {
6708
- transform: none;
6709
- }
6692
+ .btn-outline-secondary {
6693
+ --bs-btn-bg: transparent;
6694
+ --bs-btn-border-color: var(--bs-secondary-600);
6695
+ --bs-btn-color: var(--bs-secondary-600);
6696
+ --bs-btn-hover-bg: var(--bs-secondary-100);
6697
+ --bs-btn-hover-border-color: var(--bs-secondary-600);
6698
+ --bs-btn-hover-color: var(--bs-secondary-600);
6699
+ --bs-btn-focus-bg: var(--bs-secondary-100);
6700
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
6701
+ --bs-btn-focus-color: var(--bs-secondary-600);
6702
+ --bs-btn-active-bg: var(--bs-secondary-200);
6703
+ --bs-btn-active-border-color: var(--bs-secondary-600);
6704
+ --bs-btn-active-color: var(--bs-secondary-600);
6705
+ --bs-btn-disabled-bg: transparent;
6706
+ --bs-btn-disabled-border-color: var(--bs-secondary-100);
6707
+ --bs-btn-disabled-color: var(--bs-gray-700);
6708
+ --bs-gradient: none;
6709
+ }
6710
+ .btn-outline-secondary.loading {
6711
+ --bs-btn-disabled-opacity: 1;
6712
+ --bs-btn-disabled-bg: transparent;
6713
+ --bs-btn-disabled-border-color: var(--bs-secondary-600);
6714
+ --bs-btn-disabled-color: var(--bs-secondary-600);
6715
+ }
6716
+
6717
+ .btn-link-secondary {
6718
+ --bs-btn-bg: transparent;
6719
+ --bs-btn-border-color: transparent;
6720
+ --bs-btn-color: var(--bs-secondary-600);
6721
+ --bs-btn-hover-bg: var(--bs-secondary-100);
6722
+ --bs-btn-hover-border-color: transparent;
6723
+ --bs-btn-hover-color: var(--bs-secondary-600);
6724
+ --bs-btn-focus-bg: transparent;
6725
+ --bs-btn-focus-border-color: transparent;
6726
+ --bs-btn-focus-color: var(--bs-secondary-600);
6727
+ --bs-btn-active-bg: var(--bs-secondary-200);
6728
+ --bs-btn-active-border-color: transparent;
6729
+ --bs-btn-active-color: var(--bs-secondary-600);
6730
+ --bs-btn-disabled-bg: transparent;
6731
+ --bs-btn-disabled-border-color: transparent;
6732
+ --bs-btn-disabled-color: var(--bs-secondary-300);
6733
+ --bs-btn-focus-outline-offset: 0;
6734
+ }
6735
+ .btn-link-secondary span {
6736
+ text-decoration: underline;
6737
+ }
6738
+ .btn-link-secondary.loading {
6739
+ --bs-btn-disabled-opacity: 1;
6740
+ --bs-btn-disabled-bg: transparent;
6741
+ --bs-btn-disabled-border-color: transparent;
6742
+ --bs-btn-disabled-color: var(--bs-secondary-600);
6743
+ }
6744
+
6745
+ .btn-success {
6746
+ --bs-btn-color: var(--bs-white);
6747
+ --bs-btn-bg: var(--bs-success-500);
6748
+ --bs-btn-border-color: var(--bs-success-500);
6749
+ --bs-btn-hover-color: var(--bs-white);
6750
+ --bs-btn-hover-bg: var(--bs-success-600);
6751
+ --bs-btn-hover-border-color: var(--bs-success-600);
6752
+ --bs-btn-focus-color: var(--bs-white);
6753
+ --bs-btn-focus-bg: var(--bs-success-600);
6754
+ --bs-btn-focus-border-color: var(--bs-success-600);
6755
+ --bs-btn-active-color: var(--bs-white);
6756
+ --bs-btn-active-bg: var(--bs-success-700);
6757
+ --bs-btn-active-border-color: var(--bs-success-700);
6758
+ --bs-btn-disabled-color: var(--bs-gray-700);
6759
+ --bs-btn-disabled-bg: var(--bs-success-100);
6760
+ --bs-btn-disabled-border-color: var(--bs-success-100);
6761
+ }
6762
+ .btn-success.loading {
6763
+ --bs-btn-disabled-opacity: 1;
6764
+ --bs-btn-disabled-bg: var(--bs-success-700);
6765
+ --bs-btn-disabled-border-color: var(--bs-success-700);
6766
+ --bs-btn-disabled-color: var(--bs-white);
6767
+ }
6768
+
6769
+ .btn-outline-success {
6770
+ --bs-btn-bg: transparent;
6771
+ --bs-btn-border-color: var(--bs-success-600);
6772
+ --bs-btn-color: var(--bs-success-600);
6773
+ --bs-btn-hover-bg: var(--bs-success-100);
6774
+ --bs-btn-hover-border-color: var(--bs-success-600);
6775
+ --bs-btn-hover-color: var(--bs-success-600);
6776
+ --bs-btn-focus-bg: var(--bs-success-100);
6777
+ --bs-btn-focus-border-color: var(--bs-success-600);
6778
+ --bs-btn-focus-color: var(--bs-success-600);
6779
+ --bs-btn-active-bg: var(--bs-success-200);
6780
+ --bs-btn-active-border-color: var(--bs-success-600);
6781
+ --bs-btn-active-color: var(--bs-success-600);
6782
+ --bs-btn-disabled-bg: transparent;
6783
+ --bs-btn-disabled-border-color: var(--bs-success-100);
6784
+ --bs-btn-disabled-color: var(--bs-gray-700);
6785
+ --bs-gradient: none;
6786
+ }
6787
+ .btn-outline-success.loading {
6788
+ --bs-btn-disabled-opacity: 1;
6789
+ --bs-btn-disabled-bg: transparent;
6790
+ --bs-btn-disabled-border-color: var(--bs-success-600);
6791
+ --bs-btn-disabled-color: var(--bs-success-600);
6792
+ }
6793
+
6794
+ .btn-link-success {
6795
+ --bs-btn-bg: transparent;
6796
+ --bs-btn-border-color: transparent;
6797
+ --bs-btn-color: var(--bs-success-600);
6798
+ --bs-btn-hover-bg: var(--bs-success-100);
6799
+ --bs-btn-hover-border-color: transparent;
6800
+ --bs-btn-hover-color: var(--bs-success-600);
6801
+ --bs-btn-focus-bg: transparent;
6802
+ --bs-btn-focus-border-color: transparent;
6803
+ --bs-btn-focus-color: var(--bs-success-600);
6804
+ --bs-btn-active-bg: var(--bs-success-200);
6805
+ --bs-btn-active-border-color: transparent;
6806
+ --bs-btn-active-color: var(--bs-success-600);
6807
+ --bs-btn-disabled-bg: transparent;
6808
+ --bs-btn-disabled-border-color: transparent;
6809
+ --bs-btn-disabled-color: var(--bs-success-300);
6810
+ --bs-btn-focus-outline-offset: 0;
6811
+ }
6812
+ .btn-link-success span {
6813
+ text-decoration: underline;
6814
+ }
6815
+ .btn-link-success.loading {
6816
+ --bs-btn-disabled-opacity: 1;
6817
+ --bs-btn-disabled-bg: transparent;
6818
+ --bs-btn-disabled-border-color: transparent;
6819
+ --bs-btn-disabled-color: var(--bs-success-600);
6820
+ }
6821
+
6822
+ .btn-info {
6823
+ --bs-btn-color: var(--bs-white);
6824
+ --bs-btn-bg: var(--bs-info-500);
6825
+ --bs-btn-border-color: var(--bs-info-500);
6826
+ --bs-btn-hover-color: var(--bs-white);
6827
+ --bs-btn-hover-bg: var(--bs-info-600);
6828
+ --bs-btn-hover-border-color: var(--bs-info-600);
6829
+ --bs-btn-focus-color: var(--bs-white);
6830
+ --bs-btn-focus-bg: var(--bs-info-600);
6831
+ --bs-btn-focus-border-color: var(--bs-info-600);
6832
+ --bs-btn-active-color: var(--bs-white);
6833
+ --bs-btn-active-bg: var(--bs-info-700);
6834
+ --bs-btn-active-border-color: var(--bs-info-700);
6835
+ --bs-btn-disabled-color: var(--bs-gray-700);
6836
+ --bs-btn-disabled-bg: var(--bs-info-100);
6837
+ --bs-btn-disabled-border-color: var(--bs-info-100);
6838
+ }
6839
+ .btn-info.loading {
6840
+ --bs-btn-disabled-opacity: 1;
6841
+ --bs-btn-disabled-bg: var(--bs-info-700);
6842
+ --bs-btn-disabled-border-color: var(--bs-info-700);
6843
+ --bs-btn-disabled-color: var(--bs-white);
6844
+ }
6845
+
6846
+ .btn-outline-info {
6847
+ --bs-btn-bg: transparent;
6848
+ --bs-btn-border-color: var(--bs-info-600);
6849
+ --bs-btn-color: var(--bs-info-600);
6850
+ --bs-btn-hover-bg: var(--bs-info-100);
6851
+ --bs-btn-hover-border-color: var(--bs-info-600);
6852
+ --bs-btn-hover-color: var(--bs-info-600);
6853
+ --bs-btn-focus-bg: var(--bs-info-100);
6854
+ --bs-btn-focus-border-color: var(--bs-info-600);
6855
+ --bs-btn-focus-color: var(--bs-info-600);
6856
+ --bs-btn-active-bg: var(--bs-info-200);
6857
+ --bs-btn-active-border-color: var(--bs-info-600);
6858
+ --bs-btn-active-color: var(--bs-info-600);
6859
+ --bs-btn-disabled-bg: transparent;
6860
+ --bs-btn-disabled-border-color: var(--bs-info-100);
6861
+ --bs-btn-disabled-color: var(--bs-gray-700);
6862
+ --bs-gradient: none;
6863
+ }
6864
+ .btn-outline-info.loading {
6865
+ --bs-btn-disabled-opacity: 1;
6866
+ --bs-btn-disabled-bg: transparent;
6867
+ --bs-btn-disabled-border-color: var(--bs-info-600);
6868
+ --bs-btn-disabled-color: var(--bs-info-600);
6869
+ }
6870
+
6871
+ .btn-link-info {
6872
+ --bs-btn-bg: transparent;
6873
+ --bs-btn-border-color: transparent;
6874
+ --bs-btn-color: var(--bs-info-600);
6875
+ --bs-btn-hover-bg: var(--bs-info-100);
6876
+ --bs-btn-hover-border-color: transparent;
6877
+ --bs-btn-hover-color: var(--bs-info-600);
6878
+ --bs-btn-focus-bg: transparent;
6879
+ --bs-btn-focus-border-color: transparent;
6880
+ --bs-btn-focus-color: var(--bs-info-600);
6881
+ --bs-btn-active-bg: var(--bs-info-200);
6882
+ --bs-btn-active-border-color: transparent;
6883
+ --bs-btn-active-color: var(--bs-info-600);
6884
+ --bs-btn-disabled-bg: transparent;
6885
+ --bs-btn-disabled-border-color: transparent;
6886
+ --bs-btn-disabled-color: var(--bs-info-300);
6887
+ --bs-btn-focus-outline-offset: 0;
6888
+ }
6889
+ .btn-link-info span {
6890
+ text-decoration: underline;
6891
+ }
6892
+ .btn-link-info.loading {
6893
+ --bs-btn-disabled-opacity: 1;
6894
+ --bs-btn-disabled-bg: transparent;
6895
+ --bs-btn-disabled-border-color: transparent;
6896
+ --bs-btn-disabled-color: var(--bs-info-600);
6897
+ }
6898
+
6899
+ .btn-warning {
6900
+ --bs-btn-color: var(--bs-black);
6901
+ --bs-btn-bg: var(--bs-warning-500);
6902
+ --bs-btn-border-color: var(--bs-warning-500);
6903
+ --bs-btn-hover-color: var(--bs-black);
6904
+ --bs-btn-hover-bg: var(--bs-warning-600);
6905
+ --bs-btn-hover-border-color: var(--bs-warning-600);
6906
+ --bs-btn-focus-color: var(--bs-black);
6907
+ --bs-btn-focus-bg: var(--bs-warning-600);
6908
+ --bs-btn-focus-border-color: var(--bs-warning-600);
6909
+ --bs-btn-active-color: var(--bs-black);
6910
+ --bs-btn-active-bg: var(--bs-warning-700);
6911
+ --bs-btn-active-border-color: var(--bs-warning-700);
6912
+ --bs-btn-disabled-color: var(--bs-gray-700);
6913
+ --bs-btn-disabled-bg: var(--bs-warning-100);
6914
+ --bs-btn-disabled-border-color: var(--bs-warning-100);
6915
+ }
6916
+ .btn-warning.loading {
6917
+ --bs-btn-disabled-opacity: 1;
6918
+ --bs-btn-disabled-bg: var(--bs-warning-700);
6919
+ --bs-btn-disabled-border-color: var(--bs-warning-700);
6920
+ --bs-btn-disabled-color: var(--bs-black);
6921
+ }
6922
+
6923
+ .btn-outline-warning {
6924
+ --bs-btn-bg: transparent;
6925
+ --bs-btn-border-color: var(--bs-warning-600);
6926
+ --bs-btn-color: var(--bs-warning-600);
6927
+ --bs-btn-hover-bg: var(--bs-warning-100);
6928
+ --bs-btn-hover-border-color: var(--bs-warning-600);
6929
+ --bs-btn-hover-color: var(--bs-warning-600);
6930
+ --bs-btn-focus-bg: var(--bs-warning-100);
6931
+ --bs-btn-focus-border-color: var(--bs-warning-600);
6932
+ --bs-btn-focus-color: var(--bs-warning-600);
6933
+ --bs-btn-active-bg: var(--bs-warning-200);
6934
+ --bs-btn-active-border-color: var(--bs-warning-600);
6935
+ --bs-btn-active-color: var(--bs-warning-600);
6936
+ --bs-btn-disabled-bg: transparent;
6937
+ --bs-btn-disabled-border-color: var(--bs-warning-100);
6938
+ --bs-btn-disabled-color: var(--bs-gray-700);
6939
+ --bs-gradient: none;
6940
+ }
6941
+ .btn-outline-warning.loading {
6942
+ --bs-btn-disabled-opacity: 1;
6943
+ --bs-btn-disabled-bg: transparent;
6944
+ --bs-btn-disabled-border-color: var(--bs-warning-600);
6945
+ --bs-btn-disabled-color: var(--bs-warning-600);
6946
+ }
6947
+
6948
+ .btn-link-warning {
6949
+ --bs-btn-bg: transparent;
6950
+ --bs-btn-border-color: transparent;
6951
+ --bs-btn-color: var(--bs-warning-600);
6952
+ --bs-btn-hover-bg: var(--bs-warning-100);
6953
+ --bs-btn-hover-border-color: transparent;
6954
+ --bs-btn-hover-color: var(--bs-warning-600);
6955
+ --bs-btn-focus-bg: transparent;
6956
+ --bs-btn-focus-border-color: transparent;
6957
+ --bs-btn-focus-color: var(--bs-warning-600);
6958
+ --bs-btn-active-bg: var(--bs-warning-200);
6959
+ --bs-btn-active-border-color: transparent;
6960
+ --bs-btn-active-color: var(--bs-warning-600);
6961
+ --bs-btn-disabled-bg: transparent;
6962
+ --bs-btn-disabled-border-color: transparent;
6963
+ --bs-btn-disabled-color: var(--bs-warning-300);
6964
+ --bs-btn-focus-outline-offset: 0;
6965
+ }
6966
+ .btn-link-warning span {
6967
+ text-decoration: underline;
6968
+ }
6969
+ .btn-link-warning.loading {
6970
+ --bs-btn-disabled-opacity: 1;
6971
+ --bs-btn-disabled-bg: transparent;
6972
+ --bs-btn-disabled-border-color: transparent;
6973
+ --bs-btn-disabled-color: var(--bs-warning-600);
6710
6974
  }
6711
- @keyframes Toastify__bounceOutRight {
6712
- 20% {
6713
- opacity: 1;
6714
- transform: translate3d(-20px, 0, 0);
6715
- }
6716
- to {
6717
- opacity: 0;
6718
- transform: translate3d(2000px, 0, 0);
6719
- }
6975
+
6976
+ .btn-danger {
6977
+ --bs-btn-color: var(--bs-white);
6978
+ --bs-btn-bg: var(--bs-danger-500);
6979
+ --bs-btn-border-color: var(--bs-danger-500);
6980
+ --bs-btn-hover-color: var(--bs-white);
6981
+ --bs-btn-hover-bg: var(--bs-danger-600);
6982
+ --bs-btn-hover-border-color: var(--bs-danger-600);
6983
+ --bs-btn-focus-color: var(--bs-white);
6984
+ --bs-btn-focus-bg: var(--bs-danger-600);
6985
+ --bs-btn-focus-border-color: var(--bs-danger-600);
6986
+ --bs-btn-active-color: var(--bs-white);
6987
+ --bs-btn-active-bg: var(--bs-danger-700);
6988
+ --bs-btn-active-border-color: var(--bs-danger-700);
6989
+ --bs-btn-disabled-color: var(--bs-gray-700);
6990
+ --bs-btn-disabled-bg: var(--bs-danger-100);
6991
+ --bs-btn-disabled-border-color: var(--bs-danger-100);
6720
6992
  }
6721
- @keyframes Toastify__bounceInLeft {
6722
- from, 60%, 75%, 90%, to {
6723
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
6724
- }
6725
- 0% {
6726
- opacity: 0;
6727
- transform: translate3d(-3000px, 0, 0);
6728
- }
6729
- 60% {
6730
- opacity: 1;
6731
- transform: translate3d(25px, 0, 0);
6732
- }
6733
- 75% {
6734
- transform: translate3d(-10px, 0, 0);
6735
- }
6736
- 90% {
6737
- transform: translate3d(5px, 0, 0);
6738
- }
6739
- to {
6740
- transform: none;
6741
- }
6993
+ .btn-danger.loading {
6994
+ --bs-btn-disabled-opacity: 1;
6995
+ --bs-btn-disabled-bg: var(--bs-danger-700);
6996
+ --bs-btn-disabled-border-color: var(--bs-danger-700);
6997
+ --bs-btn-disabled-color: var(--bs-white);
6998
+ }
6999
+
7000
+ .btn-outline-danger {
7001
+ --bs-btn-bg: transparent;
7002
+ --bs-btn-border-color: var(--bs-danger-600);
7003
+ --bs-btn-color: var(--bs-danger-600);
7004
+ --bs-btn-hover-bg: var(--bs-danger-100);
7005
+ --bs-btn-hover-border-color: var(--bs-danger-600);
7006
+ --bs-btn-hover-color: var(--bs-danger-600);
7007
+ --bs-btn-focus-bg: var(--bs-danger-100);
7008
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7009
+ --bs-btn-focus-color: var(--bs-danger-600);
7010
+ --bs-btn-active-bg: var(--bs-danger-200);
7011
+ --bs-btn-active-border-color: var(--bs-danger-600);
7012
+ --bs-btn-active-color: var(--bs-danger-600);
7013
+ --bs-btn-disabled-bg: transparent;
7014
+ --bs-btn-disabled-border-color: var(--bs-danger-100);
7015
+ --bs-btn-disabled-color: var(--bs-gray-700);
7016
+ --bs-gradient: none;
7017
+ }
7018
+ .btn-outline-danger.loading {
7019
+ --bs-btn-disabled-opacity: 1;
7020
+ --bs-btn-disabled-bg: transparent;
7021
+ --bs-btn-disabled-border-color: var(--bs-danger-600);
7022
+ --bs-btn-disabled-color: var(--bs-danger-600);
7023
+ }
7024
+
7025
+ .btn-link-danger {
7026
+ --bs-btn-bg: transparent;
7027
+ --bs-btn-border-color: transparent;
7028
+ --bs-btn-color: var(--bs-danger-600);
7029
+ --bs-btn-hover-bg: var(--bs-danger-100);
7030
+ --bs-btn-hover-border-color: transparent;
7031
+ --bs-btn-hover-color: var(--bs-danger-600);
7032
+ --bs-btn-focus-bg: transparent;
7033
+ --bs-btn-focus-border-color: transparent;
7034
+ --bs-btn-focus-color: var(--bs-danger-600);
7035
+ --bs-btn-active-bg: var(--bs-danger-200);
7036
+ --bs-btn-active-border-color: transparent;
7037
+ --bs-btn-active-color: var(--bs-danger-600);
7038
+ --bs-btn-disabled-bg: transparent;
7039
+ --bs-btn-disabled-border-color: transparent;
7040
+ --bs-btn-disabled-color: var(--bs-danger-300);
7041
+ --bs-btn-focus-outline-offset: 0;
7042
+ }
7043
+ .btn-link-danger span {
7044
+ text-decoration: underline;
7045
+ }
7046
+ .btn-link-danger.loading {
7047
+ --bs-btn-disabled-opacity: 1;
7048
+ --bs-btn-disabled-bg: transparent;
7049
+ --bs-btn-disabled-border-color: transparent;
7050
+ --bs-btn-disabled-color: var(--bs-danger-600);
7051
+ }
7052
+
7053
+ .btn-light {
7054
+ --bs-btn-color: #555564;
7055
+ --bs-btn-bg: #f7f7ff;
7056
+ --bs-btn-border-color: #f7f7ff;
7057
+ --bs-btn-hover-color: #555564;
7058
+ --bs-btn-hover-bg: #d2d2d9;
7059
+ --bs-btn-hover-border-color: #c6c6cc;
7060
+ --bs-btn-focus-shadow-rgb: 223, 223, 232;
7061
+ --bs-btn-active-color: #000;
7062
+ --bs-btn-active-bg: #c6c6cc;
7063
+ --bs-btn-active-border-color: #b9b9bf;
7064
+ --bs-btn-active-shadow: none;
7065
+ --bs-btn-disabled-color: #555564;
7066
+ --bs-btn-disabled-bg: #f7f7ff;
7067
+ --bs-btn-disabled-border-color: #f7f7ff;
7068
+ }
7069
+
7070
+ .btn-outline-light {
7071
+ --bs-btn-color: #f7f7ff;
7072
+ --bs-btn-border-color: #f7f7ff;
7073
+ --bs-btn-hover-color: #555564;
7074
+ --bs-btn-hover-bg: #f7f7ff;
7075
+ --bs-btn-hover-border-color: #f7f7ff;
7076
+ --bs-btn-focus-shadow-rgb: 247, 247, 255;
7077
+ --bs-btn-active-color: #555564;
7078
+ --bs-btn-active-bg: #f7f7ff;
7079
+ --bs-btn-active-border-color: #f7f7ff;
7080
+ --bs-btn-active-shadow: none;
7081
+ --bs-btn-disabled-color: #f7f7ff;
7082
+ --bs-btn-disabled-bg: transparent;
7083
+ --bs-btn-disabled-border-color: #f7f7ff;
7084
+ --bs-gradient: none;
7085
+ }
7086
+
7087
+ .btn-link-light {
7088
+ --bs-btn-bg: transparent;
7089
+ --bs-btn-border-color: transparent;
7090
+ --bs-btn-color: #f7f7ff;
7091
+ --bs-btn-hover-bg: var(--bs-gray-300);
7092
+ --bs-btn-hover-border-color: transparent;
7093
+ --bs-btn-hover-color: #f7f7ff;
7094
+ --bs-btn-focus-bg: transparent;
7095
+ --bs-btn-focus-border-color: transparent;
7096
+ --bs-btn-focus-color: #f7f7ff;
7097
+ --bs-btn-active-bg: var(--bs-gray-500);
7098
+ --bs-btn-active-border-color: transparent;
7099
+ --bs-btn-active-color: #f7f7ff;
7100
+ --bs-btn-disabled-bg: transparent;
7101
+ --bs-btn-disabled-border-color: transparent;
7102
+ --bs-btn-disabled-color: var(--bs-gray-300);
7103
+ --bs-btn-focus-outline-offset: 0;
7104
+ }
7105
+ .btn-link-light span {
7106
+ text-decoration: underline;
7107
+ }
7108
+ .btn-link-light.loading {
7109
+ --bs-btn-disabled-opacity: 1;
7110
+ --bs-btn-disabled-bg: transparent;
7111
+ --bs-btn-disabled-border-color: transparent;
7112
+ --bs-btn-disabled-color: #f7f7ff;
7113
+ }
7114
+
7115
+ .btn-dark {
7116
+ --bs-btn-color: #fff;
7117
+ --bs-btn-bg: #161723;
7118
+ --bs-btn-border-color: #161723;
7119
+ --bs-btn-hover-color: #fff;
7120
+ --bs-btn-hover-bg: #393a44;
7121
+ --bs-btn-hover-border-color: #2d2e39;
7122
+ --bs-btn-focus-shadow-rgb: 57, 58, 68;
7123
+ --bs-btn-active-color: #fff;
7124
+ --bs-btn-active-bg: #45454f;
7125
+ --bs-btn-active-border-color: #2d2e39;
7126
+ --bs-btn-active-shadow: none;
7127
+ --bs-btn-disabled-color: #fff;
7128
+ --bs-btn-disabled-bg: #161723;
7129
+ --bs-btn-disabled-border-color: #161723;
7130
+ }
7131
+
7132
+ .btn-outline-dark {
7133
+ --bs-btn-color: #161723;
7134
+ --bs-btn-border-color: #161723;
7135
+ --bs-btn-hover-color: #fff;
7136
+ --bs-btn-hover-bg: #161723;
7137
+ --bs-btn-hover-border-color: #161723;
7138
+ --bs-btn-focus-shadow-rgb: 22, 23, 35;
7139
+ --bs-btn-active-color: #fff;
7140
+ --bs-btn-active-bg: #161723;
7141
+ --bs-btn-active-border-color: #161723;
7142
+ --bs-btn-active-shadow: none;
7143
+ --bs-btn-disabled-color: #161723;
7144
+ --bs-btn-disabled-bg: transparent;
7145
+ --bs-btn-disabled-border-color: #161723;
7146
+ --bs-gradient: none;
7147
+ }
7148
+
7149
+ .btn-link-dark {
7150
+ --bs-btn-bg: transparent;
7151
+ --bs-btn-border-color: transparent;
7152
+ --bs-btn-color: #161723;
7153
+ --bs-btn-hover-bg: var(--bs-gray-100);
7154
+ --bs-btn-hover-border-color: transparent;
7155
+ --bs-btn-hover-color: #161723;
7156
+ --bs-btn-focus-bg: transparent;
7157
+ --bs-btn-focus-border-color: transparent;
7158
+ --bs-btn-focus-color: #161723;
7159
+ --bs-btn-active-bg: var(--bs-gray-200);
7160
+ --bs-btn-active-border-color: transparent;
7161
+ --bs-btn-active-color: #161723;
7162
+ --bs-btn-disabled-bg: transparent;
7163
+ --bs-btn-disabled-border-color: transparent;
7164
+ --bs-btn-disabled-color: var(--bs-gray-300);
7165
+ --bs-btn-focus-outline-offset: 0;
7166
+ }
7167
+ .btn-link-dark span {
7168
+ text-decoration: underline;
7169
+ }
7170
+ .btn-link-dark.loading {
7171
+ --bs-btn-disabled-opacity: 1;
7172
+ --bs-btn-disabled-bg: transparent;
7173
+ --bs-btn-disabled-border-color: transparent;
7174
+ --bs-btn-disabled-color: #161723;
7175
+ }
7176
+
7177
+ .btn-lg, .btn-group-lg > .btn {
7178
+ --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
7179
+ --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
7180
+ --bs-btn-font-size: var(--bs-btn-lg-font-size);
7181
+ --bs-btn-border-radius: var(--bs-btn-lg-border-radius);
7182
+ }
7183
+
7184
+ .btn-sm, .btn-group-sm > .btn {
7185
+ --bs-btn-padding-y: var(--bs-btn-sm-padding-y);
7186
+ --bs-btn-padding-x: var(--bs-btn-sm-padding-x);
7187
+ --bs-btn-font-size: var(--bs-btn-sm-font-size);
7188
+ --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
7189
+ }
7190
+
7191
+ [class*=btn-link-] {
7192
+ --bs-btn-text-decoration: var(--bs-link-decoration);
7193
+ }
7194
+
7195
+ .btn-link {
7196
+ --bs-btn-font-weight: 400;
7197
+ --bs-btn-color: var(--bs-link-color);
7198
+ --bs-btn-bg: transparent;
7199
+ --bs-btn-border-color: transparent;
7200
+ --bs-btn-hover-color: var(--bs-link-hover-color);
7201
+ --bs-btn-hover-border-color: transparent;
7202
+ --bs-btn-active-color: var(--bs-link-hover-color);
7203
+ --bs-btn-active-border-color: transparent;
7204
+ --bs-btn-disabled-color: #616173;
7205
+ --bs-btn-disabled-border-color: transparent;
7206
+ --bs-btn-box-shadow: 0 0 0 #000;
7207
+ --bs-btn-focus-shadow-rgb: 222, 61, 120;
7208
+ text-decoration: underline;
6742
7209
  }
6743
- @keyframes Toastify__bounceOutLeft {
6744
- 20% {
6745
- opacity: 1;
6746
- transform: translate3d(20px, 0, 0);
6747
- }
6748
- to {
6749
- opacity: 0;
6750
- transform: translate3d(-2000px, 0, 0);
6751
- }
7210
+ .btn-link:hover, .btn-link:focus-visible {
7211
+ text-decoration: underline;
6752
7212
  }
6753
- @keyframes Toastify__bounceInUp {
6754
- from, 60%, 75%, 90%, to {
6755
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
6756
- }
6757
- from {
6758
- opacity: 0;
6759
- transform: translate3d(0, 3000px, 0);
6760
- }
6761
- 60% {
6762
- opacity: 1;
6763
- transform: translate3d(0, -20px, 0);
6764
- }
6765
- 75% {
6766
- transform: translate3d(0, 10px, 0);
6767
- }
6768
- 90% {
6769
- transform: translate3d(0, -5px, 0);
6770
- }
6771
- to {
6772
- transform: translate3d(0, 0, 0);
6773
- }
7213
+ .btn-link:focus-visible {
7214
+ color: var(--bs-btn-color);
6774
7215
  }
6775
- @keyframes Toastify__bounceOutUp {
6776
- 20% {
6777
- transform: translate3d(0, -10px, 0);
6778
- }
6779
- 40%, 45% {
6780
- opacity: 1;
6781
- transform: translate3d(0, 20px, 0);
6782
- }
6783
- to {
6784
- opacity: 0;
6785
- transform: translate3d(0, -2000px, 0);
6786
- }
7216
+ .btn-link:hover {
7217
+ color: var(--bs-btn-hover-color);
6787
7218
  }
6788
- @keyframes Toastify__bounceInDown {
6789
- from, 60%, 75%, 90%, to {
6790
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
6791
- }
6792
- 0% {
6793
- opacity: 0;
6794
- transform: translate3d(0, -3000px, 0);
6795
- }
6796
- 60% {
6797
- opacity: 1;
6798
- transform: translate3d(0, 25px, 0);
6799
- }
6800
- 75% {
6801
- transform: translate3d(0, -10px, 0);
6802
- }
6803
- 90% {
6804
- transform: translate3d(0, 5px, 0);
6805
- }
6806
- to {
6807
- transform: none;
6808
- }
7219
+
7220
+ .progress {
7221
+ --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
7222
+ font-weight: var(--bs-progress-bar-font-weight);
6809
7223
  }
6810
- @keyframes Toastify__bounceOutDown {
6811
- 20% {
6812
- transform: translate3d(0, 10px, 0);
6813
- }
6814
- 40%, 45% {
6815
- opacity: 1;
6816
- transform: translate3d(0, -20px, 0);
6817
- }
6818
- to {
6819
- opacity: 0;
6820
- transform: translate3d(0, 2000px, 0);
6821
- }
7224
+ .progress .progress-bar:not(:empty) {
7225
+ min-width: 4ch;
6822
7226
  }
6823
- .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
6824
- animation-name: Toastify__bounceInLeft;
7227
+
7228
+ .alert {
7229
+ --bs-alert-gap: 1rem;
7230
+ --bs-alert-box-shadow: var(--bs-box-shadow-sm);
7231
+ --bs-alert-icon-color: var(--bs-alert-color);
7232
+ --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
7233
+ --bs-alert-close-icon-size: 0.75rem;
7234
+ display: flex;
7235
+ flex-direction: row;
7236
+ gap: var(--bs-alert-gap);
7237
+ align-items: center;
7238
+ box-shadow: var(--bs-alert-box-shadow);
6825
7239
  }
6826
- .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
6827
- animation-name: Toastify__bounceInRight;
7240
+ .alert .alert-text {
7241
+ flex-grow: 1;
6828
7242
  }
6829
- .Toastify__bounce-enter--top-center {
6830
- animation-name: Toastify__bounceInDown;
7243
+ .alert .alert-separator {
7244
+ align-self: stretch;
7245
+ width: 1px;
7246
+ background-color: var(--bs-alert-icon-color);
7247
+ opacity: var(--bs-alert-separator-opacity);
6831
7248
  }
6832
- .Toastify__bounce-enter--bottom-center {
6833
- animation-name: Toastify__bounceInUp;
7249
+ .alert .btn-close {
7250
+ --bs-btn-close-bg: transparent;
6834
7251
  }
6835
-
6836
- .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
6837
- animation-name: Toastify__bounceOutLeft;
7252
+ .alert .alert-icon.d-icon {
7253
+ --bs-icon-color: var(--bs-alert-icon-color);
6838
7254
  }
6839
- .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
6840
- animation-name: Toastify__bounceOutRight;
7255
+ .alert .alert-close-icon {
7256
+ --bs-icon-color: var(--bs-alert-icon-color);
7257
+ --bs-icon-size: var(--bs-alert-close-icon-size);
6841
7258
  }
6842
- .Toastify__bounce-exit--top-center {
6843
- animation-name: Toastify__bounceOutUp;
7259
+ .alert.alert-primary {
7260
+ --bs-alert-color: var(--bs-white);
7261
+ --bs-alert-bg: var(--bs-primary);
7262
+ --bs-alert-border-color: var(--bs-primary);
7263
+ --bs-alert-link-color: var(--bs-white);
6844
7264
  }
6845
- .Toastify__bounce-exit--bottom-center {
6846
- animation-name: Toastify__bounceOutDown;
7265
+ .alert.alert-secondary {
7266
+ --bs-alert-color: var(--bs-white);
7267
+ --bs-alert-bg: var(--bs-secondary);
7268
+ --bs-alert-border-color: var(--bs-secondary);
7269
+ --bs-alert-link-color: var(--bs-white);
6847
7270
  }
6848
-
6849
- @keyframes Toastify__zoomIn {
6850
- from {
6851
- opacity: 0;
6852
- transform: scale3d(0.3, 0.3, 0.3);
6853
- }
6854
- 50% {
6855
- opacity: 1;
6856
- }
7271
+ .alert.alert-success {
7272
+ --bs-alert-color: var(--bs-white);
7273
+ --bs-alert-bg: var(--bs-success);
7274
+ --bs-alert-border-color: var(--bs-success);
7275
+ --bs-alert-link-color: var(--bs-white);
6857
7276
  }
6858
- @keyframes Toastify__zoomOut {
6859
- from {
6860
- opacity: 1;
6861
- }
6862
- 50% {
6863
- opacity: 0;
6864
- transform: scale3d(0.3, 0.3, 0.3);
6865
- }
6866
- to {
6867
- opacity: 0;
6868
- }
7277
+ .alert.alert-info {
7278
+ --bs-alert-color: var(--bs-white);
7279
+ --bs-alert-bg: var(--bs-info);
7280
+ --bs-alert-border-color: var(--bs-info);
7281
+ --bs-alert-link-color: var(--bs-white);
6869
7282
  }
6870
- .Toastify__zoom-enter {
6871
- animation-name: Toastify__zoomIn;
7283
+ .alert.alert-warning {
7284
+ --bs-alert-color: var(--bs-black);
7285
+ --bs-alert-bg: var(--bs-warning);
7286
+ --bs-alert-border-color: var(--bs-warning);
7287
+ --bs-alert-link-color: var(--bs-black);
6872
7288
  }
6873
-
6874
- .Toastify__zoom-exit {
6875
- animation-name: Toastify__zoomOut;
7289
+ .alert.alert-danger {
7290
+ --bs-alert-color: var(--bs-white);
7291
+ --bs-alert-bg: var(--bs-danger);
7292
+ --bs-alert-border-color: var(--bs-danger);
7293
+ --bs-alert-link-color: var(--bs-white);
6876
7294
  }
6877
-
6878
- @keyframes Toastify__flipIn {
6879
- from {
6880
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
6881
- animation-timing-function: ease-in;
6882
- opacity: 0;
6883
- }
6884
- 40% {
6885
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
6886
- animation-timing-function: ease-in;
6887
- }
6888
- 60% {
6889
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
6890
- opacity: 1;
6891
- }
6892
- 80% {
6893
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
6894
- }
6895
- to {
6896
- transform: perspective(400px);
6897
- }
7295
+ .alert.alert-light {
7296
+ --bs-alert-color: var(--bs-gray-700);
7297
+ --bs-alert-bg: var(--bs-light);
7298
+ --bs-alert-border-color: var(--bs-light);
7299
+ --bs-alert-link-color: var(--bs-gray-700);
6898
7300
  }
6899
- @keyframes Toastify__flipOut {
6900
- from {
6901
- transform: perspective(400px);
6902
- }
6903
- 30% {
6904
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
6905
- opacity: 1;
6906
- }
6907
- to {
6908
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
6909
- opacity: 0;
6910
- }
7301
+ .alert.alert-dark {
7302
+ --bs-alert-color: var(--bs-white);
7303
+ --bs-alert-bg: var(--bs-dark);
7304
+ --bs-alert-border-color: var(--bs-dark);
7305
+ --bs-alert-link-color: var(--bs-white);
6911
7306
  }
6912
- .Toastify__flip-enter {
6913
- animation-name: Toastify__flipIn;
7307
+ .alert.alert-soft {
7308
+ --bs-alert-color: var(--bs-gray-900);
7309
+ border-width: 0 0 0 5px;
7310
+ }
7311
+ .alert.alert-soft.alert-primary {
7312
+ --bs-alert-icon-color: var(--bs-primary-500);
7313
+ --bs-alert-bg: var(--bs-primary-100);
7314
+ }
7315
+ .alert.alert-soft.alert-secondary {
7316
+ --bs-alert-icon-color: var(--bs-secondary-500);
7317
+ --bs-alert-bg: var(--bs-secondary-100);
7318
+ }
7319
+ .alert.alert-soft.alert-success {
7320
+ --bs-alert-icon-color: var(--bs-success-500);
7321
+ --bs-alert-bg: var(--bs-success-100);
7322
+ }
7323
+ .alert.alert-soft.alert-info {
7324
+ --bs-alert-icon-color: var(--bs-info-500);
7325
+ --bs-alert-bg: var(--bs-info-100);
7326
+ }
7327
+ .alert.alert-soft.alert-warning {
7328
+ --bs-alert-icon-color: var(--bs-warning-500);
7329
+ --bs-alert-bg: var(--bs-warning-100);
7330
+ }
7331
+ .alert.alert-soft.alert-danger {
7332
+ --bs-alert-icon-color: var(--bs-danger-500);
7333
+ --bs-alert-bg: var(--bs-danger-100);
6914
7334
  }
6915
-
6916
- .Toastify__flip-exit {
6917
- animation-name: Toastify__flipOut;
7335
+ .alert.alert-soft.alert-light {
7336
+ --bs-alert-icon-color: var(--bs-secondary-500);
7337
+ --bs-alert-border-color: var(--bs-secondary-500);
7338
+ --bs-alert-bg: var(--bs-white);
6918
7339
  }
6919
7340
 
6920
- @keyframes Toastify__slideInRight {
6921
- from {
6922
- transform: translate3d(110%, 0, 0);
6923
- visibility: visible;
6924
- }
6925
- to {
6926
- transform: translate3d(0, 0, 0);
6927
- }
7341
+ .collapse-container {
7342
+ --bs-collapse-bg: var(--bs-white);
7343
+ --bs-collapse-border-radius: var(--bs-ref-spacer-1);
7344
+ --bs-collapse-box-shadow: var(--bs-box-shadow-sm);
7345
+ --bs-collapse-button-padding-x: var(--bs-ref-spacer-3);
7346
+ --bs-collapse-button-padding-y: var(--bs-ref-spacer-3);
7347
+ --bs-collapse-button-gap: var(--bs-ref-spacer-3);
7348
+ --bs-collapse-body-padding-x: var(--bs-ref-spacer-3);
7349
+ --bs-collapse-body-padding-y: var(--bs-ref-spacer-3);
7350
+ --bs-collapse-separator-display: none;
7351
+ --bs-collapse-separator-height: 1px;
7352
+ --bs-collapse-separator-bg: var(--bs-gray-200);
7353
+ background-color: var(--bs-collapse-bg);
7354
+ border-radius: var(--bs-collapse-border-radius);
7355
+ box-shadow: var(--bs-collapse-box-shadow);
6928
7356
  }
6929
- @keyframes Toastify__slideInLeft {
6930
- from {
6931
- transform: translate3d(-110%, 0, 0);
6932
- visibility: visible;
6933
- }
6934
- to {
6935
- transform: translate3d(0, 0, 0);
6936
- }
7357
+ .collapse-container .collapse-button {
7358
+ display: flex;
7359
+ gap: var(--bs-collapse-button-gap);
7360
+ align-items: center;
7361
+ width: 100%;
7362
+ padding: var(--bs-collapse-button-padding-y) var(--bs-collapse-button-padding-x);
7363
+ text-align: left;
7364
+ -webkit-user-select: none;
7365
+ -moz-user-select: none;
7366
+ user-select: none;
7367
+ background: transparent;
7368
+ border: 0;
6937
7369
  }
6938
- @keyframes Toastify__slideInUp {
6939
- from {
6940
- transform: translate3d(0, 110%, 0);
6941
- visibility: visible;
6942
- }
6943
- to {
6944
- transform: translate3d(0, 0, 0);
6945
- }
7370
+ .collapse-container .collapse-button:focus, .collapse-container .collapse-button:focus-visible {
7371
+ outline: 0;
6946
7372
  }
6947
- @keyframes Toastify__slideInDown {
6948
- from {
6949
- transform: translate3d(0, -110%, 0);
6950
- visibility: visible;
6951
- }
6952
- to {
6953
- transform: translate3d(0, 0, 0);
6954
- }
7373
+ .collapse-container .collapse-body {
7374
+ position: relative;
7375
+ padding: var(--bs-collapse-body-padding-y) var(--bs-collapse-body-padding-x);
7376
+ padding-top: 0;
6955
7377
  }
6956
- @keyframes Toastify__slideOutRight {
6957
- from {
6958
- transform: translate3d(0, 0, 0);
6959
- }
6960
- to {
6961
- visibility: hidden;
6962
- transform: translate3d(110%, 0, 0);
6963
- }
7378
+ .collapse-container .collapse-body::before {
7379
+ position: absolute;
7380
+ top: 0;
7381
+ display: var(--bs-collapse-separator-display);
7382
+ width: calc(100% - var(--bs-collapse-body-padding-x) * 2);
7383
+ height: var(--bs-collapse-separator-height);
7384
+ content: " ";
7385
+ background-color: var(--bs-collapse-separator-bg);
6964
7386
  }
6965
- @keyframes Toastify__slideOutLeft {
6966
- from {
6967
- transform: translate3d(0, 0, 0);
6968
- }
6969
- to {
6970
- visibility: hidden;
6971
- transform: translate3d(-110%, 0, 0);
6972
- }
7387
+
7388
+ .pagination {
7389
+ --bs-pagination-page-item-size: 2.125rem;
7390
+ --bs-pagination-page-link-bg: transparent;
7391
+ --bs-pagination-page-border-radius: var(--bs-border-radius);
7392
+ --bs-pagination-arrow-font-size: var(--bs-ref-fs-small);
7393
+ --bs-pagination-arrow-padding-y: var(--bs-ref-spacer-1);
7394
+ --bs-pagination-arrow-padding-x: var(--bs-ref-spacer-2);
7395
+ --bs-pagination-arrow-border-radius: var(--bs-border-radius);
7396
+ --bs-pagination-arrow-color: var(--bs-secondary);
7397
+ --bs-pagination-focus-arrow-bg: var(--bs-secondary-100);
7398
+ --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>');
7399
+ --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>');
7400
+ --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>');
7401
+ --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>');
7402
+ margin: 0;
6973
7403
  }
6974
- @keyframes Toastify__slideOutDown {
6975
- from {
6976
- transform: translate3d(0, 0, 0);
6977
- }
6978
- to {
6979
- visibility: hidden;
6980
- transform: translate3d(0, 500px, 0);
6981
- }
7404
+ .pagination .page-item {
7405
+ min-width: var(--bs-pagination-page-item-size);
7406
+ min-height: var(--bs-pagination-page-item-size);
6982
7407
  }
6983
- @keyframes Toastify__slideOutUp {
6984
- from {
6985
- transform: translate3d(0, 0, 0);
6986
- }
6987
- to {
6988
- visibility: hidden;
6989
- transform: translate3d(0, -500px, 0);
6990
- }
7408
+ .pagination .page-item:not(.active, :hover) .page-link {
7409
+ background-color: var(--bs-pagination-page-link-bg);
6991
7410
  }
6992
- .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
6993
- animation-name: Toastify__slideInLeft;
7411
+ .pagination .arrow .page-link {
7412
+ min-width: -webkit-fit-content;
7413
+ min-width: -moz-fit-content;
7414
+ min-width: fit-content;
7415
+ padding: var(--bs-pagination-arrow-padding-y) var(--bs-pagination-arrow-padding-x);
7416
+ font-size: var(--bs-pagination-arrow-font-size);
7417
+ border-radius: var(--bs-pagination-arrow-border-radius);
6994
7418
  }
6995
- .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
6996
- animation-name: Toastify__slideInRight;
7419
+ .pagination .arrow .page-link:focus {
7420
+ background-color: var(--bs-pagination-focus-arrow-bg);
6997
7421
  }
6998
- .Toastify__slide-enter--top-center {
6999
- animation-name: Toastify__slideInDown;
7422
+ .pagination .arrow .page-link::after, .pagination .arrow .page-link::before {
7423
+ position: relative;
7424
+ display: flex;
7425
+ align-items: center;
7426
+ justify-content: center;
7427
+ background-repeat: no-repeat;
7428
+ background-size: var(--bs-pagination-arrow-font-size);
7000
7429
  }
7001
- .Toastify__slide-enter--bottom-center {
7002
- animation-name: Toastify__slideInUp;
7430
+ .pagination .arrow:is(.arrow-prev, .arrow-next):not(.disabled) .page-link {
7431
+ color: var(--bs-pagination-arrow-color);
7003
7432
  }
7004
-
7005
- .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
7006
- animation-name: Toastify__slideOutLeft;
7433
+ .pagination .arrow.arrow-prev .page-link::before {
7434
+ min-width: var(--bs-pagination-arrow-font-size);
7435
+ min-height: var(--bs-pagination-arrow-font-size);
7436
+ margin-right: var(--bs-ref-spacer-1);
7437
+ content: "";
7438
+ background-image: var(--bs-pagination-arrow-prev-icon-bg-image);
7439
+ background-position: center left;
7007
7440
  }
7008
- .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
7009
- animation-name: Toastify__slideOutRight;
7441
+ .pagination .arrow.arrow-next .page-link::after {
7442
+ width: var(--bs-pagination-arrow-font-size);
7443
+ height: var(--bs-pagination-arrow-font-size);
7444
+ margin-left: var(--bs-ref-spacer-1);
7445
+ content: "";
7446
+ background-image: var(--bs-pagination-arrow-next-icon-bg-image);
7447
+ background-position: center right;
7010
7448
  }
7011
- .Toastify__slide-exit--top-center {
7012
- animation-name: Toastify__slideOutUp;
7449
+ .pagination .arrow:is(.arrow-next, .arrow-prev).no-label .page-link > span {
7450
+ display: none;
7013
7451
  }
7014
- .Toastify__slide-exit--bottom-center {
7015
- animation-name: Toastify__slideOutDown;
7452
+ .pagination .arrow-prev.disabled .page-link::before {
7453
+ background-image: var(--bs-pagination-disabled-arrow-prev-icon-bg-image);
7016
7454
  }
7017
-
7018
- @keyframes Toastify__spin {
7019
- from {
7020
- transform: rotate(0deg);
7021
- }
7022
- to {
7023
- transform: rotate(360deg);
7024
- }
7455
+ .pagination .arrow-next.disabled .page-link::after {
7456
+ background-image: var(--bs-pagination-disabled-arrow-next-icon-bg-image);
7025
7457
  }
7026
- .d-icon {
7027
- --bs-icon-color: var(--bs-icon-component-color, inherit);
7028
- --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
7029
- --bs-icon-size: var(--bs-icon-component-size, 1.5rem);
7030
- --bs-icon-padding: var(--bs-icon-component-padding, 0);
7031
- --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
7032
- display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
7458
+ .pagination .page-link {
7459
+ display: flex;
7033
7460
  align-items: center;
7034
7461
  justify-content: center;
7035
- width: var(--bs-icon-size);
7036
- height: var(--bs-icon-size);
7037
- padding: var(--bs-icon-padding);
7038
- font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
7039
- color: var(--bs-icon-color);
7040
- background-color: var(--bs-icon-bg-color);
7041
- border-radius: var(--bs-icon-padding);
7042
- }
7043
-
7044
- .d-icon-loading {
7045
- animation: loading-icon var(--bs-icon-loading-duration) infinite linear;
7462
+ width: 100%;
7463
+ height: 100%;
7464
+ padding: 0;
7465
+ border-radius: var(--bs-pagination-page-border-radius);
7046
7466
  }
7047
7467
 
7048
- @keyframes loading-icon {
7049
- from {
7050
- transform: rotate(0deg);
7051
- }
7052
- to {
7053
- transform: rotate(360deg);
7054
- }
7055
- }
7056
- .d-input {
7057
- --bs-input-gap: 0.5rem;
7058
- --bs-input-label-color: var(--bs-gray);
7059
- --bs-input-label-font-weight: var(--bs-ref-fw-bold);
7060
- --bs-input-label-font-size: var(--bs-ref-fs-small);
7061
- --bs-input-label-padding-x: var(--bs-ref-spacer-2);
7062
- --bs-input-label-padding-y: 0;
7063
- --bs-input-label-gap: var(--bs-ref-spacer-1);
7064
- --bs-input-group-border-color: var(--bs-gray-300);
7065
- --bs-input-group-border-width: 1px;
7066
- --bs-input-group-border-radius: 0.5rem;
7067
- --bs-input-group-hover-border-color: var(--bs-gray);
7068
- --bs-input-group-focus-border-color: var(--bs-secondary);
7069
- --bs-input-group-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
7070
- --bs-input-form-control-text-align: var(--bs-input-component-form-control-text-align, "left");
7071
- --bs-input-form-text-padding: 0 0.5rem;
7072
- --bs-input-form-text-gap: 0.5rem;
7073
- --bs-input-form-text-color: var(--bs-gray);
7074
- --bs-input-group-disabled-border-color: var(--bs-gray-300);
7075
- --bs-input-group-disabled-bg: var(--bs-gray-100);
7076
- --bs-input-group-disabled-color: var(--bs-gray);
7077
- display: flex;
7078
- flex-direction: column;
7079
- gap: var(--bs-input-gap);
7080
- align-items: flex-start;
7468
+ .breadcrumb .separator {
7469
+ float: left;
7470
+ padding: 0 var(--bs-breadcrumb-item-padding-x);
7471
+ color: var(--bs-breadcrumb-divider-color);
7472
+ content: var(--bs-breadcrumb-divider, "/");
7081
7473
  }
7082
- .d-input:focus-within .input-group {
7083
- border-color: var(--bs-input-group-focus-border-color);
7084
- box-shadow: var(--bs-input-group-focus-box-shadow);
7474
+
7475
+ .breadcrumb .last {
7476
+ color: var(--bs-breadcrumb-item-active-color);
7085
7477
  }
7086
- .d-input .d-input-control {
7087
- display: flex;
7088
- flex-direction: column;
7089
- gap: var(--bs-input-gap);
7090
- width: 100%;
7478
+
7479
+ :root {
7480
+ --toastify-color-light: #fff;
7481
+ --toastify-color-dark: #121212;
7482
+ --toastify-color-info: #3498db;
7483
+ --toastify-color-success: #07bc0c;
7484
+ --toastify-color-warning: #f1c40f;
7485
+ --toastify-color-error: #e74c3c;
7486
+ --toastify-color-transparent: rgba(255, 255, 255, 0.7);
7487
+ --toastify-icon-color-info: var(--toastify-color-info);
7488
+ --toastify-icon-color-success: var(--toastify-color-success);
7489
+ --toastify-icon-color-warning: var(--toastify-color-warning);
7490
+ --toastify-icon-color-error: var(--toastify-color-error);
7491
+ --toastify-toast-width: 320px;
7492
+ --toastify-toast-background: #fff;
7493
+ --toastify-toast-min-height: 64px;
7494
+ --toastify-toast-max-height: 800px;
7495
+ --toastify-font-family: sans-serif;
7496
+ --toastify-z-index: 9999;
7497
+ --toastify-text-color-light: #757575;
7498
+ --toastify-text-color-dark: #fff;
7499
+ --toastify-text-color-info: #fff;
7500
+ --toastify-text-color-success: #fff;
7501
+ --toastify-text-color-warning: #fff;
7502
+ --toastify-text-color-error: #fff;
7503
+ --toastify-spinner-color: #616161;
7504
+ --toastify-spinner-color-empty-area: #e0e0e0;
7505
+ --toastify-color-progress-light: linear-gradient(
7506
+ to right,
7507
+ #4cd964,
7508
+ #5ac8fa,
7509
+ #007aff,
7510
+ #34aadc,
7511
+ #5856d6,
7512
+ #ff2d55
7513
+ );
7514
+ --toastify-color-progress-dark: #bb86fc;
7515
+ --toastify-color-progress-info: var(--toastify-color-info);
7516
+ --toastify-color-progress-success: var(--toastify-color-success);
7517
+ --toastify-color-progress-warning: var(--toastify-color-warning);
7518
+ --toastify-color-progress-error: var(--toastify-color-error);
7091
7519
  }
7092
- .d-input label {
7093
- display: inline-flex;
7094
- flex-direction: row;
7095
- gap: var(--bs-input-label-gap);
7096
- align-items: center;
7520
+
7521
+ .Toastify__toast-container {
7522
+ z-index: var(--toastify-z-index);
7523
+ -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
7524
+ position: fixed;
7525
+ padding: 4px;
7526
+ width: var(--toastify-toast-width);
7527
+ box-sizing: border-box;
7528
+ color: #fff;
7097
7529
  }
7098
- .d-input label .d-input-icon .d-icon {
7099
- --bs-icon-color: var(--bs-focus-ring-color);
7530
+ .Toastify__toast-container--top-left {
7531
+ top: 1em;
7532
+ left: 1em;
7100
7533
  }
7101
- .d-input .input-group {
7102
- border: var(--bs-input-group-border-width) solid var(--bs-input-group-border-color);
7103
- border-radius: var(--bs-input-group-border-radius);
7534
+ .Toastify__toast-container--top-center {
7535
+ top: 1em;
7536
+ left: 50%;
7537
+ transform: translateX(-50%);
7104
7538
  }
7105
- .d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown)) {
7106
- border-color: var(--bs-input-group-hover-border-color);
7539
+ .Toastify__toast-container--top-right {
7540
+ top: 1em;
7541
+ right: 1em;
7107
7542
  }
7108
- .d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown)) {
7109
- border-color: var(--bs-input-group-hover-border-color);
7543
+ .Toastify__toast-container--bottom-left {
7544
+ bottom: 1em;
7545
+ left: 1em;
7110
7546
  }
7111
- .d-input:has(.form-control.is-valid) .input-group {
7112
- border-color: var(--bs-form-valid-border-color);
7113
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
7547
+ .Toastify__toast-container--bottom-center {
7548
+ bottom: 1em;
7549
+ left: 50%;
7550
+ transform: translateX(-50%);
7114
7551
  }
7115
- .d-input:has(.form-control.is-valid) .input-group ~ .form-text {
7116
- color: var(--bs-form-valid-border-color);
7552
+ .Toastify__toast-container--bottom-right {
7553
+ bottom: 1em;
7554
+ right: 1em;
7117
7555
  }
7118
- .d-input:has(.form-control.is-valid) .d-input-validation-icon {
7119
- --bs-icon-color: var(--bs-success);
7556
+
7557
+ @media only screen and (max-width : 480px) {
7558
+ .Toastify__toast-container {
7559
+ width: 100vw;
7560
+ padding: 0;
7561
+ left: 0;
7562
+ margin: 0;
7563
+ }
7564
+ .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
7565
+ top: 0;
7566
+ transform: translateX(0);
7567
+ }
7568
+ .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
7569
+ bottom: 0;
7570
+ transform: translateX(0);
7571
+ }
7572
+ .Toastify__toast-container--rtl {
7573
+ right: 0;
7574
+ left: initial;
7575
+ }
7120
7576
  }
7121
- .d-input:has(.form-control.is-invalid) .input-group {
7122
- border-color: var(--bs-form-invalid-border-color);
7123
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
7577
+ .Toastify__toast {
7578
+ position: relative;
7579
+ min-height: var(--toastify-toast-min-height);
7580
+ box-sizing: border-box;
7581
+ margin-bottom: 1rem;
7582
+ padding: 8px;
7583
+ border-radius: 4px;
7584
+ box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
7585
+ display: flex;
7586
+ justify-content: space-between;
7587
+ max-height: var(--toastify-toast-max-height);
7588
+ overflow: hidden;
7589
+ font-family: var(--toastify-font-family);
7590
+ cursor: default;
7591
+ direction: ltr;
7592
+ /* webkit only issue #791 */
7593
+ z-index: 0;
7124
7594
  }
7125
- .d-input:has(.form-control.is-invalid) .input-group ~ .form-text {
7126
- color: var(--bs-form-invalid-border-color);
7595
+ .Toastify__toast--rtl {
7596
+ direction: rtl;
7127
7597
  }
7128
- .d-input:has(.form-control.is-invalid) .d-input-validation-icon {
7129
- --bs-icon-color: var(--bs-danger);
7598
+ .Toastify__toast--close-on-click {
7599
+ cursor: pointer;
7130
7600
  }
7131
- .d-input .input-group ~ .form-text {
7132
- display: inline-flex;
7133
- flex-direction: row;
7134
- gap: var(--bs-input-form-text-gap);
7601
+ .Toastify__toast-body {
7602
+ margin: auto 0;
7603
+ flex: 1 1 auto;
7604
+ padding: 6px;
7605
+ display: flex;
7135
7606
  align-items: center;
7136
- padding: var(--bs-input-form-text-padding);
7137
- color: var(--bs-input-form-text-color);
7138
7607
  }
7139
- .d-input .form-control {
7140
- text-align: var(--bs-input-form-control-text-align);
7141
- border-width: 0;
7142
- box-shadow: none;
7608
+ .Toastify__toast-body > div:last-child {
7609
+ word-break: break-word;
7610
+ flex: 1;
7143
7611
  }
7144
- .d-input .form-control:not(:last-child) {
7145
- padding-right: 0;
7612
+ .Toastify__toast-icon {
7613
+ -webkit-margin-end: 10px;
7614
+ margin-inline-end: 10px;
7615
+ width: 20px;
7616
+ flex-shrink: 0;
7617
+ display: flex;
7146
7618
  }
7147
- .d-input .form-control:not(:first-child) {
7148
- padding-left: 0;
7619
+
7620
+ .Toastify--animate {
7621
+ animation-fill-mode: both;
7622
+ animation-duration: 0.7s;
7149
7623
  }
7150
- .d-input .form-control::-webkit-inner-spin-button,
7151
- .d-input .form-control::-webkit-outer-spin-button {
7152
- margin: 0;
7153
- -webkit-appearance: none;
7154
- appearance: none;
7624
+
7625
+ .Toastify--animate-icon {
7626
+ animation-fill-mode: both;
7627
+ animation-duration: 0.3s;
7155
7628
  }
7156
- .d-input .form-control.is-invalid:focus,
7157
- .d-input .form-control.is-valid:focus {
7158
- border: 0;
7159
- box-shadow: unset;
7629
+
7630
+ @media only screen and (max-width : 480px) {
7631
+ .Toastify__toast {
7632
+ margin-bottom: 0;
7633
+ border-radius: 0;
7634
+ }
7160
7635
  }
7161
- .d-input .input-group-text {
7162
- border: 0;
7163
- outline: 0;
7636
+ .Toastify__toast-theme--dark {
7637
+ background: var(--toastify-color-dark);
7638
+ color: var(--toastify-text-color-dark);
7164
7639
  }
7165
- .d-input .form-control:disabled {
7166
- background: var(--bs-input-group-disabled-bg);
7640
+ .Toastify__toast-theme--light {
7641
+ background: var(--toastify-color-light);
7642
+ color: var(--toastify-text-color-light);
7167
7643
  }
7168
- .d-input:has(.form-control:disabled) .input-group-text {
7169
- background: var(--bs-input-group-disabled-bg);
7644
+ .Toastify__toast-theme--colored.Toastify__toast--default {
7645
+ background: var(--toastify-color-light);
7646
+ color: var(--toastify-text-color-light);
7170
7647
  }
7171
- .d-input:has(.form-control:disabled) .d-input-icon .d-icon {
7172
- color: var(--bs-input-group-disabled-color);
7648
+ .Toastify__toast-theme--colored.Toastify__toast--info {
7649
+ color: var(--toastify-text-color-info);
7650
+ background: var(--toastify-color-info);
7173
7651
  }
7174
- .d-input:has(.form-control:disabled) .input-group {
7175
- border-color: var(--bs-input-group-disabled-border-color);
7652
+ .Toastify__toast-theme--colored.Toastify__toast--success {
7653
+ color: var(--toastify-text-color-success);
7654
+ background: var(--toastify-color-success);
7176
7655
  }
7177
-
7178
- .label,
7179
- label {
7180
- padding: var(--bs-input-label-padding-y, var(--bs-label-padding-y)) var(--bs-input-label-padding-x, var(--bs-label-padding-x));
7181
- font-size: var(--bs-input-label-font-size, var(--bs-label-font-size));
7182
- font-weight: var(--bs-input-label-font-weight, var(--bs-label-font-weight));
7183
- color: var(--bs-input-label-color, var(--bs-label-color));
7656
+ .Toastify__toast-theme--colored.Toastify__toast--warning {
7657
+ color: var(--toastify-text-color-warning);
7658
+ background: var(--toastify-color-warning);
7184
7659
  }
7185
-
7186
- .form-switch {
7187
- --bs-input-switch-bg: var(--bs-gray-300);
7188
- --bs-input-switch-border-color: var(--bs-gray-500);
7189
- --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");
7190
- --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
7191
- --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
7192
- --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
7193
- --bs-input-switch-active-bg: var(--bs-focus-ring-color);
7194
- --bs-input-switch-disabled-border-color: var(--bs-gray-300);
7195
- --bs-input-switch-disabled-bg: var(--bs-gray-100);
7196
- --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");
7197
- --bs-input-switch-label-color: var(--bs-gray);
7198
- --bs-input-switch-active-label-color: var(--bs-gray-700);
7660
+ .Toastify__toast-theme--colored.Toastify__toast--error {
7661
+ color: var(--toastify-text-color-error);
7662
+ background: var(--toastify-color-error);
7199
7663
  }
7200
- .form-switch .form-check-label {
7201
- color: var(--bs-input-switch-label-color);
7664
+
7665
+ .Toastify__progress-bar-theme--light {
7666
+ background: var(--toastify-color-progress-light);
7202
7667
  }
7203
- .form-switch .form-check-input:checked ~ .form-check-label {
7204
- color: var(--bs-input-switch-active-label-color);
7668
+ .Toastify__progress-bar-theme--dark {
7669
+ background: var(--toastify-color-progress-dark);
7205
7670
  }
7206
- .form-switch .form-check-input {
7207
- background-color: var(--bs-input-switch-bg);
7208
- background-image: var(--bs-input-switch-dot);
7209
- border: 1px solid var(--bs-input-switch-border-color);
7671
+ .Toastify__progress-bar--info {
7672
+ background: var(--toastify-color-progress-info);
7210
7673
  }
7211
- .form-switch .form-check-input:checked {
7212
- background-color: var(--bs-input-switch-active-bg);
7213
- border-color: var(--bs-input-switch-active-border-color);
7674
+ .Toastify__progress-bar--success {
7675
+ background: var(--toastify-color-progress-success);
7214
7676
  }
7215
- .form-switch .form-check-input[disabled]:not(:checked), .form-switch .form-check-input:disabled:not(:checked) {
7216
- background-color: var(--bs-input-switch-disabled-bg);
7217
- background-image: var(--bs-input-switch-disabled-dot);
7218
- border-color: var(--bs-input-switch-disabled-border-color);
7677
+ .Toastify__progress-bar--warning {
7678
+ background: var(--toastify-color-progress-warning);
7219
7679
  }
7220
- .form-switch:hover.form-switch .form-check-input:not([disabled]),
7221
- .form-switch:hover.form-switch .form-check-input:not(:disabled) {
7222
- border-color: var(--bs-input-switch-hover-border-color);
7680
+ .Toastify__progress-bar--error {
7681
+ background: var(--toastify-color-progress-error);
7223
7682
  }
7224
- .form-switch:focus-within.form-switch .form-check-input {
7225
- outline: 2px solid var(--bs-input-switch-focus-outline-color);
7226
- outline-offset: 2px;
7683
+ .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 {
7684
+ background: var(--toastify-color-transparent);
7227
7685
  }
7228
7686
 
7229
- .form-check-input:hover {
7230
- border-color: var(--bs-focus-ring-color);
7687
+ .Toastify__close-button {
7688
+ color: #fff;
7689
+ background: transparent;
7690
+ outline: none;
7691
+ border: none;
7692
+ padding: 0;
7693
+ cursor: pointer;
7694
+ opacity: 0.7;
7695
+ transition: 0.3s ease;
7696
+ align-self: flex-start;
7231
7697
  }
7232
- .form-check-input:focus {
7233
- border-color: var(--bs-gray-300);
7234
- outline: 2px solid var(--bs-focus-ring-color);
7235
- outline-offset: 2px;
7698
+ .Toastify__close-button--light {
7699
+ color: #000;
7700
+ opacity: 0.3;
7236
7701
  }
7237
- .form-check-input:checked {
7238
- border-color: var(--bs-focus-ring-color);
7702
+ .Toastify__close-button > svg {
7703
+ fill: currentColor;
7704
+ height: 16px;
7705
+ width: 14px;
7239
7706
  }
7240
- .form-check-input:disabled {
7241
- background-color: var(--bs-gray-100);
7242
- border-color: var(--bs-gray-300);
7707
+ .Toastify__close-button:hover, .Toastify__close-button:focus {
7708
+ opacity: 1;
7243
7709
  }
7244
7710
 
7245
- .d-input:has(.form-select:not(:disabled)) {
7246
- --bs-input-group-border-color: var(--bs-input-group-hover-border-color);
7711
+ @keyframes Toastify__trackProgress {
7712
+ 0% {
7713
+ transform: scaleX(1);
7714
+ }
7715
+ 100% {
7716
+ transform: scaleX(0);
7717
+ }
7247
7718
  }
7248
- .d-input .form-floating:not(:last-child) .form-select {
7249
- padding-right: 2rem;
7250
- background-position: right center;
7719
+ .Toastify__progress-bar {
7720
+ position: absolute;
7721
+ bottom: 0;
7722
+ left: 0;
7723
+ width: 100%;
7724
+ height: 5px;
7725
+ z-index: var(--toastify-z-index);
7726
+ opacity: 0.7;
7727
+ transform-origin: left;
7251
7728
  }
7252
- .d-input .form-select {
7253
- text-align: var(--bs-input-form-control-text-align);
7254
- border-width: 0;
7255
- box-shadow: none;
7729
+ .Toastify__progress-bar--animated {
7730
+ animation: Toastify__trackProgress linear 1 forwards;
7256
7731
  }
7257
- .d-input .form-select:not(:last-child, .floating-label) {
7258
- padding-right: 2rem;
7259
- background-position: right center;
7732
+ .Toastify__progress-bar--controlled {
7733
+ transition: transform 0.2s;
7260
7734
  }
7261
- .d-input .form-select:not(:first-child) {
7262
- padding-left: 0;
7735
+ .Toastify__progress-bar--rtl {
7736
+ right: 0;
7737
+ left: initial;
7738
+ transform-origin: right;
7263
7739
  }
7264
7740
 
7265
- .d-input-pin {
7266
- --bs-input-pin-gap: 0.5rem;
7267
- --bs-input-pin-label-gap: var(--bs-ref-spacer-1);
7268
- --bs-input-pin-label-focus-color: var(--bs-secondary);
7269
- --bs-input-pin-label-padding-x: var(--bs-ref-spacer-2);
7270
- --bs-input-pin-label-padding-y: 0;
7271
- --bs-input-pin-label-font-weight: var(--bs-ref-fw-bold);
7272
- --bs-input-pin-label-font-size: var(--bs-ref-fs-small);
7273
- --bs-input-pin-label-color: var(--bs-gray);
7274
- --bs-input-pin-form-control-gap: 0.25rem;
7275
- --bs-input-pin-form-control-width: 4rem;
7276
- --bs-input-pin-form-control-height: 4rem;
7277
- --bs-input-pin-form-control-border-color: var(--bs-gray);
7278
- --bs-input-pin-form-control-focus-border-color: var(--bs-secondary);
7279
- --bs-input-pin-form-control-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
7280
- --bs-input-pin-form-control-hover-border-color: var(--bs-gray);
7281
- --bs-input-pin-form-text-padding: 0 0.5rem;
7282
- --bs-input-pin-form-text-gap: 0.5rem;
7283
- --bs-input-pin-form-text-color: var(--bs-gray);
7284
- display: flex;
7285
- flex-direction: column;
7286
- gap: var(--bs-input-pin-gap);
7287
- align-items: flex-start;
7741
+ .Toastify__spinner {
7742
+ width: 20px;
7743
+ height: 20px;
7744
+ box-sizing: border-box;
7745
+ border: 2px solid;
7746
+ border-radius: 100%;
7747
+ border-color: var(--toastify-spinner-color-empty-area);
7748
+ border-right-color: var(--toastify-spinner-color);
7749
+ animation: Toastify__spin 0.65s linear infinite;
7288
7750
  }
7289
- .d-input-pin label {
7290
- display: inline-flex;
7291
- flex-direction: row;
7292
- gap: var(--bs-input-pin-label-gap);
7293
- align-items: center;
7294
- padding: var(--bs-input-pin-label-padding-y) var(--bs-input-pin-label-padding-x);
7295
- font-size: var(--bs-input-pin-label-font-size);
7296
- font-weight: var(--bs-input-pin-label-font-weight);
7297
- color: var(--bs-input-pin-label-color);
7751
+
7752
+ @keyframes Toastify__bounceInRight {
7753
+ from, 60%, 75%, 90%, to {
7754
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
7755
+ }
7756
+ from {
7757
+ opacity: 0;
7758
+ transform: translate3d(3000px, 0, 0);
7759
+ }
7760
+ 60% {
7761
+ opacity: 1;
7762
+ transform: translate3d(-25px, 0, 0);
7763
+ }
7764
+ 75% {
7765
+ transform: translate3d(10px, 0, 0);
7766
+ }
7767
+ 90% {
7768
+ transform: translate3d(-5px, 0, 0);
7769
+ }
7770
+ to {
7771
+ transform: none;
7772
+ }
7298
7773
  }
7299
- .d-input-pin label .d-input-pin-icon {
7300
- --bs-icon-color: var(--bs-focus-ring-color);
7774
+ @keyframes Toastify__bounceOutRight {
7775
+ 20% {
7776
+ opacity: 1;
7777
+ transform: translate3d(-20px, 0, 0);
7778
+ }
7779
+ to {
7780
+ opacity: 0;
7781
+ transform: translate3d(2000px, 0, 0);
7782
+ }
7301
7783
  }
7302
- .d-input-pin .d-input-pin-controls {
7303
- display: flex;
7304
- flex-direction: row;
7305
- gap: var(--bs-input-pin-form-control-gap);
7306
- width: 100%;
7784
+ @keyframes Toastify__bounceInLeft {
7785
+ from, 60%, 75%, 90%, to {
7786
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
7787
+ }
7788
+ 0% {
7789
+ opacity: 0;
7790
+ transform: translate3d(-3000px, 0, 0);
7791
+ }
7792
+ 60% {
7793
+ opacity: 1;
7794
+ transform: translate3d(25px, 0, 0);
7795
+ }
7796
+ 75% {
7797
+ transform: translate3d(-10px, 0, 0);
7798
+ }
7799
+ 90% {
7800
+ transform: translate3d(5px, 0, 0);
7801
+ }
7802
+ to {
7803
+ transform: none;
7804
+ }
7307
7805
  }
7308
- .d-input-pin .form-control {
7309
- width: var(--bs-input-pin-form-control-width);
7310
- height: var(--bs-input-pin-form-control-height);
7311
- text-align: center;
7312
- box-shadow: none;
7806
+ @keyframes Toastify__bounceOutLeft {
7807
+ 20% {
7808
+ opacity: 1;
7809
+ transform: translate3d(20px, 0, 0);
7810
+ }
7811
+ to {
7812
+ opacity: 0;
7813
+ transform: translate3d(-2000px, 0, 0);
7814
+ }
7313
7815
  }
7314
- .d-input-pin .form-control::-webkit-inner-spin-button,
7315
- .d-input-pin .form-control::-webkit-outer-spin-button {
7316
- margin: 0;
7317
- -webkit-appearance: none;
7318
- appearance: none;
7816
+ @keyframes Toastify__bounceInUp {
7817
+ from, 60%, 75%, 90%, to {
7818
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
7819
+ }
7820
+ from {
7821
+ opacity: 0;
7822
+ transform: translate3d(0, 3000px, 0);
7823
+ }
7824
+ 60% {
7825
+ opacity: 1;
7826
+ transform: translate3d(0, -20px, 0);
7827
+ }
7828
+ 75% {
7829
+ transform: translate3d(0, 10px, 0);
7830
+ }
7831
+ 90% {
7832
+ transform: translate3d(0, -5px, 0);
7833
+ }
7834
+ to {
7835
+ transform: translate3d(0, 0, 0);
7836
+ }
7319
7837
  }
7320
- .d-input-pin .form-control:not(:-moz-placeholder-shown) {
7321
- border-color: var(--bs-input-pin-form-control-border-color);
7838
+ @keyframes Toastify__bounceOutUp {
7839
+ 20% {
7840
+ transform: translate3d(0, -10px, 0);
7841
+ }
7842
+ 40%, 45% {
7843
+ opacity: 1;
7844
+ transform: translate3d(0, 20px, 0);
7845
+ }
7846
+ to {
7847
+ opacity: 0;
7848
+ transform: translate3d(0, -2000px, 0);
7849
+ }
7850
+ }
7851
+ @keyframes Toastify__bounceInDown {
7852
+ from, 60%, 75%, 90%, to {
7853
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
7854
+ }
7855
+ 0% {
7856
+ opacity: 0;
7857
+ transform: translate3d(0, -3000px, 0);
7858
+ }
7859
+ 60% {
7860
+ opacity: 1;
7861
+ transform: translate3d(0, 25px, 0);
7862
+ }
7863
+ 75% {
7864
+ transform: translate3d(0, -10px, 0);
7865
+ }
7866
+ 90% {
7867
+ transform: translate3d(0, 5px, 0);
7868
+ }
7869
+ to {
7870
+ transform: none;
7871
+ }
7322
7872
  }
7323
- .d-input-pin .form-control:not(:placeholder-shown) {
7324
- border-color: var(--bs-input-pin-form-control-border-color);
7873
+ @keyframes Toastify__bounceOutDown {
7874
+ 20% {
7875
+ transform: translate3d(0, 10px, 0);
7876
+ }
7877
+ 40%, 45% {
7878
+ opacity: 1;
7879
+ transform: translate3d(0, -20px, 0);
7880
+ }
7881
+ to {
7882
+ opacity: 0;
7883
+ transform: translate3d(0, 2000px, 0);
7884
+ }
7325
7885
  }
7326
- .d-input-pin:has(.form-control:hover) .form-control:not(:disabled) {
7327
- border-color: var(--bs-input-pin-form-control-hover-border-color);
7886
+ .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
7887
+ animation-name: Toastify__bounceInLeft;
7328
7888
  }
7329
- .d-input-pin:focus-within .form-control {
7330
- border-color: var(--bs-input-pin-form-control-focus-border-color);
7331
- box-shadow: var(--bs-input-pin-form-control-focus-box-shadow);
7889
+ .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
7890
+ animation-name: Toastify__bounceInRight;
7332
7891
  }
7333
- .d-input-pin:focus-within:has(.form-control:hover) .form-control {
7334
- border-color: var(--bs-input-pin-form-control-focus-border-color);
7892
+ .Toastify__bounce-enter--top-center {
7893
+ animation-name: Toastify__bounceInDown;
7335
7894
  }
7336
- .d-input-pin:has(.form-control.is-valid) .form-control {
7337
- border-color: var(--bs-success);
7895
+ .Toastify__bounce-enter--bottom-center {
7896
+ animation-name: Toastify__bounceInUp;
7338
7897
  }
7339
- .d-input-pin:has(.form-control.is-valid) .form-text {
7340
- color: var(--bs-form-valid-border-color);
7898
+
7899
+ .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
7900
+ animation-name: Toastify__bounceOutLeft;
7341
7901
  }
7342
- .d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon {
7343
- --bs-icon-color: var(--bs-success);
7902
+ .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
7903
+ animation-name: Toastify__bounceOutRight;
7344
7904
  }
7345
- .d-input-pin:has(.form-control.is-invalid) .form-control {
7346
- border-color: var(--bs-danger);
7905
+ .Toastify__bounce-exit--top-center {
7906
+ animation-name: Toastify__bounceOutUp;
7347
7907
  }
7348
- .d-input-pin:has(.form-control.is-invalid) .form-text {
7349
- color: var(--bs-form-invalid-border-color);
7908
+ .Toastify__bounce-exit--bottom-center {
7909
+ animation-name: Toastify__bounceOutDown;
7350
7910
  }
7351
- .d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon {
7352
- --bs-icon-color: var(--bs-danger);
7911
+
7912
+ @keyframes Toastify__zoomIn {
7913
+ from {
7914
+ opacity: 0;
7915
+ transform: scale3d(0.3, 0.3, 0.3);
7916
+ }
7917
+ 50% {
7918
+ opacity: 1;
7919
+ }
7353
7920
  }
7354
- .d-input-pin .input-group-text {
7355
- padding-left: var(--bs-input-pin-form-control-gap);
7921
+ @keyframes Toastify__zoomOut {
7922
+ from {
7923
+ opacity: 1;
7924
+ }
7925
+ 50% {
7926
+ opacity: 0;
7927
+ transform: scale3d(0.3, 0.3, 0.3);
7928
+ }
7929
+ to {
7930
+ opacity: 0;
7931
+ }
7356
7932
  }
7357
- .d-input-pin .form-text {
7358
- display: inline-flex;
7359
- flex-direction: row;
7360
- gap: var(--bs-input-pin-form-text-gap);
7361
- align-items: center;
7362
- padding: var(--bs-input-pin-form-text-padding);
7363
- color: var(--bs-input-pin-form-text-color);
7933
+ .Toastify__zoom-enter {
7934
+ animation-name: Toastify__zoomIn;
7364
7935
  }
7365
7936
 
7366
- .btn {
7367
- --bs-btn-padding-x: 1rem;
7368
- --bs-btn-padding-y: 0.5rem;
7369
- --bs-btn-font-family: ;
7370
- --bs-btn-font-size: 1rem;
7371
- --bs-btn-font-weight: 400;
7372
- --bs-btn-line-height: 1.2rem;
7373
- --bs-btn-color: var(--bs-body-color);
7374
- --bs-btn-bg: transparent;
7375
- --bs-btn-border-width: 1px;
7376
- --bs-btn-border-color: transparent;
7377
- --bs-btn-border-radius: var(--bs-btn-component-border-radius, 0.5rem);
7378
- --bs-btn-hover-border-color: transparent;
7379
- --bs-btn-box-shadow: none;
7380
- --bs-btn-disabled-opacity: 1;
7381
- --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
7382
- --bs-btn–text-decoration: if($link-decoration == none, null, none);
7383
- --bs-btn-lg-padding-y: 0.875rem;
7384
- --bs-btn-lg-padding-x: 1.5rem;
7385
- --bs-btn-lg-font-size: 1.125rem;
7386
- --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, 1.5rem);
7387
- --bs-btn-sm-padding-y: 0.25rem;
7388
- --bs-btn-sm-padding-x: 1rem;
7389
- --bs-btn-sm-font-size: 0.875rem;
7390
- --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, 0.5rem);
7391
- display: inline-flex;
7392
- flex-direction: row;
7393
- gap: var(--bs-btn-gap, 0.5rem);
7394
- align-items: center;
7395
- justify-content: center;
7396
- padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
7397
- font-family: var(--bs-btn-font-family);
7398
- font-size: var(--bs-btn-font-size);
7399
- font-weight: var(--bs-btn-font-weight);
7400
- line-height: var(--bs-btn-line-height);
7401
- color: var(--bs-btn-color);
7402
- text-align: center;
7403
- text-decoration: none;
7404
- vertical-align: middle;
7405
- cursor: pointer;
7406
- -webkit-user-select: none;
7407
- -moz-user-select: none;
7408
- user-select: none;
7409
- border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
7410
- border-radius: var(--bs-btn-border-radius);
7411
- background-color: var(--bs-btn-bg);
7412
- box-shadow: var(--bs-btn-box-shadow);
7413
- 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;
7937
+ .Toastify__zoom-exit {
7938
+ animation-name: Toastify__zoomOut;
7414
7939
  }
7415
- @media (prefers-reduced-motion: reduce) {
7416
- .btn {
7417
- transition: none;
7940
+
7941
+ @keyframes Toastify__flipIn {
7942
+ from {
7943
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
7944
+ animation-timing-function: ease-in;
7945
+ opacity: 0;
7946
+ }
7947
+ 40% {
7948
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
7949
+ animation-timing-function: ease-in;
7950
+ }
7951
+ 60% {
7952
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
7953
+ opacity: 1;
7954
+ }
7955
+ 80% {
7956
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
7957
+ }
7958
+ to {
7959
+ transform: perspective(400px);
7418
7960
  }
7419
7961
  }
7420
- .btn > span {
7421
- -webkit-text-decoration: var(--bs-btn-text-decoration);
7422
- text-decoration: var(--bs-btn-text-decoration);
7962
+ @keyframes Toastify__flipOut {
7963
+ from {
7964
+ transform: perspective(400px);
7965
+ }
7966
+ 30% {
7967
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
7968
+ opacity: 1;
7969
+ }
7970
+ to {
7971
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
7972
+ opacity: 0;
7973
+ }
7423
7974
  }
7424
- .btn:hover, .btn.hover {
7425
- color: var(--bs-btn-hover-color);
7426
- text-decoration: none;
7427
- background-color: var(--bs-btn-hover-bg);
7428
- border-color: var(--bs-btn-hover-border-color);
7975
+ .Toastify__flip-enter {
7976
+ animation-name: Toastify__flipIn;
7429
7977
  }
7430
- .btn-check + .btn:hover {
7431
- color: var(--bs-btn-color);
7432
- background-color: var(--bs-btn-bg);
7433
- border-color: var(--bs-btn-border-color);
7978
+
7979
+ .Toastify__flip-exit {
7980
+ animation-name: Toastify__flipOut;
7434
7981
  }
7435
- .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
7436
- color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
7437
- background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
7438
- border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
7439
- outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
7440
- outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
7982
+
7983
+ @keyframes Toastify__slideInRight {
7984
+ from {
7985
+ transform: translate3d(110%, 0, 0);
7986
+ visibility: visible;
7987
+ }
7988
+ to {
7989
+ transform: translate3d(0, 0, 0);
7990
+ }
7441
7991
  }
7442
- .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
7443
- color: var(--bs-btn-active-color);
7444
- background-color: var(--bs-btn-active-bg);
7445
- border-color: var(--bs-btn-active-border-color);
7446
- box-shadow: var(--bs-btn-active-shadow);
7992
+ @keyframes Toastify__slideInLeft {
7993
+ from {
7994
+ transform: translate3d(-110%, 0, 0);
7995
+ visibility: visible;
7996
+ }
7997
+ to {
7998
+ transform: translate3d(0, 0, 0);
7999
+ }
7447
8000
  }
7448
- .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 {
7449
- box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
8001
+ @keyframes Toastify__slideInUp {
8002
+ from {
8003
+ transform: translate3d(0, 110%, 0);
8004
+ visibility: visible;
8005
+ }
8006
+ to {
8007
+ transform: translate3d(0, 0, 0);
8008
+ }
7450
8009
  }
7451
- .btn:disabled, .btn.disabled, fieldset:disabled .btn {
7452
- color: var(--bs-btn-disabled-color);
7453
- pointer-events: none;
7454
- background-color: var(--bs-btn-disabled-bg);
7455
- border-color: var(--bs-btn-disabled-border-color);
7456
- opacity: var(--bs-btn-disabled-opacity);
7457
- box-shadow: none;
8010
+ @keyframes Toastify__slideInDown {
8011
+ from {
8012
+ transform: translate3d(0, -110%, 0);
8013
+ visibility: visible;
8014
+ }
8015
+ to {
8016
+ transform: translate3d(0, 0, 0);
8017
+ }
7458
8018
  }
7459
- .btn .d-icon {
7460
- --bs-icon-size: var(--bs-btn-font-size);
8019
+ @keyframes Toastify__slideOutRight {
8020
+ from {
8021
+ transform: translate3d(0, 0, 0);
8022
+ }
8023
+ to {
8024
+ visibility: hidden;
8025
+ transform: translate3d(110%, 0, 0);
8026
+ }
7461
8027
  }
7462
-
7463
- .btn-primary {
7464
- --bs-btn-color: var(--bs-white);
7465
- --bs-btn-bg: var(--bs-primary-500);
7466
- --bs-btn-border-color: var(--bs-primary-500);
7467
- --bs-btn-hover-color: var(--bs-white);
7468
- --bs-btn-hover-bg: var(--bs-primary-600);
7469
- --bs-btn-hover-border-color: var(--bs-primary-600);
7470
- --bs-btn-focus-color: var(--bs-white);
7471
- --bs-btn-focus-bg: var(--bs-primary-600);
7472
- --bs-btn-focus-border-color: var(--bs-primary-600);
7473
- --bs-btn-active-color: var(--bs-white);
7474
- --bs-btn-active-bg: var(--bs-primary-700);
7475
- --bs-btn-active-border-color: var(--bs-primary-700);
7476
- --bs-btn-disabled-color: var(--bs-gray-700);
7477
- --bs-btn-disabled-bg: var(--bs-primary-100);
7478
- --bs-btn-disabled-border-color: var(--bs-primary-100);
8028
+ @keyframes Toastify__slideOutLeft {
8029
+ from {
8030
+ transform: translate3d(0, 0, 0);
8031
+ }
8032
+ to {
8033
+ visibility: hidden;
8034
+ transform: translate3d(-110%, 0, 0);
8035
+ }
7479
8036
  }
7480
- .btn-primary.loading {
7481
- --bs-btn-disabled-opacity: 1;
7482
- --bs-btn-disabled-bg: var(--bs-primary-700);
7483
- --bs-btn-disabled-border-color: var(--bs-primary-700);
7484
- --bs-btn-disabled-color: var(--bs-white);
8037
+ @keyframes Toastify__slideOutDown {
8038
+ from {
8039
+ transform: translate3d(0, 0, 0);
8040
+ }
8041
+ to {
8042
+ visibility: hidden;
8043
+ transform: translate3d(0, 500px, 0);
8044
+ }
7485
8045
  }
7486
-
7487
- .btn-outline-primary {
7488
- --bs-btn-bg: transparent;
7489
- --bs-btn-border-color: var(--bs-primary-600);
7490
- --bs-btn-color: var(--bs-primary-600);
7491
- --bs-btn-hover-bg: var(--bs-primary-100);
7492
- --bs-btn-hover-border-color: var(--bs-primary-600);
7493
- --bs-btn-hover-color: var(--bs-primary-600);
7494
- --bs-btn-focus-bg: var(--bs-primary-100);
7495
- --bs-btn-focus-border-color: var(--bs-primary-600);
7496
- --bs-btn-focus-color: var(--bs-primary-600);
7497
- --bs-btn-active-bg: var(--bs-primary-200);
7498
- --bs-btn-active-border-color: var(--bs-primary-600);
7499
- --bs-btn-active-color: var(--bs-primary-600);
7500
- --bs-btn-disabled-bg: transparent;
7501
- --bs-btn-disabled-border-color: var(--bs-primary-100);
7502
- --bs-btn-disabled-color: var(--bs-gray-700);
7503
- --bs-gradient: none;
8046
+ @keyframes Toastify__slideOutUp {
8047
+ from {
8048
+ transform: translate3d(0, 0, 0);
8049
+ }
8050
+ to {
8051
+ visibility: hidden;
8052
+ transform: translate3d(0, -500px, 0);
8053
+ }
7504
8054
  }
7505
- .btn-outline-primary.loading {
7506
- --bs-btn-disabled-opacity: 1;
7507
- --bs-btn-disabled-bg: transparent;
7508
- --bs-btn-disabled-border-color: var(--bs-primary-600);
7509
- --bs-btn-disabled-color: var(--bs-primary-600);
8055
+ .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
8056
+ animation-name: Toastify__slideInLeft;
7510
8057
  }
7511
-
7512
- .btn-link-primary {
7513
- --bs-btn-bg: transparent;
7514
- --bs-btn-border-color: transparent;
7515
- --bs-btn-color: var(--bs-primary-600);
7516
- --bs-btn-hover-bg: var(--bs-primary-100);
7517
- --bs-btn-hover-border-color: transparent;
7518
- --bs-btn-hover-color: var(--bs-primary-600);
7519
- --bs-btn-focus-bg: transparent;
7520
- --bs-btn-focus-border-color: transparent;
7521
- --bs-btn-focus-color: var(--bs-primary-600);
7522
- --bs-btn-active-bg: var(--bs-primary-200);
7523
- --bs-btn-active-border-color: transparent;
7524
- --bs-btn-active-color: var(--bs-primary-600);
7525
- --bs-btn-disabled-bg: transparent;
7526
- --bs-btn-disabled-border-color: transparent;
7527
- --bs-btn-disabled-color: var(--bs-primary-300);
7528
- --bs-btn-focus-outline-offset: 0;
8058
+ .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
8059
+ animation-name: Toastify__slideInRight;
7529
8060
  }
7530
- .btn-link-primary span {
7531
- text-decoration: underline;
8061
+ .Toastify__slide-enter--top-center {
8062
+ animation-name: Toastify__slideInDown;
7532
8063
  }
7533
- .btn-link-primary.loading {
7534
- --bs-btn-disabled-opacity: 1;
7535
- --bs-btn-disabled-bg: transparent;
7536
- --bs-btn-disabled-border-color: transparent;
7537
- --bs-btn-disabled-color: var(--bs-primary-600);
8064
+ .Toastify__slide-enter--bottom-center {
8065
+ animation-name: Toastify__slideInUp;
7538
8066
  }
7539
8067
 
7540
- .btn-secondary {
7541
- --bs-btn-color: var(--bs-white);
7542
- --bs-btn-bg: var(--bs-secondary-500);
7543
- --bs-btn-border-color: var(--bs-secondary-500);
7544
- --bs-btn-hover-color: var(--bs-white);
7545
- --bs-btn-hover-bg: var(--bs-secondary-600);
7546
- --bs-btn-hover-border-color: var(--bs-secondary-600);
7547
- --bs-btn-focus-color: var(--bs-white);
7548
- --bs-btn-focus-bg: var(--bs-secondary-600);
7549
- --bs-btn-focus-border-color: var(--bs-secondary-600);
7550
- --bs-btn-active-color: var(--bs-white);
7551
- --bs-btn-active-bg: var(--bs-secondary-700);
7552
- --bs-btn-active-border-color: var(--bs-secondary-700);
7553
- --bs-btn-disabled-color: var(--bs-gray-700);
7554
- --bs-btn-disabled-bg: var(--bs-secondary-100);
7555
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
8068
+ .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
8069
+ animation-name: Toastify__slideOutLeft;
7556
8070
  }
7557
- .btn-secondary.loading {
7558
- --bs-btn-disabled-opacity: 1;
7559
- --bs-btn-disabled-bg: var(--bs-secondary-700);
7560
- --bs-btn-disabled-border-color: var(--bs-secondary-700);
7561
- --bs-btn-disabled-color: var(--bs-white);
8071
+ .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
8072
+ animation-name: Toastify__slideOutRight;
7562
8073
  }
7563
-
7564
- .btn-outline-secondary {
7565
- --bs-btn-bg: transparent;
7566
- --bs-btn-border-color: var(--bs-secondary-600);
7567
- --bs-btn-color: var(--bs-secondary-600);
7568
- --bs-btn-hover-bg: var(--bs-secondary-100);
7569
- --bs-btn-hover-border-color: var(--bs-secondary-600);
7570
- --bs-btn-hover-color: var(--bs-secondary-600);
7571
- --bs-btn-focus-bg: var(--bs-secondary-100);
7572
- --bs-btn-focus-border-color: var(--bs-secondary-600);
7573
- --bs-btn-focus-color: var(--bs-secondary-600);
7574
- --bs-btn-active-bg: var(--bs-secondary-200);
7575
- --bs-btn-active-border-color: var(--bs-secondary-600);
7576
- --bs-btn-active-color: var(--bs-secondary-600);
7577
- --bs-btn-disabled-bg: transparent;
7578
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
7579
- --bs-btn-disabled-color: var(--bs-gray-700);
7580
- --bs-gradient: none;
8074
+ .Toastify__slide-exit--top-center {
8075
+ animation-name: Toastify__slideOutUp;
7581
8076
  }
7582
- .btn-outline-secondary.loading {
7583
- --bs-btn-disabled-opacity: 1;
7584
- --bs-btn-disabled-bg: transparent;
7585
- --bs-btn-disabled-border-color: var(--bs-secondary-600);
7586
- --bs-btn-disabled-color: var(--bs-secondary-600);
8077
+ .Toastify__slide-exit--bottom-center {
8078
+ animation-name: Toastify__slideOutDown;
7587
8079
  }
7588
8080
 
7589
- .btn-link-secondary {
7590
- --bs-btn-bg: transparent;
7591
- --bs-btn-border-color: transparent;
7592
- --bs-btn-color: var(--bs-secondary-600);
7593
- --bs-btn-hover-bg: var(--bs-secondary-100);
7594
- --bs-btn-hover-border-color: transparent;
7595
- --bs-btn-hover-color: var(--bs-secondary-600);
7596
- --bs-btn-focus-bg: transparent;
7597
- --bs-btn-focus-border-color: transparent;
7598
- --bs-btn-focus-color: var(--bs-secondary-600);
7599
- --bs-btn-active-bg: var(--bs-secondary-200);
7600
- --bs-btn-active-border-color: transparent;
7601
- --bs-btn-active-color: var(--bs-secondary-600);
7602
- --bs-btn-disabled-bg: transparent;
7603
- --bs-btn-disabled-border-color: transparent;
7604
- --bs-btn-disabled-color: var(--bs-secondary-300);
7605
- --bs-btn-focus-outline-offset: 0;
8081
+ @keyframes Toastify__spin {
8082
+ from {
8083
+ transform: rotate(0deg);
8084
+ }
8085
+ to {
8086
+ transform: rotate(360deg);
8087
+ }
7606
8088
  }
7607
- .btn-link-secondary span {
7608
- text-decoration: underline;
8089
+ .d-icon {
8090
+ --bs-icon-color: var(--bs-icon-component-color, inherit);
8091
+ --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
8092
+ --bs-icon-size: var(--bs-icon-component-size, 1.5rem);
8093
+ --bs-icon-padding: var(--bs-icon-component-padding, 0);
8094
+ --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
8095
+ display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
8096
+ align-items: center;
8097
+ justify-content: center;
8098
+ width: var(--bs-icon-size);
8099
+ height: var(--bs-icon-size);
8100
+ padding: var(--bs-icon-padding);
8101
+ font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
8102
+ color: var(--bs-icon-color);
8103
+ background-color: var(--bs-icon-bg-color);
8104
+ border-radius: var(--bs-icon-padding);
7609
8105
  }
7610
- .btn-link-secondary.loading {
7611
- --bs-btn-disabled-opacity: 1;
7612
- --bs-btn-disabled-bg: transparent;
7613
- --bs-btn-disabled-border-color: transparent;
7614
- --bs-btn-disabled-color: var(--bs-secondary-600);
8106
+
8107
+ .d-icon-loading {
8108
+ animation: loading-icon var(--bs-icon-loading-duration) infinite linear;
7615
8109
  }
7616
8110
 
7617
- .btn-success {
7618
- --bs-btn-color: var(--bs-white);
7619
- --bs-btn-bg: var(--bs-success-500);
7620
- --bs-btn-border-color: var(--bs-success-500);
7621
- --bs-btn-hover-color: var(--bs-white);
7622
- --bs-btn-hover-bg: var(--bs-success-600);
7623
- --bs-btn-hover-border-color: var(--bs-success-600);
7624
- --bs-btn-focus-color: var(--bs-white);
7625
- --bs-btn-focus-bg: var(--bs-success-600);
7626
- --bs-btn-focus-border-color: var(--bs-success-600);
7627
- --bs-btn-active-color: var(--bs-white);
7628
- --bs-btn-active-bg: var(--bs-success-700);
7629
- --bs-btn-active-border-color: var(--bs-success-700);
7630
- --bs-btn-disabled-color: var(--bs-gray-700);
7631
- --bs-btn-disabled-bg: var(--bs-success-100);
7632
- --bs-btn-disabled-border-color: var(--bs-success-100);
8111
+ @keyframes loading-icon {
8112
+ from {
8113
+ transform: rotate(0deg);
8114
+ }
8115
+ to {
8116
+ transform: rotate(360deg);
8117
+ }
8118
+ }
8119
+ .d-input {
8120
+ --bs-input-gap: 0.5rem;
8121
+ --bs-input-label-color: var(--bs-gray);
8122
+ --bs-input-label-font-weight: var(--bs-ref-fw-bold);
8123
+ --bs-input-label-font-size: var(--bs-ref-fs-small);
8124
+ --bs-input-label-padding-x: var(--bs-ref-spacer-2);
8125
+ --bs-input-label-padding-y: 0;
8126
+ --bs-input-label-gap: var(--bs-ref-spacer-1);
8127
+ --bs-input-group-border-color: var(--bs-gray-300);
8128
+ --bs-input-group-border-width: 1px;
8129
+ --bs-input-group-border-radius: 0.5rem;
8130
+ --bs-input-group-hover-border-color: var(--bs-gray);
8131
+ --bs-input-group-focus-border-color: var(--bs-secondary);
8132
+ --bs-input-group-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
8133
+ --bs-input-form-control-text-align: var(--bs-input-component-form-control-text-align, "left");
8134
+ --bs-input-form-text-padding: 0 0.5rem;
8135
+ --bs-input-form-text-gap: 0.5rem;
8136
+ --bs-input-form-text-color: var(--bs-gray);
8137
+ --bs-input-group-disabled-border-color: var(--bs-gray-300);
8138
+ --bs-input-group-disabled-bg: var(--bs-gray-100);
8139
+ --bs-input-group-disabled-color: var(--bs-gray);
8140
+ display: flex;
8141
+ flex-direction: column;
8142
+ gap: var(--bs-input-gap);
8143
+ align-items: flex-start;
7633
8144
  }
7634
- .btn-success.loading {
7635
- --bs-btn-disabled-opacity: 1;
7636
- --bs-btn-disabled-bg: var(--bs-success-700);
7637
- --bs-btn-disabled-border-color: var(--bs-success-700);
7638
- --bs-btn-disabled-color: var(--bs-white);
8145
+ .d-input:focus-within .input-group {
8146
+ border-color: var(--bs-input-group-focus-border-color);
8147
+ box-shadow: var(--bs-input-group-focus-box-shadow);
7639
8148
  }
7640
-
7641
- .btn-outline-success {
7642
- --bs-btn-bg: transparent;
7643
- --bs-btn-border-color: var(--bs-success-600);
7644
- --bs-btn-color: var(--bs-success-600);
7645
- --bs-btn-hover-bg: var(--bs-success-100);
7646
- --bs-btn-hover-border-color: var(--bs-success-600);
7647
- --bs-btn-hover-color: var(--bs-success-600);
7648
- --bs-btn-focus-bg: var(--bs-success-100);
7649
- --bs-btn-focus-border-color: var(--bs-success-600);
7650
- --bs-btn-focus-color: var(--bs-success-600);
7651
- --bs-btn-active-bg: var(--bs-success-200);
7652
- --bs-btn-active-border-color: var(--bs-success-600);
7653
- --bs-btn-active-color: var(--bs-success-600);
7654
- --bs-btn-disabled-bg: transparent;
7655
- --bs-btn-disabled-border-color: var(--bs-success-100);
7656
- --bs-btn-disabled-color: var(--bs-gray-700);
7657
- --bs-gradient: none;
8149
+ .d-input .d-input-control {
8150
+ display: flex;
8151
+ flex-direction: column;
8152
+ gap: var(--bs-input-gap);
8153
+ width: 100%;
7658
8154
  }
7659
- .btn-outline-success.loading {
7660
- --bs-btn-disabled-opacity: 1;
7661
- --bs-btn-disabled-bg: transparent;
7662
- --bs-btn-disabled-border-color: var(--bs-success-600);
7663
- --bs-btn-disabled-color: var(--bs-success-600);
8155
+ .d-input label {
8156
+ display: inline-flex;
8157
+ flex-direction: row;
8158
+ gap: var(--bs-input-label-gap);
8159
+ align-items: center;
7664
8160
  }
7665
-
7666
- .btn-link-success {
7667
- --bs-btn-bg: transparent;
7668
- --bs-btn-border-color: transparent;
7669
- --bs-btn-color: var(--bs-success-600);
7670
- --bs-btn-hover-bg: var(--bs-success-100);
7671
- --bs-btn-hover-border-color: transparent;
7672
- --bs-btn-hover-color: var(--bs-success-600);
7673
- --bs-btn-focus-bg: transparent;
7674
- --bs-btn-focus-border-color: transparent;
7675
- --bs-btn-focus-color: var(--bs-success-600);
7676
- --bs-btn-active-bg: var(--bs-success-200);
7677
- --bs-btn-active-border-color: transparent;
7678
- --bs-btn-active-color: var(--bs-success-600);
7679
- --bs-btn-disabled-bg: transparent;
7680
- --bs-btn-disabled-border-color: transparent;
7681
- --bs-btn-disabled-color: var(--bs-success-300);
7682
- --bs-btn-focus-outline-offset: 0;
8161
+ .d-input label .d-input-icon .d-icon {
8162
+ --bs-icon-color: var(--bs-focus-ring-color);
7683
8163
  }
7684
- .btn-link-success span {
7685
- text-decoration: underline;
8164
+ .d-input .input-group {
8165
+ border: var(--bs-input-group-border-width) solid var(--bs-input-group-border-color);
8166
+ border-radius: var(--bs-input-group-border-radius);
7686
8167
  }
7687
- .btn-link-success.loading {
7688
- --bs-btn-disabled-opacity: 1;
7689
- --bs-btn-disabled-bg: transparent;
7690
- --bs-btn-disabled-border-color: transparent;
7691
- --bs-btn-disabled-color: var(--bs-success-600);
8168
+ .d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown)) {
8169
+ border-color: var(--bs-input-group-hover-border-color);
7692
8170
  }
7693
-
7694
- .btn-info {
7695
- --bs-btn-color: var(--bs-white);
7696
- --bs-btn-bg: var(--bs-info-500);
7697
- --bs-btn-border-color: var(--bs-info-500);
7698
- --bs-btn-hover-color: var(--bs-white);
7699
- --bs-btn-hover-bg: var(--bs-info-600);
7700
- --bs-btn-hover-border-color: var(--bs-info-600);
7701
- --bs-btn-focus-color: var(--bs-white);
7702
- --bs-btn-focus-bg: var(--bs-info-600);
7703
- --bs-btn-focus-border-color: var(--bs-info-600);
7704
- --bs-btn-active-color: var(--bs-white);
7705
- --bs-btn-active-bg: var(--bs-info-700);
7706
- --bs-btn-active-border-color: var(--bs-info-700);
7707
- --bs-btn-disabled-color: var(--bs-gray-700);
7708
- --bs-btn-disabled-bg: var(--bs-info-100);
7709
- --bs-btn-disabled-border-color: var(--bs-info-100);
8171
+ .d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown)) {
8172
+ border-color: var(--bs-input-group-hover-border-color);
7710
8173
  }
7711
- .btn-info.loading {
7712
- --bs-btn-disabled-opacity: 1;
7713
- --bs-btn-disabled-bg: var(--bs-info-700);
7714
- --bs-btn-disabled-border-color: var(--bs-info-700);
7715
- --bs-btn-disabled-color: var(--bs-white);
8174
+ .d-input:has(.form-control.is-valid) .input-group {
8175
+ border-color: var(--bs-form-valid-border-color);
8176
+ box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
7716
8177
  }
7717
-
7718
- .btn-outline-info {
7719
- --bs-btn-bg: transparent;
7720
- --bs-btn-border-color: var(--bs-info-600);
7721
- --bs-btn-color: var(--bs-info-600);
7722
- --bs-btn-hover-bg: var(--bs-info-100);
7723
- --bs-btn-hover-border-color: var(--bs-info-600);
7724
- --bs-btn-hover-color: var(--bs-info-600);
7725
- --bs-btn-focus-bg: var(--bs-info-100);
7726
- --bs-btn-focus-border-color: var(--bs-info-600);
7727
- --bs-btn-focus-color: var(--bs-info-600);
7728
- --bs-btn-active-bg: var(--bs-info-200);
7729
- --bs-btn-active-border-color: var(--bs-info-600);
7730
- --bs-btn-active-color: var(--bs-info-600);
7731
- --bs-btn-disabled-bg: transparent;
7732
- --bs-btn-disabled-border-color: var(--bs-info-100);
7733
- --bs-btn-disabled-color: var(--bs-gray-700);
7734
- --bs-gradient: none;
8178
+ .d-input:has(.form-control.is-valid) .input-group ~ .form-text {
8179
+ color: var(--bs-form-valid-border-color);
7735
8180
  }
7736
- .btn-outline-info.loading {
7737
- --bs-btn-disabled-opacity: 1;
7738
- --bs-btn-disabled-bg: transparent;
7739
- --bs-btn-disabled-border-color: var(--bs-info-600);
7740
- --bs-btn-disabled-color: var(--bs-info-600);
8181
+ .d-input:has(.form-control.is-valid) .d-input-validation-icon {
8182
+ --bs-icon-color: var(--bs-success);
7741
8183
  }
7742
-
7743
- .btn-link-info {
7744
- --bs-btn-bg: transparent;
7745
- --bs-btn-border-color: transparent;
7746
- --bs-btn-color: var(--bs-info-600);
7747
- --bs-btn-hover-bg: var(--bs-info-100);
7748
- --bs-btn-hover-border-color: transparent;
7749
- --bs-btn-hover-color: var(--bs-info-600);
7750
- --bs-btn-focus-bg: transparent;
7751
- --bs-btn-focus-border-color: transparent;
7752
- --bs-btn-focus-color: var(--bs-info-600);
7753
- --bs-btn-active-bg: var(--bs-info-200);
7754
- --bs-btn-active-border-color: transparent;
7755
- --bs-btn-active-color: var(--bs-info-600);
7756
- --bs-btn-disabled-bg: transparent;
7757
- --bs-btn-disabled-border-color: transparent;
7758
- --bs-btn-disabled-color: var(--bs-info-300);
7759
- --bs-btn-focus-outline-offset: 0;
8184
+ .d-input:has(.form-control.is-invalid) .input-group {
8185
+ border-color: var(--bs-form-invalid-border-color);
8186
+ box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
7760
8187
  }
7761
- .btn-link-info span {
7762
- text-decoration: underline;
8188
+ .d-input:has(.form-control.is-invalid) .input-group ~ .form-text {
8189
+ color: var(--bs-form-invalid-border-color);
7763
8190
  }
7764
- .btn-link-info.loading {
7765
- --bs-btn-disabled-opacity: 1;
7766
- --bs-btn-disabled-bg: transparent;
7767
- --bs-btn-disabled-border-color: transparent;
7768
- --bs-btn-disabled-color: var(--bs-info-600);
8191
+ .d-input:has(.form-control.is-invalid) .d-input-validation-icon {
8192
+ --bs-icon-color: var(--bs-danger);
7769
8193
  }
7770
-
7771
- .btn-warning {
7772
- --bs-btn-color: var(--bs-black);
7773
- --bs-btn-bg: var(--bs-warning-500);
7774
- --bs-btn-border-color: var(--bs-warning-500);
7775
- --bs-btn-hover-color: var(--bs-black);
7776
- --bs-btn-hover-bg: var(--bs-warning-600);
7777
- --bs-btn-hover-border-color: var(--bs-warning-600);
7778
- --bs-btn-focus-color: var(--bs-black);
7779
- --bs-btn-focus-bg: var(--bs-warning-600);
7780
- --bs-btn-focus-border-color: var(--bs-warning-600);
7781
- --bs-btn-active-color: var(--bs-black);
7782
- --bs-btn-active-bg: var(--bs-warning-700);
7783
- --bs-btn-active-border-color: var(--bs-warning-700);
7784
- --bs-btn-disabled-color: var(--bs-gray-700);
7785
- --bs-btn-disabled-bg: var(--bs-warning-100);
7786
- --bs-btn-disabled-border-color: var(--bs-warning-100);
8194
+ .d-input .input-group ~ .form-text {
8195
+ display: inline-flex;
8196
+ flex-direction: row;
8197
+ gap: var(--bs-input-form-text-gap);
8198
+ align-items: center;
8199
+ padding: var(--bs-input-form-text-padding);
8200
+ color: var(--bs-input-form-text-color);
7787
8201
  }
7788
- .btn-warning.loading {
7789
- --bs-btn-disabled-opacity: 1;
7790
- --bs-btn-disabled-bg: var(--bs-warning-700);
7791
- --bs-btn-disabled-border-color: var(--bs-warning-700);
7792
- --bs-btn-disabled-color: var(--bs-black);
8202
+ .d-input .form-control {
8203
+ text-align: var(--bs-input-form-control-text-align);
8204
+ border-width: 0;
8205
+ box-shadow: none;
7793
8206
  }
7794
-
7795
- .btn-outline-warning {
7796
- --bs-btn-bg: transparent;
7797
- --bs-btn-border-color: var(--bs-warning-600);
7798
- --bs-btn-color: var(--bs-warning-600);
7799
- --bs-btn-hover-bg: var(--bs-warning-100);
7800
- --bs-btn-hover-border-color: var(--bs-warning-600);
7801
- --bs-btn-hover-color: var(--bs-warning-600);
7802
- --bs-btn-focus-bg: var(--bs-warning-100);
7803
- --bs-btn-focus-border-color: var(--bs-warning-600);
7804
- --bs-btn-focus-color: var(--bs-warning-600);
7805
- --bs-btn-active-bg: var(--bs-warning-200);
7806
- --bs-btn-active-border-color: var(--bs-warning-600);
7807
- --bs-btn-active-color: var(--bs-warning-600);
7808
- --bs-btn-disabled-bg: transparent;
7809
- --bs-btn-disabled-border-color: var(--bs-warning-100);
7810
- --bs-btn-disabled-color: var(--bs-gray-700);
7811
- --bs-gradient: none;
8207
+ .d-input .form-control:not(:last-child) {
8208
+ padding-right: 0;
7812
8209
  }
7813
- .btn-outline-warning.loading {
7814
- --bs-btn-disabled-opacity: 1;
7815
- --bs-btn-disabled-bg: transparent;
7816
- --bs-btn-disabled-border-color: var(--bs-warning-600);
7817
- --bs-btn-disabled-color: var(--bs-warning-600);
8210
+ .d-input .form-control:not(:first-child) {
8211
+ padding-left: 0;
7818
8212
  }
7819
-
7820
- .btn-link-warning {
7821
- --bs-btn-bg: transparent;
7822
- --bs-btn-border-color: transparent;
7823
- --bs-btn-color: var(--bs-warning-600);
7824
- --bs-btn-hover-bg: var(--bs-warning-100);
7825
- --bs-btn-hover-border-color: transparent;
7826
- --bs-btn-hover-color: var(--bs-warning-600);
7827
- --bs-btn-focus-bg: transparent;
7828
- --bs-btn-focus-border-color: transparent;
7829
- --bs-btn-focus-color: var(--bs-warning-600);
7830
- --bs-btn-active-bg: var(--bs-warning-200);
7831
- --bs-btn-active-border-color: transparent;
7832
- --bs-btn-active-color: var(--bs-warning-600);
7833
- --bs-btn-disabled-bg: transparent;
7834
- --bs-btn-disabled-border-color: transparent;
7835
- --bs-btn-disabled-color: var(--bs-warning-300);
7836
- --bs-btn-focus-outline-offset: 0;
8213
+ .d-input .form-control::-webkit-inner-spin-button,
8214
+ .d-input .form-control::-webkit-outer-spin-button {
8215
+ margin: 0;
8216
+ -webkit-appearance: none;
8217
+ appearance: none;
8218
+ }
8219
+ .d-input .form-control.is-invalid:focus,
8220
+ .d-input .form-control.is-valid:focus {
8221
+ border: 0;
8222
+ box-shadow: unset;
8223
+ }
8224
+ .d-input .input-group-text {
8225
+ border: 0;
8226
+ outline: 0;
7837
8227
  }
7838
- .btn-link-warning span {
7839
- text-decoration: underline;
8228
+ .d-input .form-control:disabled {
8229
+ background: var(--bs-input-group-disabled-bg);
7840
8230
  }
7841
- .btn-link-warning.loading {
7842
- --bs-btn-disabled-opacity: 1;
7843
- --bs-btn-disabled-bg: transparent;
7844
- --bs-btn-disabled-border-color: transparent;
7845
- --bs-btn-disabled-color: var(--bs-warning-600);
8231
+ .d-input:has(.form-control:disabled) .input-group-text {
8232
+ background: var(--bs-input-group-disabled-bg);
7846
8233
  }
7847
-
7848
- .btn-danger {
7849
- --bs-btn-color: var(--bs-white);
7850
- --bs-btn-bg: var(--bs-danger-500);
7851
- --bs-btn-border-color: var(--bs-danger-500);
7852
- --bs-btn-hover-color: var(--bs-white);
7853
- --bs-btn-hover-bg: var(--bs-danger-600);
7854
- --bs-btn-hover-border-color: var(--bs-danger-600);
7855
- --bs-btn-focus-color: var(--bs-white);
7856
- --bs-btn-focus-bg: var(--bs-danger-600);
7857
- --bs-btn-focus-border-color: var(--bs-danger-600);
7858
- --bs-btn-active-color: var(--bs-white);
7859
- --bs-btn-active-bg: var(--bs-danger-700);
7860
- --bs-btn-active-border-color: var(--bs-danger-700);
7861
- --bs-btn-disabled-color: var(--bs-gray-700);
7862
- --bs-btn-disabled-bg: var(--bs-danger-100);
7863
- --bs-btn-disabled-border-color: var(--bs-danger-100);
8234
+ .d-input:has(.form-control:disabled) .d-input-icon .d-icon {
8235
+ color: var(--bs-input-group-disabled-color);
7864
8236
  }
7865
- .btn-danger.loading {
7866
- --bs-btn-disabled-opacity: 1;
7867
- --bs-btn-disabled-bg: var(--bs-danger-700);
7868
- --bs-btn-disabled-border-color: var(--bs-danger-700);
7869
- --bs-btn-disabled-color: var(--bs-white);
8237
+ .d-input:has(.form-control:disabled) .input-group {
8238
+ border-color: var(--bs-input-group-disabled-border-color);
7870
8239
  }
7871
8240
 
7872
- .btn-outline-danger {
7873
- --bs-btn-bg: transparent;
7874
- --bs-btn-border-color: var(--bs-danger-600);
7875
- --bs-btn-color: var(--bs-danger-600);
7876
- --bs-btn-hover-bg: var(--bs-danger-100);
7877
- --bs-btn-hover-border-color: var(--bs-danger-600);
7878
- --bs-btn-hover-color: var(--bs-danger-600);
7879
- --bs-btn-focus-bg: var(--bs-danger-100);
7880
- --bs-btn-focus-border-color: var(--bs-danger-600);
7881
- --bs-btn-focus-color: var(--bs-danger-600);
7882
- --bs-btn-active-bg: var(--bs-danger-200);
7883
- --bs-btn-active-border-color: var(--bs-danger-600);
7884
- --bs-btn-active-color: var(--bs-danger-600);
7885
- --bs-btn-disabled-bg: transparent;
7886
- --bs-btn-disabled-border-color: var(--bs-danger-100);
7887
- --bs-btn-disabled-color: var(--bs-gray-700);
7888
- --bs-gradient: none;
7889
- }
7890
- .btn-outline-danger.loading {
7891
- --bs-btn-disabled-opacity: 1;
7892
- --bs-btn-disabled-bg: transparent;
7893
- --bs-btn-disabled-border-color: var(--bs-danger-600);
7894
- --bs-btn-disabled-color: var(--bs-danger-600);
8241
+ .label,
8242
+ label {
8243
+ padding: var(--bs-input-label-padding-y, var(--bs-label-padding-y)) var(--bs-input-label-padding-x, var(--bs-label-padding-x));
8244
+ font-size: var(--bs-input-label-font-size, var(--bs-label-font-size));
8245
+ font-weight: var(--bs-input-label-font-weight, var(--bs-label-font-weight));
8246
+ color: var(--bs-input-label-color, var(--bs-label-color));
7895
8247
  }
7896
8248
 
7897
- .btn-link-danger {
7898
- --bs-btn-bg: transparent;
7899
- --bs-btn-border-color: transparent;
7900
- --bs-btn-color: var(--bs-danger-600);
7901
- --bs-btn-hover-bg: var(--bs-danger-100);
7902
- --bs-btn-hover-border-color: transparent;
7903
- --bs-btn-hover-color: var(--bs-danger-600);
7904
- --bs-btn-focus-bg: transparent;
7905
- --bs-btn-focus-border-color: transparent;
7906
- --bs-btn-focus-color: var(--bs-danger-600);
7907
- --bs-btn-active-bg: var(--bs-danger-200);
7908
- --bs-btn-active-border-color: transparent;
7909
- --bs-btn-active-color: var(--bs-danger-600);
7910
- --bs-btn-disabled-bg: transparent;
7911
- --bs-btn-disabled-border-color: transparent;
7912
- --bs-btn-disabled-color: var(--bs-danger-300);
7913
- --bs-btn-focus-outline-offset: 0;
8249
+ .d-input:has(.form-select:not(:disabled)) {
8250
+ --bs-input-group-border-color: var(--bs-input-group-hover-border-color);
7914
8251
  }
7915
- .btn-link-danger span {
7916
- text-decoration: underline;
8252
+ .d-input .form-floating:not(:last-child) .form-select {
8253
+ padding-right: 2rem;
8254
+ background-position: right center;
7917
8255
  }
7918
- .btn-link-danger.loading {
7919
- --bs-btn-disabled-opacity: 1;
7920
- --bs-btn-disabled-bg: transparent;
7921
- --bs-btn-disabled-border-color: transparent;
7922
- --bs-btn-disabled-color: var(--bs-danger-600);
8256
+ .d-input .form-select {
8257
+ text-align: var(--bs-input-form-control-text-align);
8258
+ border-width: 0;
8259
+ box-shadow: none;
7923
8260
  }
7924
-
7925
- .btn-light {
7926
- --bs-btn-color: #555564;
7927
- --bs-btn-bg: #f7f7ff;
7928
- --bs-btn-border-color: #f7f7ff;
7929
- --bs-btn-hover-color: #555564;
7930
- --bs-btn-hover-bg: #d2d2d9;
7931
- --bs-btn-hover-border-color: #c6c6cc;
7932
- --bs-btn-focus-shadow-rgb: 223, 223, 232;
7933
- --bs-btn-active-color: #000;
7934
- --bs-btn-active-bg: #c6c6cc;
7935
- --bs-btn-active-border-color: #b9b9bf;
7936
- --bs-btn-active-shadow: none;
7937
- --bs-btn-disabled-color: #555564;
7938
- --bs-btn-disabled-bg: #f7f7ff;
7939
- --bs-btn-disabled-border-color: #f7f7ff;
8261
+ .d-input .form-select:not(:last-child, .floating-label) {
8262
+ padding-right: 2rem;
8263
+ background-position: right center;
7940
8264
  }
7941
-
7942
- .btn-outline-light {
7943
- --bs-btn-color: #f7f7ff;
7944
- --bs-btn-border-color: #f7f7ff;
7945
- --bs-btn-hover-color: #555564;
7946
- --bs-btn-hover-bg: #f7f7ff;
7947
- --bs-btn-hover-border-color: #f7f7ff;
7948
- --bs-btn-focus-shadow-rgb: 247, 247, 255;
7949
- --bs-btn-active-color: #555564;
7950
- --bs-btn-active-bg: #f7f7ff;
7951
- --bs-btn-active-border-color: #f7f7ff;
7952
- --bs-btn-active-shadow: none;
7953
- --bs-btn-disabled-color: #f7f7ff;
7954
- --bs-btn-disabled-bg: transparent;
7955
- --bs-btn-disabled-border-color: #f7f7ff;
7956
- --bs-gradient: none;
8265
+ .d-input .form-select:not(:first-child) {
8266
+ padding-left: 0;
7957
8267
  }
7958
8268
 
7959
- .btn-link-light {
7960
- --bs-btn-bg: transparent;
7961
- --bs-btn-border-color: transparent;
7962
- --bs-btn-color: var(--bs-light-600);
7963
- --bs-btn-hover-bg: var(--bs-light-100);
7964
- --bs-btn-hover-border-color: transparent;
7965
- --bs-btn-hover-color: var(--bs-light-600);
7966
- --bs-btn-focus-bg: transparent;
7967
- --bs-btn-focus-border-color: transparent;
7968
- --bs-btn-focus-color: var(--bs-light-600);
7969
- --bs-btn-active-bg: var(--bs-light-200);
7970
- --bs-btn-active-border-color: transparent;
7971
- --bs-btn-active-color: var(--bs-light-600);
7972
- --bs-btn-disabled-bg: transparent;
7973
- --bs-btn-disabled-border-color: transparent;
7974
- --bs-btn-disabled-color: var(--bs-light-300);
7975
- --bs-btn-focus-outline-offset: 0;
8269
+ .d-input-pin {
8270
+ --bs-input-pin-gap: 0.5rem;
8271
+ --bs-input-pin-label-gap: var(--bs-ref-spacer-1);
8272
+ --bs-input-pin-label-focus-color: var(--bs-secondary);
8273
+ --bs-input-pin-label-padding-x: var(--bs-ref-spacer-2);
8274
+ --bs-input-pin-label-padding-y: 0;
8275
+ --bs-input-pin-label-font-weight: var(--bs-ref-fw-bold);
8276
+ --bs-input-pin-label-font-size: var(--bs-ref-fs-small);
8277
+ --bs-input-pin-label-color: var(--bs-gray);
8278
+ --bs-input-pin-form-control-gap: 0.25rem;
8279
+ --bs-input-pin-form-control-width: 4rem;
8280
+ --bs-input-pin-form-control-height: 4rem;
8281
+ --bs-input-pin-form-control-border-color: var(--bs-gray);
8282
+ --bs-input-pin-form-control-focus-border-color: var(--bs-secondary);
8283
+ --bs-input-pin-form-control-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
8284
+ --bs-input-pin-form-control-hover-border-color: var(--bs-gray);
8285
+ --bs-input-pin-form-text-padding: 0 0.5rem;
8286
+ --bs-input-pin-form-text-gap: 0.5rem;
8287
+ --bs-input-pin-form-text-color: var(--bs-gray);
8288
+ display: flex;
8289
+ flex-direction: column;
8290
+ gap: var(--bs-input-pin-gap);
8291
+ align-items: flex-start;
7976
8292
  }
7977
- .btn-link-light span {
7978
- text-decoration: underline;
8293
+ .d-input-pin label {
8294
+ display: inline-flex;
8295
+ flex-direction: row;
8296
+ gap: var(--bs-input-pin-label-gap);
8297
+ align-items: center;
8298
+ padding: var(--bs-input-pin-label-padding-y) var(--bs-input-pin-label-padding-x);
8299
+ font-size: var(--bs-input-pin-label-font-size);
8300
+ font-weight: var(--bs-input-pin-label-font-weight);
8301
+ color: var(--bs-input-pin-label-color);
7979
8302
  }
7980
- .btn-link-light.loading {
7981
- --bs-btn-disabled-opacity: 1;
7982
- --bs-btn-disabled-bg: transparent;
7983
- --bs-btn-disabled-border-color: transparent;
7984
- --bs-btn-disabled-color: var(--bs-light-600);
8303
+ .d-input-pin label .d-input-pin-icon {
8304
+ --bs-icon-color: var(--bs-focus-ring-color);
7985
8305
  }
7986
-
7987
- .btn-dark {
7988
- --bs-btn-color: #fff;
7989
- --bs-btn-bg: #161723;
7990
- --bs-btn-border-color: #161723;
7991
- --bs-btn-hover-color: #fff;
7992
- --bs-btn-hover-bg: #393a44;
7993
- --bs-btn-hover-border-color: #2d2e39;
7994
- --bs-btn-focus-shadow-rgb: 57, 58, 68;
7995
- --bs-btn-active-color: #fff;
7996
- --bs-btn-active-bg: #45454f;
7997
- --bs-btn-active-border-color: #2d2e39;
7998
- --bs-btn-active-shadow: none;
7999
- --bs-btn-disabled-color: #fff;
8000
- --bs-btn-disabled-bg: #161723;
8001
- --bs-btn-disabled-border-color: #161723;
8306
+ .d-input-pin .d-input-pin-controls {
8307
+ display: flex;
8308
+ flex-direction: row;
8309
+ gap: var(--bs-input-pin-form-control-gap);
8310
+ width: 100%;
8002
8311
  }
8003
-
8004
- .btn-outline-dark {
8005
- --bs-btn-color: #161723;
8006
- --bs-btn-border-color: #161723;
8007
- --bs-btn-hover-color: #fff;
8008
- --bs-btn-hover-bg: #161723;
8009
- --bs-btn-hover-border-color: #161723;
8010
- --bs-btn-focus-shadow-rgb: 22, 23, 35;
8011
- --bs-btn-active-color: #fff;
8012
- --bs-btn-active-bg: #161723;
8013
- --bs-btn-active-border-color: #161723;
8014
- --bs-btn-active-shadow: none;
8015
- --bs-btn-disabled-color: #161723;
8016
- --bs-btn-disabled-bg: transparent;
8017
- --bs-btn-disabled-border-color: #161723;
8018
- --bs-gradient: none;
8312
+ .d-input-pin .form-control {
8313
+ width: var(--bs-input-pin-form-control-width);
8314
+ height: var(--bs-input-pin-form-control-height);
8315
+ text-align: center;
8316
+ box-shadow: none;
8019
8317
  }
8020
-
8021
- .btn-link-dark {
8022
- --bs-btn-bg: transparent;
8023
- --bs-btn-border-color: transparent;
8024
- --bs-btn-color: var(--bs-dark-600);
8025
- --bs-btn-hover-bg: var(--bs-dark-100);
8026
- --bs-btn-hover-border-color: transparent;
8027
- --bs-btn-hover-color: var(--bs-dark-600);
8028
- --bs-btn-focus-bg: transparent;
8029
- --bs-btn-focus-border-color: transparent;
8030
- --bs-btn-focus-color: var(--bs-dark-600);
8031
- --bs-btn-active-bg: var(--bs-dark-200);
8032
- --bs-btn-active-border-color: transparent;
8033
- --bs-btn-active-color: var(--bs-dark-600);
8034
- --bs-btn-disabled-bg: transparent;
8035
- --bs-btn-disabled-border-color: transparent;
8036
- --bs-btn-disabled-color: var(--bs-dark-300);
8037
- --bs-btn-focus-outline-offset: 0;
8318
+ .d-input-pin .form-control::-webkit-inner-spin-button,
8319
+ .d-input-pin .form-control::-webkit-outer-spin-button {
8320
+ margin: 0;
8321
+ -webkit-appearance: none;
8322
+ appearance: none;
8323
+ }
8324
+ .d-input-pin .form-control:not(:-moz-placeholder-shown) {
8325
+ border-color: var(--bs-input-pin-form-control-border-color);
8326
+ }
8327
+ .d-input-pin .form-control:not(:placeholder-shown) {
8328
+ border-color: var(--bs-input-pin-form-control-border-color);
8329
+ }
8330
+ .d-input-pin:has(.form-control:hover) .form-control:not(:disabled) {
8331
+ border-color: var(--bs-input-pin-form-control-hover-border-color);
8332
+ }
8333
+ .d-input-pin:focus-within .form-control {
8334
+ border-color: var(--bs-input-pin-form-control-focus-border-color);
8335
+ box-shadow: var(--bs-input-pin-form-control-focus-box-shadow);
8038
8336
  }
8039
- .btn-link-dark span {
8040
- text-decoration: underline;
8337
+ .d-input-pin:focus-within:has(.form-control:hover) .form-control {
8338
+ border-color: var(--bs-input-pin-form-control-focus-border-color);
8041
8339
  }
8042
- .btn-link-dark.loading {
8043
- --bs-btn-disabled-opacity: 1;
8044
- --bs-btn-disabled-bg: transparent;
8045
- --bs-btn-disabled-border-color: transparent;
8046
- --bs-btn-disabled-color: var(--bs-dark-600);
8340
+ .d-input-pin:has(.form-control.is-valid) .form-control {
8341
+ border-color: var(--bs-success);
8047
8342
  }
8048
-
8049
- .btn-lg, .btn-group-lg > .btn {
8050
- --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
8051
- --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
8052
- --bs-btn-font-size: var(--bs-btn-lg-font-size);
8053
- --bs-btn-border-radius: var(--bs-btn-lg-border-radius);
8343
+ .d-input-pin:has(.form-control.is-valid) .form-text {
8344
+ color: var(--bs-form-valid-border-color);
8054
8345
  }
8055
-
8056
- .btn-sm, .btn-group-sm > .btn {
8057
- --bs-btn-padding-y: var(--bs-btn-sm-padding-y);
8058
- --bs-btn-padding-x: var(--bs-btn-sm-padding-x);
8059
- --bs-btn-font-size: var(--bs-btn-sm-font-size);
8060
- --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
8346
+ .d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon {
8347
+ --bs-icon-color: var(--bs-success);
8061
8348
  }
8062
-
8063
- [class*=btn-link-] {
8064
- --bs-btn-text-decoration: var(--bs-link-decoration);
8349
+ .d-input-pin:has(.form-control.is-invalid) .form-control {
8350
+ border-color: var(--bs-danger);
8065
8351
  }
8066
-
8067
- .btn-link {
8068
- --bs-btn-font-weight: 400;
8069
- --bs-btn-color: var(--bs-link-color);
8070
- --bs-btn-bg: transparent;
8071
- --bs-btn-border-color: transparent;
8072
- --bs-btn-hover-color: var(--bs-link-hover-color);
8073
- --bs-btn-hover-border-color: transparent;
8074
- --bs-btn-active-color: var(--bs-link-hover-color);
8075
- --bs-btn-active-border-color: transparent;
8076
- --bs-btn-disabled-color: #616173;
8077
- --bs-btn-disabled-border-color: transparent;
8078
- --bs-btn-box-shadow: 0 0 0 #000;
8079
- --bs-btn-focus-shadow-rgb: 222, 61, 120;
8080
- text-decoration: underline;
8352
+ .d-input-pin:has(.form-control.is-invalid) .form-text {
8353
+ color: var(--bs-form-invalid-border-color);
8081
8354
  }
8082
- .btn-link:hover, .btn-link:focus-visible {
8083
- text-decoration: underline;
8355
+ .d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon {
8356
+ --bs-icon-color: var(--bs-danger);
8084
8357
  }
8085
- .btn-link:focus-visible {
8086
- color: var(--bs-btn-color);
8358
+ .d-input-pin .input-group-text {
8359
+ padding-left: var(--bs-input-pin-form-control-gap);
8087
8360
  }
8088
- .btn-link:hover {
8089
- color: var(--bs-btn-hover-color);
8361
+ .d-input-pin .form-text {
8362
+ display: inline-flex;
8363
+ flex-direction: row;
8364
+ gap: var(--bs-input-pin-form-text-gap);
8365
+ align-items: center;
8366
+ padding: var(--bs-input-pin-form-text-padding);
8367
+ color: var(--bs-input-pin-form-text-color);
8090
8368
  }
8091
8369
 
8092
8370
  .d-quick-action-button {
@@ -8257,264 +8535,95 @@ label {
8257
8535
  background-color: var(--bs-quick-action-check-bg);
8258
8536
  border-radius: var(--bs-quick-action-check-border-radius);
8259
8537
  }
8260
- .d-quick-action-check:hover {
8261
- background: var(--bs-quick-action-check-hover-bg);
8262
- }
8263
- .d-quick-action-check:has(input:checked) {
8264
- background: var(--bs-quick-action-check-checked-bg);
8265
- }
8266
- .d-quick-action-check:has(input:checked) .d-quick-action-check-line3 {
8267
- color: var(--bs-quick-action-check-checked-color);
8268
- }
8269
- .d-quick-action-check .d-quick-action-check-detail {
8270
- display: flex;
8271
- flex-direction: column;
8272
- flex-grow: 1;
8273
- }
8274
- .d-quick-action-check .d-quick-action-check-line1 {
8275
- font-size: var(--bs-quick-action-check-line1-font-size);
8276
- font-weight: var(--bs-quick-action-check-line1-font-weight);
8277
- color: var(--bs-quick-action-check-line1-color);
8278
- }
8279
- .d-quick-action-check .d-quick-action-check-line2 {
8280
- font-size: var(--bs-quick-action-check-line2-font-size);
8281
- font-weight: var(--bs-quick-action-check-line2-font-weight);
8282
- color: var(--bs-quick-action-check-line2-color);
8283
- }
8284
- .d-quick-action-check .d-quick-action-check-line3 {
8285
- font-size: var(--bs-quick-action-check-line3-font-size);
8286
- font-weight: var(--bs-quick-action-check-line3-font-weight);
8287
- color: var(--bs-quick-action-check-line3-color);
8288
- }
8289
- .d-quick-action-check .form-check-input:focus {
8290
- outline: 0;
8291
- }
8292
-
8293
- .d-quick-action-switch {
8294
- --bs-quick-action-switch-gap: var(--bs-ref-spacer-2);
8295
- --bs-quick-action-switch-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-3);
8296
- --bs-quick-action-switch-bg: var(--bs-white);
8297
- --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8298
- --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8299
- --bs-quick-action-switch-label-font-size: 1rem;
8300
- --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
8301
- --bs-quick-action-switch-label-color: var(--bs-gray);
8302
- --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
8303
- --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
8304
- --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8305
- --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8306
- --bs-quick-action-switch-checked-bg: var(--bs-white);
8307
- --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
8308
- --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
8309
- display: flex;
8310
- flex-direction: column;
8311
- gap: var(--bs-quick-action-switch-gap);
8312
- width: 100%;
8313
- padding: var(--bs-quick-action-switch-padding);
8314
- text-align: left;
8315
- cursor: pointer;
8316
- background-color: var(--bs-quick-action-switch-bg);
8317
- border: 0;
8318
- border-radius: var(--bs-quick-action-switch-border-radius);
8319
- }
8320
- .d-quick-action-switch:hover {
8321
- background: var(--bs-quick-action-switch-hover-bg);
8322
- }
8323
- .d-quick-action-switch:has(input:checked) {
8324
- background: var(--bs-quick-action-switch-checked-bg);
8325
- }
8326
- .d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
8327
- color: var(--bs-quick-action-switch-checked-label-color);
8328
- }
8329
- .d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
8330
- color: var(--bs-quick-action-switch-checked-hint-color);
8331
- }
8332
- .d-quick-action-switch .d-quick-action-switch-content {
8333
- display: flex;
8334
- flex-direction: row;
8335
- gap: var(--bs-quick-action-switch-content-gap);
8336
- }
8337
- .d-quick-action-switch .d-quick-action-switch-label {
8338
- font-size: var(--bs-quick-action-switch-label-font-size);
8339
- font-weight: var(--bs-quick-action-switch-label-font-weight);
8340
- color: var(--bs-quick-action-switch-label-color);
8341
- }
8342
- .d-quick-action-switch .d-quick-action-switch-hint {
8343
- font-size: var(--bs-quick-action-switch-hint-font-size);
8344
- font-weight: var(--bs-quick-action-switch-hint-font-weight);
8345
- color: var(--bs-quick-action-switch-hint-color);
8346
- }
8347
- .d-quick-action-switch .d-input-switch:focus-within.form-switch .form-check-input {
8348
- outline: 0;
8349
- }
8350
-
8351
- .progress {
8352
- --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
8353
- font-weight: var(--bs-progress-bar-font-weight);
8354
- }
8355
- .progress .progress-bar:not(:empty) {
8356
- min-width: 4ch;
8357
- }
8358
-
8359
- .alert {
8360
- --bs-alert-gap: 1rem;
8361
- --bs-alert-box-shadow: var(--bs-box-shadow-sm);
8362
- --bs-alert-icon-color: var(--bs-alert-color);
8363
- --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
8364
- --bs-alert-close-icon-size: 0.75rem;
8365
- display: flex;
8366
- flex-direction: row;
8367
- gap: var(--bs-alert-gap);
8368
- align-items: center;
8369
- box-shadow: var(--bs-alert-box-shadow);
8370
- }
8371
- .alert .alert-text {
8372
- flex-grow: 1;
8373
- }
8374
- .alert .alert-separator {
8375
- align-self: stretch;
8376
- width: 1px;
8377
- background-color: var(--bs-alert-icon-color);
8378
- opacity: var(--bs-alert-separator-opacity);
8379
- }
8380
- .alert .btn-close {
8381
- --bs-btn-close-bg: transparent;
8382
- }
8383
- .alert .alert-icon.d-icon {
8384
- --bs-icon-color: var(--bs-alert-icon-color);
8385
- }
8386
- .alert .alert-close-icon {
8387
- --bs-icon-color: var(--bs-alert-icon-color);
8388
- --bs-icon-size: var(--bs-alert-close-icon-size);
8389
- }
8390
- .alert.alert-primary {
8391
- --bs-alert-color: var(--bs-white);
8392
- --bs-alert-bg: var(--bs-primary);
8393
- --bs-alert-border-color: var(--bs-primary);
8394
- --bs-alert-link-color: var(--bs-white);
8395
- }
8396
- .alert.alert-secondary {
8397
- --bs-alert-color: var(--bs-white);
8398
- --bs-alert-bg: var(--bs-secondary);
8399
- --bs-alert-border-color: var(--bs-secondary);
8400
- --bs-alert-link-color: var(--bs-white);
8401
- }
8402
- .alert.alert-success {
8403
- --bs-alert-color: var(--bs-white);
8404
- --bs-alert-bg: var(--bs-success);
8405
- --bs-alert-border-color: var(--bs-success);
8406
- --bs-alert-link-color: var(--bs-white);
8407
- }
8408
- .alert.alert-info {
8409
- --bs-alert-color: var(--bs-white);
8410
- --bs-alert-bg: var(--bs-info);
8411
- --bs-alert-border-color: var(--bs-info);
8412
- --bs-alert-link-color: var(--bs-white);
8413
- }
8414
- .alert.alert-warning {
8415
- --bs-alert-color: var(--bs-black);
8416
- --bs-alert-bg: var(--bs-warning);
8417
- --bs-alert-border-color: var(--bs-warning);
8418
- --bs-alert-link-color: var(--bs-black);
8419
- }
8420
- .alert.alert-danger {
8421
- --bs-alert-color: var(--bs-white);
8422
- --bs-alert-bg: var(--bs-danger);
8423
- --bs-alert-border-color: var(--bs-danger);
8424
- --bs-alert-link-color: var(--bs-white);
8425
- }
8426
- .alert.alert-light {
8427
- --bs-alert-color: var(--bs-gray-700);
8428
- --bs-alert-bg: var(--bs-light);
8429
- --bs-alert-border-color: var(--bs-light);
8430
- --bs-alert-link-color: var(--bs-gray-700);
8431
- }
8432
- .alert.alert-dark {
8433
- --bs-alert-color: var(--bs-white);
8434
- --bs-alert-bg: var(--bs-dark);
8435
- --bs-alert-border-color: var(--bs-dark);
8436
- --bs-alert-link-color: var(--bs-white);
8437
- }
8438
- .alert.alert-soft {
8439
- --bs-alert-color: var(--bs-gray-900);
8440
- border-width: 0 0 0 5px;
8441
- }
8442
- .alert.alert-soft.alert-primary {
8443
- --bs-alert-icon-color: var(--bs-primary-500);
8444
- --bs-alert-bg: var(--bs-primary-100);
8445
- }
8446
- .alert.alert-soft.alert-secondary {
8447
- --bs-alert-icon-color: var(--bs-secondary-500);
8448
- --bs-alert-bg: var(--bs-secondary-100);
8449
- }
8450
- .alert.alert-soft.alert-success {
8451
- --bs-alert-icon-color: var(--bs-success-500);
8452
- --bs-alert-bg: var(--bs-success-100);
8538
+ .d-quick-action-check:hover {
8539
+ background: var(--bs-quick-action-check-hover-bg);
8453
8540
  }
8454
- .alert.alert-soft.alert-info {
8455
- --bs-alert-icon-color: var(--bs-info-500);
8456
- --bs-alert-bg: var(--bs-info-100);
8541
+ .d-quick-action-check:has(input:checked) {
8542
+ background: var(--bs-quick-action-check-checked-bg);
8457
8543
  }
8458
- .alert.alert-soft.alert-warning {
8459
- --bs-alert-icon-color: var(--bs-warning-500);
8460
- --bs-alert-bg: var(--bs-warning-100);
8544
+ .d-quick-action-check:has(input:checked) .d-quick-action-check-line3 {
8545
+ color: var(--bs-quick-action-check-checked-color);
8461
8546
  }
8462
- .alert.alert-soft.alert-danger {
8463
- --bs-alert-icon-color: var(--bs-danger-500);
8464
- --bs-alert-bg: var(--bs-danger-100);
8547
+ .d-quick-action-check .d-quick-action-check-detail {
8548
+ display: flex;
8549
+ flex-direction: column;
8550
+ flex-grow: 1;
8465
8551
  }
8466
- .alert.alert-soft.alert-light {
8467
- --bs-alert-icon-color: var(--bs-secondary-500);
8468
- --bs-alert-border-color: var(--bs-secondary-500);
8469
- --bs-alert-bg: var(--bs-white);
8552
+ .d-quick-action-check .d-quick-action-check-line1 {
8553
+ font-size: var(--bs-quick-action-check-line1-font-size);
8554
+ font-weight: var(--bs-quick-action-check-line1-font-weight);
8555
+ color: var(--bs-quick-action-check-line1-color);
8470
8556
  }
8471
-
8472
- .badge {
8473
- --bs-badge-bg: var(--bs-white);
8474
- --bs-badge-dot-height: var(--bs-ref-spacer-3);
8475
- display: inline-block;
8476
- background-color: var(--bs-badge-bg);
8557
+ .d-quick-action-check .d-quick-action-check-line2 {
8558
+ font-size: var(--bs-quick-action-check-line2-font-size);
8559
+ font-weight: var(--bs-quick-action-check-line2-font-weight);
8560
+ color: var(--bs-quick-action-check-line2-color);
8561
+ }
8562
+ .d-quick-action-check .d-quick-action-check-line3 {
8563
+ font-size: var(--bs-quick-action-check-line3-font-size);
8564
+ font-weight: var(--bs-quick-action-check-line3-font-weight);
8565
+ color: var(--bs-quick-action-check-line3-color);
8477
8566
  }
8478
- .badge.badge-primary {
8479
- --bs-badge-color: var(--bs-white);
8480
- --bs-badge-bg: var(--bs-primary);
8567
+ .d-quick-action-check .form-check-input:focus {
8568
+ outline: 0;
8481
8569
  }
8482
- .badge.badge-secondary {
8483
- --bs-badge-color: var(--bs-white);
8484
- --bs-badge-bg: var(--bs-secondary);
8570
+
8571
+ .d-quick-action-switch {
8572
+ --bs-quick-action-switch-gap: var(--bs-ref-spacer-2);
8573
+ --bs-quick-action-switch-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-3);
8574
+ --bs-quick-action-switch-bg: var(--bs-white);
8575
+ --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8576
+ --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8577
+ --bs-quick-action-switch-label-font-size: 1rem;
8578
+ --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
8579
+ --bs-quick-action-switch-label-color: var(--bs-gray);
8580
+ --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
8581
+ --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
8582
+ --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8583
+ --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8584
+ --bs-quick-action-switch-checked-bg: var(--bs-white);
8585
+ --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
8586
+ --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
8587
+ display: flex;
8588
+ flex-direction: column;
8589
+ gap: var(--bs-quick-action-switch-gap);
8590
+ width: 100%;
8591
+ padding: var(--bs-quick-action-switch-padding);
8592
+ text-align: left;
8593
+ cursor: pointer;
8594
+ background-color: var(--bs-quick-action-switch-bg);
8595
+ border: 0;
8596
+ border-radius: var(--bs-quick-action-switch-border-radius);
8485
8597
  }
8486
- .badge.badge-success {
8487
- --bs-badge-color: var(--bs-white);
8488
- --bs-badge-bg: var(--bs-success);
8598
+ .d-quick-action-switch:hover {
8599
+ background: var(--bs-quick-action-switch-hover-bg);
8489
8600
  }
8490
- .badge.badge-info {
8491
- --bs-badge-color: var(--bs-white);
8492
- --bs-badge-bg: var(--bs-info);
8601
+ .d-quick-action-switch:has(input:checked) {
8602
+ background: var(--bs-quick-action-switch-checked-bg);
8493
8603
  }
8494
- .badge.badge-warning {
8495
- --bs-badge-color: var(--bs-black);
8496
- --bs-badge-bg: var(--bs-warning);
8604
+ .d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
8605
+ color: var(--bs-quick-action-switch-checked-label-color);
8497
8606
  }
8498
- .badge.badge-danger {
8499
- --bs-badge-color: var(--bs-white);
8500
- --bs-badge-bg: var(--bs-danger);
8607
+ .d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
8608
+ color: var(--bs-quick-action-switch-checked-hint-color);
8501
8609
  }
8502
- .badge.badge-light {
8503
- --bs-badge-color: var(--bs-gray-700);
8504
- --bs-badge-bg: var(--bs-light);
8610
+ .d-quick-action-switch .d-quick-action-switch-content {
8611
+ display: flex;
8612
+ flex-direction: row;
8613
+ gap: var(--bs-quick-action-switch-content-gap);
8505
8614
  }
8506
- .badge.badge-dark {
8507
- --bs-badge-color: var(--bs-white);
8508
- --bs-badge-bg: var(--bs-dark);
8615
+ .d-quick-action-switch .d-quick-action-switch-label {
8616
+ font-size: var(--bs-quick-action-switch-label-font-size);
8617
+ font-weight: var(--bs-quick-action-switch-label-font-weight);
8618
+ color: var(--bs-quick-action-switch-label-color);
8509
8619
  }
8510
- .badge.badge-dot {
8511
- min-width: var(--bs-badge-dot-height);
8512
- height: var(--bs-badge-dot-height);
8513
- padding: 0;
8514
- border-radius: var(--bs-badge-border-radius);
8620
+ .d-quick-action-switch .d-quick-action-switch-hint {
8621
+ font-size: var(--bs-quick-action-switch-hint-font-size);
8622
+ font-weight: var(--bs-quick-action-switch-hint-font-weight);
8623
+ color: var(--bs-quick-action-switch-hint-color);
8515
8624
  }
8516
- .badge.badge-dot > span {
8517
- vertical-align: middle;
8625
+ .d-quick-action-switch .d-input-switch:focus-within.form-switch .form-check-input {
8626
+ outline: 0;
8518
8627
  }
8519
8628
 
8520
8629
  .d-chip {
@@ -8584,7 +8693,7 @@ label {
8584
8693
 
8585
8694
  .modal {
8586
8695
  --bs-modal-header-gap: 1.5rem;
8587
- --bs-modal-body-padding: 0;
8696
+ --bs-modal-body-padding: 1rem;
8588
8697
  --bs-modal-footer-padding: 1.5rem;
8589
8698
  --bs-modal-separator-margin-x: 1.5rem;
8590
8699
  --bs-modal-separator-height: 1px;
@@ -8609,7 +8718,7 @@ label {
8609
8718
  --bs-icon-size: 1rem;
8610
8719
  }
8611
8720
  .modal .modal-body {
8612
- padding: var(--bs-modal-body-padding);
8721
+ padding: var(--bs-modal-component-body-padding, var(--bs-modal-body-padding));
8613
8722
  }
8614
8723
  .modal .d-modal-separator {
8615
8724
  height: var(--bs-modal-separator-height);
@@ -8677,53 +8786,6 @@ label {
8677
8786
  justify-content: flex-end;
8678
8787
  }
8679
8788
 
8680
- .collapse-container {
8681
- --bs-collapse-bg: var(--bs-white);
8682
- --bs-collapse-border-radius: var(--bs-ref-spacer-1);
8683
- --bs-collapse-box-shadow: var(--bs-box-shadow-sm);
8684
- --bs-collapse-button-padding-x: var(--bs-ref-spacer-3);
8685
- --bs-collapse-button-padding-y: var(--bs-ref-spacer-3);
8686
- --bs-collapse-button-gap: var(--bs-ref-spacer-3);
8687
- --bs-collapse-body-padding-x: var(--bs-ref-spacer-3);
8688
- --bs-collapse-body-padding-y: var(--bs-ref-spacer-3);
8689
- --bs-collapse-separator-display: none;
8690
- --bs-collapse-separator-height: 1px;
8691
- --bs-collapse-separator-bg: var(--bs-gray-200);
8692
- background-color: var(--bs-collapse-bg);
8693
- border-radius: var(--bs-collapse-border-radius);
8694
- box-shadow: var(--bs-collapse-box-shadow);
8695
- }
8696
- .collapse-container .collapse-button {
8697
- display: flex;
8698
- gap: var(--bs-collapse-button-gap);
8699
- align-items: center;
8700
- width: 100%;
8701
- padding: var(--bs-collapse-button-padding-y) var(--bs-collapse-button-padding-x);
8702
- text-align: left;
8703
- -webkit-user-select: none;
8704
- -moz-user-select: none;
8705
- user-select: none;
8706
- background: transparent;
8707
- border: 0;
8708
- }
8709
- .collapse-container .collapse-button:focus, .collapse-container .collapse-button:focus-visible {
8710
- outline: 0;
8711
- }
8712
- .collapse-container .collapse-body {
8713
- position: relative;
8714
- padding: var(--bs-collapse-body-padding-y) var(--bs-collapse-body-padding-x);
8715
- padding-top: 0;
8716
- }
8717
- .collapse-container .collapse-body::before {
8718
- position: absolute;
8719
- top: 0;
8720
- display: var(--bs-collapse-separator-display);
8721
- width: calc(100% - var(--bs-collapse-body-padding-x) * 2);
8722
- height: var(--bs-collapse-separator-height);
8723
- content: " ";
8724
- background-color: var(--bs-collapse-separator-bg);
8725
- }
8726
-
8727
8789
  .d-collapse-icon-text {
8728
8790
  --bs-collapse-icon-text-header-gap: var(--bs-ref-spacer-3);
8729
8791
  --bs-collapse-icon-text-header-font-size: var(--bs-ref-fs-6);
@@ -10548,86 +10610,6 @@ label {
10548
10610
  color: var(--bs-step-info-description-color);
10549
10611
  }
10550
10612
 
10551
- .pagination {
10552
- --bs-pagination-page-item-size: 2.125rem;
10553
- --bs-pagination-page-link-bg: transparent;
10554
- --bs-pagination-page-border-radius: var(--bs-border-radius);
10555
- --bs-pagination-arrow-font-size: var(--bs-ref-fs-small);
10556
- --bs-pagination-arrow-padding-y: var(--bs-ref-spacer-1);
10557
- --bs-pagination-arrow-padding-x: var(--bs-ref-spacer-2);
10558
- --bs-pagination-arrow-border-radius: var(--bs-border-radius);
10559
- --bs-pagination-arrow-color: var(--bs-secondary);
10560
- --bs-pagination-focus-arrow-bg: var(--bs-secondary-100);
10561
- --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>');
10562
- --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>');
10563
- --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>');
10564
- --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>');
10565
- margin: 0;
10566
- }
10567
- .pagination .page-item {
10568
- min-width: var(--bs-pagination-page-item-size);
10569
- min-height: var(--bs-pagination-page-item-size);
10570
- }
10571
- .pagination .page-item:not(.active, :hover) .page-link {
10572
- background-color: var(--bs-pagination-page-link-bg);
10573
- }
10574
- .pagination .arrow .page-link {
10575
- min-width: -webkit-fit-content;
10576
- min-width: -moz-fit-content;
10577
- min-width: fit-content;
10578
- padding: var(--bs-pagination-arrow-padding-y) var(--bs-pagination-arrow-padding-x);
10579
- font-size: var(--bs-pagination-arrow-font-size);
10580
- border-radius: var(--bs-pagination-arrow-border-radius);
10581
- }
10582
- .pagination .arrow .page-link:focus {
10583
- background-color: var(--bs-pagination-focus-arrow-bg);
10584
- }
10585
- .pagination .arrow .page-link::after, .pagination .arrow .page-link::before {
10586
- position: relative;
10587
- display: flex;
10588
- align-items: center;
10589
- justify-content: center;
10590
- background-repeat: no-repeat;
10591
- background-size: var(--bs-pagination-arrow-font-size);
10592
- }
10593
- .pagination .arrow:is(.arrow-prev, .arrow-next):not(.disabled) .page-link {
10594
- color: var(--bs-pagination-arrow-color);
10595
- }
10596
- .pagination .arrow.arrow-prev .page-link::before {
10597
- min-width: var(--bs-pagination-arrow-font-size);
10598
- min-height: var(--bs-pagination-arrow-font-size);
10599
- margin-right: var(--bs-ref-spacer-1);
10600
- content: "";
10601
- background-image: var(--bs-pagination-arrow-prev-icon-bg-image);
10602
- background-position: center left;
10603
- }
10604
- .pagination .arrow.arrow-next .page-link::after {
10605
- width: var(--bs-pagination-arrow-font-size);
10606
- height: var(--bs-pagination-arrow-font-size);
10607
- margin-left: var(--bs-ref-spacer-1);
10608
- content: "";
10609
- background-image: var(--bs-pagination-arrow-next-icon-bg-image);
10610
- background-position: center right;
10611
- }
10612
- .pagination .arrow:is(.arrow-next, .arrow-prev).no-label .page-link > span {
10613
- display: none;
10614
- }
10615
- .pagination .arrow-prev.disabled .page-link::before {
10616
- background-image: var(--bs-pagination-disabled-arrow-prev-icon-bg-image);
10617
- }
10618
- .pagination .arrow-next.disabled .page-link::after {
10619
- background-image: var(--bs-pagination-disabled-arrow-next-icon-bg-image);
10620
- }
10621
- .pagination .page-link {
10622
- display: flex;
10623
- align-items: center;
10624
- justify-content: center;
10625
- width: 100%;
10626
- height: 100%;
10627
- padding: 0;
10628
- border-radius: var(--bs-pagination-page-border-radius);
10629
- }
10630
-
10631
10613
  .d-card-account {
10632
10614
  --bs-card-border-width: 0;
10633
10615
  --bs-card-spacer-y: var(--bs-ref-spacer-3);
@@ -10889,42 +10871,6 @@ label {
10889
10871
  border-color: var(--bs-input-group-disabled-border-color);
10890
10872
  }
10891
10873
 
10892
- .operation-group:not(:last-child) {
10893
- border-bottom: 1px solid var(--bs-gray-300);
10894
- }
10895
-
10896
- .permission-item {
10897
- padding: 8px 0;
10898
- }
10899
- .permission-item .form-switch-box {
10900
- width: auto;
10901
- }
10902
- .permission-item .label {
10903
- font-size: 0.875rem;
10904
- }
10905
- .permission-item:hover {
10906
- background: #f7f7ff;
10907
- }
10908
- .permission-item:not(:last-child) {
10909
- border-bottom: 1px solid var(--bs-gray-300);
10910
- }
10911
-
10912
- @media screen and (min-width: 768px) {
10913
- .permission-item {
10914
- padding: 8px 10px;
10915
- }
10916
- .permission-item .label {
10917
- font-size: 1rem;
10918
- }
10919
- }
10920
- @media screen and (min-width: 992px) {
10921
- .operation-group {
10922
- border-top: 1px solid var(--bs-gray-300);
10923
- }
10924
- .operation-group:not(:last-child) {
10925
- border-bottom: none;
10926
- }
10927
- }
10928
10874
  .clearfix::after {
10929
10875
  display: block;
10930
10876
  clear: both;
@@ -10936,41 +10882,81 @@ label {
10936
10882
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
10937
10883
  }
10938
10884
 
10885
+ .text-bg-soft-primary {
10886
+ color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
10887
+ background-color: RGBA(var(--bs-primary-100-rgb), var(--bs-bg-opacity, 1)) !important;
10888
+ }
10889
+
10939
10890
  .text-bg-secondary {
10940
10891
  color: var(--bs-white) !important;
10941
10892
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
10942
10893
  }
10943
10894
 
10895
+ .text-bg-soft-secondary {
10896
+ color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
10897
+ background-color: RGBA(var(--bs-secondary-100-rgb), var(--bs-bg-opacity, 1)) !important;
10898
+ }
10899
+
10944
10900
  .text-bg-success {
10945
10901
  color: var(--bs-white) !important;
10946
10902
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
10947
10903
  }
10948
10904
 
10905
+ .text-bg-soft-success {
10906
+ color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
10907
+ background-color: RGBA(var(--bs-success-100-rgb), var(--bs-bg-opacity, 1)) !important;
10908
+ }
10909
+
10949
10910
  .text-bg-info {
10950
10911
  color: var(--bs-white) !important;
10951
10912
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
10952
10913
  }
10953
10914
 
10915
+ .text-bg-soft-info {
10916
+ color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
10917
+ background-color: RGBA(var(--bs-info-100-rgb), var(--bs-bg-opacity, 1)) !important;
10918
+ }
10919
+
10954
10920
  .text-bg-warning {
10955
10921
  color: var(--bs-black) !important;
10956
10922
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
10957
10923
  }
10958
10924
 
10925
+ .text-bg-soft-warning {
10926
+ color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
10927
+ background-color: RGBA(var(--bs-warning-100-rgb), var(--bs-bg-opacity, 1)) !important;
10928
+ }
10929
+
10959
10930
  .text-bg-danger {
10960
10931
  color: var(--bs-white) !important;
10961
10932
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
10962
10933
  }
10963
10934
 
10935
+ .text-bg-soft-danger {
10936
+ color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
10937
+ background-color: RGBA(var(--bs-danger-100-rgb), var(--bs-bg-opacity, 1)) !important;
10938
+ }
10939
+
10964
10940
  .text-bg-light {
10965
10941
  color: var(--bs-gray-700) !important;
10966
10942
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
10967
10943
  }
10968
10944
 
10945
+ .text-bg-soft-light {
10946
+ color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
10947
+ background-color: RGBA(var(--bs-gray-700-rgb), var(--bs-bg-opacity, 1)) !important;
10948
+ }
10949
+
10969
10950
  .text-bg-dark {
10970
10951
  color: var(--bs-white) !important;
10971
10952
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
10972
10953
  }
10973
10954
 
10955
+ .text-bg-soft-dark {
10956
+ color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
10957
+ background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
10958
+ }
10959
+
10974
10960
  .link-primary {
10975
10961
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
10976
10962
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;