@qrsln/lootstrap 22.6.5-beta.1 → 24.2.10-beta.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 (9) hide show
  1. package/dist/css/lootstrap.css +480 -828
  2. package/dist/css/lootstrap.css.map +1 -1
  3. package/dist/css/lootstrap.min.css +4 -4
  4. package/package.json +7 -7
  5. package/scss/Abstracts/Functions/_color.scss +1 -1
  6. package/scss/Abstracts/Functions/_text-color.scss +2 -2
  7. package/scss/Structure/Forms/_form-check.scss +2 -2
  8. package/scss/Structure/Forms/_form-select.scss +1 -1
  9. package/scss/_header.scss +3 -3
package/dist/css/lootstrap.css CHANGED
@@ -1,41 +1,41 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * CSS Compiled on: 2022-06-05
3
+ * CSS Compiled on: 2024-02-10
4
4
  *
5
- * Lootstrap v22.6.5-beta.1 (https://github.com/krsln/Lootstrap/)
6
- * Copyright 2022 Qrsln.
5
+ * Lootstrap v24.2.10-beta.0 (https://github.com/krsln/Lootstrap/)
6
+ * Copyright 2024 Qrsln.
7
7
  * Licensed under MIT (https://github.com/krsln/Lootstrap/blob/master/LICENSE)
8
8
  */
9
9
  :root {
10
- --ls-red: hsl(354deg, 66%, 54%);
11
- --ls-lime: hsl(120deg, 100%, 50%);
12
- --ls-blue: hsl(212deg, 97%, 43%);
13
- --ls-yellow: hsl(45deg, 100%, 51%);
14
- --ls-cyan: hsl(180deg, 100%, 50%);
15
- --ls-magenta: hsl(300deg, 100%, 50%);
10
+ --ls-red: hsl(354, 66%, 54%);
11
+ --ls-lime: hsl(120, 100%, 50%);
12
+ --ls-blue: hsl(212, 97%, 43%);
13
+ --ls-yellow: hsl(45, 100%, 51%);
14
+ --ls-cyan: hsl(180, 100%, 50%);
15
+ --ls-magenta: hsl(300, 100%, 50%);
16
16
  --ls-purple: rgb(160, 32, 240);
17
- --ls-green: hsl(134deg, 61%, 41%);
18
- --ls-maroon: hsl(331deg, 74%, 30%);
19
- --ls-navy: hsl(210deg, 100%, 12%);
20
- --ls-teal: hsl(162deg, 73%, 46%);
21
- --ls-olive: hsl(60deg, 100%, 25%);
22
- --ls-orange: hsl(24deg, 93%, 50%);
17
+ --ls-green: hsl(134, 61%, 41%);
18
+ --ls-maroon: hsl(331, 74%, 30%);
19
+ --ls-navy: hsl(210, 100%, 12%);
20
+ --ls-teal: hsl(162, 73%, 46%);
21
+ --ls-olive: hsl(60, 100%, 25%);
22
+ --ls-orange: hsl(24, 93%, 50%);
23
23
  --ls-pink: rgb(255, 192, 203);
24
- --ls-brown: hsl(0deg, 33%, 38%);
25
- --ls-indigo: hsl(270deg, 100%, 25%);
26
- --ls-black: hsl(0deg, 0%, 0%);
27
- --ls-white: hsl(0deg, 0%, 100%);
28
- --ls-silver: hsl(0deg, 0%, 75%);
29
- --ls-gray: hsl(213deg, 8%, 45%);
30
- --ls-light: hsl(0deg, 0%, 98%);
31
- --ls-dark: hsl(240deg, 7%, 18%);
32
- --ls-night: hsl(0deg, 0%, 7%);
33
- --ls-primary: hsl(217deg, 96%, 52%);
34
- --ls-secondary: hsl(208deg, 7%, 46%);
35
- --ls-success: hsl(150deg, 67%, 35%);
36
- --ls-info: hsl(195deg, 90%, 55%);
37
- --ls-warning: hsl(45deg, 100%, 45%);
38
- --ls-danger: hsl(354deg, 66%, 54%);
24
+ --ls-brown: hsl(0, 33%, 38%);
25
+ --ls-indigo: hsl(270, 100%, 25%);
26
+ --ls-black: hsl(0, 0%, 0%);
27
+ --ls-white: hsl(0, 0%, 100%);
28
+ --ls-silver: hsl(0, 0%, 75%);
29
+ --ls-gray: hsl(213, 8%, 45%);
30
+ --ls-light: hsl(0, 0%, 98%);
31
+ --ls-dark: hsl(240, 7%, 18%);
32
+ --ls-night: hsl(0, 0%, 7%);
33
+ --ls-primary: hsl(217, 96%, 52%);
34
+ --ls-secondary: hsl(208, 7%, 46%);
35
+ --ls-success: hsl(150, 67%, 35%);
36
+ --ls-info: hsl(195, 90%, 55%);
37
+ --ls-warning: hsl(45, 100%, 45%);
38
+ --ls-danger: hsl(354, 66%, 54%);
39
39
  --ls-border-radius: 0.25rem;
40
40
  --ls-border-alpha: 1;
41
41
  --ls-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
@@ -165,7 +165,7 @@ sup {
165
165
  top: -.5em
166
166
  }
167
167
  a {
168
- color: hsl(217deg,96%,52%);
168
+ color: #0f69fa;
169
169
  text-decoration: underline
170
170
  }
171
171
  a:hover {
@@ -229,7 +229,7 @@ table {
229
229
  caption {
230
230
  padding-top: .5rem;
231
231
  padding-bottom: .5rem;
232
- color: hsl(213deg,11%,69%);
232
+ color: #a7afb8;
233
233
  text-align: left
234
234
  }
235
235
  th {
@@ -403,19 +403,10 @@ progress {
403
403
  --ls-anim-iteration: 5
404
404
  }
405
405
  .Anim {
406
- -webkit-animation-duration: var(--ls-anim-dur, 750ms);
407
- animation-duration: var(--ls-anim-dur, 750ms);
408
- -webkit-animation-iteration-count: var(--ls-anim-iteration,1);
409
- animation-iteration-count: var(--ls-anim-iteration,1);
410
- -webkit-animation-timing-function: linear;
411
- animation-timing-function: linear;
412
- -webkit-animation-fill-mode: both;
413
- animation-fill-mode: both
414
- }
415
- @-webkit-keyframes Keyframe-spin-CW {
416
- 100% {
417
- transform: rotate(360deg)
418
- }
406
+ animation-duration: var(--ls-anim-dur, 750ms);
407
+ animation-iteration-count: var(--ls-anim-iteration,1);
408
+ animation-timing-function: linear;
409
+ animation-fill-mode: both
419
410
  }
420
411
  @keyframes Keyframe-spin-CW {
421
412
  100% {
@@ -423,16 +414,7 @@ progress {
423
414
  }
424
415
  }
425
416
  .Anim-spin {
426
- -webkit-animation-name: Keyframe-spin-CW;
427
- animation-name: Keyframe-spin-CW
428
- }
429
- @-webkit-keyframes Keyframe-spin-CCW {
430
- 0% {
431
- transform: rotateZ(0)
432
- }
433
- 100% {
434
- transform: rotateZ(-360deg)
435
- }
417
+ animation-name: Keyframe-spin-CW
436
418
  }
437
419
  @keyframes Keyframe-spin-CCW {
438
420
  0% {
@@ -443,22 +425,7 @@ progress {
443
425
  }
444
426
  }
445
427
  .Anim-spin-CCW {
446
- -webkit-animation-name: Keyframe-spin-CCW;
447
- animation-name: Keyframe-spin-CCW
448
- }
449
- @-webkit-keyframes Keyframe-spin-CW-stepped {
450
- 0%,
451
- 5% {
452
- transform: rotate(0)
453
- }
454
- 40%,
455
- 60% {
456
- transform: rotate(180deg)
457
- }
458
- 100%,
459
- 95% {
460
- transform: rotate(360deg)
461
- }
428
+ animation-name: Keyframe-spin-CCW
462
429
  }
463
430
  @keyframes Keyframe-spin-CW-stepped {
464
431
  0%,
@@ -475,16 +442,7 @@ progress {
475
442
  }
476
443
  }
477
444
  .Anim-spin-stepped {
478
- -webkit-animation-name: Keyframe-spin-CW-stepped;
479
- animation-name: Keyframe-spin-CW-stepped
480
- }
481
- @-webkit-keyframes Keyframe-grow {
482
- 0% {
483
- transform: scale(0)
484
- }
485
- 50% {
486
- opacity: 1
487
- }
445
+ animation-name: Keyframe-spin-CW-stepped
488
446
  }
489
447
  @keyframes Keyframe-grow {
490
448
  0% {
@@ -495,14 +453,7 @@ progress {
495
453
  }
496
454
  }
497
455
  .Anim-grow {
498
- -webkit-animation-name: Keyframe-grow;
499
- animation-name: Keyframe-grow
500
- }
501
- @-webkit-keyframes Keyframe-opacity {
502
- 100% {
503
- opacity: 0;
504
- transform: scale(1)
505
- }
456
+ animation-name: Keyframe-grow
506
457
  }
507
458
  @keyframes Keyframe-opacity {
508
459
  100% {
@@ -511,20 +462,7 @@ progress {
511
462
  }
512
463
  }
513
464
  .Anim-opacity {
514
- -webkit-animation-name: Keyframe-opacity;
515
- animation-name: Keyframe-opacity
516
- }
517
- @-webkit-keyframes Keyframe-heartbeat {
518
- 0%,
519
- 100% {
520
- transform: scale(1)
521
- }
522
- 10% {
523
- transform: scale(1.2)
524
- }
525
- 20% {
526
- transform: scale(1.4)
527
- }
465
+ animation-name: Keyframe-opacity
528
466
  }
529
467
  @keyframes Keyframe-heartbeat {
530
468
  0%,
@@ -539,27 +477,8 @@ progress {
539
477
  }
540
478
  }
541
479
  .Anim-heartbeat {
542
- -webkit-animation-name: Keyframe-heartbeat;
543
- animation-name: Keyframe-heartbeat;
544
- -webkit-animation-timing-function: ease;
545
- animation-timing-function: ease
546
- }
547
- @-webkit-keyframes Keyframe-heartbeat-2 {
548
- 0% {
549
- transform: scale(1)
550
- }
551
- 14% {
552
- transform: scale(1.3)
553
- }
554
- 28% {
555
- transform: scale(1)
556
- }
557
- 42% {
558
- transform: scale(1.3)
559
- }
560
- 70% {
561
- transform: scale(1)
562
- }
480
+ animation-name: Keyframe-heartbeat;
481
+ animation-timing-function: ease
563
482
  }
564
483
  @keyframes Keyframe-heartbeat-2 {
565
484
  0% {
@@ -579,33 +498,8 @@ progress {
579
498
  }
580
499
  }
581
500
  .Anim-heartbeat-2 {
582
- -webkit-animation-name: Keyframe-heartbeat-2;
583
- animation-name: Keyframe-heartbeat-2;
584
- -webkit-animation-timing-function: ease-in-out;
585
- animation-timing-function: ease-in-out
586
- }
587
- @-webkit-keyframes Keyframe-rubber-band {
588
- from {
589
- transform: scale3d(1,1,1)
590
- }
591
- 30% {
592
- transform: scale3d(1.25,.75,1)
593
- }
594
- 40% {
595
- transform: scale3d(.75,1.25,1)
596
- }
597
- 50% {
598
- transform: scale3d(1.15,.85,1)
599
- }
600
- 65% {
601
- transform: scale3d(.95,1.05,1)
602
- }
603
- 75% {
604
- transform: scale3d(1.05,.95,1)
605
- }
606
- to {
607
- transform: scale3d(1,1,1)
608
- }
501
+ animation-name: Keyframe-heartbeat-2;
502
+ animation-timing-function: ease-in-out
609
503
  }
610
504
  @keyframes Keyframe-rubber-band {
611
505
  from {
@@ -631,55 +525,23 @@ progress {
631
525
  }
632
526
  }
633
527
  .Anim-rubber-band {
634
- -webkit-animation-name: Keyframe-rubber-band;
635
- animation-name: Keyframe-rubber-band
636
- }
637
- @-webkit-keyframes Keyframe-bounce {
638
- 20%,
639
- 53%,
640
- from,
641
- to {
642
- -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
643
- animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
644
- transform: translate3d(0,0,0)
645
- }
646
- 40%,
647
- 43% {
648
- -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
649
- animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
650
- transform: translate3d(0,-30px,0) scaleY(1.1)
651
- }
652
- 70% {
653
- -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
654
- animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
655
- transform: translate3d(0,-15px,0) scaleY(1.05)
656
- }
657
- 80% {
658
- transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
659
- transform: translate3d(0,0,0) scaleY(.95)
660
- }
661
- 90% {
662
- transform: translate3d(0,-4px,0) scaleY(1.02)
663
- }
528
+ animation-name: Keyframe-rubber-band
664
529
  }
665
530
  @keyframes Keyframe-bounce {
666
531
  20%,
667
532
  53%,
668
533
  from,
669
534
  to {
670
- -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
671
- animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
535
+ animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
672
536
  transform: translate3d(0,0,0)
673
537
  }
674
538
  40%,
675
539
  43% {
676
- -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
677
- animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
540
+ animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
678
541
  transform: translate3d(0,-30px,0) scaleY(1.1)
679
542
  }
680
543
  70% {
681
- -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
682
- animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
544
+ animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
683
545
  transform: translate3d(0,-15px,0) scaleY(1.05)
684
546
  }
685
547
  80% {
@@ -691,38 +553,9 @@ progress {
691
553
  }
692
554
  }
693
555
  .Anim-bounce {
694
- -webkit-animation-name: Keyframe-bounce;
695
- animation-name: Keyframe-bounce;
556
+ animation-name: Keyframe-bounce;
696
557
  transform-origin: center bottom
697
558
  }
698
- @-webkit-keyframes Keyframe-jello {
699
- 11.1%,
700
- from,
701
- to {
702
- transform: translate3d(0,0,0)
703
- }
704
- 22.2% {
705
- transform: skewX(-12.5deg) skewY(-12.5deg)
706
- }
707
- 33.3% {
708
- transform: skewX(6.25deg) skewY(6.25deg)
709
- }
710
- 44.4% {
711
- transform: skewX(-3.125deg) skewY(-3.125deg)
712
- }
713
- 55.5% {
714
- transform: skewX(1.5625deg) skewY(1.5625deg)
715
- }
716
- 66.6% {
717
- transform: skewX(-.78125deg) skewY(-.78125deg)
718
- }
719
- 77.7% {
720
- transform: skewX(.390625deg) skewY(.390625deg)
721
- }
722
- 88.8% {
723
- transform: skewX(-.1953125deg) skewY(-.1953125deg)
724
- }
725
- }
726
559
  @keyframes Keyframe-jello {
727
560
  11.1%,
728
561
  from,
@@ -752,27 +585,9 @@ progress {
752
585
  }
753
586
  }
754
587
  .Anim-jello {
755
- -webkit-animation-name: Keyframe-jello;
756
- animation-name: Keyframe-jello;
588
+ animation-name: Keyframe-jello;
757
589
  transform-origin: center
758
590
  }
759
- @-webkit-keyframes Keyframe-swing {
760
- 20% {
761
- transform: rotate3d(0,0,1,15deg)
762
- }
763
- 40% {
764
- transform: rotate3d(0,0,1,-10deg)
765
- }
766
- 60% {
767
- transform: rotate3d(0,0,1,5deg)
768
- }
769
- 80% {
770
- transform: rotate3d(0,0,1,-5deg)
771
- }
772
- to {
773
- transform: rotate3d(0,0,1,0deg)
774
- }
775
- }
776
591
  @keyframes Keyframe-swing {
777
592
  20% {
778
593
  transform: rotate3d(0,0,1,15deg)
@@ -791,29 +606,9 @@ progress {
791
606
  }
792
607
  }
793
608
  .Anim-swing {
794
- -webkit-animation-name: Keyframe-swing;
795
- animation-name: Keyframe-swing;
609
+ animation-name: Keyframe-swing;
796
610
  transform-origin: top center
797
611
  }
798
- @-webkit-keyframes Keyframe-shakeX {
799
- from,
800
- to {
801
- transform: translate3d(0,0,0)
802
- }
803
- 10%,
804
- 30%,
805
- 50%,
806
- 70%,
807
- 90% {
808
- transform: translate3d(-10px,0,0)
809
- }
810
- 20%,
811
- 40%,
812
- 60%,
813
- 80% {
814
- transform: translate3d(10px,0,0)
815
- }
816
- }
817
612
  @keyframes Keyframe-shakeX {
818
613
  from,
819
614
  to {
@@ -834,27 +629,7 @@ progress {
834
629
  }
835
630
  }
836
631
  .Anim-shake {
837
- -webkit-animation-name: Keyframe-shakeX;
838
- animation-name: Keyframe-shakeX
839
- }
840
- @-webkit-keyframes Keyframe-shakeY {
841
- from,
842
- to {
843
- transform: translate3d(0,0,0)
844
- }
845
- 10%,
846
- 30%,
847
- 50%,
848
- 70%,
849
- 90% {
850
- transform: translate3d(0,-10px,0)
851
- }
852
- 20%,
853
- 40%,
854
- 60%,
855
- 80% {
856
- transform: translate3d(0,10px,0)
857
- }
632
+ animation-name: Keyframe-shakeX
858
633
  }
859
634
  @keyframes Keyframe-shakeY {
860
635
  from,
@@ -876,31 +651,7 @@ progress {
876
651
  }
877
652
  }
878
653
  .Anim-shake-vertical {
879
- -webkit-animation-name: Keyframe-shakeY;
880
- animation-name: Keyframe-shakeY
881
- }
882
- @-webkit-keyframes Keyframe-wobble {
883
- from {
884
- transform: translate3d(0,0,0)
885
- }
886
- 15% {
887
- transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
888
- }
889
- 30% {
890
- transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
891
- }
892
- 45% {
893
- transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
894
- }
895
- 60% {
896
- transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
897
- }
898
- 75% {
899
- transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
900
- }
901
- to {
902
- transform: translate3d(0,0,0)
903
- }
654
+ animation-name: Keyframe-shakeY
904
655
  }
905
656
  @keyframes Keyframe-wobble {
906
657
  from {
@@ -926,8 +677,7 @@ progress {
926
677
  }
927
678
  }
928
679
  .Anim-wobble {
929
- -webkit-animation-name: Keyframe-wobble;
930
- animation-name: Keyframe-wobble
680
+ animation-name: Keyframe-wobble
931
681
  }
932
682
  .Rect {
933
683
  flex: 1 0 auto;
@@ -993,37 +743,37 @@ progress {
993
743
  :root {
994
744
  --ls-contrast-hsl: 0deg,0%,0%;
995
745
  --ls-bg-hue-hsl: 0deg,0%,98%;
996
- --ls-bg-hue: hsl(0deg, 0%, 98%);
997
- --ls-fg-hue: hsl(0deg, 0%, 0%);
746
+ --ls-bg-hue: hsl(0, 0%, 98%);
747
+ --ls-fg-hue: hsl(0, 0%, 0%);
998
748
  --ls-bg-accent-hsl: 217deg,96%,52%;
999
- --ls-bg-accent: hsl(217deg, 96%, 52%);
1000
- --ls-fg-accent: hsl(0deg, 0%, 100%);
1001
- --ls-bg-surface: hsl(0deg, 0%, 100%);
1002
- --ls-fg-surface: hsl(0deg, 0%, 0%);
749
+ --ls-bg-accent: hsl(217, 96%, 52%);
750
+ --ls-fg-accent: hsl(0, 0%, 100%);
751
+ --ls-bg-surface: hsl(0, 0%, 100%);
752
+ --ls-fg-surface: hsl(0, 0%, 0%);
1003
753
  --ls-bg-body: #ededed;
1004
754
  --ls-border-hsl: 0deg,0%,88%;
1005
755
  --ls-shadow-hsl: 240deg,7%,18%;
1006
- --ls-gradient: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.15), hsla(0deg, 0%, 100%, 0))
756
+ --ls-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0))
1007
757
  }
1008
758
  .Accent-light {
1009
759
  --ls-bg-accent-hsl: 217deg,96%,52%;
1010
- --ls-bg-accent: hsl(217deg, 96%, 52%);
1011
- --ls-fg-accent: hsl(0deg, 0%, 100%)
760
+ --ls-bg-accent: hsl(217, 96%, 52%);
761
+ --ls-fg-accent: hsl(0, 0%, 100%)
1012
762
  }
1013
763
  .Theme-dark {
1014
764
  --ls-contrast-hsl: 0deg,0%,100%;
1015
765
  --ls-bg-hue-hsl: 240deg,7%,18%;
1016
- --ls-bg-hue: hsl(240deg, 7%, 18%);
1017
- --ls-fg-hue: hsl(0deg, 0%, 100%);
766
+ --ls-bg-hue: hsl(240, 7%, 18%);
767
+ --ls-fg-hue: hsl(0, 0%, 100%);
1018
768
  --ls-bg-accent-hsl: 217deg,97%,76%;
1019
769
  --ls-bg-accent: #87b4fd;
1020
- --ls-fg-accent: hsl(0deg, 0%, 0%);
1021
- --ls-bg-surface: hsl(240deg, 7%, 18%);
1022
- --ls-fg-surface: hsl(0deg, 0%, 100%);
770
+ --ls-fg-accent: hsl(0, 0%, 0%);
771
+ --ls-bg-surface: hsl(240, 7%, 18%);
772
+ --ls-fg-surface: hsl(0, 0%, 100%);
1023
773
  --ls-bg-body: #1c1c21;
1024
774
  --ls-border-hsl: 240deg,7%,28%;
1025
775
  --ls-shadow-hsl: 0deg,0%,7%;
1026
- --ls-gradient: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.15), hsla(0deg, 0%, 100%, 0))
776
+ --ls-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0))
1027
777
  }
1028
778
  .Theme-dark .Btn-close {
1029
779
  filter: invert(1) grayscale(100%) brightness(200%)
@@ -1031,22 +781,22 @@ progress {
1031
781
  .Accent-dark {
1032
782
  --ls-bg-accent-hsl: 217deg,97%,76%;
1033
783
  --ls-bg-accent: #87b4fd;
1034
- --ls-fg-accent: hsl(0deg, 0%, 0%)
784
+ --ls-fg-accent: hsl(0, 0%, 0%)
1035
785
  }
1036
786
  .Theme-night {
1037
787
  --ls-contrast-hsl: 0deg,0%,100%;
1038
788
  --ls-bg-hue-hsl: 0deg,0%,7%;
1039
- --ls-bg-hue: hsl(0deg, 0%, 7%);
1040
- --ls-fg-hue: hsl(0deg, 0%, 100%);
789
+ --ls-bg-hue: hsl(0, 0%, 7%);
790
+ --ls-fg-hue: hsl(0, 0%, 100%);
1041
791
  --ls-bg-accent-hsl: 217deg,97%,76%;
1042
792
  --ls-bg-accent: #87b4fd;
1043
- --ls-fg-accent: hsl(0deg, 0%, 0%);
1044
- --ls-bg-surface: hsl(0deg, 0%, 7%);
1045
- --ls-fg-surface: hsl(0deg, 0%, 100%);
793
+ --ls-fg-accent: hsl(0, 0%, 0%);
794
+ --ls-bg-surface: hsl(0, 0%, 7%);
795
+ --ls-fg-surface: hsl(0, 0%, 100%);
1046
796
  --ls-bg-body: #030303;
1047
797
  --ls-border-hsl: 0deg,0%,17%;
1048
798
  --ls-shadow-hsl: 0deg,0%,0%;
1049
- --ls-gradient: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.15), hsla(0deg, 0%, 100%, 0))
799
+ --ls-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0))
1050
800
  }
1051
801
  .Theme-night .Btn-close {
1052
802
  filter: invert(1) grayscale(100%) brightness(200%)
@@ -1054,37 +804,37 @@ progress {
1054
804
  .Accent-night {
1055
805
  --ls-bg-accent-hsl: 217deg,97%,76%;
1056
806
  --ls-bg-accent: #87b4fd;
1057
- --ls-fg-accent: hsl(0deg, 0%, 0%)
807
+ --ls-fg-accent: hsl(0, 0%, 0%)
1058
808
  }
1059
809
  .Accent-primary {
1060
810
  --ls-bg-accent-hsl: 217deg,96%,52%;
1061
- --ls-bg-accent: hsl(217deg, 96%, 52%);
1062
- --ls-fg-accent: hsl(0deg, 0%, 100%)
811
+ --ls-bg-accent: hsl(217, 96%, 52%);
812
+ --ls-fg-accent: hsl(0, 0%, 100%)
1063
813
  }
1064
814
  .Accent-secondary {
1065
815
  --ls-bg-accent-hsl: 208deg,7%,46%;
1066
- --ls-bg-accent: hsl(208deg, 7%, 46%);
1067
- --ls-fg-accent: hsl(0deg, 0%, 100%)
816
+ --ls-bg-accent: hsl(208, 7%, 46%);
817
+ --ls-fg-accent: hsl(0, 0%, 100%)
1068
818
  }
1069
819
  .Accent-success {
1070
820
  --ls-bg-accent-hsl: 150deg,67%,35%;
1071
- --ls-bg-accent: hsl(150deg, 67%, 35%);
1072
- --ls-fg-accent: hsl(0deg, 0%, 100%)
821
+ --ls-bg-accent: hsl(150, 67%, 35%);
822
+ --ls-fg-accent: hsl(0, 0%, 100%)
1073
823
  }
1074
824
  .Accent-info {
1075
825
  --ls-bg-accent-hsl: 195deg,90%,55%;
1076
- --ls-bg-accent: hsl(195deg, 90%, 55%);
1077
- --ls-fg-accent: hsl(0deg, 0%, 0%)
826
+ --ls-bg-accent: hsl(195, 90%, 55%);
827
+ --ls-fg-accent: hsl(0, 0%, 0%)
1078
828
  }
1079
829
  .Accent-warning {
1080
830
  --ls-bg-accent-hsl: 45deg,100%,45%;
1081
- --ls-bg-accent: hsl(45deg, 100%, 45%);
1082
- --ls-fg-accent: hsl(0deg, 0%, 0%)
831
+ --ls-bg-accent: hsl(45, 100%, 45%);
832
+ --ls-fg-accent: hsl(0, 0%, 0%)
1083
833
  }
1084
834
  .Accent-danger {
1085
835
  --ls-bg-accent-hsl: 354deg,66%,54%;
1086
- --ls-bg-accent: hsl(354deg, 66%, 54%);
1087
- --ls-fg-accent: hsl(0deg, 0%, 100%)
836
+ --ls-bg-accent: hsl(354, 66%, 54%);
837
+ --ls-fg-accent: hsl(0, 0%, 100%)
1088
838
  }
1089
839
  .Overlay-0 {
1090
840
  background-color: hsla(var(--ls-contrast-hsl),0%)
@@ -1204,21 +954,21 @@ progress {
1204
954
  }
1205
955
  .Alert-light {
1206
956
  --ls-alert-bg: #fbfbfb;
1207
- --ls-alert-color: hsl(0deg, 0%, 0%);
957
+ --ls-alert-color: hsl(0, 0%, 0%);
1208
958
  --ls-alert-icon-color: #fefefe;
1209
959
  --ls-alert-border-color: #eeeeee;
1210
960
  --ls-alert-outline-bg: white;
1211
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
961
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1212
962
  --ls-alert-outline-icon-color: #fbfbfb;
1213
963
  --ls-alert-outline-border-color: #e0e0e0
1214
964
  }
1215
965
  .Alert-dark {
1216
966
  --ls-alert-bg: #606065;
1217
- --ls-alert-color: hsl(0deg, 0%, 100%);
967
+ --ls-alert-color: hsl(0, 0%, 100%);
1218
968
  --ls-alert-icon-color: #d7d7d9;
1219
969
  --ls-alert-border-color: #5b5b60;
1220
970
  --ls-alert-outline-bg: #eaeaea;
1221
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
971
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1222
972
  --ls-alert-outline-icon-color: #606065;
1223
973
  --ls-alert-outline-border-color: #131316
1224
974
  }
@@ -1227,11 +977,11 @@ progress {
1227
977
  }
1228
978
  .Alert-night {
1229
979
  --ls-alert-bg: #4d4d4d;
1230
- --ls-alert-color: hsl(0deg, 0%, 100%);
980
+ --ls-alert-color: hsl(0, 0%, 100%);
1231
981
  --ls-alert-icon-color: lightgray;
1232
982
  --ls-alert-border-color: #494949;
1233
983
  --ls-alert-outline-bg: #e7e7e7;
1234
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
984
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1235
985
  --ls-alert-outline-icon-color: #4d4d4d;
1236
986
  --ls-alert-outline-border-color: black
1237
987
  }
@@ -1240,11 +990,11 @@ progress {
1240
990
  }
1241
991
  .Alert-primary {
1242
992
  --ls-alert-bg: #4b8ffb;
1243
- --ls-alert-color: hsl(0deg, 0%, 100%);
993
+ --ls-alert-color: hsl(0, 0%, 100%);
1244
994
  --ls-alert-icon-color: #d2e3fe;
1245
995
  --ls-alert-border-color: #4788ee;
1246
996
  --ls-alert-outline-bg: #e7f0ff;
1247
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
997
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1248
998
  --ls-alert-outline-icon-color: #4b8ffb;
1249
999
  --ls-alert-outline-border-color: #0453d2
1250
1000
  }
@@ -1253,11 +1003,11 @@ progress {
1253
1003
  }
1254
1004
  .Alert-secondary {
1255
1005
  --ls-alert-bg: #92989e;
1256
- --ls-alert-color: hsl(0deg, 0%, 0%);
1006
+ --ls-alert-color: hsl(0, 0%, 0%);
1257
1007
  --ls-alert-icon-color: #e4e5e7;
1258
1008
  --ls-alert-border-color: #8b9096;
1259
1009
  --ls-alert-outline-bg: #f0f1f2;
1260
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
1010
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1261
1011
  --ls-alert-outline-icon-color: #92989e;
1262
1012
  --ls-alert-outline-border-color: #555c62
1263
1013
  }
@@ -1266,11 +1016,11 @@ progress {
1266
1016
  }
1267
1017
  .Alert-success {
1268
1018
  --ls-alert-bg: #56b083;
1269
- --ls-alert-color: hsl(0deg, 0%, 0%);
1019
+ --ls-alert-color: hsl(0, 0%, 0%);
1270
1020
  --ls-alert-icon-color: #d5ebe0;
1271
1021
  --ls-alert-border-color: #52a77c;
1272
1022
  --ls-alert-outline-bg: #e8f4ee;
1273
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
1023
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1274
1024
  --ls-alert-outline-icon-color: #56b083;
1275
1025
  --ls-alert-outline-border-color: #156a40
1276
1026
  }
@@ -1279,11 +1029,11 @@ progress {
1279
1029
  }
1280
1030
  .Alert-info {
1281
1031
  --ls-alert-bg: #5cd0f7;
1282
- --ls-alert-color: hsl(0deg, 0%, 0%);
1032
+ --ls-alert-color: hsl(0, 0%, 0%);
1283
1033
  --ls-alert-icon-color: #d6f3fd;
1284
1034
  --ls-alert-border-color: #57c6eb;
1285
1035
  --ls-alert-outline-bg: #e9f9fe;
1286
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
1036
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1287
1037
  --ls-alert-outline-icon-color: #5cd0f7;
1288
1038
  --ls-alert-outline-border-color: #0ba6da
1289
1039
  }
@@ -1292,11 +1042,11 @@ progress {
1292
1042
  }
1293
1043
  .Alert-warning {
1294
1044
  --ls-alert-bg: #ecc140;
1295
- --ls-alert-color: hsl(0deg, 0%, 0%);
1045
+ --ls-alert-color: hsl(0, 0%, 0%);
1296
1046
  --ls-alert-icon-color: #faf0cf;
1297
1047
  --ls-alert-border-color: #e0b73d;
1298
1048
  --ls-alert-outline-bg: #fdf7e6;
1299
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
1049
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1300
1050
  --ls-alert-outline-icon-color: #ecc140;
1301
1051
  --ls-alert-outline-border-color: #b38600
1302
1052
  }
@@ -1305,11 +1055,11 @@ progress {
1305
1055
  }
1306
1056
  .Alert-danger {
1307
1057
  --ls-alert-bg: #e16d79;
1308
- --ls-alert-color: hsl(0deg, 0%, 0%);
1058
+ --ls-alert-color: hsl(0, 0%, 0%);
1309
1059
  --ls-alert-icon-color: #f8dbde;
1310
1060
  --ls-alert-border-color: #d66873;
1311
1061
  --ls-alert-outline-bg: #fbeced;
1312
- --ls-alert-outline-color: hsl(0deg, 0%, 0%);
1062
+ --ls-alert-outline-color: hsl(0, 0%, 0%);
1313
1063
  --ls-alert-outline-icon-color: #e16d79;
1314
1064
  --ls-alert-outline-border-color: #ba2635
1315
1065
  }
@@ -1322,11 +1072,11 @@ progress {
1322
1072
  bottom: 7%;
1323
1073
  width: 16%;
1324
1074
  height: 16%;
1325
- background: hsl(354deg,66%,54%);
1075
+ background: #d73c4b;
1326
1076
  border-radius: 50%
1327
1077
  }
1328
1078
  .Avatar-badge.Online {
1329
- background: hsl(120deg,100%,50%)
1079
+ background: #0f0
1330
1080
  }
1331
1081
  .Avatar-group.Sign-bottom svg mask circle[fill=black],
1332
1082
  .Avatar.Sign-bottom svg mask circle[fill=black] {
@@ -1490,7 +1240,7 @@ progress {
1490
1240
  --ls-badge-padding-y: 0.35em;
1491
1241
  --ls-badge-font-size: 0.75em;
1492
1242
  --ls-badge-font-weight: 700;
1493
- --ls-badge-color: hsl(0deg, 0%, 100%);
1243
+ --ls-badge-color: hsl(0, 0%, 100%);
1494
1244
  --ls-badge-border-radius: 0.25rem;
1495
1245
  display: inline-block;
1496
1246
  padding: var(--ls-badge-padding-y) var(--ls-badge-padding-x);
@@ -1505,7 +1255,7 @@ progress {
1505
1255
  border-radius: var(--ls-badge-border-radius,0)
1506
1256
  }
1507
1257
  .Badge[class*=light] {
1508
- color: hsl(240deg,7%,18%)
1258
+ color: #2a2a31
1509
1259
  }
1510
1260
  .Badge:empty {
1511
1261
  display: none
@@ -1642,7 +1392,7 @@ progress {
1642
1392
  --ls-btn-bg: inherit;
1643
1393
  --ls-btn-color: inherit;
1644
1394
  --ls-btn-border-width: 1px;
1645
- --ls-btn-border-color: hsla(0deg, 0%, 0%, 0.03);
1395
+ --ls-btn-border-color: hsla(0, 0%, 0%, 0.03);
1646
1396
  --ls-btn-border-radius: 0.25rem;
1647
1397
  --ls-btn-box-shadow: 0 1px 3px hsla(var(--ls-shadow-hsl), 0.12),0 1px 2px hsla(var(--ls-shadow-hsl), 0.24);
1648
1398
  --ls-btn-focus-box-shadow: 0 3px 6px hsla(var(--ls-shadow-hsl), 0.15),0 3px 6px hsla(var(--ls-shadow-hsl), 0.24);
@@ -1676,12 +1426,12 @@ progress {
1676
1426
  .Btn:hover {
1677
1427
  color: var(--ls-btn-hover-color);
1678
1428
  background-color: var(--ls-btn-hover-bg);
1679
- border-color: var(--ls-btn-hover-border-color,hsla(0deg,0%,0%,.06))
1429
+ border-color: var(--ls-btn-hover-border-color,hsla(0,0%,0%,.06))
1680
1430
  }
1681
1431
  .Btn:focus {
1682
1432
  outline: 0;
1683
1433
  color: var(--ls-btn-hover-color);
1684
- border-color: var(--ls-btn-hover-border-color,hsla(0deg,0%,0%,.09));
1434
+ border-color: var(--ls-btn-hover-border-color,hsla(0,0%,0%,.09));
1685
1435
  background-color: var(--ls-btn-hover-bg);
1686
1436
  box-shadow: var(--ls-btn-focus-box-shadow)
1687
1437
  }
@@ -1690,7 +1440,7 @@ progress {
1690
1440
  .Btn:active {
1691
1441
  color: var(--ls-btn-hover-color);
1692
1442
  background-color: var(--ls-btn-hover-bg);
1693
- border-color: var(--ls-btn-hover-border-color,hsla(0deg,0%,0%,.09));
1443
+ border-color: var(--ls-btn-hover-border-color,hsla(0,0%,0%,.09));
1694
1444
  outline: 0;
1695
1445
  box-shadow: var(--ls-btn-focus-box-shadow)
1696
1446
  }
@@ -1733,7 +1483,7 @@ fieldset:disabled .Btn {
1733
1483
  }
1734
1484
  .Btn-link {
1735
1485
  --ls-btn-font-weight: 400;
1736
- --ls-btn-color: hsl(217deg, 96%, 52%);
1486
+ --ls-btn-color: hsl(217, 96%, 52%);
1737
1487
  --ls-btn-bg: transparent;
1738
1488
  --ls-btn-border-color: transparent;
1739
1489
  --ls-btn-box-shadow: none;
@@ -1741,28 +1491,28 @@ fieldset:disabled .Btn {
1741
1491
  --ls-btn-hover-color: #0c54c8;
1742
1492
  --ls-btn-hover-border-color: transparent;
1743
1493
  --ls-btn-active-border-color: transparent;
1744
- --ls-btn-disabled-color: hsl(213deg, 11%, 69%);
1494
+ --ls-btn-disabled-color: hsl(213, 11%, 69%);
1745
1495
  --ls-btn-disabled-border-color: transparent;
1746
1496
  text-decoration: underline
1747
1497
  }
1748
1498
  .Btn-light {
1749
- --ls-btn-bg: hsl(0deg, 0%, 98%);
1750
- --ls-btn-color: hsl(0deg, 0%, 0%);
1751
- --ls-btn-border-color: hsl(0deg, 0%, 98%);
1499
+ --ls-btn-bg: hsl(0, 0%, 98%);
1500
+ --ls-btn-color: hsl(0, 0%, 0%);
1501
+ --ls-btn-border-color: hsl(0, 0%, 98%);
1752
1502
  --ls-btn-hover-bg: #fbfbfb;
1753
- --ls-btn-hover-color: hsl(0deg, 0%, 0%);
1503
+ --ls-btn-hover-color: hsl(0, 0%, 0%);
1754
1504
  --ls-btn-hover-border-color: #fbfbfb;
1755
1505
  --ls-btn-active-bg: #fbfbfb;
1756
- --ls-btn-active-color: hsl(0deg, 0%, 0%);
1506
+ --ls-btn-active-color: hsl(0, 0%, 0%);
1757
1507
  --ls-btn-active-border-color: #fbfbfb;
1758
- --ls-btn-disabled-bg: hsl(0deg, 0%, 98%);
1759
- --ls-btn-disabled-color: hsl(0deg, 0%, 0%);
1760
- --ls-btn-disabled-border-color: hsl(0deg, 0%, 98%)
1508
+ --ls-btn-disabled-bg: hsl(0, 0%, 98%);
1509
+ --ls-btn-disabled-color: hsl(0, 0%, 0%);
1510
+ --ls-btn-disabled-border-color: hsl(0, 0%, 98%)
1761
1511
  }
1762
1512
  .Btn-outline-light {
1763
1513
  --ls-btn-bg: transparent;
1764
- --ls-btn-color: hsl(0deg, 0%, 98%);
1765
- --ls-btn-border-color: hsl(0deg, 0%, 98%);
1514
+ --ls-btn-color: hsl(0, 0%, 98%);
1515
+ --ls-btn-border-color: hsl(0, 0%, 98%);
1766
1516
  --ls-btn-hover-bg: transparent;
1767
1517
  --ls-btn-hover-color: #e0e0e0;
1768
1518
  --ls-btn-hover-border-color: #e0e0e0;
@@ -1774,23 +1524,23 @@ fieldset:disabled .Btn {
1774
1524
  --ls-btn-disabled-border-color: white
1775
1525
  }
1776
1526
  .Btn-dark {
1777
- --ls-btn-bg: hsl(240deg, 7%, 18%);
1778
- --ls-btn-color: hsl(0deg, 0%, 100%);
1779
- --ls-btn-border-color: hsl(240deg, 7%, 18%);
1527
+ --ls-btn-bg: hsl(240, 7%, 18%);
1528
+ --ls-btn-color: hsl(0, 0%, 100%);
1529
+ --ls-btn-border-color: hsl(240, 7%, 18%);
1780
1530
  --ls-btn-hover-bg: #25252a;
1781
- --ls-btn-hover-color: hsl(0deg, 0%, 100%);
1531
+ --ls-btn-hover-color: hsl(0, 0%, 100%);
1782
1532
  --ls-btn-hover-border-color: #222227;
1783
1533
  --ls-btn-active-bg: #222227;
1784
- --ls-btn-active-color: hsl(0deg, 0%, 100%);
1534
+ --ls-btn-active-color: hsl(0, 0%, 100%);
1785
1535
  --ls-btn-active-border-color: #202025;
1786
- --ls-btn-disabled-bg: hsl(240deg, 7%, 18%);
1787
- --ls-btn-disabled-color: hsl(0deg, 0%, 100%);
1788
- --ls-btn-disabled-border-color: hsl(240deg, 7%, 18%)
1536
+ --ls-btn-disabled-bg: hsl(240, 7%, 18%);
1537
+ --ls-btn-disabled-color: hsl(0, 0%, 100%);
1538
+ --ls-btn-disabled-border-color: hsl(240, 7%, 18%)
1789
1539
  }
1790
1540
  .Btn-outline-dark {
1791
1541
  --ls-btn-bg: transparent;
1792
- --ls-btn-color: hsl(240deg, 7%, 18%);
1793
- --ls-btn-border-color: hsl(240deg, 7%, 18%);
1542
+ --ls-btn-color: hsl(240, 7%, 18%);
1543
+ --ls-btn-border-color: hsl(240, 7%, 18%);
1794
1544
  --ls-btn-hover-bg: transparent;
1795
1545
  --ls-btn-hover-color: #131316;
1796
1546
  --ls-btn-hover-border-color: #131316;
@@ -1802,23 +1552,23 @@ fieldset:disabled .Btn {
1802
1552
  --ls-btn-disabled-border-color: #42424c
1803
1553
  }
1804
1554
  .Btn-night {
1805
- --ls-btn-bg: hsl(0deg, 0%, 7%);
1806
- --ls-btn-color: hsl(0deg, 0%, 100%);
1807
- --ls-btn-border-color: hsl(0deg, 0%, 7%);
1555
+ --ls-btn-bg: hsl(0, 0%, 7%);
1556
+ --ls-btn-color: hsl(0, 0%, 100%);
1557
+ --ls-btn-border-color: hsl(0, 0%, 7%);
1808
1558
  --ls-btn-hover-bg: #0f0f0f;
1809
- --ls-btn-hover-color: hsl(0deg, 0%, 100%);
1559
+ --ls-btn-hover-color: hsl(0, 0%, 100%);
1810
1560
  --ls-btn-hover-border-color: #0e0e0e;
1811
1561
  --ls-btn-active-bg: #0e0e0e;
1812
- --ls-btn-active-color: hsl(0deg, 0%, 100%);
1562
+ --ls-btn-active-color: hsl(0, 0%, 100%);
1813
1563
  --ls-btn-active-border-color: #0e0e0e;
1814
- --ls-btn-disabled-bg: hsl(0deg, 0%, 7%);
1815
- --ls-btn-disabled-color: hsl(0deg, 0%, 100%);
1816
- --ls-btn-disabled-border-color: hsl(0deg, 0%, 7%)
1564
+ --ls-btn-disabled-bg: hsl(0, 0%, 7%);
1565
+ --ls-btn-disabled-color: hsl(0, 0%, 100%);
1566
+ --ls-btn-disabled-border-color: hsl(0, 0%, 7%)
1817
1567
  }
1818
1568
  .Btn-outline-night {
1819
1569
  --ls-btn-bg: transparent;
1820
- --ls-btn-color: hsl(0deg, 0%, 7%);
1821
- --ls-btn-border-color: hsl(0deg, 0%, 7%);
1570
+ --ls-btn-color: hsl(0, 0%, 7%);
1571
+ --ls-btn-border-color: hsl(0, 0%, 7%);
1822
1572
  --ls-btn-hover-bg: transparent;
1823
1573
  --ls-btn-hover-color: black;
1824
1574
  --ls-btn-hover-border-color: black;
@@ -1830,23 +1580,23 @@ fieldset:disabled .Btn {
1830
1580
  --ls-btn-disabled-border-color: #2b2b2b
1831
1581
  }
1832
1582
  .Btn-primary {
1833
- --ls-btn-bg: hsl(217deg, 96%, 52%);
1834
- --ls-btn-color: hsl(0deg, 0%, 100%);
1835
- --ls-btn-border-color: hsl(217deg, 96%, 52%);
1583
+ --ls-btn-bg: hsl(217, 96%, 52%);
1584
+ --ls-btn-color: hsl(0, 0%, 100%);
1585
+ --ls-btn-border-color: hsl(217, 96%, 52%);
1836
1586
  --ls-btn-hover-bg: #0d59d5;
1837
- --ls-btn-hover-color: hsl(0deg, 0%, 100%);
1587
+ --ls-btn-hover-color: hsl(0, 0%, 100%);
1838
1588
  --ls-btn-hover-border-color: #0c54c8;
1839
1589
  --ls-btn-active-bg: #0c54c8;
1840
- --ls-btn-active-color: hsl(0deg, 0%, 100%);
1590
+ --ls-btn-active-color: hsl(0, 0%, 100%);
1841
1591
  --ls-btn-active-border-color: #0b4fbc;
1842
- --ls-btn-disabled-bg: hsl(217deg, 96%, 52%);
1843
- --ls-btn-disabled-color: hsl(0deg, 0%, 100%);
1844
- --ls-btn-disabled-border-color: hsl(217deg, 96%, 52%)
1592
+ --ls-btn-disabled-bg: hsl(217, 96%, 52%);
1593
+ --ls-btn-disabled-color: hsl(0, 0%, 100%);
1594
+ --ls-btn-disabled-border-color: hsl(217, 96%, 52%)
1845
1595
  }
1846
1596
  .Btn-outline-primary {
1847
1597
  --ls-btn-bg: transparent;
1848
- --ls-btn-color: hsl(217deg, 96%, 52%);
1849
- --ls-btn-border-color: hsl(217deg, 96%, 52%);
1598
+ --ls-btn-color: hsl(217, 96%, 52%);
1599
+ --ls-btn-border-color: hsl(217, 96%, 52%);
1850
1600
  --ls-btn-hover-bg: transparent;
1851
1601
  --ls-btn-hover-color: #0453d2;
1852
1602
  --ls-btn-hover-border-color: #0453d2;
@@ -1858,23 +1608,23 @@ fieldset:disabled .Btn {
1858
1608
  --ls-btn-disabled-border-color: #4188fb
1859
1609
  }
1860
1610
  .Btn-secondary {
1861
- --ls-btn-bg: hsl(208deg, 7%, 46%);
1862
- --ls-btn-color: hsl(0deg, 0%, 100%);
1863
- --ls-btn-border-color: hsl(208deg, 7%, 46%);
1611
+ --ls-btn-bg: hsl(208, 7%, 46%);
1612
+ --ls-btn-color: hsl(0, 0%, 100%);
1613
+ --ls-btn-border-color: hsl(208, 7%, 46%);
1864
1614
  --ls-btn-hover-bg: #5d646b;
1865
- --ls-btn-hover-color: hsl(0deg, 0%, 100%);
1615
+ --ls-btn-hover-color: hsl(0, 0%, 100%);
1866
1616
  --ls-btn-hover-border-color: #575e65;
1867
1617
  --ls-btn-active-bg: #575e65;
1868
- --ls-btn-active-color: hsl(0deg, 0%, 100%);
1618
+ --ls-btn-active-color: hsl(0, 0%, 100%);
1869
1619
  --ls-btn-active-border-color: #52595f;
1870
- --ls-btn-disabled-bg: hsl(208deg, 7%, 46%);
1871
- --ls-btn-disabled-color: hsl(0deg, 0%, 100%);
1872
- --ls-btn-disabled-border-color: hsl(208deg, 7%, 46%)
1620
+ --ls-btn-disabled-bg: hsl(208, 7%, 46%);
1621
+ --ls-btn-disabled-color: hsl(0, 0%, 100%);
1622
+ --ls-btn-disabled-border-color: hsl(208, 7%, 46%)
1873
1623
  }
1874
1624
  .Btn-outline-secondary {
1875
1625
  --ls-btn-bg: transparent;
1876
- --ls-btn-color: hsl(208deg, 7%, 46%);
1877
- --ls-btn-border-color: hsl(208deg, 7%, 46%);
1626
+ --ls-btn-color: hsl(208, 7%, 46%);
1627
+ --ls-btn-border-color: hsl(208, 7%, 46%);
1878
1628
  --ls-btn-hover-bg: transparent;
1879
1629
  --ls-btn-hover-color: #555c62;
1880
1630
  --ls-btn-hover-border-color: #555c62;
@@ -1886,23 +1636,23 @@ fieldset:disabled .Btn {
1886
1636
  --ls-btn-disabled-border-color: #878f97
1887
1637
  }
1888
1638
  .Btn-success {
1889
- --ls-btn-bg: hsl(150deg, 67%, 35%);
1890
- --ls-btn-color: hsl(0deg, 0%, 100%);
1891
- --ls-btn-border-color: hsl(150deg, 67%, 35%);
1639
+ --ls-btn-bg: hsl(150, 67%, 35%);
1640
+ --ls-btn-color: hsl(0, 0%, 100%);
1641
+ --ls-btn-border-color: hsl(150, 67%, 35%);
1892
1642
  --ls-btn-hover-bg: #197f4c;
1893
- --ls-btn-hover-color: hsl(0deg, 0%, 100%);
1643
+ --ls-btn-hover-color: hsl(0, 0%, 100%);
1894
1644
  --ls-btn-hover-border-color: #177747;
1895
1645
  --ls-btn-active-bg: #177747;
1896
- --ls-btn-active-color: hsl(0deg, 0%, 100%);
1646
+ --ls-btn-active-color: hsl(0, 0%, 100%);
1897
1647
  --ls-btn-active-border-color: #167043;
1898
- --ls-btn-disabled-bg: hsl(150deg, 67%, 35%);
1899
- --ls-btn-disabled-color: hsl(0deg, 0%, 100%);
1900
- --ls-btn-disabled-border-color: hsl(150deg, 67%, 35%)
1648
+ --ls-btn-disabled-bg: hsl(150, 67%, 35%);
1649
+ --ls-btn-disabled-color: hsl(0, 0%, 100%);
1650
+ --ls-btn-disabled-border-color: hsl(150, 67%, 35%)
1901
1651
  }
1902
1652
  .Btn-outline-success {
1903
1653
  --ls-btn-bg: transparent;
1904
- --ls-btn-color: hsl(150deg, 67%, 35%);
1905
- --ls-btn-border-color: hsl(150deg, 67%, 35%);
1654
+ --ls-btn-color: hsl(150, 67%, 35%);
1655
+ --ls-btn-border-color: hsl(150, 67%, 35%);
1906
1656
  --ls-btn-hover-bg: transparent;
1907
1657
  --ls-btn-hover-color: #156a40;
1908
1658
  --ls-btn-hover-border-color: #156a40;
@@ -1914,23 +1664,23 @@ fieldset:disabled .Btn {
1914
1664
  --ls-btn-disabled-border-color: #26c073
1915
1665
  }
1916
1666
  .Btn-info {
1917
- --ls-btn-bg: hsl(195deg, 90%, 55%);
1918
- --ls-btn-color: hsl(0deg, 0%, 0%);
1919
- --ls-btn-border-color: hsl(195deg, 90%, 55%);
1667
+ --ls-btn-bg: hsl(195, 90%, 55%);
1668
+ --ls-btn-color: hsl(0, 0%, 0%);
1669
+ --ls-btn-border-color: hsl(195, 90%, 55%);
1920
1670
  --ls-btn-hover-bg: #46c9f6;
1921
- --ls-btn-hover-color: hsl(0deg, 0%, 0%);
1671
+ --ls-btn-hover-color: hsl(0, 0%, 0%);
1922
1672
  --ls-btn-hover-border-color: #3bc6f5;
1923
1673
  --ls-btn-active-bg: #51cdf6;
1924
- --ls-btn-active-color: hsl(0deg, 0%, 0%);
1674
+ --ls-btn-active-color: hsl(0, 0%, 0%);
1925
1675
  --ls-btn-active-border-color: #3bc6f5;
1926
- --ls-btn-disabled-bg: hsl(195deg, 90%, 55%);
1927
- --ls-btn-disabled-color: hsl(0deg, 0%, 0%);
1928
- --ls-btn-disabled-border-color: hsl(195deg, 90%, 55%)
1676
+ --ls-btn-disabled-bg: hsl(195, 90%, 55%);
1677
+ --ls-btn-disabled-color: hsl(0, 0%, 0%);
1678
+ --ls-btn-disabled-border-color: hsl(195, 90%, 55%)
1929
1679
  }
1930
1680
  .Btn-outline-info {
1931
1681
  --ls-btn-bg: transparent;
1932
- --ls-btn-color: hsl(195deg, 90%, 55%);
1933
- --ls-btn-border-color: hsl(195deg, 90%, 55%);
1682
+ --ls-btn-color: hsl(195, 90%, 55%);
1683
+ --ls-btn-border-color: hsl(195, 90%, 55%);
1934
1684
  --ls-btn-hover-bg: transparent;
1935
1685
  --ls-btn-hover-color: #0ba6da;
1936
1686
  --ls-btn-hover-border-color: #0ba6da;
@@ -1942,23 +1692,23 @@ fieldset:disabled .Btn {
1942
1692
  --ls-btn-disabled-border-color: #55cef6
1943
1693
  }
1944
1694
  .Btn-warning {
1945
- --ls-btn-bg: hsl(45deg, 100%, 45%);
1946
- --ls-btn-color: hsl(0deg, 0%, 0%);
1947
- --ls-btn-border-color: hsl(45deg, 100%, 45%);
1695
+ --ls-btn-bg: hsl(45, 100%, 45%);
1696
+ --ls-btn-color: hsl(0, 0%, 0%);
1697
+ --ls-btn-border-color: hsl(45, 100%, 45%);
1948
1698
  --ls-btn-hover-bg: #eab826;
1949
- --ls-btn-hover-color: hsl(0deg, 0%, 0%);
1699
+ --ls-btn-hover-color: hsl(0, 0%, 0%);
1950
1700
  --ls-btn-hover-border-color: #e9b41a;
1951
1701
  --ls-btn-active-bg: #ebbd33;
1952
- --ls-btn-active-color: hsl(0deg, 0%, 0%);
1702
+ --ls-btn-active-color: hsl(0, 0%, 0%);
1953
1703
  --ls-btn-active-border-color: #e9b41a;
1954
- --ls-btn-disabled-bg: hsl(45deg, 100%, 45%);
1955
- --ls-btn-disabled-color: hsl(0deg, 0%, 0%);
1956
- --ls-btn-disabled-border-color: hsl(45deg, 100%, 45%)
1704
+ --ls-btn-disabled-bg: hsl(45, 100%, 45%);
1705
+ --ls-btn-disabled-color: hsl(0, 0%, 0%);
1706
+ --ls-btn-disabled-border-color: hsl(45, 100%, 45%)
1957
1707
  }
1958
1708
  .Btn-outline-warning {
1959
1709
  --ls-btn-bg: transparent;
1960
- --ls-btn-color: hsl(45deg, 100%, 45%);
1961
- --ls-btn-border-color: hsl(45deg, 100%, 45%);
1710
+ --ls-btn-color: hsl(45, 100%, 45%);
1711
+ --ls-btn-border-color: hsl(45, 100%, 45%);
1962
1712
  --ls-btn-hover-bg: transparent;
1963
1713
  --ls-btn-hover-color: #b38600;
1964
1714
  --ls-btn-hover-border-color: #b38600;
@@ -1970,23 +1720,23 @@ fieldset:disabled .Btn {
1970
1720
  --ls-btn-disabled-border-color: #ffc61a
1971
1721
  }
1972
1722
  .Btn-danger {
1973
- --ls-btn-bg: hsl(354deg, 66%, 54%);
1974
- --ls-btn-color: hsl(0deg, 0%, 100%);
1975
- --ls-btn-border-color: hsl(354deg, 66%, 54%);
1723
+ --ls-btn-bg: hsl(354, 66%, 54%);
1724
+ --ls-btn-color: hsl(0, 0%, 100%);
1725
+ --ls-btn-border-color: hsl(354, 66%, 54%);
1976
1726
  --ls-btn-hover-bg: #b73341;
1977
- --ls-btn-hover-color: hsl(0deg, 0%, 100%);
1727
+ --ls-btn-hover-color: hsl(0, 0%, 100%);
1978
1728
  --ls-btn-hover-border-color: #ac303d;
1979
1729
  --ls-btn-active-bg: #ac303d;
1980
- --ls-btn-active-color: hsl(0deg, 0%, 100%);
1730
+ --ls-btn-active-color: hsl(0, 0%, 100%);
1981
1731
  --ls-btn-active-border-color: #a12d39;
1982
- --ls-btn-disabled-bg: hsl(354deg, 66%, 54%);
1983
- --ls-btn-disabled-color: hsl(0deg, 0%, 100%);
1984
- --ls-btn-disabled-border-color: hsl(354deg, 66%, 54%)
1732
+ --ls-btn-disabled-bg: hsl(354, 66%, 54%);
1733
+ --ls-btn-disabled-color: hsl(0, 0%, 100%);
1734
+ --ls-btn-disabled-border-color: hsl(354, 66%, 54%)
1985
1735
  }
1986
1736
  .Btn-outline-danger {
1987
1737
  --ls-btn-bg: transparent;
1988
- --ls-btn-color: hsl(354deg, 66%, 54%);
1989
- --ls-btn-border-color: hsl(354deg, 66%, 54%);
1738
+ --ls-btn-color: hsl(354, 66%, 54%);
1739
+ --ls-btn-border-color: hsl(354, 66%, 54%);
1990
1740
  --ls-btn-hover-bg: transparent;
1991
1741
  --ls-btn-hover-color: #ba2635;
1992
1742
  --ls-btn-hover-border-color: #ba2635;
@@ -2368,7 +2118,7 @@ fieldset:disabled .Btn {
2368
2118
  --ls-calendar-header-bg: hsla(var(--ls-bg-accent-hsl), 0.12);
2369
2119
  --ls-calendar-body-color: inherit;
2370
2120
  --ls-calendar-body-bg: inherit;
2371
- --ls-calendar-disabled: hsl(213deg, 11%, 69%);
2121
+ --ls-calendar-disabled: hsl(213, 11%, 69%);
2372
2122
  --ls-calendar-weekday-bg: hsla(var(--ls-bg-accent-hsl), 0.05);
2373
2123
  --ls-calendar-weekday-border-color: hsla(var(--ls-border-hsl), var(--ls-border-alpha));
2374
2124
  --ls-calendar-available-hover-bg: hsla(var(--ls-bg-accent-hsl), 0.25);
@@ -2481,47 +2231,47 @@ fieldset:disabled .Btn {
2481
2231
  border-radius: 50%
2482
2232
  }
2483
2233
  .Calendar-light {
2484
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2234
+ --ls-calendar-color: hsl(0, 0%, 0%);
2485
2235
  --ls-calendar-bg: #fdfdfd;
2486
2236
  --ls-calendar-border-color: red
2487
2237
  }
2488
2238
  .Calendar-dark {
2489
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2239
+ --ls-calendar-color: hsl(0, 0%, 0%);
2490
2240
  --ls-calendar-bg: #959598;
2491
2241
  --ls-calendar-border-color: red
2492
2242
  }
2493
2243
  .Calendar-night {
2494
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2244
+ --ls-calendar-color: hsl(0, 0%, 0%);
2495
2245
  --ls-calendar-bg: #898989;
2496
2246
  --ls-calendar-border-color: red
2497
2247
  }
2498
2248
  .Calendar-primary {
2499
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2249
+ --ls-calendar-color: hsl(0, 0%, 0%);
2500
2250
  --ls-calendar-bg: #87b4fd;
2501
2251
  --ls-calendar-border-color: red
2502
2252
  }
2503
2253
  .Calendar-secondary {
2504
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2254
+ --ls-calendar-color: hsl(0, 0%, 0%);
2505
2255
  --ls-calendar-bg: #b6bbbf;
2506
2256
  --ls-calendar-border-color: red
2507
2257
  }
2508
2258
  .Calendar-success {
2509
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2259
+ --ls-calendar-color: hsl(0, 0%, 0%);
2510
2260
  --ls-calendar-bg: #8ecaac;
2511
2261
  --ls-calendar-border-color: red
2512
2262
  }
2513
2263
  .Calendar-info {
2514
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2264
+ --ls-calendar-color: hsl(0, 0%, 0%);
2515
2265
  --ls-calendar-bg: #92e0fa;
2516
2266
  --ls-calendar-border-color: red
2517
2267
  }
2518
2268
  .Calendar-warning {
2519
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2269
+ --ls-calendar-color: hsl(0, 0%, 0%);
2520
2270
  --ls-calendar-bg: #f3d680;
2521
2271
  --ls-calendar-border-color: red
2522
2272
  }
2523
2273
  .Calendar-danger {
2524
- --ls-calendar-color: hsl(0deg, 0%, 0%);
2274
+ --ls-calendar-color: hsl(0, 0%, 0%);
2525
2275
  --ls-calendar-bg: #eb9ea6;
2526
2276
  --ls-calendar-border-color: red
2527
2277
  }
@@ -2767,47 +2517,47 @@ fieldset:disabled .Btn {
2767
2517
  .Caret-light {
2768
2518
  --ls-caret-border-color: #e0e0e0;
2769
2519
  --ls-caret-pseudo-before-bg: #e0e0e0;
2770
- --ls-caret-pseudo-after-fg: hsl(0deg, 0%, 98%)
2520
+ --ls-caret-pseudo-after-fg: hsl(0, 0%, 98%)
2771
2521
  }
2772
2522
  .Caret-dark {
2773
2523
  --ls-caret-border-color: #131316;
2774
2524
  --ls-caret-pseudo-before-bg: #131316;
2775
- --ls-caret-pseudo-after-fg: hsl(240deg, 7%, 18%)
2525
+ --ls-caret-pseudo-after-fg: hsl(240, 7%, 18%)
2776
2526
  }
2777
2527
  .Caret-night {
2778
2528
  --ls-caret-border-color: black;
2779
2529
  --ls-caret-pseudo-before-bg: black;
2780
- --ls-caret-pseudo-after-fg: hsl(0deg, 0%, 7%)
2530
+ --ls-caret-pseudo-after-fg: hsl(0, 0%, 7%)
2781
2531
  }
2782
2532
  .Caret-primary {
2783
2533
  --ls-caret-border-color: #0453d2;
2784
2534
  --ls-caret-pseudo-before-bg: #0453d2;
2785
- --ls-caret-pseudo-after-fg: hsl(217deg, 96%, 52%)
2535
+ --ls-caret-pseudo-after-fg: hsl(217, 96%, 52%)
2786
2536
  }
2787
2537
  .Caret-secondary {
2788
2538
  --ls-caret-border-color: #555c62;
2789
2539
  --ls-caret-pseudo-before-bg: #555c62;
2790
- --ls-caret-pseudo-after-fg: hsl(208deg, 7%, 46%)
2540
+ --ls-caret-pseudo-after-fg: hsl(208, 7%, 46%)
2791
2541
  }
2792
2542
  .Caret-success {
2793
2543
  --ls-caret-border-color: #156a40;
2794
2544
  --ls-caret-pseudo-before-bg: #156a40;
2795
- --ls-caret-pseudo-after-fg: hsl(150deg, 67%, 35%)
2545
+ --ls-caret-pseudo-after-fg: hsl(150, 67%, 35%)
2796
2546
  }
2797
2547
  .Caret-info {
2798
2548
  --ls-caret-border-color: #0ba6da;
2799
2549
  --ls-caret-pseudo-before-bg: #0ba6da;
2800
- --ls-caret-pseudo-after-fg: hsl(195deg, 90%, 55%)
2550
+ --ls-caret-pseudo-after-fg: hsl(195, 90%, 55%)
2801
2551
  }
2802
2552
  .Caret-warning {
2803
2553
  --ls-caret-border-color: #b38600;
2804
2554
  --ls-caret-pseudo-before-bg: #b38600;
2805
- --ls-caret-pseudo-after-fg: hsl(45deg, 100%, 45%)
2555
+ --ls-caret-pseudo-after-fg: hsl(45, 100%, 45%)
2806
2556
  }
2807
2557
  .Caret-danger {
2808
2558
  --ls-caret-border-color: #ba2635;
2809
2559
  --ls-caret-pseudo-before-bg: #ba2635;
2810
- --ls-caret-pseudo-after-fg: hsl(354deg, 66%, 54%)
2560
+ --ls-caret-pseudo-after-fg: hsl(354, 66%, 54%)
2811
2561
  }
2812
2562
  .Caret-accent {
2813
2563
  --ls-caret-pseudo-before-bg: hsla(var(--ls-border-hsl), var(--ls-border-alpha));
@@ -2907,7 +2657,7 @@ fieldset:disabled .Btn {
2907
2657
  justify-content: center;
2908
2658
  width: 12%;
2909
2659
  padding: 0;
2910
- color: hsl(0deg,0%,100%);
2660
+ color: #fff;
2911
2661
  text-align: center;
2912
2662
  background: 0 0;
2913
2663
  border: 0;
@@ -2924,7 +2674,7 @@ fieldset:disabled .Btn {
2924
2674
  .Carousel-control-next:hover,
2925
2675
  .Carousel-control-prev:focus,
2926
2676
  .Carousel-control-prev:hover {
2927
- color: hsl(0deg,0%,100%);
2677
+ color: #fff;
2928
2678
  text-decoration: none;
2929
2679
  outline: 0;
2930
2680
  opacity: .9
@@ -2945,10 +2695,10 @@ fieldset:disabled .Btn {
2945
2695
  background-size: 100% 100%
2946
2696
  }
2947
2697
  .Carousel-control-prev-icon {
2948
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='hsl(0deg, 0%25, 100%25)' d='M.13,15.15l1.59,1.56,1.59,1.57.63.63,2.45,2.42,7.48,7.39a2.9,2.9,0,0,0,4,.23,2.82,2.82,0,0,0-.23-4L10.2,17.57,7.75,15.15a.45.45,0,0,1,0-.63L10.2,12.1l7.48-7.39a2.83,2.83,0,0,0,.23-4,2.91,2.91,0,0,0-4,.23L6.39,8.33,3.94,10.75l-.63.63L1.72,13,.13,14.52A.45.45,0,0,0,.13,15.15Z' /%3E%3C/svg%3E")
2698
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='hsl(0, 0%25, 100%25)' d='M.13,15.15l1.59,1.56,1.59,1.57.63.63,2.45,2.42,7.48,7.39a2.9,2.9,0,0,0,4,.23,2.82,2.82,0,0,0-.23-4L10.2,17.57,7.75,15.15a.45.45,0,0,1,0-.63L10.2,12.1l7.48-7.39a2.83,2.83,0,0,0,.23-4,2.91,2.91,0,0,0-4,.23L6.39,8.33,3.94,10.75l-.63.63L1.72,13,.13,14.52A.45.45,0,0,0,.13,15.15Z' /%3E%3C/svg%3E")
2949
2699
  }
2950
2700
  .Carousel-control-next-icon {
2951
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='hsl(0deg, 0%25, 100%25)' d='M18.5,14.52,16.91,13l-1.58-1.57-.64-.63L12.24,8.33,4.76.94a2.91,2.91,0,0,0-4-.23,2.84,2.84,0,0,0,.23,4L8.43,12.1l2.45,2.42a.43.43,0,0,1,0,.63L8.43,17.57,1,25a2.83,2.83,0,0,0-.23,4,2.9,2.9,0,0,0,4-.23l7.48-7.39,2.45-2.42.64-.63,1.58-1.57,1.59-1.56A.43.43,0,0,0,18.5,14.52Z' /%3E%3C/svg%3E")
2701
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='hsl(0, 0%25, 100%25)' d='M18.5,14.52,16.91,13l-1.58-1.57-.64-.63L12.24,8.33,4.76.94a2.91,2.91,0,0,0-4-.23,2.84,2.84,0,0,0,.23,4L8.43,12.1l2.45,2.42a.43.43,0,0,1,0,.63L8.43,17.57,1,25a2.83,2.83,0,0,0-.23,4,2.9,2.9,0,0,0,4-.23l7.48-7.39,2.45-2.42.64-.63,1.58-1.57,1.59-1.56A.43.43,0,0,0,18.5,14.52Z' /%3E%3C/svg%3E")
2952
2702
  }
2953
2703
  .Carousel-indicators {
2954
2704
  position: absolute;
@@ -2974,7 +2724,7 @@ fieldset:disabled .Btn {
2974
2724
  margin-left: 3px;
2975
2725
  text-indent: -999px;
2976
2726
  cursor: pointer;
2977
- background-color: hsl(0deg,0%,100%);
2727
+ background-color: #fff;
2978
2728
  background-clip: padding-box;
2979
2729
  border: 0;
2980
2730
  border-top: 10px solid transparent;
@@ -2995,7 +2745,7 @@ fieldset:disabled .Btn {
2995
2745
  right: 15%;
2996
2746
  bottom: 1.25rem;
2997
2747
  left: 15%;
2998
- color: hsl(0deg,0%,100%);
2748
+ color: #fff;
2999
2749
  padding-top: 1.25rem;
3000
2750
  padding-bottom: 1.25rem;
3001
2751
  text-align: center
@@ -3005,10 +2755,10 @@ fieldset:disabled .Btn {
3005
2755
  filter: invert(1) grayscale(100)
3006
2756
  }
3007
2757
  .Carousel-dark .Carousel-indicators [data-ls-target] {
3008
- background-color: hsl(0deg,0%,0%)
2758
+ background-color: #000
3009
2759
  }
3010
2760
  .Carousel-dark .Carousel-caption {
3011
- color: hsl(0deg,0%,0%)
2761
+ color: #000
3012
2762
  }
3013
2763
  .Classified {
3014
2764
  -webkit-user-select: none;
@@ -3073,7 +2823,7 @@ fieldset:disabled .Btn {
3073
2823
  --ls-list-action-hover-bg: hsla(var(--ls-bg-accent-hsl), 0.08);
3074
2824
  --ls-list-action-active-color: var(--ls-fg-accent);
3075
2825
  --ls-list-action-active-bg: var(--ls-bg-accent);
3076
- --ls-list-disabled-color: hsl(213deg, 11%, 69%);
2826
+ --ls-list-disabled-color: hsl(213, 11%, 69%);
3077
2827
  --ls-list-disabled-bg: var(--ls-bg-surface);
3078
2828
  display: flex;
3079
2829
  flex-direction: column;
@@ -3294,103 +3044,103 @@ fieldset:disabled .Btn {
3294
3044
  border-bottom-width: 0
3295
3045
  }
3296
3046
  .List-item-light {
3297
- --ls-list-color: hsl(0deg, 0%, 0%);
3047
+ --ls-list-color: hsl(0, 0%, 0%);
3298
3048
  --ls-list-bg: #fdfdfd;
3299
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3049
+ --ls-list-active-color: hsl(0, 0%, 0%);
3300
3050
  --ls-list-active-bg: #fbfbfb;
3301
3051
  --ls-list-active-border-color: #fbfbfb;
3302
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3052
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3303
3053
  --ls-list-action-hover-bg: #fcfcfc;
3304
- --ls-list-action-active-color: hsl(0deg, 0%, 0%);
3305
- --ls-list-action-active-bg: hsl(0deg, 0%, 98%)
3054
+ --ls-list-action-active-color: hsl(0, 0%, 0%);
3055
+ --ls-list-action-active-bg: hsl(0, 0%, 98%)
3306
3056
  }
3307
3057
  .List-item-dark {
3308
- --ls-list-color: hsl(0deg, 0%, 0%);
3058
+ --ls-list-color: hsl(0, 0%, 0%);
3309
3059
  --ls-list-bg: #959598;
3310
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3060
+ --ls-list-active-color: hsl(0, 0%, 0%);
3311
3061
  --ls-list-active-bg: #404046;
3312
3062
  --ls-list-active-border-color: #404046;
3313
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3063
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3314
3064
  --ls-list-action-hover-bg: #6b6b6f;
3315
- --ls-list-action-active-color: hsl(0deg, 0%, 100%);
3316
- --ls-list-action-active-bg: hsl(240deg, 7%, 18%)
3065
+ --ls-list-action-active-color: hsl(0, 0%, 100%);
3066
+ --ls-list-action-active-bg: hsl(240, 7%, 18%)
3317
3067
  }
3318
3068
  .List-item-night {
3319
- --ls-list-color: hsl(0deg, 0%, 0%);
3069
+ --ls-list-color: hsl(0, 0%, 0%);
3320
3070
  --ls-list-bg: #898989;
3321
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3071
+ --ls-list-active-color: hsl(0, 0%, 0%);
3322
3072
  --ls-list-active-bg: #2a2a2a;
3323
3073
  --ls-list-active-border-color: #2a2a2a;
3324
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3074
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3325
3075
  --ls-list-action-hover-bg: #595959;
3326
- --ls-list-action-active-color: hsl(0deg, 0%, 100%);
3327
- --ls-list-action-active-bg: hsl(0deg, 0%, 7%)
3076
+ --ls-list-action-active-color: hsl(0, 0%, 100%);
3077
+ --ls-list-action-active-bg: hsl(0, 0%, 7%)
3328
3078
  }
3329
3079
  .List-item-primary {
3330
- --ls-list-color: hsl(0deg, 0%, 0%);
3080
+ --ls-list-color: hsl(0, 0%, 0%);
3331
3081
  --ls-list-bg: #87b4fd;
3332
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3082
+ --ls-list-active-color: hsl(0, 0%, 0%);
3333
3083
  --ls-list-active-bg: #2778fb;
3334
3084
  --ls-list-active-border-color: #2778fb;
3335
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3085
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3336
3086
  --ls-list-action-hover-bg: #5796fc;
3337
- --ls-list-action-active-color: hsl(0deg, 0%, 100%);
3338
- --ls-list-action-active-bg: hsl(217deg, 96%, 52%)
3087
+ --ls-list-action-active-color: hsl(0, 0%, 100%);
3088
+ --ls-list-action-active-bg: hsl(217, 96%, 52%)
3339
3089
  }
3340
3090
  .List-item-secondary {
3341
- --ls-list-color: hsl(0deg, 0%, 0%);
3091
+ --ls-list-color: hsl(0, 0%, 0%);
3342
3092
  --ls-list-bg: #b6bbbf;
3343
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3093
+ --ls-list-active-color: hsl(0, 0%, 0%);
3344
3094
  --ls-list-active-bg: #7c848b;
3345
3095
  --ls-list-active-border-color: #7c848b;
3346
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3096
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3347
3097
  --ls-list-action-hover-bg: #999fa5;
3348
- --ls-list-action-active-color: hsl(0deg, 0%, 100%);
3349
- --ls-list-action-active-bg: hsl(208deg, 7%, 46%)
3098
+ --ls-list-action-active-color: hsl(0, 0%, 100%);
3099
+ --ls-list-action-active-bg: hsl(208, 7%, 46%)
3350
3100
  }
3351
3101
  .List-item-success {
3352
- --ls-list-color: hsl(0deg, 0%, 0%);
3102
+ --ls-list-color: hsl(0, 0%, 0%);
3353
3103
  --ls-list-bg: #8ecaac;
3354
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3104
+ --ls-list-active-color: hsl(0, 0%, 0%);
3355
3105
  --ls-list-active-bg: #34a06a;
3356
3106
  --ls-list-active-border-color: #34a06a;
3357
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3107
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3358
3108
  --ls-list-action-hover-bg: #61b58b;
3359
- --ls-list-action-active-color: hsl(0deg, 0%, 100%);
3360
- --ls-list-action-active-bg: hsl(150deg, 67%, 35%)
3109
+ --ls-list-action-active-color: hsl(0, 0%, 100%);
3110
+ --ls-list-action-active-bg: hsl(150, 67%, 35%)
3361
3111
  }
3362
3112
  .List-item-info {
3363
- --ls-list-color: hsl(0deg, 0%, 0%);
3113
+ --ls-list-color: hsl(0, 0%, 0%);
3364
3114
  --ls-list-bg: #92e0fa;
3365
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3115
+ --ls-list-active-color: hsl(0, 0%, 0%);
3366
3116
  --ls-list-active-bg: #3bc6f5;
3367
3117
  --ls-list-active-border-color: #3bc6f5;
3368
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3118
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3369
3119
  --ls-list-action-hover-bg: #66d3f7;
3370
- --ls-list-action-active-color: hsl(0deg, 0%, 0%);
3371
- --ls-list-action-active-bg: hsl(195deg, 90%, 55%)
3120
+ --ls-list-action-active-color: hsl(0, 0%, 0%);
3121
+ --ls-list-action-active-bg: hsl(195, 90%, 55%)
3372
3122
  }
3373
3123
  .List-item-warning {
3374
- --ls-list-color: hsl(0deg, 0%, 0%);
3124
+ --ls-list-color: hsl(0, 0%, 0%);
3375
3125
  --ls-list-bg: #f3d680;
3376
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3126
+ --ls-list-active-color: hsl(0, 0%, 0%);
3377
3127
  --ls-list-active-bg: #e9b41a;
3378
3128
  --ls-list-active-border-color: #e9b41a;
3379
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3129
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3380
3130
  --ls-list-action-hover-bg: #eec54d;
3381
- --ls-list-action-active-color: hsl(0deg, 0%, 0%);
3382
- --ls-list-action-active-bg: hsl(45deg, 100%, 45%)
3131
+ --ls-list-action-active-color: hsl(0, 0%, 0%);
3132
+ --ls-list-action-active-bg: hsl(45, 100%, 45%)
3383
3133
  }
3384
3134
  .List-item-danger {
3385
- --ls-list-color: hsl(0deg, 0%, 0%);
3135
+ --ls-list-color: hsl(0, 0%, 0%);
3386
3136
  --ls-list-bg: #eb9ea6;
3387
- --ls-list-active-color: hsl(0deg, 0%, 0%);
3137
+ --ls-list-active-color: hsl(0, 0%, 0%);
3388
3138
  --ls-list-active-bg: #db505e;
3389
3139
  --ls-list-active-border-color: #db505e;
3390
- --ls-list-action-hover-color: hsl(0deg, 0%, 0%);
3140
+ --ls-list-action-hover-color: hsl(0, 0%, 0%);
3391
3141
  --ls-list-action-hover-bg: #e37782;
3392
- --ls-list-action-active-color: hsl(0deg, 0%, 100%);
3393
- --ls-list-action-active-bg: hsl(354deg, 66%, 54%)
3142
+ --ls-list-action-active-color: hsl(0, 0%, 100%);
3143
+ --ls-list-action-active-bg: hsl(354, 66%, 54%)
3394
3144
  }
3395
3145
  .Loader {
3396
3146
  --ls-loader-status: inherit;
@@ -3434,16 +3184,10 @@ fieldset:disabled .Btn {
3434
3184
  }
3435
3185
  .Loader .Centered svg .Loader-fg {
3436
3186
  stroke: currentColor;
3437
- -webkit-animation: Keyframe-loader 1s ease-out forwards;
3438
- animation: Keyframe-loader 1s ease-out forwards;
3187
+ animation: Keyframe-loader 1s ease-out forwards;
3439
3188
  stroke-dasharray: var(--ls-loader-per,0),100;
3440
3189
  transition: stroke-dasharray .4s cubic-bezier(.04, .24, .18, 1)
3441
3190
  }
3442
- @-webkit-keyframes Keyframe-loader {
3443
- 0% {
3444
- stroke-dasharray: 0 100
3445
- }
3446
- }
3447
3191
  @keyframes Keyframe-loader {
3448
3192
  0% {
3449
3193
  stroke-dasharray: 0 100
@@ -3588,7 +3332,7 @@ fieldset:disabled .Btn {
3588
3332
  --ls-nav-link-font-weight: 500;
3589
3333
  --ls-nav-link-color: #0d6efd;
3590
3334
  --ls-nav-link-bg: var(--ls-bg-surface);
3591
- --ls-nav-link-disabled-color: hsl(213deg, 11%, 69%);
3335
+ --ls-nav-link-disabled-color: hsl(213, 11%, 69%);
3592
3336
  --ls-nav-link-active-color: var(--ls-fg-accent);
3593
3337
  --ls-nav-link-active-bg: var(--ls-bg-accent);
3594
3338
  --ls-nav-link-active-border-color: var(--ls-fg-accent);
@@ -4043,7 +3787,7 @@ fieldset:disabled .Btn {
4043
3787
  isolation: isolate
4044
3788
  }
4045
3789
  .Nav-tabs-classic .Nav-link.Disabled {
4046
- color: hsl(213deg,11%,69%);
3790
+ color: #a7afb8;
4047
3791
  background-color: transparent;
4048
3792
  border-color: transparent
4049
3793
  }
@@ -4073,7 +3817,7 @@ fieldset:disabled .Btn {
4073
3817
  --ls-pagination-active-border-color: var(--ls-bg-accent);
4074
3818
  --ls-pagination-arrow-color: hsla(var(--ls-bg-accent-hsl), 0.5);
4075
3819
  --ls-pagination-arrow-bg: inherit;
4076
- --ls-pagination-disabled-color: hsl(213deg, 11%, 69%);
3820
+ --ls-pagination-disabled-color: hsl(213, 11%, 69%);
4077
3821
  --ls-pagination-disabled-bg: transparent;
4078
3822
  --ls-pagination-disabled-border-color: hsla(var(--ls-bg-accent-hsl), 0.03);
4079
3823
  display: flex;
@@ -4216,62 +3960,52 @@ fieldset:disabled .Btn {
4216
3960
  clear: both
4217
3961
  }
4218
3962
  .Placeholder-paragraph .Placeholder:last-child {
4219
- width: 71%
3963
+ width: 49%
4220
3964
  }
4221
3965
  .Placeholder-paragraph .Placeholder:nth-child(1n) {
4222
- -webkit-animation-delay: .7s;
4223
- animation-delay: .7s
3966
+ animation-delay: .7s
4224
3967
  }
4225
3968
  .Placeholder-paragraph .Placeholder:nth-child(2n) {
4226
- -webkit-animation-delay: 1.4s;
4227
- animation-delay: 1.4s
3969
+ animation-delay: 1.4s
4228
3970
  }
4229
3971
  .Placeholder-paragraph .Placeholder:nth-child(3n) {
4230
- -webkit-animation-delay: 2.1s;
4231
- animation-delay: 2.1s
3972
+ animation-delay: 2.1s
4232
3973
  }
4233
3974
  .Placeholder-paragraph .Placeholder:nth-child(4n) {
4234
- -webkit-animation-delay: 2.8s;
4235
- animation-delay: 2.8s
3975
+ animation-delay: 2.8s
4236
3976
  }
4237
3977
  .Placeholder-paragraph .Placeholder:nth-child(5n) {
4238
- -webkit-animation-delay: 3.5s;
4239
- animation-delay: 3.5s
3978
+ animation-delay: 3.5s
4240
3979
  }
4241
3980
  .Placeholder-paragraph .Placeholder:nth-child(6n) {
4242
- -webkit-animation-delay: 4.2s;
4243
- animation-delay: 4.2s
3981
+ animation-delay: 4.2s
4244
3982
  }
4245
3983
  .Placeholder-paragraph .Placeholder:nth-child(7n) {
4246
- -webkit-animation-delay: 4.9s;
4247
- animation-delay: 4.9s
3984
+ animation-delay: 4.9s
4248
3985
  }
4249
3986
  .Placeholder-paragraph .Placeholder:nth-child(8n) {
4250
- -webkit-animation-delay: 5.6s;
4251
- animation-delay: 5.6s
3987
+ animation-delay: 5.6s
4252
3988
  }
4253
3989
  .Placeholder-paragraph .Placeholder:nth-child(9n) {
4254
- -webkit-animation-delay: 6.3s;
4255
- animation-delay: 6.3s
3990
+ animation-delay: 6.3s
4256
3991
  }
4257
3992
  .Placeholder-paragraph .Placeholder:nth-child(10n) {
4258
- -webkit-animation-delay: 7s;
4259
- animation-delay: 7s
3993
+ animation-delay: 7s
4260
3994
  }
4261
3995
  .Placeholder-textual .Placeholder {
4262
3996
  background-color: transparent
4263
3997
  }
4264
3998
  .Placeholder-textual .Placeholder:nth-child(1n) {
4265
- background-image: linear-gradient(90deg,currentColor 15%,transparent calc(15% + 1px),transparent calc(15% + 6px),currentColor calc(15% + 6px),currentColor 40%,transparent calc(40% + 1px),transparent calc(40% + 6px),currentColor calc(40% + 6px),currentColor 61%,transparent calc(61% + 1px),transparent calc(61% + 6px),currentColor calc(61% + 6px),currentColor)
3999
+ background-image: linear-gradient(90deg,currentColor 19%,transparent calc(19% + 1px),transparent calc(19% + 6px),currentColor calc(19% + 6px),currentColor 46%,transparent calc(46% + 1px),transparent calc(46% + 6px),currentColor calc(46% + 6px),currentColor 72%,transparent calc(72% + 1px),transparent calc(72% + 6px),currentColor calc(72% + 6px),currentColor)
4266
4000
  }
4267
4001
  .Placeholder-textual .Placeholder:nth-child(2n) {
4268
- background-image: linear-gradient(90deg,currentColor 22%,transparent calc(22% + 1px),transparent calc(22% + 6px),currentColor calc(22% + 6px),currentColor 67%,transparent calc(67% + 1px),transparent calc(67% + 6px),currentColor calc(67% + 6px),currentColor 86%,transparent calc(86% + 1px),transparent calc(86% + 6px),currentColor calc(86% + 6px),currentColor)
4002
+ background-image: linear-gradient(90deg,currentColor 20%,transparent calc(20% + 1px),transparent calc(20% + 6px),currentColor calc(20% + 6px),currentColor 52%,transparent calc(52% + 1px),transparent calc(52% + 6px),currentColor calc(52% + 6px),currentColor 79%,transparent calc(79% + 1px),transparent calc(79% + 6px),currentColor calc(79% + 6px),currentColor)
4269
4003
  }
4270
4004
  .Placeholder-textual .Placeholder:nth-child(3n) {
4271
- background-image: linear-gradient(90deg,currentColor 12%,transparent calc(12% + 1px),transparent calc(12% + 6px),currentColor calc(12% + 6px),currentColor 63%,transparent calc(63% + 1px),transparent calc(63% + 6px),currentColor calc(63% + 6px),currentColor 82%,transparent calc(82% + 1px),transparent calc(82% + 6px),currentColor calc(82% + 6px),currentColor)
4005
+ background-image: linear-gradient(90deg,currentColor 16%,transparent calc(16% + 1px),transparent calc(16% + 6px),currentColor calc(16% + 6px),currentColor 68%,transparent calc(68% + 1px),transparent calc(68% + 6px),currentColor calc(68% + 6px),currentColor 83%,transparent calc(83% + 1px),transparent calc(83% + 6px),currentColor calc(83% + 6px),currentColor)
4272
4006
  }
4273
4007
  .Placeholder-textual .Placeholder:nth-child(4n) {
4274
- background-image: linear-gradient(90deg,currentColor 12%,transparent calc(12% + 1px),transparent calc(12% + 6px),currentColor calc(12% + 6px),currentColor 78%,transparent calc(78% + 1px),transparent calc(78% + 6px),currentColor calc(78% + 6px),currentColor 91%,transparent calc(91% + 1px),transparent calc(91% + 6px),currentColor calc(91% + 6px),currentColor)
4008
+ background-image: linear-gradient(90deg,currentColor 29%,transparent calc(29% + 1px),transparent calc(29% + 6px),currentColor calc(29% + 6px),currentColor 58%,transparent calc(58% + 1px),transparent calc(58% + 6px),currentColor calc(58% + 6px),currentColor 80%,transparent calc(80% + 1px),transparent calc(80% + 6px),currentColor calc(80% + 6px),currentColor)
4275
4009
  }
4276
4010
  .Placeholder-xs,
4277
4011
  .Placeholder-xs .Placeholder {
@@ -4286,19 +4020,7 @@ fieldset:disabled .Btn {
4286
4020
  min-height: 1.2em
4287
4021
  }
4288
4022
  .Placeholder-glow .Placeholder {
4289
- -webkit-animation: Keyframe-ph-glow 2s ease-in-out infinite;
4290
- animation: Keyframe-ph-glow 2s ease-in-out infinite
4291
- }
4292
- @-webkit-keyframes Keyframe-ph-glow {
4293
- 0% {
4294
- opacity: .3
4295
- }
4296
- 50% {
4297
- opacity: .5
4298
- }
4299
- 100% {
4300
- opacity: .3
4301
- }
4023
+ animation: Keyframe-ph-glow 2s ease-in-out infinite
4302
4024
  }
4303
4025
  @keyframes Keyframe-ph-glow {
4304
4026
  0% {
@@ -4316,14 +4038,7 @@ fieldset:disabled .Btn {
4316
4038
  mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
4317
4039
  -webkit-mask-size: 200% 100%;
4318
4040
  mask-size: 200% 100%;
4319
- -webkit-animation: Keyframe-ph-wave 2s linear infinite;
4320
- animation: Keyframe-ph-wave 2s linear infinite
4321
- }
4322
- @-webkit-keyframes Keyframe-ph-wave {
4323
- to {
4324
- -webkit-mask-position: -200% 0;
4325
- mask-position: -200% 0
4326
- }
4041
+ animation: Keyframe-ph-wave 2s linear infinite
4327
4042
  }
4328
4043
  @keyframes Keyframe-ph-wave {
4329
4044
  to {
@@ -4369,18 +4084,11 @@ fieldset:disabled .Btn {
4369
4084
  background-size: var(--ls-progress-height) var(--ls-progress-height)
4370
4085
  }
4371
4086
  .Progress-bar-animated {
4372
- -webkit-animation: 1s linear infinite Progress-bar-Stripes;
4373
- animation: 1s linear infinite Progress-bar-Stripes
4087
+ animation: 1s linear infinite Progress-bar-Stripes
4374
4088
  }
4375
4089
  @media (prefers-reduced-motion:reduce) {
4376
4090
  .Progress-bar-animated {
4377
- -webkit-animation: none;
4378
- animation: none
4379
- }
4380
- }
4381
- @-webkit-keyframes Progress-bar-Stripes {
4382
- 0% {
4383
- background-position-x: 0.75rem
4091
+ animation: none
4384
4092
  }
4385
4093
  }
4386
4094
  @keyframes Progress-bar-Stripes {
@@ -4533,8 +4241,7 @@ fieldset:disabled .Btn {
4533
4241
  height: var(--ls-spinner-height);
4534
4242
  vertical-align: var(--ls-spinner-vertical-align);
4535
4243
  border-radius: 50%;
4536
- -webkit-animation: var(--ls-spinner-animation-speed) linear infinite var(--ls-spinner-animation-name);
4537
- animation: var(--ls-spinner-animation-speed) linear infinite var(--ls-spinner-animation-name)
4244
+ animation: var(--ls-spinner-animation-speed) linear infinite var(--ls-spinner-animation-name)
4538
4245
  }
4539
4246
  .Spinner-border + .Spinner-border,
4540
4247
  .Spinner-border + .Spinner-grow,
@@ -4542,11 +4249,6 @@ fieldset:disabled .Btn {
4542
4249
  .Spinner-grow + .Spinner-grow {
4543
4250
  margin-left: .25rem
4544
4251
  }
4545
- @-webkit-keyframes Keyframe-SpinnerBorder {
4546
- 100% {
4547
- transform: rotate(360deg)
4548
- }
4549
- }
4550
4252
  @keyframes Keyframe-SpinnerBorder {
4551
4253
  100% {
4552
4254
  transform: rotate(360deg)
@@ -4562,15 +4264,6 @@ fieldset:disabled .Btn {
4562
4264
  border: var(--ls-spinner-border-width) solid currentcolor;
4563
4265
  border-right-color: transparent
4564
4266
  }
4565
- @-webkit-keyframes Keyframe-SpinnerGrow {
4566
- 0% {
4567
- transform: scale(0)
4568
- }
4569
- 50% {
4570
- opacity: 1;
4571
- transform: none
4572
- }
4573
- }
4574
4267
  @keyframes Keyframe-SpinnerGrow {
4575
4268
  0% {
4576
4269
  transform: scale(0)
@@ -4623,7 +4316,7 @@ fieldset:disabled .Btn {
4623
4316
  width: 100%;
4624
4317
  height: 50%;
4625
4318
  border-radius: 50%;
4626
- border: 2px solid hsl(240deg,7%,18%);
4319
+ border: 2px solid #2a2a31;
4627
4320
  content: " ";
4628
4321
  top: 0;
4629
4322
  transform: scale(0)
@@ -4632,64 +4325,56 @@ fieldset:disabled .Btn {
4632
4325
  transform: rotate(45deg)
4633
4326
  }
4634
4327
  .Spinner-vortex span:nth-child(7n+1):before {
4635
- -webkit-animation: Keyframe-opacity .8s linear .1s normal none infinite running;
4636
- animation: Keyframe-opacity .8s linear .1s normal none infinite running;
4328
+ animation: Keyframe-opacity .8s linear .1s normal none infinite running;
4637
4329
  background-color: red
4638
4330
  }
4639
4331
  .Spinner-vortex span:nth-child(7n+2) {
4640
4332
  transform: rotate(90deg)
4641
4333
  }
4642
4334
  .Spinner-vortex span:nth-child(7n+2):before {
4643
- -webkit-animation: Keyframe-opacity .8s linear .2s normal none infinite running;
4644
- animation: Keyframe-opacity .8s linear .2s normal none infinite running;
4335
+ animation: Keyframe-opacity .8s linear .2s normal none infinite running;
4645
4336
  background-color: #ff7f00
4646
4337
  }
4647
4338
  .Spinner-vortex span:nth-child(7n+3) {
4648
4339
  transform: rotate(135deg)
4649
4340
  }
4650
4341
  .Spinner-vortex span:nth-child(7n+3):before {
4651
- -webkit-animation: Keyframe-opacity .8s linear .3s normal none infinite running;
4652
- animation: Keyframe-opacity .8s linear .3s normal none infinite running;
4342
+ animation: Keyframe-opacity .8s linear .3s normal none infinite running;
4653
4343
  background-color: #ff0
4654
4344
  }
4655
4345
  .Spinner-vortex span:nth-child(7n+4) {
4656
4346
  transform: rotate(180deg)
4657
4347
  }
4658
4348
  .Spinner-vortex span:nth-child(7n+4):before {
4659
- -webkit-animation: Keyframe-opacity .8s linear .4s normal none infinite running;
4660
- animation: Keyframe-opacity .8s linear .4s normal none infinite running;
4349
+ animation: Keyframe-opacity .8s linear .4s normal none infinite running;
4661
4350
  background-color: #0f0
4662
4351
  }
4663
4352
  .Spinner-vortex span:nth-child(7n+5) {
4664
4353
  transform: rotate(225deg)
4665
4354
  }
4666
4355
  .Spinner-vortex span:nth-child(7n+5):before {
4667
- -webkit-animation: Keyframe-opacity .8s linear .5s normal none infinite running;
4668
- animation: Keyframe-opacity .8s linear .5s normal none infinite running;
4356
+ animation: Keyframe-opacity .8s linear .5s normal none infinite running;
4669
4357
  background-color: #00f
4670
4358
  }
4671
4359
  .Spinner-vortex span:nth-child(7n+6) {
4672
4360
  transform: rotate(270deg)
4673
4361
  }
4674
4362
  .Spinner-vortex span:nth-child(7n+6):before {
4675
- -webkit-animation: Keyframe-opacity .8s linear .6s normal none infinite running;
4676
- animation: Keyframe-opacity .8s linear .6s normal none infinite running;
4363
+ animation: Keyframe-opacity .8s linear .6s normal none infinite running;
4677
4364
  background-color: indigo
4678
4365
  }
4679
4366
  .Spinner-vortex span:nth-child(7n+7) {
4680
4367
  transform: rotate(315deg)
4681
4368
  }
4682
4369
  .Spinner-vortex span:nth-child(7n+7):before {
4683
- -webkit-animation: Keyframe-opacity .8s linear .7s normal none infinite running;
4684
- animation: Keyframe-opacity .8s linear .7s normal none infinite running;
4370
+ animation: Keyframe-opacity .8s linear .7s normal none infinite running;
4685
4371
  background-color: #9400d3
4686
4372
  }
4687
4373
  .Spinner-vortex span:nth-child(7n+8) {
4688
4374
  transform: rotate(360deg)
4689
4375
  }
4690
4376
  .Spinner-vortex span:nth-child(7n+8):before {
4691
- -webkit-animation: Keyframe-opacity .8s linear .8s normal none infinite running;
4692
- animation: Keyframe-opacity .8s linear .8s normal none infinite running;
4377
+ animation: Keyframe-opacity .8s linear .8s normal none infinite running;
4693
4378
  background-color: #f0f
4694
4379
  }
4695
4380
  .Spinner-vortex.Quadratic {
@@ -4788,106 +4473,106 @@ fieldset:disabled .Btn {
4788
4473
  color: var(--ls-table-hover-color)
4789
4474
  }
4790
4475
  .Table-primary {
4791
- --ls-table-color: hsl(0deg, 0%, 0%);
4476
+ --ls-table-color: hsl(0, 0%, 0%);
4792
4477
  --ls-table-bg: #cfe1fe;
4793
4478
  --ls-table-border-color: #bacbe5;
4794
4479
  --ls-table-striped-bg: #c5d6f1;
4795
- --ls-table-striped-color: hsl(0deg, 0%, 0%);
4480
+ --ls-table-striped-color: hsl(0, 0%, 0%);
4796
4481
  --ls-table-active-bg: #bacbe5;
4797
- --ls-table-active-color: hsl(0deg, 0%, 0%);
4482
+ --ls-table-active-color: hsl(0, 0%, 0%);
4798
4483
  --ls-table-hover-bg: #bfd0eb;
4799
- --ls-table-hover-color: hsl(0deg, 0%, 0%);
4484
+ --ls-table-hover-color: hsl(0, 0%, 0%);
4800
4485
  color: var(--ls-table-color);
4801
4486
  border-color: var(--ls-table-border-color)
4802
4487
  }
4803
4488
  .Table-secondary {
4804
- --ls-table-color: hsl(0deg, 0%, 0%);
4489
+ --ls-table-color: hsl(0, 0%, 0%);
4805
4490
  --ls-table-bg: #e2e4e5;
4806
4491
  --ls-table-border-color: #cbcdce;
4807
4492
  --ls-table-striped-bg: #d7d9da;
4808
- --ls-table-striped-color: hsl(0deg, 0%, 0%);
4493
+ --ls-table-striped-color: hsl(0, 0%, 0%);
4809
4494
  --ls-table-active-bg: #cbcdce;
4810
- --ls-table-active-color: hsl(0deg, 0%, 0%);
4495
+ --ls-table-active-color: hsl(0, 0%, 0%);
4811
4496
  --ls-table-hover-bg: #d1d3d4;
4812
- --ls-table-hover-color: hsl(0deg, 0%, 0%);
4497
+ --ls-table-hover-color: hsl(0, 0%, 0%);
4813
4498
  color: var(--ls-table-color);
4814
4499
  border-color: var(--ls-table-border-color)
4815
4500
  }
4816
4501
  .Table-success {
4817
- --ls-table-color: hsl(0deg, 0%, 0%);
4502
+ --ls-table-color: hsl(0, 0%, 0%);
4818
4503
  --ls-table-bg: #d2eade;
4819
4504
  --ls-table-border-color: #bdd3c8;
4820
4505
  --ls-table-striped-bg: #c8ded3;
4821
- --ls-table-striped-color: hsl(0deg, 0%, 0%);
4506
+ --ls-table-striped-color: hsl(0, 0%, 0%);
4822
4507
  --ls-table-active-bg: #bdd3c8;
4823
- --ls-table-active-color: hsl(0deg, 0%, 0%);
4508
+ --ls-table-active-color: hsl(0, 0%, 0%);
4824
4509
  --ls-table-hover-bg: #c2d8cd;
4825
- --ls-table-hover-color: hsl(0deg, 0%, 0%);
4510
+ --ls-table-hover-color: hsl(0, 0%, 0%);
4826
4511
  color: var(--ls-table-color);
4827
4512
  border-color: var(--ls-table-border-color)
4828
4513
  }
4829
4514
  .Table-info {
4830
- --ls-table-color: hsl(0deg, 0%, 0%);
4515
+ --ls-table-color: hsl(0, 0%, 0%);
4831
4516
  --ls-table-bg: #d3f2fd;
4832
4517
  --ls-table-border-color: #bedae4;
4833
4518
  --ls-table-striped-bg: #c8e6f0;
4834
- --ls-table-striped-color: hsl(0deg, 0%, 0%);
4519
+ --ls-table-striped-color: hsl(0, 0%, 0%);
4835
4520
  --ls-table-active-bg: #bedae4;
4836
- --ls-table-active-color: hsl(0deg, 0%, 0%);
4521
+ --ls-table-active-color: hsl(0, 0%, 0%);
4837
4522
  --ls-table-hover-bg: #c3e0ea;
4838
- --ls-table-hover-color: hsl(0deg, 0%, 0%);
4523
+ --ls-table-hover-color: hsl(0, 0%, 0%);
4839
4524
  color: var(--ls-table-color);
4840
4525
  border-color: var(--ls-table-border-color)
4841
4526
  }
4842
4527
  .Table-warning {
4843
- --ls-table-color: hsl(0deg, 0%, 0%);
4528
+ --ls-table-color: hsl(0, 0%, 0%);
4844
4529
  --ls-table-bg: #faeecc;
4845
4530
  --ls-table-border-color: #e1d6b8;
4846
4531
  --ls-table-striped-bg: #eee2c2;
4847
- --ls-table-striped-color: hsl(0deg, 0%, 0%);
4532
+ --ls-table-striped-color: hsl(0, 0%, 0%);
4848
4533
  --ls-table-active-bg: #e1d6b8;
4849
- --ls-table-active-color: hsl(0deg, 0%, 0%);
4534
+ --ls-table-active-color: hsl(0, 0%, 0%);
4850
4535
  --ls-table-hover-bg: #e7dcbd;
4851
- --ls-table-hover-color: hsl(0deg, 0%, 0%);
4536
+ --ls-table-hover-color: hsl(0, 0%, 0%);
4852
4537
  color: var(--ls-table-color);
4853
4538
  border-color: var(--ls-table-border-color)
4854
4539
  }
4855
4540
  .Table-danger {
4856
- --ls-table-color: hsl(0deg, 0%, 0%);
4541
+ --ls-table-color: hsl(0, 0%, 0%);
4857
4542
  --ls-table-bg: #f7d8db;
4858
4543
  --ls-table-border-color: #dec2c5;
4859
4544
  --ls-table-striped-bg: #ebcdd0;
4860
- --ls-table-striped-color: hsl(0deg, 0%, 0%);
4545
+ --ls-table-striped-color: hsl(0, 0%, 0%);
4861
4546
  --ls-table-active-bg: #dec2c5;
4862
- --ls-table-active-color: hsl(0deg, 0%, 0%);
4547
+ --ls-table-active-color: hsl(0, 0%, 0%);
4863
4548
  --ls-table-hover-bg: #e4c8cb;
4864
- --ls-table-hover-color: hsl(0deg, 0%, 0%);
4549
+ --ls-table-hover-color: hsl(0, 0%, 0%);
4865
4550
  color: var(--ls-table-color);
4866
4551
  border-color: var(--ls-table-border-color)
4867
4552
  }
4868
4553
  .Table-light {
4869
- --ls-table-color: hsl(0deg, 0%, 0%);
4870
- --ls-table-bg: hsl(0deg, 0%, 98%);
4554
+ --ls-table-color: hsl(0, 0%, 0%);
4555
+ --ls-table-bg: hsl(0, 0%, 98%);
4871
4556
  --ls-table-border-color: #e1e1e1;
4872
4557
  --ls-table-striped-bg: #eeeeee;
4873
- --ls-table-striped-color: hsl(0deg, 0%, 0%);
4558
+ --ls-table-striped-color: hsl(0, 0%, 0%);
4874
4559
  --ls-table-active-bg: #e1e1e1;
4875
- --ls-table-active-color: hsl(0deg, 0%, 0%);
4560
+ --ls-table-active-color: hsl(0, 0%, 0%);
4876
4561
  --ls-table-hover-bg: #e7e7e7;
4877
- --ls-table-hover-color: hsl(0deg, 0%, 0%);
4562
+ --ls-table-hover-color: hsl(0, 0%, 0%);
4878
4563
  color: var(--ls-table-color);
4879
4564
  border-color: var(--ls-table-border-color)
4880
4565
  }
4881
4566
  .Table-dark {
4882
- --ls-table-color: hsl(0deg, 0%, 100%);
4883
- --ls-table-bg: hsl(240deg, 7%, 18%);
4567
+ --ls-table-color: hsl(0, 0%, 100%);
4568
+ --ls-table-bg: hsl(240, 7%, 18%);
4884
4569
  --ls-table-border-color: #404046;
4885
4570
  --ls-table-striped-bg: #36363b;
4886
- --ls-table-striped-color: hsl(0deg, 0%, 100%);
4571
+ --ls-table-striped-color: hsl(0, 0%, 100%);
4887
4572
  --ls-table-active-bg: #404046;
4888
- --ls-table-active-color: hsl(0deg, 0%, 100%);
4573
+ --ls-table-active-color: hsl(0, 0%, 100%);
4889
4574
  --ls-table-hover-bg: #3b3b40;
4890
- --ls-table-hover-color: hsl(0deg, 0%, 100%);
4575
+ --ls-table-hover-color: hsl(0, 0%, 100%);
4891
4576
  color: var(--ls-table-color);
4892
4577
  border-color: var(--ls-table-border-color)
4893
4578
  }
@@ -5068,8 +4753,8 @@ fieldset:disabled .Btn {
5068
4753
  --ls-toast-bg: white;
5069
4754
  --ls-toast-color: #3f3f3f;
5070
4755
  --ls-toast-border-color: #fdfdfd;
5071
- --ls-toast-header-bg: hsl(0deg, 0%, 98%);
5072
- --ls-toast-header-color: hsl(0deg, 0%, 0%);
4756
+ --ls-toast-header-bg: hsl(0, 0%, 98%);
4757
+ --ls-toast-header-color: hsl(0, 0%, 0%);
5073
4758
  --ls-toast-header-icon-color: #fefefe;
5074
4759
  --ls-toast-header-border-color: #c8c8c8
5075
4760
  }
@@ -5077,8 +4762,8 @@ fieldset:disabled .Btn {
5077
4762
  --ls-toast-bg: #eaeaea;
5078
4763
  --ls-toast-color: #0b0b0c;
5079
4764
  --ls-toast-border-color: #959598;
5080
- --ls-toast-header-bg: hsl(240deg, 7%, 18%);
5081
- --ls-toast-header-color: hsl(0deg, 0%, 100%);
4765
+ --ls-toast-header-bg: hsl(240, 7%, 18%);
4766
+ --ls-toast-header-color: hsl(0, 0%, 100%);
5082
4767
  --ls-toast-header-icon-color: #cacacc;
5083
4768
  --ls-toast-header-border-color: #222227
5084
4769
  }
@@ -5089,8 +4774,8 @@ fieldset:disabled .Btn {
5089
4774
  --ls-toast-bg: #e7e7e7;
5090
4775
  --ls-toast-color: #050505;
5091
4776
  --ls-toast-border-color: #898989;
5092
- --ls-toast-header-bg: hsl(0deg, 0%, 7%);
5093
- --ls-toast-header-color: hsl(0deg, 0%, 100%);
4777
+ --ls-toast-header-bg: hsl(0, 0%, 7%);
4778
+ --ls-toast-header-color: hsl(0, 0%, 100%);
5094
4779
  --ls-toast-header-icon-color: #c4c4c4;
5095
4780
  --ls-toast-header-border-color: #0e0e0e
5096
4781
  }
@@ -5101,8 +4786,8 @@ fieldset:disabled .Btn {
5101
4786
  --ls-toast-bg: #e7f0ff;
5102
4787
  --ls-toast-color: #041a3f;
5103
4788
  --ls-toast-border-color: #87b4fd;
5104
- --ls-toast-header-bg: hsl(217deg, 96%, 52%);
5105
- --ls-toast-header-color: hsl(0deg, 0%, 100%);
4789
+ --ls-toast-header-bg: hsl(217, 96%, 52%);
4790
+ --ls-toast-header-color: hsl(0, 0%, 100%);
5106
4791
  --ls-toast-header-icon-color: #c3dafe;
5107
4792
  --ls-toast-header-border-color: #0c54c8
5108
4793
  }
@@ -5113,8 +4798,8 @@ fieldset:disabled .Btn {
5113
4798
  --ls-toast-bg: #f0f1f2;
5114
4799
  --ls-toast-color: #1b1e20;
5115
4800
  --ls-toast-border-color: #b6bbbf;
5116
- --ls-toast-header-bg: hsl(208deg, 7%, 46%);
5117
- --ls-toast-header-color: hsl(0deg, 0%, 100%);
4801
+ --ls-toast-header-bg: hsl(208, 7%, 46%);
4802
+ --ls-toast-header-color: hsl(0, 0%, 100%);
5118
4803
  --ls-toast-header-icon-color: #dbdddf;
5119
4804
  --ls-toast-header-border-color: #575e65
5120
4805
  }
@@ -5125,8 +4810,8 @@ fieldset:disabled .Btn {
5125
4810
  --ls-toast-bg: #e8f4ee;
5126
4811
  --ls-toast-color: #072516;
5127
4812
  --ls-toast-border-color: #8ecaac;
5128
- --ls-toast-header-bg: hsl(150deg, 67%, 35%);
5129
- --ls-toast-header-color: hsl(0deg, 0%, 100%);
4813
+ --ls-toast-header-bg: hsl(150, 67%, 35%);
4814
+ --ls-toast-header-color: hsl(0, 0%, 100%);
5130
4815
  --ls-toast-header-icon-color: #c7e5d6;
5131
4816
  --ls-toast-header-border-color: #177747
5132
4817
  }
@@ -5137,8 +4822,8 @@ fieldset:disabled .Btn {
5137
4822
  --ls-toast-bg: #e9f9fe;
5138
4823
  --ls-toast-color: #09303d;
5139
4824
  --ls-toast-border-color: #92e0fa;
5140
- --ls-toast-header-bg: hsl(195deg, 90%, 55%);
5141
- --ls-toast-header-color: hsl(0deg, 0%, 0%);
4825
+ --ls-toast-header-bg: hsl(195, 90%, 55%);
4826
+ --ls-toast-header-color: hsl(0, 0%, 0%);
5142
4827
  --ls-toast-header-icon-color: #c9effc;
5143
4828
  --ls-toast-header-border-color: #1e9ac3
5144
4829
  }
@@ -5149,8 +4834,8 @@ fieldset:disabled .Btn {
5149
4834
  --ls-toast-bg: #fdf7e6;
5150
4835
  --ls-toast-color: #3a2b00;
5151
4836
  --ls-toast-border-color: #f3d680;
5152
- --ls-toast-header-bg: hsl(45deg, 100%, 45%);
5153
- --ls-toast-header-color: hsl(0deg, 0%, 0%);
4837
+ --ls-toast-header-bg: hsl(45, 100%, 45%);
4838
+ --ls-toast-header-color: hsl(0, 0%, 0%);
5154
4839
  --ls-toast-header-icon-color: #f9eabf;
5155
4840
  --ls-toast-header-border-color: #b88a00
5156
4841
  }
@@ -5161,8 +4846,8 @@ fieldset:disabled .Btn {
5161
4846
  --ls-toast-bg: #fbeced;
5162
4847
  --ls-toast-color: #360f13;
5163
4848
  --ls-toast-border-color: #eb9ea6;
5164
- --ls-toast-header-bg: hsl(354deg, 66%, 54%);
5165
- --ls-toast-header-color: hsl(0deg, 0%, 100%);
4849
+ --ls-toast-header-bg: hsl(354, 66%, 54%);
4850
+ --ls-toast-header-color: hsl(0, 0%, 100%);
5166
4851
  --ls-toast-header-icon-color: #f5ced2;
5167
4852
  --ls-toast-header-border-color: #ac303d
5168
4853
  }
@@ -5198,126 +4883,126 @@ fieldset:disabled .Btn {
5198
4883
  --ls-tooltip-border-radius: 0.375rem
5199
4884
  }
5200
4885
  .Tooltip-light {
5201
- --ls-tooltip-color: hsl(0deg, 0%, 0%);
5202
- --ls-tooltip-bg: hsl(0deg, 0%, 98%);
5203
- --ls-tooltip-border-color: hsl(0deg, 0%, 98%);
5204
- --ls-caret-pseudo-before-bg: hsl(0deg, 0%, 98%);
5205
- --ls-caret-pseudo-after-fg: hsl(0deg, 0%, 98%)
4886
+ --ls-tooltip-color: hsl(0, 0%, 0%);
4887
+ --ls-tooltip-bg: hsl(0, 0%, 98%);
4888
+ --ls-tooltip-border-color: hsl(0, 0%, 98%);
4889
+ --ls-caret-pseudo-before-bg: hsl(0, 0%, 98%);
4890
+ --ls-caret-pseudo-after-fg: hsl(0, 0%, 98%)
5206
4891
  }
5207
4892
  .Tooltip-light.Tooltip-outline {
5208
- --ls-tooltip-color: hsl(0deg, 0%, 0%);
4893
+ --ls-tooltip-color: hsl(0, 0%, 0%);
5209
4894
  --ls-tooltip-bg: #fcfcfc;
5210
4895
  --ls-tooltip-border-color: #e0e0e0;
5211
4896
  --ls-caret-pseudo-before-bg: #e0e0e0;
5212
4897
  --ls-caret-pseudo-after-fg: #fcfcfc
5213
4898
  }
5214
4899
  .Tooltip-dark {
5215
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
5216
- --ls-tooltip-bg: hsl(240deg, 7%, 18%);
5217
- --ls-tooltip-border-color: hsl(240deg, 7%, 18%);
5218
- --ls-caret-pseudo-before-bg: hsl(240deg, 7%, 18%);
5219
- --ls-caret-pseudo-after-fg: hsl(240deg, 7%, 18%)
4900
+ --ls-tooltip-color: hsl(0, 0%, 100%);
4901
+ --ls-tooltip-bg: hsl(240, 7%, 18%);
4902
+ --ls-tooltip-border-color: hsl(240, 7%, 18%);
4903
+ --ls-caret-pseudo-before-bg: hsl(240, 7%, 18%);
4904
+ --ls-caret-pseudo-after-fg: hsl(240, 7%, 18%)
5220
4905
  }
5221
4906
  .Tooltip-dark.Tooltip-outline {
5222
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
4907
+ --ls-tooltip-color: hsl(0, 0%, 100%);
5223
4908
  --ls-tooltip-bg: #6b6b6f;
5224
4909
  --ls-tooltip-border-color: #131316;
5225
4910
  --ls-caret-pseudo-before-bg: #131316;
5226
4911
  --ls-caret-pseudo-after-fg: #6b6b6f
5227
4912
  }
5228
4913
  .Tooltip-night {
5229
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
5230
- --ls-tooltip-bg: hsl(0deg, 0%, 7%);
5231
- --ls-tooltip-border-color: hsl(0deg, 0%, 7%);
5232
- --ls-caret-pseudo-before-bg: hsl(0deg, 0%, 7%);
5233
- --ls-caret-pseudo-after-fg: hsl(0deg, 0%, 7%)
4914
+ --ls-tooltip-color: hsl(0, 0%, 100%);
4915
+ --ls-tooltip-bg: hsl(0, 0%, 7%);
4916
+ --ls-tooltip-border-color: hsl(0, 0%, 7%);
4917
+ --ls-caret-pseudo-before-bg: hsl(0, 0%, 7%);
4918
+ --ls-caret-pseudo-after-fg: hsl(0, 0%, 7%)
5234
4919
  }
5235
4920
  .Tooltip-night.Tooltip-outline {
5236
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
4921
+ --ls-tooltip-color: hsl(0, 0%, 100%);
5237
4922
  --ls-tooltip-bg: #595959;
5238
4923
  --ls-tooltip-border-color: black;
5239
4924
  --ls-caret-pseudo-before-bg: black;
5240
4925
  --ls-caret-pseudo-after-fg: #595959
5241
4926
  }
5242
4927
  .Tooltip-primary {
5243
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
5244
- --ls-tooltip-bg: hsl(217deg, 96%, 52%);
5245
- --ls-tooltip-border-color: hsl(217deg, 96%, 52%);
5246
- --ls-caret-pseudo-before-bg: hsl(217deg, 96%, 52%);
5247
- --ls-caret-pseudo-after-fg: hsl(217deg, 96%, 52%)
4928
+ --ls-tooltip-color: hsl(0, 0%, 100%);
4929
+ --ls-tooltip-bg: hsl(217, 96%, 52%);
4930
+ --ls-tooltip-border-color: hsl(217, 96%, 52%);
4931
+ --ls-caret-pseudo-before-bg: hsl(217, 96%, 52%);
4932
+ --ls-caret-pseudo-after-fg: hsl(217, 96%, 52%)
5248
4933
  }
5249
4934
  .Tooltip-primary.Tooltip-outline {
5250
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
4935
+ --ls-tooltip-color: hsl(0, 0%, 100%);
5251
4936
  --ls-tooltip-bg: #5796fc;
5252
4937
  --ls-tooltip-border-color: #0453d2;
5253
4938
  --ls-caret-pseudo-before-bg: #0453d2;
5254
4939
  --ls-caret-pseudo-after-fg: #5796fc
5255
4940
  }
5256
4941
  .Tooltip-secondary {
5257
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
5258
- --ls-tooltip-bg: hsl(208deg, 7%, 46%);
5259
- --ls-tooltip-border-color: hsl(208deg, 7%, 46%);
5260
- --ls-caret-pseudo-before-bg: hsl(208deg, 7%, 46%);
5261
- --ls-caret-pseudo-after-fg: hsl(208deg, 7%, 46%)
4942
+ --ls-tooltip-color: hsl(0, 0%, 100%);
4943
+ --ls-tooltip-bg: hsl(208, 7%, 46%);
4944
+ --ls-tooltip-border-color: hsl(208, 7%, 46%);
4945
+ --ls-caret-pseudo-before-bg: hsl(208, 7%, 46%);
4946
+ --ls-caret-pseudo-after-fg: hsl(208, 7%, 46%)
5262
4947
  }
5263
4948
  .Tooltip-secondary.Tooltip-outline {
5264
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
4949
+ --ls-tooltip-color: hsl(0, 0%, 100%);
5265
4950
  --ls-tooltip-bg: #999fa5;
5266
4951
  --ls-tooltip-border-color: #555c62;
5267
4952
  --ls-caret-pseudo-before-bg: #555c62;
5268
4953
  --ls-caret-pseudo-after-fg: #999fa5
5269
4954
  }
5270
4955
  .Tooltip-success {
5271
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
5272
- --ls-tooltip-bg: hsl(150deg, 67%, 35%);
5273
- --ls-tooltip-border-color: hsl(150deg, 67%, 35%);
5274
- --ls-caret-pseudo-before-bg: hsl(150deg, 67%, 35%);
5275
- --ls-caret-pseudo-after-fg: hsl(150deg, 67%, 35%)
4956
+ --ls-tooltip-color: hsl(0, 0%, 100%);
4957
+ --ls-tooltip-bg: hsl(150, 67%, 35%);
4958
+ --ls-tooltip-border-color: hsl(150, 67%, 35%);
4959
+ --ls-caret-pseudo-before-bg: hsl(150, 67%, 35%);
4960
+ --ls-caret-pseudo-after-fg: hsl(150, 67%, 35%)
5276
4961
  }
5277
4962
  .Tooltip-success.Tooltip-outline {
5278
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
4963
+ --ls-tooltip-color: hsl(0, 0%, 100%);
5279
4964
  --ls-tooltip-bg: #61b58b;
5280
4965
  --ls-tooltip-border-color: #156a40;
5281
4966
  --ls-caret-pseudo-before-bg: #156a40;
5282
4967
  --ls-caret-pseudo-after-fg: #61b58b
5283
4968
  }
5284
4969
  .Tooltip-info {
5285
- --ls-tooltip-color: hsl(0deg, 0%, 0%);
5286
- --ls-tooltip-bg: hsl(195deg, 90%, 55%);
5287
- --ls-tooltip-border-color: hsl(195deg, 90%, 55%);
5288
- --ls-caret-pseudo-before-bg: hsl(195deg, 90%, 55%);
5289
- --ls-caret-pseudo-after-fg: hsl(195deg, 90%, 55%)
4970
+ --ls-tooltip-color: hsl(0, 0%, 0%);
4971
+ --ls-tooltip-bg: hsl(195, 90%, 55%);
4972
+ --ls-tooltip-border-color: hsl(195, 90%, 55%);
4973
+ --ls-caret-pseudo-before-bg: hsl(195, 90%, 55%);
4974
+ --ls-caret-pseudo-after-fg: hsl(195, 90%, 55%)
5290
4975
  }
5291
4976
  .Tooltip-info.Tooltip-outline {
5292
- --ls-tooltip-color: hsl(0deg, 0%, 0%);
4977
+ --ls-tooltip-color: hsl(0, 0%, 0%);
5293
4978
  --ls-tooltip-bg: #66d3f7;
5294
4979
  --ls-tooltip-border-color: #0ba6da;
5295
4980
  --ls-caret-pseudo-before-bg: #0ba6da;
5296
4981
  --ls-caret-pseudo-after-fg: #66d3f7
5297
4982
  }
5298
4983
  .Tooltip-warning {
5299
- --ls-tooltip-color: hsl(0deg, 0%, 0%);
5300
- --ls-tooltip-bg: hsl(45deg, 100%, 45%);
5301
- --ls-tooltip-border-color: hsl(45deg, 100%, 45%);
5302
- --ls-caret-pseudo-before-bg: hsl(45deg, 100%, 45%);
5303
- --ls-caret-pseudo-after-fg: hsl(45deg, 100%, 45%)
4984
+ --ls-tooltip-color: hsl(0, 0%, 0%);
4985
+ --ls-tooltip-bg: hsl(45, 100%, 45%);
4986
+ --ls-tooltip-border-color: hsl(45, 100%, 45%);
4987
+ --ls-caret-pseudo-before-bg: hsl(45, 100%, 45%);
4988
+ --ls-caret-pseudo-after-fg: hsl(45, 100%, 45%)
5304
4989
  }
5305
4990
  .Tooltip-warning.Tooltip-outline {
5306
- --ls-tooltip-color: hsl(0deg, 0%, 0%);
4991
+ --ls-tooltip-color: hsl(0, 0%, 0%);
5307
4992
  --ls-tooltip-bg: #eec54d;
5308
4993
  --ls-tooltip-border-color: #b38600;
5309
4994
  --ls-caret-pseudo-before-bg: #b38600;
5310
4995
  --ls-caret-pseudo-after-fg: #eec54d
5311
4996
  }
5312
4997
  .Tooltip-danger {
5313
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
5314
- --ls-tooltip-bg: hsl(354deg, 66%, 54%);
5315
- --ls-tooltip-border-color: hsl(354deg, 66%, 54%);
5316
- --ls-caret-pseudo-before-bg: hsl(354deg, 66%, 54%);
5317
- --ls-caret-pseudo-after-fg: hsl(354deg, 66%, 54%)
4998
+ --ls-tooltip-color: hsl(0, 0%, 100%);
4999
+ --ls-tooltip-bg: hsl(354, 66%, 54%);
5000
+ --ls-tooltip-border-color: hsl(354, 66%, 54%);
5001
+ --ls-caret-pseudo-before-bg: hsl(354, 66%, 54%);
5002
+ --ls-caret-pseudo-after-fg: hsl(354, 66%, 54%)
5318
5003
  }
5319
5004
  .Tooltip-danger.Tooltip-outline {
5320
- --ls-tooltip-color: hsl(0deg, 0%, 100%);
5005
+ --ls-tooltip-color: hsl(0, 0%, 100%);
5321
5006
  --ls-tooltip-bg: #e37782;
5322
5007
  --ls-tooltip-border-color: #ba2635;
5323
5008
  --ls-caret-pseudo-before-bg: #ba2635;
@@ -5339,8 +5024,7 @@ fieldset:disabled .Btn {
5339
5024
  }
5340
5025
  .Tree-trunk.Expanded {
5341
5026
  transition: all .3s ease;
5342
- -webkit-animation: Keyframe-FadeIn .3s ease-in-out;
5343
- animation: Keyframe-FadeIn .3s ease-in-out;
5027
+ animation: Keyframe-FadeIn .3s ease-in-out;
5344
5028
  padding-left: 1rem;
5345
5029
  border-left: 1px dotted hsla(var(--ls-border-hsl),var(--ls-border-alpha));
5346
5030
  border-bottom: 1px dotted hsla(var(--ls-border-hsl),var(--ls-border-alpha))
@@ -5373,11 +5057,11 @@ fieldset:disabled .Btn {
5373
5057
  }
5374
5058
  .Tree-branch.Disabled {
5375
5059
  cursor: not-allowed;
5376
- color: hsl(213deg,11%,69%);
5060
+ color: #a7afb8;
5377
5061
  background-color: hsla(var(--ls-contrast-hsl),.1)
5378
5062
  }
5379
5063
  .Tree-branch.Disabled .Tree-leaf--icon {
5380
- color: hsl(213deg,11%,69%)!important
5064
+ color: #a7afb8!important
5381
5065
  }
5382
5066
  .Tree-branch .Tree-chevron {
5383
5067
  display: flex;
@@ -5457,14 +5141,6 @@ fieldset:disabled .Btn {
5457
5141
  .Tree-separator hr {
5458
5142
  margin: .25rem 0
5459
5143
  }
5460
- @-webkit-keyframes Keyframe-FadeIn {
5461
- from {
5462
- opacity: 0
5463
- }
5464
- to {
5465
- opacity: 1
5466
- }
5467
- }
5468
5144
  @keyframes Keyframe-FadeIn {
5469
5145
  from {
5470
5146
  opacity: 0
@@ -5569,19 +5245,19 @@ fieldset:disabled .Btn {
5569
5245
  transform-origin: 100% 100%
5570
5246
  }
5571
5247
  .Form-check-material [type=checkbox]:disabled + .Form-check-label {
5572
- color: hsl(213deg,11%,69%);
5248
+ color: #a7afb8;
5573
5249
  cursor: default
5574
5250
  }
5575
5251
  .Form-check-material [type=checkbox]:disabled:checked + .Form-check-label:before {
5576
- border-color: transparent hsl(213deg,11%,69%) hsl(213deg,11%,69%) transparent
5252
+ border-color: transparent #a7afb8 #a7afb8 transparent
5577
5253
  }
5578
5254
  .Form-check-material [type=checkbox]:disabled:not(:checked) + .Form-check-label:before {
5579
5255
  border: none;
5580
5256
  margin-top: 2px;
5581
- background-color: hsl(213deg,11%,69%)
5257
+ background-color: #a7afb8
5582
5258
  }
5583
5259
  .Form-check-material [type=checkbox]:disabled:indeterminate + .Form-check-label:before {
5584
- border-right: 2px solid hsl(213deg,11%,69%);
5260
+ border-right: 2px solid #a7afb8;
5585
5261
  margin-left: 0;
5586
5262
  margin-top: 0;
5587
5263
  background-color: transparent
@@ -5607,19 +5283,19 @@ fieldset:disabled .Btn {
5607
5283
  transform: scale(0)
5608
5284
  }
5609
5285
  .Form-check-material [type=radio]:disabled + .Form-check-label {
5610
- color: hsl(213deg,11%,69%);
5286
+ color: #a7afb8;
5611
5287
  cursor: default
5612
5288
  }
5613
5289
  .Form-check-material [type=radio]:disabled + .Form-check-label:before {
5614
5290
  background-color: transparent;
5615
- border-color: hsl(213deg,11%,69%)
5291
+ border-color: #a7afb8
5616
5292
  }
5617
5293
  .Form-check-material [type=radio]:disabled:not(:checked) + .Form-check-label:before {
5618
- border-color: hsl(213deg,11%,69%)
5294
+ border-color: #a7afb8
5619
5295
  }
5620
5296
  .Form-check-material [type=radio]:disabled:checked + .Form-check-label:after {
5621
- background-color: hsl(213deg,11%,69%);
5622
- border-color: hsl(213deg,11%,69%)
5297
+ background-color: #a7afb8;
5298
+ border-color: #a7afb8
5623
5299
  }
5624
5300
  .Form-switch-material input[type=checkbox] + .Form-check-label:before {
5625
5301
  content: "";
@@ -5637,7 +5313,7 @@ fieldset:disabled .Btn {
5637
5313
  border-radius: 7px;
5638
5314
  width: 40px;
5639
5315
  height: 15px;
5640
- background-color: hsl(213deg,11%,69%);
5316
+ background-color: #a7afb8;
5641
5317
  box-shadow: inset 0 1px 3px hsla(var(--ls-shadow-hsl),.12),inset 0 1px 2px hsla(var(--ls-shadow-hsl),.24);
5642
5318
  transition: background-color .2s,opacity .2s
5643
5319
  }
@@ -5661,7 +5337,7 @@ fieldset:disabled .Btn {
5661
5337
  transform: translateX(24px)
5662
5338
  }
5663
5339
  .Form-switch-material input[type=checkbox]:checked:active + .Form-check-label:before {
5664
- background-color: hsl(213deg,11%,69%)
5340
+ background-color: #a7afb8
5665
5341
  }
5666
5342
  .Form-switch-material input[type=checkbox]:checked:disabled + .Form-check-label:before {
5667
5343
  background-color: hsla(var(--ls-bg-accent-hsl),.6)
@@ -5670,12 +5346,12 @@ fieldset:disabled .Btn {
5670
5346
  background-color: hsla(var(--ls-bg-accent-hsl),.6)
5671
5347
  }
5672
5348
  .Form-switch-material input[type=checkbox]:disabled + .Form-check-label {
5673
- color: hsl(213deg,11%,69%);
5349
+ color: #a7afb8;
5674
5350
  opacity: .38;
5675
5351
  cursor: default
5676
5352
  }
5677
5353
  .Form-switch-material input[type=checkbox]:disabled + .Form-check-label:before {
5678
- background-color: hsl(213deg,11%,69%)
5354
+ background-color: #a7afb8
5679
5355
  }
5680
5356
  .Form-check-material {
5681
5357
  position: relative;
@@ -5691,7 +5367,7 @@ fieldset:disabled .Btn {
5691
5367
  top: -8px;
5692
5368
  width: 2.5rem;
5693
5369
  height: 2.5rem;
5694
- background-color: hsl(213deg,11%,69%);
5370
+ background-color: #a7afb8;
5695
5371
  border-radius: 50%;
5696
5372
  transform: scale(1);
5697
5373
  transition: opacity .3s,transform .2s
@@ -5794,7 +5470,7 @@ fieldset:disabled .Btn {
5794
5470
  opacity: 0
5795
5471
  }
5796
5472
  .Form-check-alpha input[type=checkbox]:disabled + .Form-check-label {
5797
- color: hsl(213deg,11%,69%);
5473
+ color: #a7afb8;
5798
5474
  cursor: initial
5799
5475
  }
5800
5476
  .Form-check-alpha input[type=checkbox]:disabled + .Form-check-label:before {
@@ -5836,7 +5512,7 @@ fieldset:disabled .Btn {
5836
5512
  opacity: 0
5837
5513
  }
5838
5514
  .Form-check-alpha input[type=radio]:disabled + .Form-check-label {
5839
- color: hsl(213deg,11%,69%);
5515
+ color: #a7afb8;
5840
5516
  cursor: initial
5841
5517
  }
5842
5518
  .Form-check-alpha input[type=radio]:disabled + .Form-check-label:before {
@@ -5856,7 +5532,7 @@ fieldset:disabled .Btn {
5856
5532
  border-radius: 7px;
5857
5533
  width: 36px;
5858
5534
  height: 14px;
5859
- background-color: hsl(213deg,11%,69%);
5535
+ background-color: #a7afb8;
5860
5536
  box-shadow: inset 0 1px 3px hsla(var(--ls-shadow-hsl),.12),inset 0 1px 2px hsla(var(--ls-shadow-hsl),.24);
5861
5537
  transition: background-color .2s,opacity .2s
5862
5538
  }
@@ -5884,7 +5560,7 @@ fieldset:disabled .Btn {
5884
5560
  transform: translateX(16px)
5885
5561
  }
5886
5562
  .Form-switch-alpha input[type=checkbox]:checked:active + .Form-check-label:before {
5887
- background-color: hsl(213deg,11%,69%)
5563
+ background-color: #a7afb8
5888
5564
  }
5889
5565
  .Form-switch-alpha input[type=checkbox]:checked:disabled + .Form-check-label:before {
5890
5566
  background-color: hsla(var(--ls-bg-accent-hsl),.6)
@@ -5901,12 +5577,12 @@ fieldset:disabled .Btn {
5901
5577
  opacity: 0
5902
5578
  }
5903
5579
  .Form-switch-alpha input[type=checkbox]:disabled + .Form-check-label {
5904
- color: hsl(213deg,11%,69%);
5580
+ color: #a7afb8;
5905
5581
  opacity: .38;
5906
5582
  cursor: default
5907
5583
  }
5908
5584
  .Form-switch-alpha input[type=checkbox]:disabled + .Form-check-label:before {
5909
- background-color: hsl(213deg,11%,69%)
5585
+ background-color: #a7afb8
5910
5586
  }
5911
5587
  .Form-check-alpha,
5912
5588
  .Form-switch-alpha {
@@ -5990,7 +5666,7 @@ fieldset:disabled .Btn {
5990
5666
  border-color: var(--ls-bg-accent)
5991
5667
  }
5992
5668
  .Form-check-beta [type=checkbox]:disabled + .Form-check-label {
5993
- color: hsl(213deg,11%,69%);
5669
+ color: #a7afb8;
5994
5670
  cursor: default
5995
5671
  }
5996
5672
  .Form-check-beta [type=checkbox]:disabled:not(:checked) + .Form-check-label:before {
@@ -5998,7 +5674,7 @@ fieldset:disabled .Btn {
5998
5674
  }
5999
5675
  .Form-check-beta [type=checkbox]:disabled:not(:checked) + .Form-check-label:after {
6000
5676
  border-color: transparent;
6001
- background-color: hsl(213deg,11%,69%)
5677
+ background-color: #a7afb8
6002
5678
  }
6003
5679
  .Form-check-beta [type=checkbox]:disabled:checked + .Form-check-label:before {
6004
5680
  background-color: transparent;
@@ -6008,8 +5684,8 @@ fieldset:disabled .Btn {
6008
5684
  border-bottom: 2px solid var(--ls-fg-accent)
6009
5685
  }
6010
5686
  .Form-check-beta [type=checkbox]:disabled:checked + .Form-check-label:after {
6011
- background-color: hsl(213deg,11%,69%);
6012
- border-color: hsl(213deg,11%,69%)
5687
+ background-color: #a7afb8;
5688
+ border-color: #a7afb8
6013
5689
  }
6014
5690
  .Form-check-beta [type=checkbox] + .Form-check-label {
6015
5691
  padding-left: 30px
@@ -6032,7 +5708,7 @@ fieldset:disabled .Btn {
6032
5708
  background-color: var(--ls-bg-accent)
6033
5709
  }
6034
5710
  .Form-check-beta [type=checkbox]:disabled:checked + .Form-check-label:after {
6035
- background-color: hsl(213deg,11%,69%)
5711
+ background-color: #a7afb8
6036
5712
  }
6037
5713
  .Form-check-beta [type=radio] + .Form-check-label {
6038
5714
  padding-left: 30px
@@ -6064,17 +5740,17 @@ fieldset:disabled .Btn {
6064
5740
  transform: scale(0)
6065
5741
  }
6066
5742
  .Form-check-beta [type=radio]:disabled + .Form-check-label {
6067
- color: hsl(213deg,11%,69%)
5743
+ color: #a7afb8
6068
5744
  }
6069
5745
  .Form-check-beta [type=radio]:disabled + .Form-check-label:before {
6070
5746
  background-color: transparent;
6071
- border-color: hsl(213deg,11%,69%)
5747
+ border-color: #a7afb8
6072
5748
  }
6073
5749
  .Form-check-beta [type=radio]:disabled:not(:checked) + .Form-check-label:before {
6074
- border-color: hsl(213deg,11%,69%)
5750
+ border-color: #a7afb8
6075
5751
  }
6076
5752
  .Form-check-beta [type=radio]:disabled:checked + .Form-check-label:after {
6077
- background-color: hsl(213deg,11%,69%)
5753
+ background-color: #a7afb8
6078
5754
  }
6079
5755
  .Form-check-beta {
6080
5756
  position: relative;
@@ -6114,7 +5790,7 @@ fieldset:disabled .Btn {
6114
5790
  }
6115
5791
  .Switch-beta label input[type=checkbox]:disabled + .Lever:after,
6116
5792
  .Switch-beta label input[type=checkbox]:disabled:checked + .Lever:after {
6117
- background-color: hsl(213deg,11%,69%)
5793
+ background-color: #a7afb8
6118
5794
  }
6119
5795
  .Switch-beta label .Lever {
6120
5796
  content: "";
@@ -6194,24 +5870,12 @@ fieldset:disabled .Btn {
6194
5870
  }
6195
5871
  .Form .Form-control-sm + .Form-label,
6196
5872
  .Form-material .Form-control-sm + .Form-label,
6197
- .Form-material.Form-sm .Form .Form-control + .Form-label,
6198
- .Form-material.Form-sm .Form .Form-select + .Form-label,
6199
5873
  .Form-material.Form-sm .Form-control + .Form-label,
6200
- .Form-material.Form-sm .Form-outline .Form-control + .Form-label,
6201
- .Form-material.Form-sm .Form-outline .Form-select + .Form-label,
6202
5874
  .Form-material.Form-sm .Form-select + .Form-label,
6203
5875
  .Form-outline .Form-control-sm + .Form-label,
6204
- .Form-outline.Form-sm .Form .Form-control + .Form-label,
6205
- .Form-outline.Form-sm .Form .Form-select + .Form-label,
6206
5876
  .Form-outline.Form-sm .Form-control + .Form-label,
6207
- .Form-outline.Form-sm .Form-material .Form-control + .Form-label,
6208
- .Form-outline.Form-sm .Form-material .Form-select + .Form-label,
6209
5877
  .Form-outline.Form-sm .Form-select + .Form-label,
6210
5878
  .Form.Form-sm .Form-control + .Form-label,
6211
- .Form.Form-sm .Form-material .Form-control + .Form-label,
6212
- .Form.Form-sm .Form-material .Form-select + .Form-label,
6213
- .Form.Form-sm .Form-outline .Form-control + .Form-label,
6214
- .Form.Form-sm .Form-outline .Form-select + .Form-label,
6215
5879
  .Form.Form-sm .Form-select + .Form-label {
6216
5880
  font-size: .875rem
6217
5881
  }
@@ -6238,24 +5902,12 @@ fieldset:disabled .Btn {
6238
5902
  }
6239
5903
  .Form .Form-control-lg + .Form-label,
6240
5904
  .Form-material .Form-control-lg + .Form-label,
6241
- .Form-material.Form-lg .Form .Form-control + .Form-label,
6242
- .Form-material.Form-lg .Form .Form-select + .Form-label,
6243
5905
  .Form-material.Form-lg .Form-control + .Form-label,
6244
- .Form-material.Form-lg .Form-outline .Form-control + .Form-label,
6245
- .Form-material.Form-lg .Form-outline .Form-select + .Form-label,
6246
5906
  .Form-material.Form-lg .Form-select + .Form-label,
6247
5907
  .Form-outline .Form-control-lg + .Form-label,
6248
- .Form-outline.Form-lg .Form .Form-control + .Form-label,
6249
- .Form-outline.Form-lg .Form .Form-select + .Form-label,
6250
5908
  .Form-outline.Form-lg .Form-control + .Form-label,
6251
- .Form-outline.Form-lg .Form-material .Form-control + .Form-label,
6252
- .Form-outline.Form-lg .Form-material .Form-select + .Form-label,
6253
5909
  .Form-outline.Form-lg .Form-select + .Form-label,
6254
5910
  .Form.Form-lg .Form-control + .Form-label,
6255
- .Form.Form-lg .Form-material .Form-control + .Form-label,
6256
- .Form.Form-lg .Form-material .Form-select + .Form-label,
6257
- .Form.Form-lg .Form-outline .Form-control + .Form-label,
6258
- .Form.Form-lg .Form-outline .Form-select + .Form-label,
6259
5911
  .Form.Form-lg .Form-select + .Form-label {
6260
5912
  font-size: 1.25rem
6261
5913
  }
@@ -6360,7 +6012,7 @@ fieldset:disabled .Btn {
6360
6012
  .Form-material .Form-control:disabled,
6361
6013
  .Form-material .Form-select:disabled,
6362
6014
  .Form-material .Form-textarea:disabled {
6363
- color: hsl(213deg,11%,69%)
6015
+ color: #a7afb8
6364
6016
  }
6365
6017
  .Form .Form-control:disabled + .Form-label,
6366
6018
  .Form .Form-select:disabled + .Form-label,
@@ -6368,7 +6020,7 @@ fieldset:disabled .Btn {
6368
6020
  .Form-material .Form-control:disabled + .Form-label,
6369
6021
  .Form-material .Form-select:disabled + .Form-label,
6370
6022
  .Form-material .Form-textarea:disabled + .Form-label {
6371
- color: hsl(213deg,11%,69%)
6023
+ color: #a7afb8
6372
6024
  }
6373
6025
  .Form .Form-select,
6374
6026
  .Form-material .Form-select {
@@ -6684,21 +6336,21 @@ fieldset:disabled .Btn {
6684
6336
  height: 1.5em
6685
6337
  }
6686
6338
  .Form-control::-webkit-input-placeholder {
6687
- color: hsl(213deg,11%,69%);
6339
+ color: #a7afb8;
6688
6340
  opacity: 1
6689
6341
  }
6690
6342
  .Form-control::-moz-placeholder {
6691
- color: hsl(213deg,11%,69%);
6343
+ color: #a7afb8;
6692
6344
  opacity: 1
6693
6345
  }
6694
6346
  .Form-control::placeholder {
6695
- color: hsl(213deg,11%,69%);
6347
+ color: #a7afb8;
6696
6348
  opacity: 1
6697
6349
  }
6698
6350
  .Form-control:disabled,
6699
6351
  .Form-control[readonly] {
6700
- color: hsl(213deg,11%,69%);
6701
- background-color: hsla(213deg,11%,69%,.25);
6352
+ color: #a7afb8;
6353
+ background-color: hsla(213,11%,69%,.25);
6702
6354
  opacity: 1
6703
6355
  }
6704
6356
  .Form-control::-webkit-file-upload-button {
@@ -6753,7 +6405,7 @@ fieldset:disabled .Btn {
6753
6405
  padding: .375rem 0;
6754
6406
  margin-bottom: 0;
6755
6407
  line-height: 1.5;
6756
- color: hsl(213deg,11%,69%);
6408
+ color: #a7afb8;
6757
6409
  background-color: transparent;
6758
6410
  border: solid transparent;
6759
6411
  border-width: 1px 0
@@ -6764,7 +6416,7 @@ fieldset:disabled .Btn {
6764
6416
  padding-left: 0
6765
6417
  }
6766
6418
  .Form-control-sm {
6767
- min-height: calc(1.5 * 1em + calc(.25rem * 2 + 2px));
6419
+ min-height: calc(1.5 * 1em + .25rem * 2 + 2px);
6768
6420
  padding: .25rem .5rem;
6769
6421
  font-size: .875rem;
6770
6422
  border-radius: .25rem
@@ -6782,7 +6434,7 @@ fieldset:disabled .Btn {
6782
6434
  margin-inline-end: .5rem
6783
6435
  }
6784
6436
  .Form-control-lg {
6785
- min-height: calc(1.5 * 1em + calc(.5rem * 2 + 2px));
6437
+ min-height: calc(1.5 * 1em + .5rem * 2 + 2px);
6786
6438
  padding: .5rem 1rem;
6787
6439
  font-size: 1.25rem;
6788
6440
  border-radius: .5rem
@@ -6800,17 +6452,17 @@ fieldset:disabled .Btn {
6800
6452
  margin-inline-end: 1rem
6801
6453
  }
6802
6454
  textarea.Form-control {
6803
- min-height: calc(1.5 * 1em + calc(.375rem * 2 + 2px))
6455
+ min-height: calc(1.5 * 1em + .375rem * 2 + 2px)
6804
6456
  }
6805
6457
  textarea.Form-control-sm {
6806
- min-height: calc(1.5 * 1em + calc(.25rem * 2 + 2px))
6458
+ min-height: calc(1.5 * 1em + .25rem * 2 + 2px)
6807
6459
  }
6808
6460
  textarea.Form-control-lg {
6809
- min-height: calc(1.5 * 1em + calc(.5rem * 2 + 2px))
6461
+ min-height: calc(1.5 * 1em + .5rem * 2 + 2px)
6810
6462
  }
6811
6463
  .Form-control-color {
6812
6464
  width: 3rem;
6813
- height: calc(1.5 * 1em + calc(.375rem * 2 + 2px));
6465
+ height: calc(1.5 * 1em + .375rem * 2 + 2px);
6814
6466
  padding: .375rem
6815
6467
  }
6816
6468
  .Form-control-color:not(:disabled):not([readonly]) {
@@ -6824,10 +6476,10 @@ textarea.Form-control-lg {
6824
6476
  border-radius: .375rem
6825
6477
  }
6826
6478
  .Form-control-color.Form-control-sm {
6827
- height: calc(1.5 * 1em + calc(.25rem * 2 + 2px))
6479
+ height: calc(1.5 * 1em + .25rem * 2 + 2px)
6828
6480
  }
6829
6481
  .Form-control-color.Form-control-lg {
6830
- height: calc(1.5 * 1em + calc(.5rem * 2 + 2px))
6482
+ height: calc(1.5 * 1em + .5rem * 2 + 2px)
6831
6483
  }
6832
6484
  .Form-check {
6833
6485
  display: block;
@@ -6882,15 +6534,15 @@ textarea.Form-control-lg {
6882
6534
  border-color: var(--ls-bg-accent)
6883
6535
  }
6884
6536
  .Form-check-input:checked[type=checkbox] {
6885
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='var(--ls-fg-accent)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
6537
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='hsl(0, 0%25, 100%25)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
6886
6538
  }
6887
6539
  .Form-check-input:checked[type=radio] {
6888
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='var(--ls-fg-accent)'/%3E%3C/svg%3E")
6540
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='hsl(0, 0%25, 100%25)'/%3E%3C/svg%3E")
6889
6541
  }
6890
6542
  .Form-check-input[type=checkbox]:indeterminate {
6891
6543
  background-color: var(--ls-bg-accent);
6892
6544
  border-color: var(--ls-bg-accent);
6893
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='var(--ls-fg-accent)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
6545
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='hsl(0, 0%25, 100%25)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
6894
6546
  }
6895
6547
  .Form-check-input:disabled {
6896
6548
  pointer-events: none;
@@ -6908,7 +6560,7 @@ textarea.Form-control-lg {
6908
6560
  .Form-switch .Form-check-input {
6909
6561
  width: 2em;
6910
6562
  margin-left: -2.5em;
6911
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='hsl(213deg, 11%25, 69%25)'/%3E%3C/svg%3E");
6563
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='hsl(213, 11%25, 69%25)'/%3E%3C/svg%3E");
6912
6564
  background-position: left center;
6913
6565
  border-radius: 2em;
6914
6566
  transition: background-position .15s ease-in-out
@@ -6919,11 +6571,11 @@ textarea.Form-control-lg {
6919
6571
  }
6920
6572
  }
6921
6573
  .Form-switch .Form-check-input:focus {
6922
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='hsl(213deg, 11%25, 69%25)'/%3E%3C/svg%3E")
6574
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='hsl(213, 11%25, 69%25)'/%3E%3C/svg%3E")
6923
6575
  }
6924
6576
  .Form-switch .Form-check-input:checked {
6925
6577
  background-position: right center;
6926
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='hsl(0deg, 0%25, 100%25)'/%3E%3C/svg%3E")
6578
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='hsl(0, 0%25, 100%25)'/%3E%3C/svg%3E")
6927
6579
  }
6928
6580
  .Form-switch.Form-check-reverse {
6929
6581
  padding-right: 2.5em;
@@ -6959,7 +6611,7 @@ textarea.Form-control-lg {
6959
6611
  line-height: 1.5;
6960
6612
  color: var(--ls-fg-surface);
6961
6613
  background-color: var(--ls-bg-surface);
6962
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='var(--ls-fg-surface)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
6614
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='hsl(213, 11%25, 69%25)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
6963
6615
  background-repeat: no-repeat;
6964
6616
  background-position: right .75rem center;
6965
6617
  background-size: 16px 12px;
@@ -6986,7 +6638,7 @@ textarea.Form-control-lg {
6986
6638
  background-image: none
6987
6639
  }
6988
6640
  .Form-select:disabled {
6989
- background-color: hsla(213deg,11%,69%,.25)
6641
+ background-color: hsla(213,11%,69%,.25)
6990
6642
  }
6991
6643
  .Form-select:-moz-focusring {
6992
6644
  color: transparent;
@@ -7090,10 +6742,10 @@ textarea.Form-control-lg {
7090
6742
  pointer-events: none
7091
6743
  }
7092
6744
  .Form-range:disabled::-webkit-slider-thumb {
7093
- background-color: hsl(213deg,11%,69%)
6745
+ background-color: #a7afb8
7094
6746
  }
7095
6747
  .Form-range:disabled::-moz-range-thumb {
7096
- background-color: hsl(213deg,11%,69%)
6748
+ background-color: #a7afb8
7097
6749
  }
7098
6750
  .Input-group {
7099
6751
  position: relative;
@@ -8892,7 +8544,7 @@ textarea.Form-control-lg {
8892
8544
  color: hsla(354deg,66%,54%,var(--ls-text-alpha,1))!important
8893
8545
  }
8894
8546
  .Fg-muted {
8895
- color: hsl(213deg,11%,69%)!important
8547
+ color: #a7afb8!important
8896
8548
  }
8897
8549
  .Fg-reset {
8898
8550
  color: inherit!important