@nuvoui/core 1.3.5 → 1.4.1

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 (65) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -1
  3. package/dist/nuvoui.css +878 -646
  4. package/dist/nuvoui.css.map +1 -1
  5. package/dist/nuvoui.min.css +23 -1
  6. package/dist/nuvoui.min.css.map +1 -1
  7. package/package.json +1 -1
  8. package/src/styles/base/_base.scss +148 -147
  9. package/src/styles/base/_reset.scss +41 -49
  10. package/src/styles/build.scss +25 -1
  11. package/src/styles/components/_tooltips.scss +271 -0
  12. package/src/styles/config/_borders.scss +15 -0
  13. package/src/styles/config/_breakpoints.scss +11 -0
  14. package/src/styles/config/_colors.scss +192 -0
  15. package/src/styles/config/_constants.scss +1 -0
  16. package/src/styles/config/_container-queries.scss +1 -0
  17. package/src/styles/config/_feature-flags.scss +33 -0
  18. package/src/styles/config/_layouts.scss +13 -0
  19. package/src/styles/config/_shadows.scss +9 -0
  20. package/src/styles/config/_spacing.scss +41 -0
  21. package/src/styles/config/_theme-validation.scss +59 -0
  22. package/src/styles/config/_typography.scss +45 -0
  23. package/src/styles/functions/_breakpoints.scss +15 -0
  24. package/src/styles/functions/_colors.scss +280 -0
  25. package/src/styles/functions/_css-vars.scss +33 -0
  26. package/src/styles/functions/_feature-flags.scss +20 -0
  27. package/src/styles/functions/_math.scss +72 -0
  28. package/src/styles/functions/_strings.scss +68 -0
  29. package/src/styles/functions/_types.scss +104 -0
  30. package/src/styles/functions/_units.scss +83 -0
  31. package/src/styles/index.scss +26 -5
  32. package/src/styles/layouts/_container.scss +28 -27
  33. package/src/styles/layouts/_flex.scss +343 -337
  34. package/src/styles/layouts/_grid.scss +131 -128
  35. package/src/styles/mixins-map.json +486 -479
  36. package/src/styles/mixins-map.scss +1 -1
  37. package/src/styles/themes/_theme.scss +230 -211
  38. package/src/styles/tools/_accessibility.scss +50 -0
  39. package/src/styles/tools/_container-queries.scss +98 -0
  40. package/src/styles/tools/_feature-support.scss +46 -0
  41. package/src/styles/tools/_media-queries.scss +70 -0
  42. package/src/styles/tools/_modern-layout.scss +49 -0
  43. package/src/styles/utilities/_alignment.scss +35 -34
  44. package/src/styles/utilities/_animations.scss +312 -311
  45. package/src/styles/utilities/_backdrop-filters.scss +194 -193
  46. package/src/styles/utilities/_borders.scss +243 -237
  47. package/src/styles/utilities/_colors.scss +16 -136
  48. package/src/styles/utilities/_cursor.scss +10 -10
  49. package/src/styles/utilities/_display.scss +192 -191
  50. package/src/styles/utilities/_helpers.scss +106 -106
  51. package/src/styles/utilities/_opacity.scss +27 -25
  52. package/src/styles/utilities/_position.scss +124 -121
  53. package/src/styles/utilities/_shadows.scss +171 -169
  54. package/src/styles/utilities/_sizing.scss +197 -194
  55. package/src/styles/utilities/_spacing.scss +230 -227
  56. package/src/styles/utilities/_transforms.scss +235 -234
  57. package/src/styles/utilities/_transitions.scss +136 -135
  58. package/src/styles/utilities/_typography.scss +254 -239
  59. package/src/styles/utilities/_z-index.scss +69 -68
  60. package/src/styles/abstracts/_config.scss +0 -254
  61. package/src/styles/abstracts/_functions.scss +0 -626
  62. package/src/styles/themes/refactored_borders.ipynb +0 -37
  63. package/src/styles/utilities/_container-queries.scss +0 -95
  64. package/src/styles/utilities/_media-queries.scss +0 -189
  65. package/src/styles/utilities/_tooltips.scss +0 -258
package/dist/nuvoui.css CHANGED
@@ -1,11 +1,32 @@
1
+ /*!
2
+ * NuvoUI SCSS Framework
3
+ * MIT License
4
+ *
5
+ * Copyright (c) 2025 NuvoUI
6
+ *
7
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
8
+ * of this software and associated documentation files (the "Software"), to deal
9
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ * copies of the Software, and to permit persons to whom the Software is
11
+ * furnished to do so, subject to the following conditions:
12
+ *
13
+ * The above copyright notice and this permission notice shall be included in all
14
+ * copies or substantial portions of the Software.
15
+ *
16
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ * SOFTWARE.
23
+ */
1
24
  *,
2
25
  ::before,
3
26
  ::after,
4
27
  ::backdrop,
5
28
  ::file-selector-button {
6
29
  box-sizing: border-box;
7
- margin: 0;
8
- padding: 0;
9
30
  }
10
31
 
11
32
  body,
@@ -89,15 +110,11 @@ select:disabled {
89
110
  ul[role=list],
90
111
  ol[role=list] {
91
112
  list-style: none;
92
- margin: 0;
93
- padding: 0;
94
113
  padding-inline-start: 0;
95
114
  margin-block: 0;
96
115
  }
97
116
  ul[role=list] > li,
98
117
  ol[role=list] > li {
99
- margin: 0;
100
- padding: 0;
101
118
  margin-block: 0;
102
119
  }
103
120
 
@@ -130,7 +147,7 @@ textarea:not([rows]) {
130
147
  }
131
148
 
132
149
  html {
133
- font-size: 16px;
150
+ font-size: 1rem;
134
151
  }
135
152
 
136
153
  body {
@@ -572,72 +589,96 @@ code {
572
589
  }
573
590
  .flex > .fill-1, .flex\@xs > .fill-1, .flex\@sm > .fill-1, .flex\@md > .fill-1, .flex\@lg > .fill-1, .flex\@xl > .fill-1, .flex\@2xl > .fill-1 {
574
591
  flex: 0 0 calc((100% - 11 * var(--flex-gap, 0px)) / 12);
592
+ max-width: calc((100% - 11 * var(--flex-gap, 0px)) / 12);
593
+ min-width: 0;
575
594
  }
576
595
  .flex > .order-1, .flex\@xs > .order-1, .flex\@sm > .order-1, .flex\@md > .order-1, .flex\@lg > .order-1, .flex\@xl > .order-1, .flex\@2xl > .order-1 {
577
596
  order: 1;
578
597
  }
579
598
  .flex > .fill-2, .flex\@xs > .fill-2, .flex\@sm > .fill-2, .flex\@md > .fill-2, .flex\@lg > .fill-2, .flex\@xl > .fill-2, .flex\@2xl > .fill-2 {
580
599
  flex: 0 0 calc((100% - 5 * var(--flex-gap, 0px)) / 6);
600
+ max-width: calc((100% - 5 * var(--flex-gap, 0px)) / 6);
601
+ min-width: 0;
581
602
  }
582
603
  .flex > .order-2, .flex\@xs > .order-2, .flex\@sm > .order-2, .flex\@md > .order-2, .flex\@lg > .order-2, .flex\@xl > .order-2, .flex\@2xl > .order-2 {
583
604
  order: 2;
584
605
  }
585
606
  .flex > .fill-3, .flex\@xs > .fill-3, .flex\@sm > .fill-3, .flex\@md > .fill-3, .flex\@lg > .fill-3, .flex\@xl > .fill-3, .flex\@2xl > .fill-3 {
586
607
  flex: 0 0 calc((100% - 3 * var(--flex-gap, 0px)) / 4);
608
+ max-width: calc((100% - 3 * var(--flex-gap, 0px)) / 4);
609
+ min-width: 0;
587
610
  }
588
611
  .flex > .order-3, .flex\@xs > .order-3, .flex\@sm > .order-3, .flex\@md > .order-3, .flex\@lg > .order-3, .flex\@xl > .order-3, .flex\@2xl > .order-3 {
589
612
  order: 3;
590
613
  }
591
614
  .flex > .fill-4, .flex\@xs > .fill-4, .flex\@sm > .fill-4, .flex\@md > .fill-4, .flex\@lg > .fill-4, .flex\@xl > .fill-4, .flex\@2xl > .fill-4 {
592
615
  flex: 0 0 calc((100% - 2 * var(--flex-gap, 0px)) / 3);
616
+ max-width: calc((100% - 2 * var(--flex-gap, 0px)) / 3);
617
+ min-width: 0;
593
618
  }
594
619
  .flex > .order-4, .flex\@xs > .order-4, .flex\@sm > .order-4, .flex\@md > .order-4, .flex\@lg > .order-4, .flex\@xl > .order-4, .flex\@2xl > .order-4 {
595
620
  order: 4;
596
621
  }
597
622
  .flex > .fill-5, .flex\@xs > .fill-5, .flex\@sm > .fill-5, .flex\@md > .fill-5, .flex\@lg > .fill-5, .flex\@xl > .fill-5, .flex\@2xl > .fill-5 {
598
623
  flex: 0 0 calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
624
+ max-width: calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
625
+ min-width: 0;
599
626
  }
600
627
  .flex > .order-5, .flex\@xs > .order-5, .flex\@sm > .order-5, .flex\@md > .order-5, .flex\@lg > .order-5, .flex\@xl > .order-5, .flex\@2xl > .order-5 {
601
628
  order: 5;
602
629
  }
603
630
  .flex > .fill-6, .flex\@xs > .fill-6, .flex\@sm > .fill-6, .flex\@md > .fill-6, .flex\@lg > .fill-6, .flex\@xl > .fill-6, .flex\@2xl > .fill-6 {
604
631
  flex: 0 0 calc((100% - 1 * var(--flex-gap, 0px)) / 2);
632
+ max-width: calc((100% - 1 * var(--flex-gap, 0px)) / 2);
633
+ min-width: 0;
605
634
  }
606
635
  .flex > .order-6, .flex\@xs > .order-6, .flex\@sm > .order-6, .flex\@md > .order-6, .flex\@lg > .order-6, .flex\@xl > .order-6, .flex\@2xl > .order-6 {
607
636
  order: 6;
608
637
  }
609
638
  .flex > .fill-7, .flex\@xs > .fill-7, .flex\@sm > .fill-7, .flex\@md > .fill-7, .flex\@lg > .fill-7, .flex\@xl > .fill-7, .flex\@2xl > .fill-7 {
610
639
  flex: 0 0 calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
640
+ max-width: calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
641
+ min-width: 0;
611
642
  }
612
643
  .flex > .order-7, .flex\@xs > .order-7, .flex\@sm > .order-7, .flex\@md > .order-7, .flex\@lg > .order-7, .flex\@xl > .order-7, .flex\@2xl > .order-7 {
613
644
  order: 7;
614
645
  }
615
646
  .flex > .fill-8, .flex\@xs > .fill-8, .flex\@sm > .fill-8, .flex\@md > .fill-8, .flex\@lg > .fill-8, .flex\@xl > .fill-8, .flex\@2xl > .fill-8 {
616
647
  flex: 0 0 calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
648
+ max-width: calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
649
+ min-width: 0;
617
650
  }
618
651
  .flex > .order-8, .flex\@xs > .order-8, .flex\@sm > .order-8, .flex\@md > .order-8, .flex\@lg > .order-8, .flex\@xl > .order-8, .flex\@2xl > .order-8 {
619
652
  order: 8;
620
653
  }
621
654
  .flex > .fill-9, .flex\@xs > .fill-9, .flex\@sm > .fill-9, .flex\@md > .fill-9, .flex\@lg > .fill-9, .flex\@xl > .fill-9, .flex\@2xl > .fill-9 {
622
655
  flex: 0 0 calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
656
+ max-width: calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
657
+ min-width: 0;
623
658
  }
624
659
  .flex > .order-9, .flex\@xs > .order-9, .flex\@sm > .order-9, .flex\@md > .order-9, .flex\@lg > .order-9, .flex\@xl > .order-9, .flex\@2xl > .order-9 {
625
660
  order: 9;
626
661
  }
627
662
  .flex > .fill-10, .flex\@xs > .fill-10, .flex\@sm > .fill-10, .flex\@md > .fill-10, .flex\@lg > .fill-10, .flex\@xl > .fill-10, .flex\@2xl > .fill-10 {
628
663
  flex: 0 0 calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
664
+ max-width: calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
665
+ min-width: 0;
629
666
  }
630
667
  .flex > .order-10, .flex\@xs > .order-10, .flex\@sm > .order-10, .flex\@md > .order-10, .flex\@lg > .order-10, .flex\@xl > .order-10, .flex\@2xl > .order-10 {
631
668
  order: 10;
632
669
  }
633
670
  .flex > .fill-11, .flex\@xs > .fill-11, .flex\@sm > .fill-11, .flex\@md > .fill-11, .flex\@lg > .fill-11, .flex\@xl > .fill-11, .flex\@2xl > .fill-11 {
634
671
  flex: 0 0 calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
672
+ max-width: calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
673
+ min-width: 0;
635
674
  }
636
675
  .flex > .order-11, .flex\@xs > .order-11, .flex\@sm > .order-11, .flex\@md > .order-11, .flex\@lg > .order-11, .flex\@xl > .order-11, .flex\@2xl > .order-11 {
637
676
  order: 11;
638
677
  }
639
678
  .flex > .fill-12, .flex\@xs > .fill-12, .flex\@sm > .fill-12, .flex\@md > .fill-12, .flex\@lg > .fill-12, .flex\@xl > .fill-12, .flex\@2xl > .fill-12 {
640
679
  flex: 0 0 calc((100% - 0 * var(--flex-gap, 0px)) / 1);
680
+ max-width: calc((100% - 0 * var(--flex-gap, 0px)) / 1);
681
+ min-width: 0;
641
682
  }
642
683
  .flex > .order-12, .flex\@xs > .order-12, .flex\@sm > .order-12, .flex\@md > .order-12, .flex\@lg > .order-12, .flex\@xl > .order-12, .flex\@2xl > .order-12 {
643
684
  order: 12;
@@ -772,72 +813,96 @@ code {
772
813
  }
773
814
  .flex > .fill-1\@xs, .flex\@xs > .fill-1\@xs, .flex\@sm > .fill-1\@xs, .flex\@md > .fill-1\@xs, .flex\@lg > .fill-1\@xs, .flex\@xl > .fill-1\@xs, .flex\@2xl > .fill-1\@xs {
774
815
  flex: 0 0 calc((100% - 11 * var(--flex-gap, 0px)) / 12);
816
+ max-width: calc((100% - 11 * var(--flex-gap, 0px)) / 12);
817
+ min-width: 0;
775
818
  }
776
819
  .flex > .order-1\@xs, .flex\@xs > .order-1\@xs, .flex\@sm > .order-1\@xs, .flex\@md > .order-1\@xs, .flex\@lg > .order-1\@xs, .flex\@xl > .order-1\@xs, .flex\@2xl > .order-1\@xs {
777
820
  order: 1;
778
821
  }
779
822
  .flex > .fill-2\@xs, .flex\@xs > .fill-2\@xs, .flex\@sm > .fill-2\@xs, .flex\@md > .fill-2\@xs, .flex\@lg > .fill-2\@xs, .flex\@xl > .fill-2\@xs, .flex\@2xl > .fill-2\@xs {
780
823
  flex: 0 0 calc((100% - 5 * var(--flex-gap, 0px)) / 6);
824
+ max-width: calc((100% - 5 * var(--flex-gap, 0px)) / 6);
825
+ min-width: 0;
781
826
  }
782
827
  .flex > .order-2\@xs, .flex\@xs > .order-2\@xs, .flex\@sm > .order-2\@xs, .flex\@md > .order-2\@xs, .flex\@lg > .order-2\@xs, .flex\@xl > .order-2\@xs, .flex\@2xl > .order-2\@xs {
783
828
  order: 2;
784
829
  }
785
830
  .flex > .fill-3\@xs, .flex\@xs > .fill-3\@xs, .flex\@sm > .fill-3\@xs, .flex\@md > .fill-3\@xs, .flex\@lg > .fill-3\@xs, .flex\@xl > .fill-3\@xs, .flex\@2xl > .fill-3\@xs {
786
831
  flex: 0 0 calc((100% - 3 * var(--flex-gap, 0px)) / 4);
832
+ max-width: calc((100% - 3 * var(--flex-gap, 0px)) / 4);
833
+ min-width: 0;
787
834
  }
788
835
  .flex > .order-3\@xs, .flex\@xs > .order-3\@xs, .flex\@sm > .order-3\@xs, .flex\@md > .order-3\@xs, .flex\@lg > .order-3\@xs, .flex\@xl > .order-3\@xs, .flex\@2xl > .order-3\@xs {
789
836
  order: 3;
790
837
  }
791
838
  .flex > .fill-4\@xs, .flex\@xs > .fill-4\@xs, .flex\@sm > .fill-4\@xs, .flex\@md > .fill-4\@xs, .flex\@lg > .fill-4\@xs, .flex\@xl > .fill-4\@xs, .flex\@2xl > .fill-4\@xs {
792
839
  flex: 0 0 calc((100% - 2 * var(--flex-gap, 0px)) / 3);
840
+ max-width: calc((100% - 2 * var(--flex-gap, 0px)) / 3);
841
+ min-width: 0;
793
842
  }
794
843
  .flex > .order-4\@xs, .flex\@xs > .order-4\@xs, .flex\@sm > .order-4\@xs, .flex\@md > .order-4\@xs, .flex\@lg > .order-4\@xs, .flex\@xl > .order-4\@xs, .flex\@2xl > .order-4\@xs {
795
844
  order: 4;
796
845
  }
797
846
  .flex > .fill-5\@xs, .flex\@xs > .fill-5\@xs, .flex\@sm > .fill-5\@xs, .flex\@md > .fill-5\@xs, .flex\@lg > .fill-5\@xs, .flex\@xl > .fill-5\@xs, .flex\@2xl > .fill-5\@xs {
798
847
  flex: 0 0 calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
848
+ max-width: calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
849
+ min-width: 0;
799
850
  }
800
851
  .flex > .order-5\@xs, .flex\@xs > .order-5\@xs, .flex\@sm > .order-5\@xs, .flex\@md > .order-5\@xs, .flex\@lg > .order-5\@xs, .flex\@xl > .order-5\@xs, .flex\@2xl > .order-5\@xs {
801
852
  order: 5;
802
853
  }
803
854
  .flex > .fill-6\@xs, .flex\@xs > .fill-6\@xs, .flex\@sm > .fill-6\@xs, .flex\@md > .fill-6\@xs, .flex\@lg > .fill-6\@xs, .flex\@xl > .fill-6\@xs, .flex\@2xl > .fill-6\@xs {
804
855
  flex: 0 0 calc((100% - 1 * var(--flex-gap, 0px)) / 2);
856
+ max-width: calc((100% - 1 * var(--flex-gap, 0px)) / 2);
857
+ min-width: 0;
805
858
  }
806
859
  .flex > .order-6\@xs, .flex\@xs > .order-6\@xs, .flex\@sm > .order-6\@xs, .flex\@md > .order-6\@xs, .flex\@lg > .order-6\@xs, .flex\@xl > .order-6\@xs, .flex\@2xl > .order-6\@xs {
807
860
  order: 6;
808
861
  }
809
862
  .flex > .fill-7\@xs, .flex\@xs > .fill-7\@xs, .flex\@sm > .fill-7\@xs, .flex\@md > .fill-7\@xs, .flex\@lg > .fill-7\@xs, .flex\@xl > .fill-7\@xs, .flex\@2xl > .fill-7\@xs {
810
863
  flex: 0 0 calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
864
+ max-width: calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
865
+ min-width: 0;
811
866
  }
812
867
  .flex > .order-7\@xs, .flex\@xs > .order-7\@xs, .flex\@sm > .order-7\@xs, .flex\@md > .order-7\@xs, .flex\@lg > .order-7\@xs, .flex\@xl > .order-7\@xs, .flex\@2xl > .order-7\@xs {
813
868
  order: 7;
814
869
  }
815
870
  .flex > .fill-8\@xs, .flex\@xs > .fill-8\@xs, .flex\@sm > .fill-8\@xs, .flex\@md > .fill-8\@xs, .flex\@lg > .fill-8\@xs, .flex\@xl > .fill-8\@xs, .flex\@2xl > .fill-8\@xs {
816
871
  flex: 0 0 calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
872
+ max-width: calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
873
+ min-width: 0;
817
874
  }
818
875
  .flex > .order-8\@xs, .flex\@xs > .order-8\@xs, .flex\@sm > .order-8\@xs, .flex\@md > .order-8\@xs, .flex\@lg > .order-8\@xs, .flex\@xl > .order-8\@xs, .flex\@2xl > .order-8\@xs {
819
876
  order: 8;
820
877
  }
821
878
  .flex > .fill-9\@xs, .flex\@xs > .fill-9\@xs, .flex\@sm > .fill-9\@xs, .flex\@md > .fill-9\@xs, .flex\@lg > .fill-9\@xs, .flex\@xl > .fill-9\@xs, .flex\@2xl > .fill-9\@xs {
822
879
  flex: 0 0 calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
880
+ max-width: calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
881
+ min-width: 0;
823
882
  }
824
883
  .flex > .order-9\@xs, .flex\@xs > .order-9\@xs, .flex\@sm > .order-9\@xs, .flex\@md > .order-9\@xs, .flex\@lg > .order-9\@xs, .flex\@xl > .order-9\@xs, .flex\@2xl > .order-9\@xs {
825
884
  order: 9;
826
885
  }
827
886
  .flex > .fill-10\@xs, .flex\@xs > .fill-10\@xs, .flex\@sm > .fill-10\@xs, .flex\@md > .fill-10\@xs, .flex\@lg > .fill-10\@xs, .flex\@xl > .fill-10\@xs, .flex\@2xl > .fill-10\@xs {
828
887
  flex: 0 0 calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
888
+ max-width: calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
889
+ min-width: 0;
829
890
  }
830
891
  .flex > .order-10\@xs, .flex\@xs > .order-10\@xs, .flex\@sm > .order-10\@xs, .flex\@md > .order-10\@xs, .flex\@lg > .order-10\@xs, .flex\@xl > .order-10\@xs, .flex\@2xl > .order-10\@xs {
831
892
  order: 10;
832
893
  }
833
894
  .flex > .fill-11\@xs, .flex\@xs > .fill-11\@xs, .flex\@sm > .fill-11\@xs, .flex\@md > .fill-11\@xs, .flex\@lg > .fill-11\@xs, .flex\@xl > .fill-11\@xs, .flex\@2xl > .fill-11\@xs {
834
895
  flex: 0 0 calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
896
+ max-width: calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
897
+ min-width: 0;
835
898
  }
836
899
  .flex > .order-11\@xs, .flex\@xs > .order-11\@xs, .flex\@sm > .order-11\@xs, .flex\@md > .order-11\@xs, .flex\@lg > .order-11\@xs, .flex\@xl > .order-11\@xs, .flex\@2xl > .order-11\@xs {
837
900
  order: 11;
838
901
  }
839
902
  .flex > .fill-12\@xs, .flex\@xs > .fill-12\@xs, .flex\@sm > .fill-12\@xs, .flex\@md > .fill-12\@xs, .flex\@lg > .fill-12\@xs, .flex\@xl > .fill-12\@xs, .flex\@2xl > .fill-12\@xs {
840
903
  flex: 0 0 calc((100% - 0 * var(--flex-gap, 0px)) / 1);
904
+ max-width: calc((100% - 0 * var(--flex-gap, 0px)) / 1);
905
+ min-width: 0;
841
906
  }
842
907
  .flex > .order-12\@xs, .flex\@xs > .order-12\@xs, .flex\@sm > .order-12\@xs, .flex\@md > .order-12\@xs, .flex\@lg > .order-12\@xs, .flex\@xl > .order-12\@xs, .flex\@2xl > .order-12\@xs {
843
908
  order: 12;
@@ -972,72 +1037,96 @@ code {
972
1037
  }
973
1038
  .flex > .fill-1\@sm, .flex\@xs > .fill-1\@sm, .flex\@sm > .fill-1\@sm, .flex\@md > .fill-1\@sm, .flex\@lg > .fill-1\@sm, .flex\@xl > .fill-1\@sm, .flex\@2xl > .fill-1\@sm {
974
1039
  flex: 0 0 calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1040
+ max-width: calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1041
+ min-width: 0;
975
1042
  }
976
1043
  .flex > .order-1\@sm, .flex\@xs > .order-1\@sm, .flex\@sm > .order-1\@sm, .flex\@md > .order-1\@sm, .flex\@lg > .order-1\@sm, .flex\@xl > .order-1\@sm, .flex\@2xl > .order-1\@sm {
977
1044
  order: 1;
978
1045
  }
979
1046
  .flex > .fill-2\@sm, .flex\@xs > .fill-2\@sm, .flex\@sm > .fill-2\@sm, .flex\@md > .fill-2\@sm, .flex\@lg > .fill-2\@sm, .flex\@xl > .fill-2\@sm, .flex\@2xl > .fill-2\@sm {
980
1047
  flex: 0 0 calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1048
+ max-width: calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1049
+ min-width: 0;
981
1050
  }
982
1051
  .flex > .order-2\@sm, .flex\@xs > .order-2\@sm, .flex\@sm > .order-2\@sm, .flex\@md > .order-2\@sm, .flex\@lg > .order-2\@sm, .flex\@xl > .order-2\@sm, .flex\@2xl > .order-2\@sm {
983
1052
  order: 2;
984
1053
  }
985
1054
  .flex > .fill-3\@sm, .flex\@xs > .fill-3\@sm, .flex\@sm > .fill-3\@sm, .flex\@md > .fill-3\@sm, .flex\@lg > .fill-3\@sm, .flex\@xl > .fill-3\@sm, .flex\@2xl > .fill-3\@sm {
986
1055
  flex: 0 0 calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1056
+ max-width: calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1057
+ min-width: 0;
987
1058
  }
988
1059
  .flex > .order-3\@sm, .flex\@xs > .order-3\@sm, .flex\@sm > .order-3\@sm, .flex\@md > .order-3\@sm, .flex\@lg > .order-3\@sm, .flex\@xl > .order-3\@sm, .flex\@2xl > .order-3\@sm {
989
1060
  order: 3;
990
1061
  }
991
1062
  .flex > .fill-4\@sm, .flex\@xs > .fill-4\@sm, .flex\@sm > .fill-4\@sm, .flex\@md > .fill-4\@sm, .flex\@lg > .fill-4\@sm, .flex\@xl > .fill-4\@sm, .flex\@2xl > .fill-4\@sm {
992
1063
  flex: 0 0 calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1064
+ max-width: calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1065
+ min-width: 0;
993
1066
  }
994
1067
  .flex > .order-4\@sm, .flex\@xs > .order-4\@sm, .flex\@sm > .order-4\@sm, .flex\@md > .order-4\@sm, .flex\@lg > .order-4\@sm, .flex\@xl > .order-4\@sm, .flex\@2xl > .order-4\@sm {
995
1068
  order: 4;
996
1069
  }
997
1070
  .flex > .fill-5\@sm, .flex\@xs > .fill-5\@sm, .flex\@sm > .fill-5\@sm, .flex\@md > .fill-5\@sm, .flex\@lg > .fill-5\@sm, .flex\@xl > .fill-5\@sm, .flex\@2xl > .fill-5\@sm {
998
1071
  flex: 0 0 calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1072
+ max-width: calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1073
+ min-width: 0;
999
1074
  }
1000
1075
  .flex > .order-5\@sm, .flex\@xs > .order-5\@sm, .flex\@sm > .order-5\@sm, .flex\@md > .order-5\@sm, .flex\@lg > .order-5\@sm, .flex\@xl > .order-5\@sm, .flex\@2xl > .order-5\@sm {
1001
1076
  order: 5;
1002
1077
  }
1003
1078
  .flex > .fill-6\@sm, .flex\@xs > .fill-6\@sm, .flex\@sm > .fill-6\@sm, .flex\@md > .fill-6\@sm, .flex\@lg > .fill-6\@sm, .flex\@xl > .fill-6\@sm, .flex\@2xl > .fill-6\@sm {
1004
1079
  flex: 0 0 calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1080
+ max-width: calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1081
+ min-width: 0;
1005
1082
  }
1006
1083
  .flex > .order-6\@sm, .flex\@xs > .order-6\@sm, .flex\@sm > .order-6\@sm, .flex\@md > .order-6\@sm, .flex\@lg > .order-6\@sm, .flex\@xl > .order-6\@sm, .flex\@2xl > .order-6\@sm {
1007
1084
  order: 6;
1008
1085
  }
1009
1086
  .flex > .fill-7\@sm, .flex\@xs > .fill-7\@sm, .flex\@sm > .fill-7\@sm, .flex\@md > .fill-7\@sm, .flex\@lg > .fill-7\@sm, .flex\@xl > .fill-7\@sm, .flex\@2xl > .fill-7\@sm {
1010
1087
  flex: 0 0 calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1088
+ max-width: calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1089
+ min-width: 0;
1011
1090
  }
1012
1091
  .flex > .order-7\@sm, .flex\@xs > .order-7\@sm, .flex\@sm > .order-7\@sm, .flex\@md > .order-7\@sm, .flex\@lg > .order-7\@sm, .flex\@xl > .order-7\@sm, .flex\@2xl > .order-7\@sm {
1013
1092
  order: 7;
1014
1093
  }
1015
1094
  .flex > .fill-8\@sm, .flex\@xs > .fill-8\@sm, .flex\@sm > .fill-8\@sm, .flex\@md > .fill-8\@sm, .flex\@lg > .fill-8\@sm, .flex\@xl > .fill-8\@sm, .flex\@2xl > .fill-8\@sm {
1016
1095
  flex: 0 0 calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1096
+ max-width: calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1097
+ min-width: 0;
1017
1098
  }
1018
1099
  .flex > .order-8\@sm, .flex\@xs > .order-8\@sm, .flex\@sm > .order-8\@sm, .flex\@md > .order-8\@sm, .flex\@lg > .order-8\@sm, .flex\@xl > .order-8\@sm, .flex\@2xl > .order-8\@sm {
1019
1100
  order: 8;
1020
1101
  }
1021
1102
  .flex > .fill-9\@sm, .flex\@xs > .fill-9\@sm, .flex\@sm > .fill-9\@sm, .flex\@md > .fill-9\@sm, .flex\@lg > .fill-9\@sm, .flex\@xl > .fill-9\@sm, .flex\@2xl > .fill-9\@sm {
1022
1103
  flex: 0 0 calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
1104
+ max-width: calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
1105
+ min-width: 0;
1023
1106
  }
1024
1107
  .flex > .order-9\@sm, .flex\@xs > .order-9\@sm, .flex\@sm > .order-9\@sm, .flex\@md > .order-9\@sm, .flex\@lg > .order-9\@sm, .flex\@xl > .order-9\@sm, .flex\@2xl > .order-9\@sm {
1025
1108
  order: 9;
1026
1109
  }
1027
1110
  .flex > .fill-10\@sm, .flex\@xs > .fill-10\@sm, .flex\@sm > .fill-10\@sm, .flex\@md > .fill-10\@sm, .flex\@lg > .fill-10\@sm, .flex\@xl > .fill-10\@sm, .flex\@2xl > .fill-10\@sm {
1028
1111
  flex: 0 0 calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
1112
+ max-width: calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
1113
+ min-width: 0;
1029
1114
  }
1030
1115
  .flex > .order-10\@sm, .flex\@xs > .order-10\@sm, .flex\@sm > .order-10\@sm, .flex\@md > .order-10\@sm, .flex\@lg > .order-10\@sm, .flex\@xl > .order-10\@sm, .flex\@2xl > .order-10\@sm {
1031
1116
  order: 10;
1032
1117
  }
1033
1118
  .flex > .fill-11\@sm, .flex\@xs > .fill-11\@sm, .flex\@sm > .fill-11\@sm, .flex\@md > .fill-11\@sm, .flex\@lg > .fill-11\@sm, .flex\@xl > .fill-11\@sm, .flex\@2xl > .fill-11\@sm {
1034
1119
  flex: 0 0 calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
1120
+ max-width: calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
1121
+ min-width: 0;
1035
1122
  }
1036
1123
  .flex > .order-11\@sm, .flex\@xs > .order-11\@sm, .flex\@sm > .order-11\@sm, .flex\@md > .order-11\@sm, .flex\@lg > .order-11\@sm, .flex\@xl > .order-11\@sm, .flex\@2xl > .order-11\@sm {
1037
1124
  order: 11;
1038
1125
  }
1039
1126
  .flex > .fill-12\@sm, .flex\@xs > .fill-12\@sm, .flex\@sm > .fill-12\@sm, .flex\@md > .fill-12\@sm, .flex\@lg > .fill-12\@sm, .flex\@xl > .fill-12\@sm, .flex\@2xl > .fill-12\@sm {
1040
1127
  flex: 0 0 calc((100% - 0 * var(--flex-gap, 0px)) / 1);
1128
+ max-width: calc((100% - 0 * var(--flex-gap, 0px)) / 1);
1129
+ min-width: 0;
1041
1130
  }
1042
1131
  .flex > .order-12\@sm, .flex\@xs > .order-12\@sm, .flex\@sm > .order-12\@sm, .flex\@md > .order-12\@sm, .flex\@lg > .order-12\@sm, .flex\@xl > .order-12\@sm, .flex\@2xl > .order-12\@sm {
1043
1132
  order: 12;
@@ -1172,72 +1261,96 @@ code {
1172
1261
  }
1173
1262
  .flex > .fill-1\@md, .flex\@xs > .fill-1\@md, .flex\@sm > .fill-1\@md, .flex\@md > .fill-1\@md, .flex\@lg > .fill-1\@md, .flex\@xl > .fill-1\@md, .flex\@2xl > .fill-1\@md {
1174
1263
  flex: 0 0 calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1264
+ max-width: calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1265
+ min-width: 0;
1175
1266
  }
1176
1267
  .flex > .order-1\@md, .flex\@xs > .order-1\@md, .flex\@sm > .order-1\@md, .flex\@md > .order-1\@md, .flex\@lg > .order-1\@md, .flex\@xl > .order-1\@md, .flex\@2xl > .order-1\@md {
1177
1268
  order: 1;
1178
1269
  }
1179
1270
  .flex > .fill-2\@md, .flex\@xs > .fill-2\@md, .flex\@sm > .fill-2\@md, .flex\@md > .fill-2\@md, .flex\@lg > .fill-2\@md, .flex\@xl > .fill-2\@md, .flex\@2xl > .fill-2\@md {
1180
1271
  flex: 0 0 calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1272
+ max-width: calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1273
+ min-width: 0;
1181
1274
  }
1182
1275
  .flex > .order-2\@md, .flex\@xs > .order-2\@md, .flex\@sm > .order-2\@md, .flex\@md > .order-2\@md, .flex\@lg > .order-2\@md, .flex\@xl > .order-2\@md, .flex\@2xl > .order-2\@md {
1183
1276
  order: 2;
1184
1277
  }
1185
1278
  .flex > .fill-3\@md, .flex\@xs > .fill-3\@md, .flex\@sm > .fill-3\@md, .flex\@md > .fill-3\@md, .flex\@lg > .fill-3\@md, .flex\@xl > .fill-3\@md, .flex\@2xl > .fill-3\@md {
1186
1279
  flex: 0 0 calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1280
+ max-width: calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1281
+ min-width: 0;
1187
1282
  }
1188
1283
  .flex > .order-3\@md, .flex\@xs > .order-3\@md, .flex\@sm > .order-3\@md, .flex\@md > .order-3\@md, .flex\@lg > .order-3\@md, .flex\@xl > .order-3\@md, .flex\@2xl > .order-3\@md {
1189
1284
  order: 3;
1190
1285
  }
1191
1286
  .flex > .fill-4\@md, .flex\@xs > .fill-4\@md, .flex\@sm > .fill-4\@md, .flex\@md > .fill-4\@md, .flex\@lg > .fill-4\@md, .flex\@xl > .fill-4\@md, .flex\@2xl > .fill-4\@md {
1192
1287
  flex: 0 0 calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1288
+ max-width: calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1289
+ min-width: 0;
1193
1290
  }
1194
1291
  .flex > .order-4\@md, .flex\@xs > .order-4\@md, .flex\@sm > .order-4\@md, .flex\@md > .order-4\@md, .flex\@lg > .order-4\@md, .flex\@xl > .order-4\@md, .flex\@2xl > .order-4\@md {
1195
1292
  order: 4;
1196
1293
  }
1197
1294
  .flex > .fill-5\@md, .flex\@xs > .fill-5\@md, .flex\@sm > .fill-5\@md, .flex\@md > .fill-5\@md, .flex\@lg > .fill-5\@md, .flex\@xl > .fill-5\@md, .flex\@2xl > .fill-5\@md {
1198
1295
  flex: 0 0 calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1296
+ max-width: calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1297
+ min-width: 0;
1199
1298
  }
1200
1299
  .flex > .order-5\@md, .flex\@xs > .order-5\@md, .flex\@sm > .order-5\@md, .flex\@md > .order-5\@md, .flex\@lg > .order-5\@md, .flex\@xl > .order-5\@md, .flex\@2xl > .order-5\@md {
1201
1300
  order: 5;
1202
1301
  }
1203
1302
  .flex > .fill-6\@md, .flex\@xs > .fill-6\@md, .flex\@sm > .fill-6\@md, .flex\@md > .fill-6\@md, .flex\@lg > .fill-6\@md, .flex\@xl > .fill-6\@md, .flex\@2xl > .fill-6\@md {
1204
1303
  flex: 0 0 calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1304
+ max-width: calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1305
+ min-width: 0;
1205
1306
  }
1206
1307
  .flex > .order-6\@md, .flex\@xs > .order-6\@md, .flex\@sm > .order-6\@md, .flex\@md > .order-6\@md, .flex\@lg > .order-6\@md, .flex\@xl > .order-6\@md, .flex\@2xl > .order-6\@md {
1207
1308
  order: 6;
1208
1309
  }
1209
1310
  .flex > .fill-7\@md, .flex\@xs > .fill-7\@md, .flex\@sm > .fill-7\@md, .flex\@md > .fill-7\@md, .flex\@lg > .fill-7\@md, .flex\@xl > .fill-7\@md, .flex\@2xl > .fill-7\@md {
1210
1311
  flex: 0 0 calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1312
+ max-width: calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1313
+ min-width: 0;
1211
1314
  }
1212
1315
  .flex > .order-7\@md, .flex\@xs > .order-7\@md, .flex\@sm > .order-7\@md, .flex\@md > .order-7\@md, .flex\@lg > .order-7\@md, .flex\@xl > .order-7\@md, .flex\@2xl > .order-7\@md {
1213
1316
  order: 7;
1214
1317
  }
1215
1318
  .flex > .fill-8\@md, .flex\@xs > .fill-8\@md, .flex\@sm > .fill-8\@md, .flex\@md > .fill-8\@md, .flex\@lg > .fill-8\@md, .flex\@xl > .fill-8\@md, .flex\@2xl > .fill-8\@md {
1216
1319
  flex: 0 0 calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1320
+ max-width: calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1321
+ min-width: 0;
1217
1322
  }
1218
1323
  .flex > .order-8\@md, .flex\@xs > .order-8\@md, .flex\@sm > .order-8\@md, .flex\@md > .order-8\@md, .flex\@lg > .order-8\@md, .flex\@xl > .order-8\@md, .flex\@2xl > .order-8\@md {
1219
1324
  order: 8;
1220
1325
  }
1221
1326
  .flex > .fill-9\@md, .flex\@xs > .fill-9\@md, .flex\@sm > .fill-9\@md, .flex\@md > .fill-9\@md, .flex\@lg > .fill-9\@md, .flex\@xl > .fill-9\@md, .flex\@2xl > .fill-9\@md {
1222
1327
  flex: 0 0 calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
1328
+ max-width: calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
1329
+ min-width: 0;
1223
1330
  }
1224
1331
  .flex > .order-9\@md, .flex\@xs > .order-9\@md, .flex\@sm > .order-9\@md, .flex\@md > .order-9\@md, .flex\@lg > .order-9\@md, .flex\@xl > .order-9\@md, .flex\@2xl > .order-9\@md {
1225
1332
  order: 9;
1226
1333
  }
1227
1334
  .flex > .fill-10\@md, .flex\@xs > .fill-10\@md, .flex\@sm > .fill-10\@md, .flex\@md > .fill-10\@md, .flex\@lg > .fill-10\@md, .flex\@xl > .fill-10\@md, .flex\@2xl > .fill-10\@md {
1228
1335
  flex: 0 0 calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
1336
+ max-width: calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
1337
+ min-width: 0;
1229
1338
  }
1230
1339
  .flex > .order-10\@md, .flex\@xs > .order-10\@md, .flex\@sm > .order-10\@md, .flex\@md > .order-10\@md, .flex\@lg > .order-10\@md, .flex\@xl > .order-10\@md, .flex\@2xl > .order-10\@md {
1231
1340
  order: 10;
1232
1341
  }
1233
1342
  .flex > .fill-11\@md, .flex\@xs > .fill-11\@md, .flex\@sm > .fill-11\@md, .flex\@md > .fill-11\@md, .flex\@lg > .fill-11\@md, .flex\@xl > .fill-11\@md, .flex\@2xl > .fill-11\@md {
1234
1343
  flex: 0 0 calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
1344
+ max-width: calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
1345
+ min-width: 0;
1235
1346
  }
1236
1347
  .flex > .order-11\@md, .flex\@xs > .order-11\@md, .flex\@sm > .order-11\@md, .flex\@md > .order-11\@md, .flex\@lg > .order-11\@md, .flex\@xl > .order-11\@md, .flex\@2xl > .order-11\@md {
1237
1348
  order: 11;
1238
1349
  }
1239
1350
  .flex > .fill-12\@md, .flex\@xs > .fill-12\@md, .flex\@sm > .fill-12\@md, .flex\@md > .fill-12\@md, .flex\@lg > .fill-12\@md, .flex\@xl > .fill-12\@md, .flex\@2xl > .fill-12\@md {
1240
1351
  flex: 0 0 calc((100% - 0 * var(--flex-gap, 0px)) / 1);
1352
+ max-width: calc((100% - 0 * var(--flex-gap, 0px)) / 1);
1353
+ min-width: 0;
1241
1354
  }
1242
1355
  .flex > .order-12\@md, .flex\@xs > .order-12\@md, .flex\@sm > .order-12\@md, .flex\@md > .order-12\@md, .flex\@lg > .order-12\@md, .flex\@xl > .order-12\@md, .flex\@2xl > .order-12\@md {
1243
1356
  order: 12;
@@ -1372,72 +1485,96 @@ code {
1372
1485
  }
1373
1486
  .flex > .fill-1\@lg, .flex\@xs > .fill-1\@lg, .flex\@sm > .fill-1\@lg, .flex\@md > .fill-1\@lg, .flex\@lg > .fill-1\@lg, .flex\@xl > .fill-1\@lg, .flex\@2xl > .fill-1\@lg {
1374
1487
  flex: 0 0 calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1488
+ max-width: calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1489
+ min-width: 0;
1375
1490
  }
1376
1491
  .flex > .order-1\@lg, .flex\@xs > .order-1\@lg, .flex\@sm > .order-1\@lg, .flex\@md > .order-1\@lg, .flex\@lg > .order-1\@lg, .flex\@xl > .order-1\@lg, .flex\@2xl > .order-1\@lg {
1377
1492
  order: 1;
1378
1493
  }
1379
1494
  .flex > .fill-2\@lg, .flex\@xs > .fill-2\@lg, .flex\@sm > .fill-2\@lg, .flex\@md > .fill-2\@lg, .flex\@lg > .fill-2\@lg, .flex\@xl > .fill-2\@lg, .flex\@2xl > .fill-2\@lg {
1380
1495
  flex: 0 0 calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1496
+ max-width: calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1497
+ min-width: 0;
1381
1498
  }
1382
1499
  .flex > .order-2\@lg, .flex\@xs > .order-2\@lg, .flex\@sm > .order-2\@lg, .flex\@md > .order-2\@lg, .flex\@lg > .order-2\@lg, .flex\@xl > .order-2\@lg, .flex\@2xl > .order-2\@lg {
1383
1500
  order: 2;
1384
1501
  }
1385
1502
  .flex > .fill-3\@lg, .flex\@xs > .fill-3\@lg, .flex\@sm > .fill-3\@lg, .flex\@md > .fill-3\@lg, .flex\@lg > .fill-3\@lg, .flex\@xl > .fill-3\@lg, .flex\@2xl > .fill-3\@lg {
1386
1503
  flex: 0 0 calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1504
+ max-width: calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1505
+ min-width: 0;
1387
1506
  }
1388
1507
  .flex > .order-3\@lg, .flex\@xs > .order-3\@lg, .flex\@sm > .order-3\@lg, .flex\@md > .order-3\@lg, .flex\@lg > .order-3\@lg, .flex\@xl > .order-3\@lg, .flex\@2xl > .order-3\@lg {
1389
1508
  order: 3;
1390
1509
  }
1391
1510
  .flex > .fill-4\@lg, .flex\@xs > .fill-4\@lg, .flex\@sm > .fill-4\@lg, .flex\@md > .fill-4\@lg, .flex\@lg > .fill-4\@lg, .flex\@xl > .fill-4\@lg, .flex\@2xl > .fill-4\@lg {
1392
1511
  flex: 0 0 calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1512
+ max-width: calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1513
+ min-width: 0;
1393
1514
  }
1394
1515
  .flex > .order-4\@lg, .flex\@xs > .order-4\@lg, .flex\@sm > .order-4\@lg, .flex\@md > .order-4\@lg, .flex\@lg > .order-4\@lg, .flex\@xl > .order-4\@lg, .flex\@2xl > .order-4\@lg {
1395
1516
  order: 4;
1396
1517
  }
1397
1518
  .flex > .fill-5\@lg, .flex\@xs > .fill-5\@lg, .flex\@sm > .fill-5\@lg, .flex\@md > .fill-5\@lg, .flex\@lg > .fill-5\@lg, .flex\@xl > .fill-5\@lg, .flex\@2xl > .fill-5\@lg {
1398
1519
  flex: 0 0 calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1520
+ max-width: calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1521
+ min-width: 0;
1399
1522
  }
1400
1523
  .flex > .order-5\@lg, .flex\@xs > .order-5\@lg, .flex\@sm > .order-5\@lg, .flex\@md > .order-5\@lg, .flex\@lg > .order-5\@lg, .flex\@xl > .order-5\@lg, .flex\@2xl > .order-5\@lg {
1401
1524
  order: 5;
1402
1525
  }
1403
1526
  .flex > .fill-6\@lg, .flex\@xs > .fill-6\@lg, .flex\@sm > .fill-6\@lg, .flex\@md > .fill-6\@lg, .flex\@lg > .fill-6\@lg, .flex\@xl > .fill-6\@lg, .flex\@2xl > .fill-6\@lg {
1404
1527
  flex: 0 0 calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1528
+ max-width: calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1529
+ min-width: 0;
1405
1530
  }
1406
1531
  .flex > .order-6\@lg, .flex\@xs > .order-6\@lg, .flex\@sm > .order-6\@lg, .flex\@md > .order-6\@lg, .flex\@lg > .order-6\@lg, .flex\@xl > .order-6\@lg, .flex\@2xl > .order-6\@lg {
1407
1532
  order: 6;
1408
1533
  }
1409
1534
  .flex > .fill-7\@lg, .flex\@xs > .fill-7\@lg, .flex\@sm > .fill-7\@lg, .flex\@md > .fill-7\@lg, .flex\@lg > .fill-7\@lg, .flex\@xl > .fill-7\@lg, .flex\@2xl > .fill-7\@lg {
1410
1535
  flex: 0 0 calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1536
+ max-width: calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1537
+ min-width: 0;
1411
1538
  }
1412
1539
  .flex > .order-7\@lg, .flex\@xs > .order-7\@lg, .flex\@sm > .order-7\@lg, .flex\@md > .order-7\@lg, .flex\@lg > .order-7\@lg, .flex\@xl > .order-7\@lg, .flex\@2xl > .order-7\@lg {
1413
1540
  order: 7;
1414
1541
  }
1415
1542
  .flex > .fill-8\@lg, .flex\@xs > .fill-8\@lg, .flex\@sm > .fill-8\@lg, .flex\@md > .fill-8\@lg, .flex\@lg > .fill-8\@lg, .flex\@xl > .fill-8\@lg, .flex\@2xl > .fill-8\@lg {
1416
1543
  flex: 0 0 calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1544
+ max-width: calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1545
+ min-width: 0;
1417
1546
  }
1418
1547
  .flex > .order-8\@lg, .flex\@xs > .order-8\@lg, .flex\@sm > .order-8\@lg, .flex\@md > .order-8\@lg, .flex\@lg > .order-8\@lg, .flex\@xl > .order-8\@lg, .flex\@2xl > .order-8\@lg {
1419
1548
  order: 8;
1420
1549
  }
1421
1550
  .flex > .fill-9\@lg, .flex\@xs > .fill-9\@lg, .flex\@sm > .fill-9\@lg, .flex\@md > .fill-9\@lg, .flex\@lg > .fill-9\@lg, .flex\@xl > .fill-9\@lg, .flex\@2xl > .fill-9\@lg {
1422
1551
  flex: 0 0 calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
1552
+ max-width: calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
1553
+ min-width: 0;
1423
1554
  }
1424
1555
  .flex > .order-9\@lg, .flex\@xs > .order-9\@lg, .flex\@sm > .order-9\@lg, .flex\@md > .order-9\@lg, .flex\@lg > .order-9\@lg, .flex\@xl > .order-9\@lg, .flex\@2xl > .order-9\@lg {
1425
1556
  order: 9;
1426
1557
  }
1427
1558
  .flex > .fill-10\@lg, .flex\@xs > .fill-10\@lg, .flex\@sm > .fill-10\@lg, .flex\@md > .fill-10\@lg, .flex\@lg > .fill-10\@lg, .flex\@xl > .fill-10\@lg, .flex\@2xl > .fill-10\@lg {
1428
1559
  flex: 0 0 calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
1560
+ max-width: calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
1561
+ min-width: 0;
1429
1562
  }
1430
1563
  .flex > .order-10\@lg, .flex\@xs > .order-10\@lg, .flex\@sm > .order-10\@lg, .flex\@md > .order-10\@lg, .flex\@lg > .order-10\@lg, .flex\@xl > .order-10\@lg, .flex\@2xl > .order-10\@lg {
1431
1564
  order: 10;
1432
1565
  }
1433
1566
  .flex > .fill-11\@lg, .flex\@xs > .fill-11\@lg, .flex\@sm > .fill-11\@lg, .flex\@md > .fill-11\@lg, .flex\@lg > .fill-11\@lg, .flex\@xl > .fill-11\@lg, .flex\@2xl > .fill-11\@lg {
1434
1567
  flex: 0 0 calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
1568
+ max-width: calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
1569
+ min-width: 0;
1435
1570
  }
1436
1571
  .flex > .order-11\@lg, .flex\@xs > .order-11\@lg, .flex\@sm > .order-11\@lg, .flex\@md > .order-11\@lg, .flex\@lg > .order-11\@lg, .flex\@xl > .order-11\@lg, .flex\@2xl > .order-11\@lg {
1437
1572
  order: 11;
1438
1573
  }
1439
1574
  .flex > .fill-12\@lg, .flex\@xs > .fill-12\@lg, .flex\@sm > .fill-12\@lg, .flex\@md > .fill-12\@lg, .flex\@lg > .fill-12\@lg, .flex\@xl > .fill-12\@lg, .flex\@2xl > .fill-12\@lg {
1440
1575
  flex: 0 0 calc((100% - 0 * var(--flex-gap, 0px)) / 1);
1576
+ max-width: calc((100% - 0 * var(--flex-gap, 0px)) / 1);
1577
+ min-width: 0;
1441
1578
  }
1442
1579
  .flex > .order-12\@lg, .flex\@xs > .order-12\@lg, .flex\@sm > .order-12\@lg, .flex\@md > .order-12\@lg, .flex\@lg > .order-12\@lg, .flex\@xl > .order-12\@lg, .flex\@2xl > .order-12\@lg {
1443
1580
  order: 12;
@@ -1572,72 +1709,96 @@ code {
1572
1709
  }
1573
1710
  .flex > .fill-1\@xl, .flex\@xs > .fill-1\@xl, .flex\@sm > .fill-1\@xl, .flex\@md > .fill-1\@xl, .flex\@lg > .fill-1\@xl, .flex\@xl > .fill-1\@xl, .flex\@2xl > .fill-1\@xl {
1574
1711
  flex: 0 0 calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1712
+ max-width: calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1713
+ min-width: 0;
1575
1714
  }
1576
1715
  .flex > .order-1\@xl, .flex\@xs > .order-1\@xl, .flex\@sm > .order-1\@xl, .flex\@md > .order-1\@xl, .flex\@lg > .order-1\@xl, .flex\@xl > .order-1\@xl, .flex\@2xl > .order-1\@xl {
1577
1716
  order: 1;
1578
1717
  }
1579
1718
  .flex > .fill-2\@xl, .flex\@xs > .fill-2\@xl, .flex\@sm > .fill-2\@xl, .flex\@md > .fill-2\@xl, .flex\@lg > .fill-2\@xl, .flex\@xl > .fill-2\@xl, .flex\@2xl > .fill-2\@xl {
1580
1719
  flex: 0 0 calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1720
+ max-width: calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1721
+ min-width: 0;
1581
1722
  }
1582
1723
  .flex > .order-2\@xl, .flex\@xs > .order-2\@xl, .flex\@sm > .order-2\@xl, .flex\@md > .order-2\@xl, .flex\@lg > .order-2\@xl, .flex\@xl > .order-2\@xl, .flex\@2xl > .order-2\@xl {
1583
1724
  order: 2;
1584
1725
  }
1585
1726
  .flex > .fill-3\@xl, .flex\@xs > .fill-3\@xl, .flex\@sm > .fill-3\@xl, .flex\@md > .fill-3\@xl, .flex\@lg > .fill-3\@xl, .flex\@xl > .fill-3\@xl, .flex\@2xl > .fill-3\@xl {
1586
1727
  flex: 0 0 calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1728
+ max-width: calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1729
+ min-width: 0;
1587
1730
  }
1588
1731
  .flex > .order-3\@xl, .flex\@xs > .order-3\@xl, .flex\@sm > .order-3\@xl, .flex\@md > .order-3\@xl, .flex\@lg > .order-3\@xl, .flex\@xl > .order-3\@xl, .flex\@2xl > .order-3\@xl {
1589
1732
  order: 3;
1590
1733
  }
1591
1734
  .flex > .fill-4\@xl, .flex\@xs > .fill-4\@xl, .flex\@sm > .fill-4\@xl, .flex\@md > .fill-4\@xl, .flex\@lg > .fill-4\@xl, .flex\@xl > .fill-4\@xl, .flex\@2xl > .fill-4\@xl {
1592
1735
  flex: 0 0 calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1736
+ max-width: calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1737
+ min-width: 0;
1593
1738
  }
1594
1739
  .flex > .order-4\@xl, .flex\@xs > .order-4\@xl, .flex\@sm > .order-4\@xl, .flex\@md > .order-4\@xl, .flex\@lg > .order-4\@xl, .flex\@xl > .order-4\@xl, .flex\@2xl > .order-4\@xl {
1595
1740
  order: 4;
1596
1741
  }
1597
1742
  .flex > .fill-5\@xl, .flex\@xs > .fill-5\@xl, .flex\@sm > .fill-5\@xl, .flex\@md > .fill-5\@xl, .flex\@lg > .fill-5\@xl, .flex\@xl > .fill-5\@xl, .flex\@2xl > .fill-5\@xl {
1598
1743
  flex: 0 0 calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1744
+ max-width: calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1745
+ min-width: 0;
1599
1746
  }
1600
1747
  .flex > .order-5\@xl, .flex\@xs > .order-5\@xl, .flex\@sm > .order-5\@xl, .flex\@md > .order-5\@xl, .flex\@lg > .order-5\@xl, .flex\@xl > .order-5\@xl, .flex\@2xl > .order-5\@xl {
1601
1748
  order: 5;
1602
1749
  }
1603
1750
  .flex > .fill-6\@xl, .flex\@xs > .fill-6\@xl, .flex\@sm > .fill-6\@xl, .flex\@md > .fill-6\@xl, .flex\@lg > .fill-6\@xl, .flex\@xl > .fill-6\@xl, .flex\@2xl > .fill-6\@xl {
1604
1751
  flex: 0 0 calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1752
+ max-width: calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1753
+ min-width: 0;
1605
1754
  }
1606
1755
  .flex > .order-6\@xl, .flex\@xs > .order-6\@xl, .flex\@sm > .order-6\@xl, .flex\@md > .order-6\@xl, .flex\@lg > .order-6\@xl, .flex\@xl > .order-6\@xl, .flex\@2xl > .order-6\@xl {
1607
1756
  order: 6;
1608
1757
  }
1609
1758
  .flex > .fill-7\@xl, .flex\@xs > .fill-7\@xl, .flex\@sm > .fill-7\@xl, .flex\@md > .fill-7\@xl, .flex\@lg > .fill-7\@xl, .flex\@xl > .fill-7\@xl, .flex\@2xl > .fill-7\@xl {
1610
1759
  flex: 0 0 calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1760
+ max-width: calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1761
+ min-width: 0;
1611
1762
  }
1612
1763
  .flex > .order-7\@xl, .flex\@xs > .order-7\@xl, .flex\@sm > .order-7\@xl, .flex\@md > .order-7\@xl, .flex\@lg > .order-7\@xl, .flex\@xl > .order-7\@xl, .flex\@2xl > .order-7\@xl {
1613
1764
  order: 7;
1614
1765
  }
1615
1766
  .flex > .fill-8\@xl, .flex\@xs > .fill-8\@xl, .flex\@sm > .fill-8\@xl, .flex\@md > .fill-8\@xl, .flex\@lg > .fill-8\@xl, .flex\@xl > .fill-8\@xl, .flex\@2xl > .fill-8\@xl {
1616
1767
  flex: 0 0 calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1768
+ max-width: calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1769
+ min-width: 0;
1617
1770
  }
1618
1771
  .flex > .order-8\@xl, .flex\@xs > .order-8\@xl, .flex\@sm > .order-8\@xl, .flex\@md > .order-8\@xl, .flex\@lg > .order-8\@xl, .flex\@xl > .order-8\@xl, .flex\@2xl > .order-8\@xl {
1619
1772
  order: 8;
1620
1773
  }
1621
1774
  .flex > .fill-9\@xl, .flex\@xs > .fill-9\@xl, .flex\@sm > .fill-9\@xl, .flex\@md > .fill-9\@xl, .flex\@lg > .fill-9\@xl, .flex\@xl > .fill-9\@xl, .flex\@2xl > .fill-9\@xl {
1622
1775
  flex: 0 0 calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
1776
+ max-width: calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
1777
+ min-width: 0;
1623
1778
  }
1624
1779
  .flex > .order-9\@xl, .flex\@xs > .order-9\@xl, .flex\@sm > .order-9\@xl, .flex\@md > .order-9\@xl, .flex\@lg > .order-9\@xl, .flex\@xl > .order-9\@xl, .flex\@2xl > .order-9\@xl {
1625
1780
  order: 9;
1626
1781
  }
1627
1782
  .flex > .fill-10\@xl, .flex\@xs > .fill-10\@xl, .flex\@sm > .fill-10\@xl, .flex\@md > .fill-10\@xl, .flex\@lg > .fill-10\@xl, .flex\@xl > .fill-10\@xl, .flex\@2xl > .fill-10\@xl {
1628
1783
  flex: 0 0 calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
1784
+ max-width: calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
1785
+ min-width: 0;
1629
1786
  }
1630
1787
  .flex > .order-10\@xl, .flex\@xs > .order-10\@xl, .flex\@sm > .order-10\@xl, .flex\@md > .order-10\@xl, .flex\@lg > .order-10\@xl, .flex\@xl > .order-10\@xl, .flex\@2xl > .order-10\@xl {
1631
1788
  order: 10;
1632
1789
  }
1633
1790
  .flex > .fill-11\@xl, .flex\@xs > .fill-11\@xl, .flex\@sm > .fill-11\@xl, .flex\@md > .fill-11\@xl, .flex\@lg > .fill-11\@xl, .flex\@xl > .fill-11\@xl, .flex\@2xl > .fill-11\@xl {
1634
1791
  flex: 0 0 calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
1792
+ max-width: calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
1793
+ min-width: 0;
1635
1794
  }
1636
1795
  .flex > .order-11\@xl, .flex\@xs > .order-11\@xl, .flex\@sm > .order-11\@xl, .flex\@md > .order-11\@xl, .flex\@lg > .order-11\@xl, .flex\@xl > .order-11\@xl, .flex\@2xl > .order-11\@xl {
1637
1796
  order: 11;
1638
1797
  }
1639
1798
  .flex > .fill-12\@xl, .flex\@xs > .fill-12\@xl, .flex\@sm > .fill-12\@xl, .flex\@md > .fill-12\@xl, .flex\@lg > .fill-12\@xl, .flex\@xl > .fill-12\@xl, .flex\@2xl > .fill-12\@xl {
1640
1799
  flex: 0 0 calc((100% - 0 * var(--flex-gap, 0px)) / 1);
1800
+ max-width: calc((100% - 0 * var(--flex-gap, 0px)) / 1);
1801
+ min-width: 0;
1641
1802
  }
1642
1803
  .flex > .order-12\@xl, .flex\@xs > .order-12\@xl, .flex\@sm > .order-12\@xl, .flex\@md > .order-12\@xl, .flex\@lg > .order-12\@xl, .flex\@xl > .order-12\@xl, .flex\@2xl > .order-12\@xl {
1643
1804
  order: 12;
@@ -1772,72 +1933,96 @@ code {
1772
1933
  }
1773
1934
  .flex > .fill-1\@2xl, .flex\@xs > .fill-1\@2xl, .flex\@sm > .fill-1\@2xl, .flex\@md > .fill-1\@2xl, .flex\@lg > .fill-1\@2xl, .flex\@xl > .fill-1\@2xl, .flex\@2xl > .fill-1\@2xl {
1774
1935
  flex: 0 0 calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1936
+ max-width: calc((100% - 11 * var(--flex-gap, 0px)) / 12);
1937
+ min-width: 0;
1775
1938
  }
1776
1939
  .flex > .order-1\@2xl, .flex\@xs > .order-1\@2xl, .flex\@sm > .order-1\@2xl, .flex\@md > .order-1\@2xl, .flex\@lg > .order-1\@2xl, .flex\@xl > .order-1\@2xl, .flex\@2xl > .order-1\@2xl {
1777
1940
  order: 1;
1778
1941
  }
1779
1942
  .flex > .fill-2\@2xl, .flex\@xs > .fill-2\@2xl, .flex\@sm > .fill-2\@2xl, .flex\@md > .fill-2\@2xl, .flex\@lg > .fill-2\@2xl, .flex\@xl > .fill-2\@2xl, .flex\@2xl > .fill-2\@2xl {
1780
1943
  flex: 0 0 calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1944
+ max-width: calc((100% - 5 * var(--flex-gap, 0px)) / 6);
1945
+ min-width: 0;
1781
1946
  }
1782
1947
  .flex > .order-2\@2xl, .flex\@xs > .order-2\@2xl, .flex\@sm > .order-2\@2xl, .flex\@md > .order-2\@2xl, .flex\@lg > .order-2\@2xl, .flex\@xl > .order-2\@2xl, .flex\@2xl > .order-2\@2xl {
1783
1948
  order: 2;
1784
1949
  }
1785
1950
  .flex > .fill-3\@2xl, .flex\@xs > .fill-3\@2xl, .flex\@sm > .fill-3\@2xl, .flex\@md > .fill-3\@2xl, .flex\@lg > .fill-3\@2xl, .flex\@xl > .fill-3\@2xl, .flex\@2xl > .fill-3\@2xl {
1786
1951
  flex: 0 0 calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1952
+ max-width: calc((100% - 3 * var(--flex-gap, 0px)) / 4);
1953
+ min-width: 0;
1787
1954
  }
1788
1955
  .flex > .order-3\@2xl, .flex\@xs > .order-3\@2xl, .flex\@sm > .order-3\@2xl, .flex\@md > .order-3\@2xl, .flex\@lg > .order-3\@2xl, .flex\@xl > .order-3\@2xl, .flex\@2xl > .order-3\@2xl {
1789
1956
  order: 3;
1790
1957
  }
1791
1958
  .flex > .fill-4\@2xl, .flex\@xs > .fill-4\@2xl, .flex\@sm > .fill-4\@2xl, .flex\@md > .fill-4\@2xl, .flex\@lg > .fill-4\@2xl, .flex\@xl > .fill-4\@2xl, .flex\@2xl > .fill-4\@2xl {
1792
1959
  flex: 0 0 calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1960
+ max-width: calc((100% - 2 * var(--flex-gap, 0px)) / 3);
1961
+ min-width: 0;
1793
1962
  }
1794
1963
  .flex > .order-4\@2xl, .flex\@xs > .order-4\@2xl, .flex\@sm > .order-4\@2xl, .flex\@md > .order-4\@2xl, .flex\@lg > .order-4\@2xl, .flex\@xl > .order-4\@2xl, .flex\@2xl > .order-4\@2xl {
1795
1964
  order: 4;
1796
1965
  }
1797
1966
  .flex > .fill-5\@2xl, .flex\@xs > .fill-5\@2xl, .flex\@sm > .fill-5\@2xl, .flex\@md > .fill-5\@2xl, .flex\@lg > .fill-5\@2xl, .flex\@xl > .fill-5\@2xl, .flex\@2xl > .fill-5\@2xl {
1798
1967
  flex: 0 0 calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1968
+ max-width: calc((100% - 1.4 * var(--flex-gap, 0px)) / 2.4);
1969
+ min-width: 0;
1799
1970
  }
1800
1971
  .flex > .order-5\@2xl, .flex\@xs > .order-5\@2xl, .flex\@sm > .order-5\@2xl, .flex\@md > .order-5\@2xl, .flex\@lg > .order-5\@2xl, .flex\@xl > .order-5\@2xl, .flex\@2xl > .order-5\@2xl {
1801
1972
  order: 5;
1802
1973
  }
1803
1974
  .flex > .fill-6\@2xl, .flex\@xs > .fill-6\@2xl, .flex\@sm > .fill-6\@2xl, .flex\@md > .fill-6\@2xl, .flex\@lg > .fill-6\@2xl, .flex\@xl > .fill-6\@2xl, .flex\@2xl > .fill-6\@2xl {
1804
1975
  flex: 0 0 calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1976
+ max-width: calc((100% - 1 * var(--flex-gap, 0px)) / 2);
1977
+ min-width: 0;
1805
1978
  }
1806
1979
  .flex > .order-6\@2xl, .flex\@xs > .order-6\@2xl, .flex\@sm > .order-6\@2xl, .flex\@md > .order-6\@2xl, .flex\@lg > .order-6\@2xl, .flex\@xl > .order-6\@2xl, .flex\@2xl > .order-6\@2xl {
1807
1980
  order: 6;
1808
1981
  }
1809
1982
  .flex > .fill-7\@2xl, .flex\@xs > .fill-7\@2xl, .flex\@sm > .fill-7\@2xl, .flex\@md > .fill-7\@2xl, .flex\@lg > .fill-7\@2xl, .flex\@xl > .fill-7\@2xl, .flex\@2xl > .fill-7\@2xl {
1810
1983
  flex: 0 0 calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1984
+ max-width: calc((100% - 0.7142857143 * var(--flex-gap, 0px)) / 1.7142857143);
1985
+ min-width: 0;
1811
1986
  }
1812
1987
  .flex > .order-7\@2xl, .flex\@xs > .order-7\@2xl, .flex\@sm > .order-7\@2xl, .flex\@md > .order-7\@2xl, .flex\@lg > .order-7\@2xl, .flex\@xl > .order-7\@2xl, .flex\@2xl > .order-7\@2xl {
1813
1988
  order: 7;
1814
1989
  }
1815
1990
  .flex > .fill-8\@2xl, .flex\@xs > .fill-8\@2xl, .flex\@sm > .fill-8\@2xl, .flex\@md > .fill-8\@2xl, .flex\@lg > .fill-8\@2xl, .flex\@xl > .fill-8\@2xl, .flex\@2xl > .fill-8\@2xl {
1816
1991
  flex: 0 0 calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1992
+ max-width: calc((100% - 0.5 * var(--flex-gap, 0px)) / 1.5);
1993
+ min-width: 0;
1817
1994
  }
1818
1995
  .flex > .order-8\@2xl, .flex\@xs > .order-8\@2xl, .flex\@sm > .order-8\@2xl, .flex\@md > .order-8\@2xl, .flex\@lg > .order-8\@2xl, .flex\@xl > .order-8\@2xl, .flex\@2xl > .order-8\@2xl {
1819
1996
  order: 8;
1820
1997
  }
1821
1998
  .flex > .fill-9\@2xl, .flex\@xs > .fill-9\@2xl, .flex\@sm > .fill-9\@2xl, .flex\@md > .fill-9\@2xl, .flex\@lg > .fill-9\@2xl, .flex\@xl > .fill-9\@2xl, .flex\@2xl > .fill-9\@2xl {
1822
1999
  flex: 0 0 calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
2000
+ max-width: calc((100% - 0.3333333333 * var(--flex-gap, 0px)) / 1.3333333333);
2001
+ min-width: 0;
1823
2002
  }
1824
2003
  .flex > .order-9\@2xl, .flex\@xs > .order-9\@2xl, .flex\@sm > .order-9\@2xl, .flex\@md > .order-9\@2xl, .flex\@lg > .order-9\@2xl, .flex\@xl > .order-9\@2xl, .flex\@2xl > .order-9\@2xl {
1825
2004
  order: 9;
1826
2005
  }
1827
2006
  .flex > .fill-10\@2xl, .flex\@xs > .fill-10\@2xl, .flex\@sm > .fill-10\@2xl, .flex\@md > .fill-10\@2xl, .flex\@lg > .fill-10\@2xl, .flex\@xl > .fill-10\@2xl, .flex\@2xl > .fill-10\@2xl {
1828
2007
  flex: 0 0 calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
2008
+ max-width: calc((100% - 0.2 * var(--flex-gap, 0px)) / 1.2);
2009
+ min-width: 0;
1829
2010
  }
1830
2011
  .flex > .order-10\@2xl, .flex\@xs > .order-10\@2xl, .flex\@sm > .order-10\@2xl, .flex\@md > .order-10\@2xl, .flex\@lg > .order-10\@2xl, .flex\@xl > .order-10\@2xl, .flex\@2xl > .order-10\@2xl {
1831
2012
  order: 10;
1832
2013
  }
1833
2014
  .flex > .fill-11\@2xl, .flex\@xs > .fill-11\@2xl, .flex\@sm > .fill-11\@2xl, .flex\@md > .fill-11\@2xl, .flex\@lg > .fill-11\@2xl, .flex\@xl > .fill-11\@2xl, .flex\@2xl > .fill-11\@2xl {
1834
2015
  flex: 0 0 calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
2016
+ max-width: calc((100% - 0.0909090909 * var(--flex-gap, 0px)) / 1.0909090909);
2017
+ min-width: 0;
1835
2018
  }
1836
2019
  .flex > .order-11\@2xl, .flex\@xs > .order-11\@2xl, .flex\@sm > .order-11\@2xl, .flex\@md > .order-11\@2xl, .flex\@lg > .order-11\@2xl, .flex\@xl > .order-11\@2xl, .flex\@2xl > .order-11\@2xl {
1837
2020
  order: 11;
1838
2021
  }
1839
2022
  .flex > .fill-12\@2xl, .flex\@xs > .fill-12\@2xl, .flex\@sm > .fill-12\@2xl, .flex\@md > .fill-12\@2xl, .flex\@lg > .fill-12\@2xl, .flex\@xl > .fill-12\@2xl, .flex\@2xl > .fill-12\@2xl {
1840
2023
  flex: 0 0 calc((100% - 0 * var(--flex-gap, 0px)) / 1);
2024
+ max-width: calc((100% - 0 * var(--flex-gap, 0px)) / 1);
2025
+ min-width: 0;
1841
2026
  }
1842
2027
  .flex > .order-12\@2xl, .flex\@xs > .order-12\@2xl, .flex\@sm > .order-12\@2xl, .flex\@md > .order-12\@2xl, .flex\@lg > .order-12\@2xl, .flex\@xl > .order-12\@2xl, .flex\@2xl > .order-12\@2xl {
1843
2028
  order: 12;
@@ -3155,6 +3340,229 @@ code {
3155
3340
  place-items: stretch;
3156
3341
  }
3157
3342
  }
3343
+ .container-inline-size {
3344
+ container-type: inline-size;
3345
+ }
3346
+
3347
+ .container-size {
3348
+ container-type: size;
3349
+ }
3350
+
3351
+ .container-main {
3352
+ container-name: "main";
3353
+ }
3354
+
3355
+ .container-sidebar {
3356
+ container-name: "sidebar";
3357
+ }
3358
+
3359
+ .container-card {
3360
+ container-name: "card";
3361
+ }
3362
+
3363
+ .container-section {
3364
+ container-name: "section";
3365
+ }
3366
+
3367
+ :root {
3368
+ --tooltip-bg: rgba(17 17 17 / 90%);
3369
+ --tooltip-shadow-color: rgb(0 0 0 / 20%);
3370
+ --tooltip-text-color: #fff;
3371
+ --microtip-transition-duration: 0.18s;
3372
+ --microtip-transition-easing: ease-in-out;
3373
+ --microtip-transition-delay: 0s;
3374
+ --microtip-font-size: 13px;
3375
+ --microtip-font-weight: normal;
3376
+ --microtip-text-transform: none;
3377
+ --tooltip-small-width: 80px;
3378
+ --tooltip-medium-width: 150px;
3379
+ --tooltip-large-width: 260px;
3380
+ --tooltip-border-radius: 4px;
3381
+ }
3382
+
3383
+ [data-tooltip][role~=tooltip] {
3384
+ position: relative;
3385
+ }
3386
+ [data-tooltip][role~=tooltip]::before, [data-tooltip][role~=tooltip]::after {
3387
+ transform: translate3d(0, 0, 0);
3388
+ backface-visibility: hidden;
3389
+ will-change: transform;
3390
+ opacity: 0;
3391
+ pointer-events: none;
3392
+ transition: opacity var(--microtip-transition-duration) var(--microtip-transition-easing) var(--microtip-transition-delay), transform var(--microtip-transition-duration) var(--microtip-transition-easing) var(--microtip-transition-delay);
3393
+ position: absolute;
3394
+ box-sizing: border-box;
3395
+ z-index: 10;
3396
+ transform-origin: top;
3397
+ }
3398
+ [data-tooltip][role~=tooltip]::before {
3399
+ background-size: 100% auto !important;
3400
+ content: "";
3401
+ }
3402
+ [data-tooltip][role~=tooltip]::after {
3403
+ background: var(--tooltip-bg);
3404
+ box-shadow: 0 3px 7px var(--tooltip-shadow-color);
3405
+ border-radius: var(--tooltip-border-radius);
3406
+ color: var(--tooltip-text-color);
3407
+ content: attr(data-tooltip);
3408
+ font-size: var(--microtip-font-size);
3409
+ font-weight: var(--microtip-font-weight);
3410
+ text-transform: var(--microtip-text-transform);
3411
+ padding: 0.5em 1em;
3412
+ white-space: nowrap;
3413
+ box-sizing: content-box;
3414
+ }
3415
+ [data-tooltip][role~=tooltip]:hover::before, [data-tooltip][role~=tooltip]:hover::after, [data-tooltip][role~=tooltip]:focus::before, [data-tooltip][role~=tooltip]:focus::after {
3416
+ opacity: 1;
3417
+ pointer-events: auto;
3418
+ }
3419
+
3420
+ [role~=tooltip][data-microtip-position|=top]::before {
3421
+ border-left: 9px solid transparent;
3422
+ border-right: 9px solid transparent;
3423
+ border-top: 6px solid var(--tooltip-bg);
3424
+ height: 0;
3425
+ width: 0;
3426
+ margin-bottom: 6px;
3427
+ transform: translate3d(-50%, 0, 0);
3428
+ bottom: 100%;
3429
+ left: 50%;
3430
+ z-index: 999;
3431
+ }
3432
+ [role~=tooltip][data-microtip-position|=top]::after {
3433
+ margin-bottom: 11px;
3434
+ transform: translate3d(-50%, 0, 0);
3435
+ bottom: 100%;
3436
+ left: 50%;
3437
+ }
3438
+ [role~=tooltip][data-microtip-position|=top]:hover::before {
3439
+ transform: translate3d(-50%, -5px, 0);
3440
+ }
3441
+ [role~=tooltip][data-microtip-position|=top]:hover::after {
3442
+ transform: translate3d(-50%, -5px, 0);
3443
+ }
3444
+
3445
+ [role~=tooltip][data-microtip-position=top-left]::after {
3446
+ transform: translate3d(calc(-100% + 16px), 0, 0);
3447
+ bottom: 100%;
3448
+ }
3449
+ [role~=tooltip][data-microtip-position=top-left]:hover::after {
3450
+ transform: translate3d(calc(-100% + 16px), -5px, 0);
3451
+ }
3452
+
3453
+ [role~=tooltip][data-microtip-position=top-right]::after {
3454
+ transform: translate3d(calc(0% - 16px), 0, 0);
3455
+ bottom: 100%;
3456
+ }
3457
+ [role~=tooltip][data-microtip-position=top-right]:hover::after {
3458
+ transform: translate3d(calc(0% - 16px), -5px, 0);
3459
+ }
3460
+
3461
+ [role~=tooltip][data-microtip-position|=bottom]::before {
3462
+ border-left: 9px solid transparent;
3463
+ border-right: 9px solid transparent;
3464
+ border-bottom: 6px solid var(--tooltip-bg);
3465
+ height: 0;
3466
+ width: 0;
3467
+ margin-top: 5px;
3468
+ margin-bottom: 0;
3469
+ transform: translate3d(-50%, -10px, 0);
3470
+ bottom: auto;
3471
+ left: 50%;
3472
+ top: 100%;
3473
+ z-index: 999;
3474
+ }
3475
+ [role~=tooltip][data-microtip-position|=bottom]::after {
3476
+ margin-top: 11px;
3477
+ transform: translate3d(-50%, -10px, 0);
3478
+ top: 100%;
3479
+ left: 50%;
3480
+ }
3481
+ [role~=tooltip][data-microtip-position|=bottom]:hover::before {
3482
+ transform: translate3d(-50%, 0, 0);
3483
+ }
3484
+ [role~=tooltip][data-microtip-position|=bottom]:hover::after {
3485
+ transform: translate3d(-50%, 0, 0);
3486
+ }
3487
+
3488
+ [role~=tooltip][data-microtip-position=bottom-left]::after {
3489
+ transform: translate3d(calc(-100% + 16px), -10px, 0);
3490
+ top: 100%;
3491
+ }
3492
+ [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
3493
+ transform: translate3d(calc(-100% + 16px), 0, 0);
3494
+ }
3495
+
3496
+ [role~=tooltip][data-microtip-position=bottom-right]::after {
3497
+ transform: translate3d(calc(0% - 16px), -10px, 0);
3498
+ top: 100%;
3499
+ }
3500
+ [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
3501
+ transform: translate3d(calc(0% - 16px), 0, 0);
3502
+ }
3503
+
3504
+ [role~=tooltip][data-microtip-position=left]::before, [role~=tooltip][data-microtip-position=left]::after {
3505
+ inset: auto auto auto 100%;
3506
+ left: auto;
3507
+ right: 100%;
3508
+ top: 50%;
3509
+ transform: translate3d(10px, -50%, 0);
3510
+ }
3511
+ [role~=tooltip][data-microtip-position=left]::before {
3512
+ border-top: 9px solid transparent;
3513
+ border-bottom: 9px solid transparent;
3514
+ border-left: 6px solid var(--tooltip-bg);
3515
+ height: 0;
3516
+ width: 0;
3517
+ margin-right: 5px;
3518
+ margin-bottom: 0;
3519
+ z-index: 999;
3520
+ }
3521
+ [role~=tooltip][data-microtip-position=left]::after {
3522
+ margin-right: 11px;
3523
+ }
3524
+ [role~=tooltip][data-microtip-position=left]:hover::before, [role~=tooltip][data-microtip-position=left]:hover::after {
3525
+ transform: translate3d(0, -50%, 0);
3526
+ }
3527
+
3528
+ [role~=tooltip][data-microtip-position=right]::before, [role~=tooltip][data-microtip-position=right]::after {
3529
+ bottom: auto;
3530
+ left: 100%;
3531
+ top: 50%;
3532
+ transform: translate3d(-10px, -50%, 0);
3533
+ }
3534
+ [role~=tooltip][data-microtip-position=right]::before {
3535
+ border-top: 9px solid transparent;
3536
+ border-bottom: 9px solid transparent;
3537
+ border-right: 6px solid var(--tooltip-bg);
3538
+ height: 0;
3539
+ width: 0;
3540
+ margin-bottom: 0;
3541
+ margin-left: 5px;
3542
+ z-index: 999;
3543
+ }
3544
+ [role~=tooltip][data-microtip-position=right]::after {
3545
+ margin-left: 11px;
3546
+ }
3547
+ [role~=tooltip][data-microtip-position=right]:hover::before, [role~=tooltip][data-microtip-position=right]:hover::after {
3548
+ transform: translate3d(0, -50%, 0);
3549
+ }
3550
+
3551
+ [role~=tooltip][data-microtip-size=small]::after {
3552
+ white-space: initial;
3553
+ width: var(--tooltip-small-width);
3554
+ }
3555
+
3556
+ [role~=tooltip][data-microtip-size=medium]::after {
3557
+ white-space: initial;
3558
+ width: var(--tooltip-medium-width);
3559
+ }
3560
+
3561
+ [role~=tooltip][data-microtip-size=large]::after {
3562
+ white-space: initial;
3563
+ width: var(--tooltip-large-width);
3564
+ }
3565
+
3158
3566
  .opacity-0,
3159
3567
  .hover\:opacity-0:hover,
3160
3568
  .focus\:opacity-0:focus,
@@ -5292,8 +5700,8 @@ code {
5292
5700
  }
5293
5701
  }
5294
5702
  .border {
5295
- --border-size: 1px;
5296
- border-width: 1px;
5703
+ --border-size: 1rem;
5704
+ border-width: 1rem;
5297
5705
  border-style: solid;
5298
5706
  border-color: var(--border-base);
5299
5707
  --border-style: solid;
@@ -5301,8 +5709,8 @@ code {
5301
5709
  }
5302
5710
 
5303
5711
  .border-0 {
5304
- --border-size: 0px;
5305
- border-width: 0px;
5712
+ --border-size: 0rem;
5713
+ border-width: 0rem;
5306
5714
  border-style: solid;
5307
5715
  border-color: var(--border-base);
5308
5716
  --border-style: solid;
@@ -5310,43 +5718,43 @@ code {
5310
5718
  }
5311
5719
 
5312
5720
  .border-t {
5313
- border-top-width: 1px;
5721
+ border-top-width: 1rem;
5314
5722
  border-top-style: var(--border-style, solid);
5315
5723
  border-top-color: var(--border-base);
5316
5724
  }
5317
5725
 
5318
5726
  .border-r {
5319
- border-right-width: 1px;
5727
+ border-right-width: 1rem;
5320
5728
  border-right-style: var(--border-style, solid);
5321
5729
  border-right-color: var(--border-base);
5322
5730
  }
5323
5731
 
5324
5732
  .border-b {
5325
- border-bottom-width: 1px;
5733
+ border-bottom-width: 1rem;
5326
5734
  border-bottom-style: var(--border-style, solid);
5327
5735
  border-bottom-color: var(--border-base);
5328
5736
  }
5329
5737
 
5330
5738
  .border-l {
5331
- border-left-width: 1px;
5739
+ border-left-width: 1rem;
5332
5740
  border-left-style: var(--border-style, solid);
5333
5741
  border-left-color: var(--border-base);
5334
5742
  }
5335
5743
 
5336
5744
  .border-x {
5337
- border-left-width: 1px;
5745
+ border-left-width: 1rem;
5338
5746
  border-left-style: var(--border-style, solid);
5339
5747
  border-left-color: var(--border-base);
5340
- border-right-width: 1px;
5748
+ border-right-width: 1rem;
5341
5749
  border-right-style: var(--border-style, solid);
5342
5750
  border-right-color: var(--border-base);
5343
5751
  }
5344
5752
 
5345
5753
  .border-y {
5346
- border-top-width: 1px;
5754
+ border-top-width: 1rem;
5347
5755
  border-top-style: var(--border-style, solid);
5348
5756
  border-top-color: var(--border-base);
5349
- border-bottom-width: 1px;
5757
+ border-bottom-width: 1rem;
5350
5758
  border-bottom-style: var(--border-style, solid);
5351
5759
  border-bottom-color: var(--border-base);
5352
5760
  }
@@ -5356,8 +5764,8 @@ code {
5356
5764
  .active\:border-0:active,
5357
5765
  .focus\:border-0:focus,
5358
5766
  .group:hover .group-hover\:border-0 {
5359
- --border-size: 0px;
5360
- border-width: 0px;
5767
+ --border-size: 0rem;
5768
+ border-width: 0rem;
5361
5769
  border-style: solid;
5362
5770
  border-color: var(--border-base);
5363
5771
  --border-style: solid;
@@ -5365,43 +5773,43 @@ code {
5365
5773
  }
5366
5774
 
5367
5775
  .border-t-0 {
5368
- border-top-width: 0px;
5776
+ border-top-width: 0rem;
5369
5777
  border-top-style: var(--border-style, solid);
5370
5778
  border-top-color: var(--border-base);
5371
5779
  }
5372
5780
 
5373
5781
  .border-r-0 {
5374
- border-right-width: 0px;
5782
+ border-right-width: 0rem;
5375
5783
  border-right-style: var(--border-style, solid);
5376
5784
  border-right-color: var(--border-base);
5377
5785
  }
5378
5786
 
5379
5787
  .border-b-0 {
5380
- border-bottom-width: 0px;
5788
+ border-bottom-width: 0rem;
5381
5789
  border-bottom-style: var(--border-style, solid);
5382
5790
  border-bottom-color: var(--border-base);
5383
5791
  }
5384
5792
 
5385
5793
  .border-l-0 {
5386
- border-left-width: 0px;
5794
+ border-left-width: 0rem;
5387
5795
  border-left-style: var(--border-style, solid);
5388
5796
  border-left-color: var(--border-base);
5389
5797
  }
5390
5798
 
5391
5799
  .border-x-0 {
5392
- border-left-width: 1px;
5800
+ border-left-width: 1rem;
5393
5801
  border-left-style: var(--border-style, solid);
5394
5802
  border-left-color: var(--border-base);
5395
- border-right-width: 1px;
5803
+ border-right-width: 1rem;
5396
5804
  border-right-style: var(--border-style, solid);
5397
5805
  border-right-color: var(--border-base);
5398
5806
  }
5399
5807
 
5400
5808
  .border-y-0 {
5401
- border-top-width: 0px;
5809
+ border-top-width: 0rem;
5402
5810
  border-top-style: var(--border-style, solid);
5403
5811
  border-top-color: var(--border-base);
5404
- border-bottom-width: 0px;
5812
+ border-bottom-width: 0rem;
5405
5813
  border-bottom-style: var(--border-style, solid);
5406
5814
  border-bottom-color: var(--border-base);
5407
5815
  }
@@ -5411,8 +5819,8 @@ code {
5411
5819
  .active\:border-1:active,
5412
5820
  .focus\:border-1:focus,
5413
5821
  .group:hover .group-hover\:border-1 {
5414
- --border-size: 1px;
5415
- border-width: 1px;
5822
+ --border-size: 1rem;
5823
+ border-width: 1rem;
5416
5824
  border-style: solid;
5417
5825
  border-color: var(--border-base);
5418
5826
  --border-style: solid;
@@ -5420,43 +5828,43 @@ code {
5420
5828
  }
5421
5829
 
5422
5830
  .border-t-1 {
5423
- border-top-width: 1px;
5831
+ border-top-width: 1rem;
5424
5832
  border-top-style: var(--border-style, solid);
5425
5833
  border-top-color: var(--border-base);
5426
5834
  }
5427
5835
 
5428
5836
  .border-r-1 {
5429
- border-right-width: 1px;
5837
+ border-right-width: 1rem;
5430
5838
  border-right-style: var(--border-style, solid);
5431
5839
  border-right-color: var(--border-base);
5432
5840
  }
5433
5841
 
5434
5842
  .border-b-1 {
5435
- border-bottom-width: 1px;
5843
+ border-bottom-width: 1rem;
5436
5844
  border-bottom-style: var(--border-style, solid);
5437
5845
  border-bottom-color: var(--border-base);
5438
5846
  }
5439
5847
 
5440
5848
  .border-l-1 {
5441
- border-left-width: 1px;
5849
+ border-left-width: 1rem;
5442
5850
  border-left-style: var(--border-style, solid);
5443
5851
  border-left-color: var(--border-base);
5444
5852
  }
5445
5853
 
5446
5854
  .border-x-1 {
5447
- border-left-width: 1px;
5855
+ border-left-width: 1rem;
5448
5856
  border-left-style: var(--border-style, solid);
5449
5857
  border-left-color: var(--border-base);
5450
- border-right-width: 1px;
5858
+ border-right-width: 1rem;
5451
5859
  border-right-style: var(--border-style, solid);
5452
5860
  border-right-color: var(--border-base);
5453
5861
  }
5454
5862
 
5455
5863
  .border-y-1 {
5456
- border-top-width: 1px;
5864
+ border-top-width: 1rem;
5457
5865
  border-top-style: var(--border-style, solid);
5458
5866
  border-top-color: var(--border-base);
5459
- border-bottom-width: 1px;
5867
+ border-bottom-width: 1rem;
5460
5868
  border-bottom-style: var(--border-style, solid);
5461
5869
  border-bottom-color: var(--border-base);
5462
5870
  }
@@ -5466,8 +5874,8 @@ code {
5466
5874
  .active\:border-2:active,
5467
5875
  .focus\:border-2:focus,
5468
5876
  .group:hover .group-hover\:border-2 {
5469
- --border-size: 2px;
5470
- border-width: 2px;
5877
+ --border-size: 2rem;
5878
+ border-width: 2rem;
5471
5879
  border-style: solid;
5472
5880
  border-color: var(--border-base);
5473
5881
  --border-style: solid;
@@ -5475,43 +5883,43 @@ code {
5475
5883
  }
5476
5884
 
5477
5885
  .border-t-2 {
5478
- border-top-width: 2px;
5886
+ border-top-width: 2rem;
5479
5887
  border-top-style: var(--border-style, solid);
5480
5888
  border-top-color: var(--border-base);
5481
5889
  }
5482
5890
 
5483
5891
  .border-r-2 {
5484
- border-right-width: 2px;
5892
+ border-right-width: 2rem;
5485
5893
  border-right-style: var(--border-style, solid);
5486
5894
  border-right-color: var(--border-base);
5487
5895
  }
5488
5896
 
5489
5897
  .border-b-2 {
5490
- border-bottom-width: 2px;
5898
+ border-bottom-width: 2rem;
5491
5899
  border-bottom-style: var(--border-style, solid);
5492
5900
  border-bottom-color: var(--border-base);
5493
5901
  }
5494
5902
 
5495
5903
  .border-l-2 {
5496
- border-left-width: 2px;
5904
+ border-left-width: 2rem;
5497
5905
  border-left-style: var(--border-style, solid);
5498
5906
  border-left-color: var(--border-base);
5499
5907
  }
5500
5908
 
5501
5909
  .border-x-2 {
5502
- border-left-width: 1px;
5910
+ border-left-width: 1rem;
5503
5911
  border-left-style: var(--border-style, solid);
5504
5912
  border-left-color: var(--border-base);
5505
- border-right-width: 1px;
5913
+ border-right-width: 1rem;
5506
5914
  border-right-style: var(--border-style, solid);
5507
5915
  border-right-color: var(--border-base);
5508
5916
  }
5509
5917
 
5510
5918
  .border-y-2 {
5511
- border-top-width: 2px;
5919
+ border-top-width: 2rem;
5512
5920
  border-top-style: var(--border-style, solid);
5513
5921
  border-top-color: var(--border-base);
5514
- border-bottom-width: 2px;
5922
+ border-bottom-width: 2rem;
5515
5923
  border-bottom-style: var(--border-style, solid);
5516
5924
  border-bottom-color: var(--border-base);
5517
5925
  }
@@ -5521,8 +5929,8 @@ code {
5521
5929
  .active\:border-4:active,
5522
5930
  .focus\:border-4:focus,
5523
5931
  .group:hover .group-hover\:border-4 {
5524
- --border-size: 4px;
5525
- border-width: 4px;
5932
+ --border-size: 4rem;
5933
+ border-width: 4rem;
5526
5934
  border-style: solid;
5527
5935
  border-color: var(--border-base);
5528
5936
  --border-style: solid;
@@ -5530,43 +5938,43 @@ code {
5530
5938
  }
5531
5939
 
5532
5940
  .border-t-4 {
5533
- border-top-width: 4px;
5941
+ border-top-width: 4rem;
5534
5942
  border-top-style: var(--border-style, solid);
5535
5943
  border-top-color: var(--border-base);
5536
5944
  }
5537
5945
 
5538
5946
  .border-r-4 {
5539
- border-right-width: 4px;
5947
+ border-right-width: 4rem;
5540
5948
  border-right-style: var(--border-style, solid);
5541
5949
  border-right-color: var(--border-base);
5542
5950
  }
5543
5951
 
5544
5952
  .border-b-4 {
5545
- border-bottom-width: 4px;
5953
+ border-bottom-width: 4rem;
5546
5954
  border-bottom-style: var(--border-style, solid);
5547
5955
  border-bottom-color: var(--border-base);
5548
5956
  }
5549
5957
 
5550
5958
  .border-l-4 {
5551
- border-left-width: 4px;
5959
+ border-left-width: 4rem;
5552
5960
  border-left-style: var(--border-style, solid);
5553
5961
  border-left-color: var(--border-base);
5554
5962
  }
5555
5963
 
5556
5964
  .border-x-4 {
5557
- border-left-width: 1px;
5965
+ border-left-width: 1rem;
5558
5966
  border-left-style: var(--border-style, solid);
5559
5967
  border-left-color: var(--border-base);
5560
- border-right-width: 1px;
5968
+ border-right-width: 1rem;
5561
5969
  border-right-style: var(--border-style, solid);
5562
5970
  border-right-color: var(--border-base);
5563
5971
  }
5564
5972
 
5565
5973
  .border-y-4 {
5566
- border-top-width: 4px;
5974
+ border-top-width: 4rem;
5567
5975
  border-top-style: var(--border-style, solid);
5568
5976
  border-top-color: var(--border-base);
5569
- border-bottom-width: 4px;
5977
+ border-bottom-width: 4rem;
5570
5978
  border-bottom-style: var(--border-style, solid);
5571
5979
  border-bottom-color: var(--border-base);
5572
5980
  }
@@ -5576,8 +5984,8 @@ code {
5576
5984
  .active\:border-8:active,
5577
5985
  .focus\:border-8:focus,
5578
5986
  .group:hover .group-hover\:border-8 {
5579
- --border-size: 8px;
5580
- border-width: 8px;
5987
+ --border-size: 8rem;
5988
+ border-width: 8rem;
5581
5989
  border-style: solid;
5582
5990
  border-color: var(--border-base);
5583
5991
  --border-style: solid;
@@ -5585,43 +5993,43 @@ code {
5585
5993
  }
5586
5994
 
5587
5995
  .border-t-8 {
5588
- border-top-width: 8px;
5996
+ border-top-width: 8rem;
5589
5997
  border-top-style: var(--border-style, solid);
5590
5998
  border-top-color: var(--border-base);
5591
5999
  }
5592
6000
 
5593
6001
  .border-r-8 {
5594
- border-right-width: 8px;
6002
+ border-right-width: 8rem;
5595
6003
  border-right-style: var(--border-style, solid);
5596
6004
  border-right-color: var(--border-base);
5597
6005
  }
5598
6006
 
5599
6007
  .border-b-8 {
5600
- border-bottom-width: 8px;
6008
+ border-bottom-width: 8rem;
5601
6009
  border-bottom-style: var(--border-style, solid);
5602
6010
  border-bottom-color: var(--border-base);
5603
6011
  }
5604
6012
 
5605
6013
  .border-l-8 {
5606
- border-left-width: 8px;
6014
+ border-left-width: 8rem;
5607
6015
  border-left-style: var(--border-style, solid);
5608
6016
  border-left-color: var(--border-base);
5609
6017
  }
5610
6018
 
5611
6019
  .border-x-8 {
5612
- border-left-width: 1px;
6020
+ border-left-width: 1rem;
5613
6021
  border-left-style: var(--border-style, solid);
5614
6022
  border-left-color: var(--border-base);
5615
- border-right-width: 1px;
6023
+ border-right-width: 1rem;
5616
6024
  border-right-style: var(--border-style, solid);
5617
6025
  border-right-color: var(--border-base);
5618
6026
  }
5619
6027
 
5620
6028
  .border-y-8 {
5621
- border-top-width: 8px;
6029
+ border-top-width: 8rem;
5622
6030
  border-top-style: var(--border-style, solid);
5623
6031
  border-top-color: var(--border-base);
5624
- border-bottom-width: 8px;
6032
+ border-bottom-width: 8rem;
5625
6033
  border-bottom-style: var(--border-style, solid);
5626
6034
  border-bottom-color: var(--border-base);
5627
6035
  }
@@ -5631,7 +6039,7 @@ code {
5631
6039
  }
5632
6040
 
5633
6041
  .square {
5634
- border-radius: 0px;
6042
+ border-radius: 0rem;
5635
6043
  }
5636
6044
 
5637
6045
  .rounded-xs {
@@ -5875,83 +6283,83 @@ code {
5875
6283
  }
5876
6284
 
5877
6285
  .rounded-full {
5878
- border-radius: 50%;
6286
+ border-radius: 99in;
5879
6287
  }
5880
6288
 
5881
6289
  .rounded-t-full {
5882
- border-top-left-radius: 50%;
5883
- border-top-right-radius: 50%;
6290
+ border-top-left-radius: 99in;
6291
+ border-top-right-radius: 99in;
5884
6292
  }
5885
6293
 
5886
6294
  .rounded-r-full {
5887
- border-top-right-radius: 50%;
5888
- border-bottom-right-radius: 50%;
6295
+ border-top-right-radius: 99in;
6296
+ border-bottom-right-radius: 99in;
5889
6297
  }
5890
6298
 
5891
6299
  .rounded-b-full {
5892
- border-bottom-left-radius: 50%;
5893
- border-bottom-right-radius: 50%;
6300
+ border-bottom-left-radius: 99in;
6301
+ border-bottom-right-radius: 99in;
5894
6302
  }
5895
6303
 
5896
6304
  .rounded-l-full {
5897
- border-top-left-radius: 50%;
5898
- border-bottom-left-radius: 50%;
6305
+ border-top-left-radius: 99in;
6306
+ border-bottom-left-radius: 99in;
5899
6307
  }
5900
6308
 
5901
6309
  .rounded-tl-full {
5902
- border-top-left-radius: 50%;
6310
+ border-top-left-radius: 99in;
5903
6311
  }
5904
6312
 
5905
6313
  .rounded-tr-full {
5906
- border-top-right-radius: 50%;
6314
+ border-top-right-radius: 99in;
5907
6315
  }
5908
6316
 
5909
6317
  .rounded-br-full {
5910
- border-bottom-right-radius: 50%;
6318
+ border-bottom-right-radius: 99in;
5911
6319
  }
5912
6320
 
5913
6321
  .rounded-bl-full {
5914
- border-bottom-left-radius: 50%;
6322
+ border-bottom-left-radius: 99in;
5915
6323
  }
5916
6324
 
5917
6325
  .rounded-none {
5918
- border-radius: 0px;
6326
+ border-radius: 0rem;
5919
6327
  }
5920
6328
 
5921
6329
  .rounded-t-none {
5922
- border-top-left-radius: 0px;
5923
- border-top-right-radius: 0px;
6330
+ border-top-left-radius: 0rem;
6331
+ border-top-right-radius: 0rem;
5924
6332
  }
5925
6333
 
5926
6334
  .rounded-r-none {
5927
- border-top-right-radius: 0px;
5928
- border-bottom-right-radius: 0px;
6335
+ border-top-right-radius: 0rem;
6336
+ border-bottom-right-radius: 0rem;
5929
6337
  }
5930
6338
 
5931
6339
  .rounded-b-none {
5932
- border-bottom-left-radius: 0px;
5933
- border-bottom-right-radius: 0px;
6340
+ border-bottom-left-radius: 0rem;
6341
+ border-bottom-right-radius: 0rem;
5934
6342
  }
5935
6343
 
5936
6344
  .rounded-l-none {
5937
- border-top-left-radius: 0px;
5938
- border-bottom-left-radius: 0px;
6345
+ border-top-left-radius: 0rem;
6346
+ border-bottom-left-radius: 0rem;
5939
6347
  }
5940
6348
 
5941
6349
  .rounded-tl-none {
5942
- border-top-left-radius: 0px;
6350
+ border-top-left-radius: 0rem;
5943
6351
  }
5944
6352
 
5945
6353
  .rounded-tr-none {
5946
- border-top-right-radius: 0px;
6354
+ border-top-right-radius: 0rem;
5947
6355
  }
5948
6356
 
5949
6357
  .rounded-br-none {
5950
- border-bottom-right-radius: 0px;
6358
+ border-bottom-right-radius: 0rem;
5951
6359
  }
5952
6360
 
5953
6361
  .rounded-bl-none {
5954
- border-bottom-left-radius: 0px;
6362
+ border-bottom-left-radius: 0rem;
5955
6363
  }
5956
6364
 
5957
6365
  .pill {
@@ -5963,7 +6371,7 @@ code {
5963
6371
  .active\:border-solid:active,
5964
6372
  .focus\:border-solid:focus,
5965
6373
  .group:hover .group-hover\:border-solid {
5966
- border-style: solid;
6374
+ --border-style: solid;
5967
6375
  }
5968
6376
 
5969
6377
  .border-dashed,
@@ -5971,7 +6379,7 @@ code {
5971
6379
  .active\:border-dashed:active,
5972
6380
  .focus\:border-dashed:focus,
5973
6381
  .group:hover .group-hover\:border-dashed {
5974
- border-style: dashed;
6382
+ --border-style: dashed;
5975
6383
  }
5976
6384
 
5977
6385
  .border-dotted,
@@ -5979,7 +6387,7 @@ code {
5979
6387
  .active\:border-dotted:active,
5980
6388
  .focus\:border-dotted:focus,
5981
6389
  .group:hover .group-hover\:border-dotted {
5982
- border-style: dotted;
6390
+ --border-style: dotted;
5983
6391
  }
5984
6392
 
5985
6393
  .border-double,
@@ -5987,7 +6395,7 @@ code {
5987
6395
  .active\:border-double:active,
5988
6396
  .focus\:border-double:focus,
5989
6397
  .group:hover .group-hover\:border-double {
5990
- border-style: double;
6398
+ --border-style: double;
5991
6399
  }
5992
6400
 
5993
6401
  .border-none,
@@ -5995,7 +6403,7 @@ code {
5995
6403
  .active\:border-none:active,
5996
6404
  .focus\:border-none:focus,
5997
6405
  .group:hover .group-hover\:border-none {
5998
- border-style: none;
6406
+ --border-style: none;
5999
6407
  }
6000
6408
 
6001
6409
  .border-primary,
@@ -6004,6 +6412,7 @@ code {
6004
6412
  .focus\:border-primary:focus,
6005
6413
  .group:hover .group-hover\:border-primary {
6006
6414
  border-color: var(--primary);
6415
+ --border-color: var(--primary);
6007
6416
  }
6008
6417
 
6009
6418
  .border-secondary,
@@ -6012,6 +6421,7 @@ code {
6012
6421
  .focus\:border-secondary:focus,
6013
6422
  .group:hover .group-hover\:border-secondary {
6014
6423
  border-color: var(--secondary);
6424
+ --border-color: var(--secondary);
6015
6425
  }
6016
6426
 
6017
6427
  .border-success,
@@ -6020,6 +6430,7 @@ code {
6020
6430
  .focus\:border-success:focus,
6021
6431
  .group:hover .group-hover\:border-success {
6022
6432
  border-color: var(--success);
6433
+ --border-color: var(--success);
6023
6434
  }
6024
6435
 
6025
6436
  .border-danger,
@@ -6028,6 +6439,7 @@ code {
6028
6439
  .focus\:border-danger:focus,
6029
6440
  .group:hover .group-hover\:border-danger {
6030
6441
  border-color: var(--danger);
6442
+ --border-color: var(--danger);
6031
6443
  }
6032
6444
 
6033
6445
  .border-warning,
@@ -6036,6 +6448,7 @@ code {
6036
6448
  .focus\:border-warning:focus,
6037
6449
  .group:hover .group-hover\:border-warning {
6038
6450
  border-color: var(--warning);
6451
+ --border-color: var(--warning);
6039
6452
  }
6040
6453
 
6041
6454
  .border-info,
@@ -6044,6 +6457,7 @@ code {
6044
6457
  .focus\:border-info:focus,
6045
6458
  .group:hover .group-hover\:border-info {
6046
6459
  border-color: var(--info);
6460
+ --border-color: var(--info);
6047
6461
  }
6048
6462
 
6049
6463
  .border-gray,
@@ -6052,6 +6466,7 @@ code {
6052
6466
  .focus\:border-gray:focus,
6053
6467
  .group:hover .group-hover\:border-gray {
6054
6468
  border-color: var(--gray);
6469
+ --border-color: var(--gray);
6055
6470
  }
6056
6471
 
6057
6472
  .border-red,
@@ -6060,6 +6475,7 @@ code {
6060
6475
  .focus\:border-red:focus,
6061
6476
  .group:hover .group-hover\:border-red {
6062
6477
  border-color: var(--red);
6478
+ --border-color: var(--red);
6063
6479
  }
6064
6480
 
6065
6481
  .border-blue,
@@ -6068,6 +6484,7 @@ code {
6068
6484
  .focus\:border-blue:focus,
6069
6485
  .group:hover .group-hover\:border-blue {
6070
6486
  border-color: var(--blue);
6487
+ --border-color: var(--blue);
6071
6488
  }
6072
6489
 
6073
6490
  .border-green,
@@ -6076,6 +6493,7 @@ code {
6076
6493
  .focus\:border-green:focus,
6077
6494
  .group:hover .group-hover\:border-green {
6078
6495
  border-color: var(--green);
6496
+ --border-color: var(--green);
6079
6497
  }
6080
6498
 
6081
6499
  .border-yellow,
@@ -6084,6 +6502,7 @@ code {
6084
6502
  .focus\:border-yellow:focus,
6085
6503
  .group:hover .group-hover\:border-yellow {
6086
6504
  border-color: var(--yellow);
6505
+ --border-color: var(--yellow);
6087
6506
  }
6088
6507
 
6089
6508
  .border-purple,
@@ -6092,6 +6511,7 @@ code {
6092
6511
  .focus\:border-purple:focus,
6093
6512
  .group:hover .group-hover\:border-purple {
6094
6513
  border-color: var(--purple);
6514
+ --border-color: var(--purple);
6095
6515
  }
6096
6516
 
6097
6517
  .border-pink,
@@ -6100,6 +6520,7 @@ code {
6100
6520
  .focus\:border-pink:focus,
6101
6521
  .group:hover .group-hover\:border-pink {
6102
6522
  border-color: var(--pink);
6523
+ --border-color: var(--pink);
6103
6524
  }
6104
6525
 
6105
6526
  .border-black,
@@ -6108,6 +6529,7 @@ code {
6108
6529
  .focus\:border-black:focus,
6109
6530
  .group:hover .group-hover\:border-black {
6110
6531
  border-color: var(--black);
6532
+ --border-color: var(--black);
6111
6533
  }
6112
6534
 
6113
6535
  .border-white,
@@ -6116,6 +6538,7 @@ code {
6116
6538
  .focus\:border-white:focus,
6117
6539
  .group:hover .group-hover\:border-white {
6118
6540
  border-color: var(--white);
6541
+ --border-color: var(--white);
6119
6542
  }
6120
6543
 
6121
6544
  .border-transparent,
@@ -6124,60 +6547,61 @@ code {
6124
6547
  .focus\:border-transparent:focus,
6125
6548
  .group:hover .group-hover\:border-transparent {
6126
6549
  border-color: var(--transparent);
6550
+ --border-color: var(--transparent);
6127
6551
  }
6128
6552
 
6129
6553
  @media (min-width: 480px) {
6130
6554
  .border-0\@xs {
6131
- --border-size: 0px;
6132
- border-width: 0px;
6555
+ --border-size: 0rem;
6556
+ border-width: 0rem;
6133
6557
  border-style: solid;
6134
6558
  border-color: var(--border-base);
6135
6559
  --border-style: solid;
6136
6560
  --border-color: var(--border-base);
6137
6561
  }
6138
6562
  .border-1\@xs {
6139
- --border-size: 1px;
6140
- border-width: 1px;
6563
+ --border-size: 1rem;
6564
+ border-width: 1rem;
6141
6565
  border-style: solid;
6142
6566
  border-color: var(--border-base);
6143
6567
  --border-style: solid;
6144
6568
  --border-color: var(--border-base);
6145
6569
  }
6146
6570
  .border-2\@xs {
6147
- --border-size: 2px;
6148
- border-width: 2px;
6571
+ --border-size: 2rem;
6572
+ border-width: 2rem;
6149
6573
  border-style: solid;
6150
6574
  border-color: var(--border-base);
6151
6575
  --border-style: solid;
6152
6576
  --border-color: var(--border-base);
6153
6577
  }
6154
6578
  .border-4\@xs {
6155
- --border-size: 4px;
6156
- border-width: 4px;
6579
+ --border-size: 4rem;
6580
+ border-width: 4rem;
6157
6581
  border-style: solid;
6158
6582
  border-color: var(--border-base);
6159
6583
  --border-style: solid;
6160
6584
  --border-color: var(--border-base);
6161
6585
  }
6162
6586
  .border-8\@xs {
6163
- --border-size: 8px;
6164
- border-width: 8px;
6587
+ --border-size: 8rem;
6588
+ border-width: 8rem;
6165
6589
  border-style: solid;
6166
6590
  border-color: var(--border-base);
6167
6591
  --border-style: solid;
6168
6592
  --border-color: var(--border-base);
6169
6593
  }
6170
6594
  .border\@xs {
6171
- --border-size: 1px;
6172
- border-width: 1px;
6595
+ --border-size: 1rem;
6596
+ border-width: 1rem;
6173
6597
  border-style: solid;
6174
6598
  border-color: var(--border-base);
6175
6599
  --border-style: solid;
6176
6600
  --border-color: var(--border-base);
6177
6601
  }
6178
6602
  .border-0\@xs {
6179
- --border-size: 0px;
6180
- border-width: 0px;
6603
+ --border-size: 0rem;
6604
+ border-width: 0rem;
6181
6605
  border-style: solid;
6182
6606
  border-color: var(--border-base);
6183
6607
  --border-style: solid;
@@ -6202,16 +6626,16 @@ code {
6202
6626
  border-radius: 1.25rem;
6203
6627
  }
6204
6628
  .rounded-full\@xs {
6205
- border-radius: 50%;
6629
+ border-radius: 99in;
6206
6630
  }
6207
6631
  .rounded-none\@xs {
6208
- border-radius: 0px;
6632
+ border-radius: 0rem;
6209
6633
  }
6210
6634
  .rounded\@xs {
6211
6635
  border-radius: 0.5rem;
6212
6636
  }
6213
6637
  .square\@xs {
6214
- border-radius: 0px;
6638
+ border-radius: 0rem;
6215
6639
  }
6216
6640
  .pill\@xs {
6217
6641
  border-radius: 9999px;
@@ -6219,56 +6643,56 @@ code {
6219
6643
  }
6220
6644
  @media (min-width: 640px) {
6221
6645
  .border-0\@sm {
6222
- --border-size: 0px;
6223
- border-width: 0px;
6646
+ --border-size: 0rem;
6647
+ border-width: 0rem;
6224
6648
  border-style: solid;
6225
6649
  border-color: var(--border-base);
6226
6650
  --border-style: solid;
6227
6651
  --border-color: var(--border-base);
6228
6652
  }
6229
6653
  .border-1\@sm {
6230
- --border-size: 1px;
6231
- border-width: 1px;
6654
+ --border-size: 1rem;
6655
+ border-width: 1rem;
6232
6656
  border-style: solid;
6233
6657
  border-color: var(--border-base);
6234
6658
  --border-style: solid;
6235
6659
  --border-color: var(--border-base);
6236
6660
  }
6237
6661
  .border-2\@sm {
6238
- --border-size: 2px;
6239
- border-width: 2px;
6662
+ --border-size: 2rem;
6663
+ border-width: 2rem;
6240
6664
  border-style: solid;
6241
6665
  border-color: var(--border-base);
6242
6666
  --border-style: solid;
6243
6667
  --border-color: var(--border-base);
6244
6668
  }
6245
6669
  .border-4\@sm {
6246
- --border-size: 4px;
6247
- border-width: 4px;
6670
+ --border-size: 4rem;
6671
+ border-width: 4rem;
6248
6672
  border-style: solid;
6249
6673
  border-color: var(--border-base);
6250
6674
  --border-style: solid;
6251
6675
  --border-color: var(--border-base);
6252
6676
  }
6253
6677
  .border-8\@sm {
6254
- --border-size: 8px;
6255
- border-width: 8px;
6678
+ --border-size: 8rem;
6679
+ border-width: 8rem;
6256
6680
  border-style: solid;
6257
6681
  border-color: var(--border-base);
6258
6682
  --border-style: solid;
6259
6683
  --border-color: var(--border-base);
6260
6684
  }
6261
6685
  .border\@sm {
6262
- --border-size: 1px;
6263
- border-width: 1px;
6686
+ --border-size: 1rem;
6687
+ border-width: 1rem;
6264
6688
  border-style: solid;
6265
6689
  border-color: var(--border-base);
6266
6690
  --border-style: solid;
6267
6691
  --border-color: var(--border-base);
6268
6692
  }
6269
6693
  .border-0\@sm {
6270
- --border-size: 0px;
6271
- border-width: 0px;
6694
+ --border-size: 0rem;
6695
+ border-width: 0rem;
6272
6696
  border-style: solid;
6273
6697
  border-color: var(--border-base);
6274
6698
  --border-style: solid;
@@ -6293,16 +6717,16 @@ code {
6293
6717
  border-radius: 1.25rem;
6294
6718
  }
6295
6719
  .rounded-full\@sm {
6296
- border-radius: 50%;
6720
+ border-radius: 99in;
6297
6721
  }
6298
6722
  .rounded-none\@sm {
6299
- border-radius: 0px;
6723
+ border-radius: 0rem;
6300
6724
  }
6301
6725
  .rounded\@sm {
6302
6726
  border-radius: 0.5rem;
6303
6727
  }
6304
6728
  .square\@sm {
6305
- border-radius: 0px;
6729
+ border-radius: 0rem;
6306
6730
  }
6307
6731
  .pill\@sm {
6308
6732
  border-radius: 9999px;
@@ -6310,56 +6734,56 @@ code {
6310
6734
  }
6311
6735
  @media (min-width: 768px) {
6312
6736
  .border-0\@md {
6313
- --border-size: 0px;
6314
- border-width: 0px;
6737
+ --border-size: 0rem;
6738
+ border-width: 0rem;
6315
6739
  border-style: solid;
6316
6740
  border-color: var(--border-base);
6317
6741
  --border-style: solid;
6318
6742
  --border-color: var(--border-base);
6319
6743
  }
6320
6744
  .border-1\@md {
6321
- --border-size: 1px;
6322
- border-width: 1px;
6745
+ --border-size: 1rem;
6746
+ border-width: 1rem;
6323
6747
  border-style: solid;
6324
6748
  border-color: var(--border-base);
6325
6749
  --border-style: solid;
6326
6750
  --border-color: var(--border-base);
6327
6751
  }
6328
6752
  .border-2\@md {
6329
- --border-size: 2px;
6330
- border-width: 2px;
6753
+ --border-size: 2rem;
6754
+ border-width: 2rem;
6331
6755
  border-style: solid;
6332
6756
  border-color: var(--border-base);
6333
6757
  --border-style: solid;
6334
6758
  --border-color: var(--border-base);
6335
6759
  }
6336
6760
  .border-4\@md {
6337
- --border-size: 4px;
6338
- border-width: 4px;
6761
+ --border-size: 4rem;
6762
+ border-width: 4rem;
6339
6763
  border-style: solid;
6340
6764
  border-color: var(--border-base);
6341
6765
  --border-style: solid;
6342
6766
  --border-color: var(--border-base);
6343
6767
  }
6344
6768
  .border-8\@md {
6345
- --border-size: 8px;
6346
- border-width: 8px;
6769
+ --border-size: 8rem;
6770
+ border-width: 8rem;
6347
6771
  border-style: solid;
6348
6772
  border-color: var(--border-base);
6349
6773
  --border-style: solid;
6350
6774
  --border-color: var(--border-base);
6351
6775
  }
6352
6776
  .border\@md {
6353
- --border-size: 1px;
6354
- border-width: 1px;
6777
+ --border-size: 1rem;
6778
+ border-width: 1rem;
6355
6779
  border-style: solid;
6356
6780
  border-color: var(--border-base);
6357
6781
  --border-style: solid;
6358
6782
  --border-color: var(--border-base);
6359
6783
  }
6360
6784
  .border-0\@md {
6361
- --border-size: 0px;
6362
- border-width: 0px;
6785
+ --border-size: 0rem;
6786
+ border-width: 0rem;
6363
6787
  border-style: solid;
6364
6788
  border-color: var(--border-base);
6365
6789
  --border-style: solid;
@@ -6384,16 +6808,16 @@ code {
6384
6808
  border-radius: 1.25rem;
6385
6809
  }
6386
6810
  .rounded-full\@md {
6387
- border-radius: 50%;
6811
+ border-radius: 99in;
6388
6812
  }
6389
6813
  .rounded-none\@md {
6390
- border-radius: 0px;
6814
+ border-radius: 0rem;
6391
6815
  }
6392
6816
  .rounded\@md {
6393
6817
  border-radius: 0.5rem;
6394
6818
  }
6395
6819
  .square\@md {
6396
- border-radius: 0px;
6820
+ border-radius: 0rem;
6397
6821
  }
6398
6822
  .pill\@md {
6399
6823
  border-radius: 9999px;
@@ -6401,56 +6825,56 @@ code {
6401
6825
  }
6402
6826
  @media (min-width: 1024px) {
6403
6827
  .border-0\@lg {
6404
- --border-size: 0px;
6405
- border-width: 0px;
6828
+ --border-size: 0rem;
6829
+ border-width: 0rem;
6406
6830
  border-style: solid;
6407
6831
  border-color: var(--border-base);
6408
6832
  --border-style: solid;
6409
6833
  --border-color: var(--border-base);
6410
6834
  }
6411
6835
  .border-1\@lg {
6412
- --border-size: 1px;
6413
- border-width: 1px;
6836
+ --border-size: 1rem;
6837
+ border-width: 1rem;
6414
6838
  border-style: solid;
6415
6839
  border-color: var(--border-base);
6416
6840
  --border-style: solid;
6417
6841
  --border-color: var(--border-base);
6418
6842
  }
6419
6843
  .border-2\@lg {
6420
- --border-size: 2px;
6421
- border-width: 2px;
6844
+ --border-size: 2rem;
6845
+ border-width: 2rem;
6422
6846
  border-style: solid;
6423
6847
  border-color: var(--border-base);
6424
6848
  --border-style: solid;
6425
6849
  --border-color: var(--border-base);
6426
6850
  }
6427
6851
  .border-4\@lg {
6428
- --border-size: 4px;
6429
- border-width: 4px;
6852
+ --border-size: 4rem;
6853
+ border-width: 4rem;
6430
6854
  border-style: solid;
6431
6855
  border-color: var(--border-base);
6432
6856
  --border-style: solid;
6433
6857
  --border-color: var(--border-base);
6434
6858
  }
6435
6859
  .border-8\@lg {
6436
- --border-size: 8px;
6437
- border-width: 8px;
6860
+ --border-size: 8rem;
6861
+ border-width: 8rem;
6438
6862
  border-style: solid;
6439
6863
  border-color: var(--border-base);
6440
6864
  --border-style: solid;
6441
6865
  --border-color: var(--border-base);
6442
6866
  }
6443
6867
  .border\@lg {
6444
- --border-size: 1px;
6445
- border-width: 1px;
6868
+ --border-size: 1rem;
6869
+ border-width: 1rem;
6446
6870
  border-style: solid;
6447
6871
  border-color: var(--border-base);
6448
6872
  --border-style: solid;
6449
6873
  --border-color: var(--border-base);
6450
6874
  }
6451
6875
  .border-0\@lg {
6452
- --border-size: 0px;
6453
- border-width: 0px;
6876
+ --border-size: 0rem;
6877
+ border-width: 0rem;
6454
6878
  border-style: solid;
6455
6879
  border-color: var(--border-base);
6456
6880
  --border-style: solid;
@@ -6475,16 +6899,16 @@ code {
6475
6899
  border-radius: 1.25rem;
6476
6900
  }
6477
6901
  .rounded-full\@lg {
6478
- border-radius: 50%;
6902
+ border-radius: 99in;
6479
6903
  }
6480
6904
  .rounded-none\@lg {
6481
- border-radius: 0px;
6905
+ border-radius: 0rem;
6482
6906
  }
6483
6907
  .rounded\@lg {
6484
6908
  border-radius: 0.5rem;
6485
6909
  }
6486
6910
  .square\@lg {
6487
- border-radius: 0px;
6911
+ border-radius: 0rem;
6488
6912
  }
6489
6913
  .pill\@lg {
6490
6914
  border-radius: 9999px;
@@ -6492,56 +6916,56 @@ code {
6492
6916
  }
6493
6917
  @media (min-width: 1280px) {
6494
6918
  .border-0\@xl {
6495
- --border-size: 0px;
6496
- border-width: 0px;
6919
+ --border-size: 0rem;
6920
+ border-width: 0rem;
6497
6921
  border-style: solid;
6498
6922
  border-color: var(--border-base);
6499
6923
  --border-style: solid;
6500
6924
  --border-color: var(--border-base);
6501
6925
  }
6502
6926
  .border-1\@xl {
6503
- --border-size: 1px;
6504
- border-width: 1px;
6927
+ --border-size: 1rem;
6928
+ border-width: 1rem;
6505
6929
  border-style: solid;
6506
6930
  border-color: var(--border-base);
6507
6931
  --border-style: solid;
6508
6932
  --border-color: var(--border-base);
6509
6933
  }
6510
6934
  .border-2\@xl {
6511
- --border-size: 2px;
6512
- border-width: 2px;
6935
+ --border-size: 2rem;
6936
+ border-width: 2rem;
6513
6937
  border-style: solid;
6514
6938
  border-color: var(--border-base);
6515
6939
  --border-style: solid;
6516
6940
  --border-color: var(--border-base);
6517
6941
  }
6518
6942
  .border-4\@xl {
6519
- --border-size: 4px;
6520
- border-width: 4px;
6943
+ --border-size: 4rem;
6944
+ border-width: 4rem;
6521
6945
  border-style: solid;
6522
6946
  border-color: var(--border-base);
6523
6947
  --border-style: solid;
6524
6948
  --border-color: var(--border-base);
6525
6949
  }
6526
6950
  .border-8\@xl {
6527
- --border-size: 8px;
6528
- border-width: 8px;
6951
+ --border-size: 8rem;
6952
+ border-width: 8rem;
6529
6953
  border-style: solid;
6530
6954
  border-color: var(--border-base);
6531
6955
  --border-style: solid;
6532
6956
  --border-color: var(--border-base);
6533
6957
  }
6534
6958
  .border\@xl {
6535
- --border-size: 1px;
6536
- border-width: 1px;
6959
+ --border-size: 1rem;
6960
+ border-width: 1rem;
6537
6961
  border-style: solid;
6538
6962
  border-color: var(--border-base);
6539
6963
  --border-style: solid;
6540
6964
  --border-color: var(--border-base);
6541
6965
  }
6542
6966
  .border-0\@xl {
6543
- --border-size: 0px;
6544
- border-width: 0px;
6967
+ --border-size: 0rem;
6968
+ border-width: 0rem;
6545
6969
  border-style: solid;
6546
6970
  border-color: var(--border-base);
6547
6971
  --border-style: solid;
@@ -6566,16 +6990,16 @@ code {
6566
6990
  border-radius: 1.25rem;
6567
6991
  }
6568
6992
  .rounded-full\@xl {
6569
- border-radius: 50%;
6993
+ border-radius: 99in;
6570
6994
  }
6571
6995
  .rounded-none\@xl {
6572
- border-radius: 0px;
6996
+ border-radius: 0rem;
6573
6997
  }
6574
6998
  .rounded\@xl {
6575
6999
  border-radius: 0.5rem;
6576
7000
  }
6577
7001
  .square\@xl {
6578
- border-radius: 0px;
7002
+ border-radius: 0rem;
6579
7003
  }
6580
7004
  .pill\@xl {
6581
7005
  border-radius: 9999px;
@@ -6583,56 +7007,56 @@ code {
6583
7007
  }
6584
7008
  @media (min-width: 1536px) {
6585
7009
  .border-0\@2xl {
6586
- --border-size: 0px;
6587
- border-width: 0px;
7010
+ --border-size: 0rem;
7011
+ border-width: 0rem;
6588
7012
  border-style: solid;
6589
7013
  border-color: var(--border-base);
6590
7014
  --border-style: solid;
6591
7015
  --border-color: var(--border-base);
6592
7016
  }
6593
7017
  .border-1\@2xl {
6594
- --border-size: 1px;
6595
- border-width: 1px;
7018
+ --border-size: 1rem;
7019
+ border-width: 1rem;
6596
7020
  border-style: solid;
6597
7021
  border-color: var(--border-base);
6598
7022
  --border-style: solid;
6599
7023
  --border-color: var(--border-base);
6600
7024
  }
6601
7025
  .border-2\@2xl {
6602
- --border-size: 2px;
6603
- border-width: 2px;
7026
+ --border-size: 2rem;
7027
+ border-width: 2rem;
6604
7028
  border-style: solid;
6605
7029
  border-color: var(--border-base);
6606
7030
  --border-style: solid;
6607
7031
  --border-color: var(--border-base);
6608
7032
  }
6609
7033
  .border-4\@2xl {
6610
- --border-size: 4px;
6611
- border-width: 4px;
7034
+ --border-size: 4rem;
7035
+ border-width: 4rem;
6612
7036
  border-style: solid;
6613
7037
  border-color: var(--border-base);
6614
7038
  --border-style: solid;
6615
7039
  --border-color: var(--border-base);
6616
7040
  }
6617
7041
  .border-8\@2xl {
6618
- --border-size: 8px;
6619
- border-width: 8px;
7042
+ --border-size: 8rem;
7043
+ border-width: 8rem;
6620
7044
  border-style: solid;
6621
7045
  border-color: var(--border-base);
6622
7046
  --border-style: solid;
6623
7047
  --border-color: var(--border-base);
6624
7048
  }
6625
7049
  .border\@2xl {
6626
- --border-size: 1px;
6627
- border-width: 1px;
7050
+ --border-size: 1rem;
7051
+ border-width: 1rem;
6628
7052
  border-style: solid;
6629
7053
  border-color: var(--border-base);
6630
7054
  --border-style: solid;
6631
7055
  --border-color: var(--border-base);
6632
7056
  }
6633
7057
  .border-0\@2xl {
6634
- --border-size: 0px;
6635
- border-width: 0px;
7058
+ --border-size: 0rem;
7059
+ border-width: 0rem;
6636
7060
  border-style: solid;
6637
7061
  border-color: var(--border-base);
6638
7062
  --border-style: solid;
@@ -6657,45 +7081,21 @@ code {
6657
7081
  border-radius: 1.25rem;
6658
7082
  }
6659
7083
  .rounded-full\@2xl {
6660
- border-radius: 50%;
7084
+ border-radius: 99in;
6661
7085
  }
6662
7086
  .rounded-none\@2xl {
6663
- border-radius: 0px;
7087
+ border-radius: 0rem;
6664
7088
  }
6665
7089
  .rounded\@2xl {
6666
7090
  border-radius: 0.5rem;
6667
7091
  }
6668
7092
  .square\@2xl {
6669
- border-radius: 0px;
7093
+ border-radius: 0rem;
6670
7094
  }
6671
7095
  .pill\@2xl {
6672
7096
  border-radius: 9999px;
6673
7097
  }
6674
7098
  }
6675
- .container-inline-size {
6676
- container-type: inline-size;
6677
- }
6678
-
6679
- .container-size {
6680
- container-type: size;
6681
- }
6682
-
6683
- .container-main {
6684
- container-name: "main";
6685
- }
6686
-
6687
- .container-sidebar {
6688
- container-name: "sidebar";
6689
- }
6690
-
6691
- .container-card {
6692
- container-name: "card";
6693
- }
6694
-
6695
- .container-section {
6696
- container-name: "section";
6697
- }
6698
-
6699
7099
  .cursor-auto {
6700
7100
  cursor: auto;
6701
7101
  }
@@ -9668,29 +10068,29 @@ code {
9668
10068
  .w-0,
9669
10069
  .hover\:w-0:hover,
9670
10070
  .group:hover .group-hover\:w-0 {
9671
- width: 0px;
10071
+ width: 0rem;
9672
10072
  }
9673
10073
 
9674
10074
  .h-0,
9675
10075
  .hover\:h-0:hover,
9676
10076
  .group:hover .group-hover\:h-0 {
9677
- height: 0px;
10077
+ height: 0rem;
9678
10078
  }
9679
10079
 
9680
10080
  .min-w-0 {
9681
- min-width: 0px;
10081
+ min-width: 0rem;
9682
10082
  }
9683
10083
 
9684
10084
  .min-h-0 {
9685
- min-height: 0px;
10085
+ min-height: 0rem;
9686
10086
  }
9687
10087
 
9688
10088
  .max-w-0 {
9689
- max-width: 0px;
10089
+ max-width: 0rem;
9690
10090
  }
9691
10091
 
9692
10092
  .max-h-0 {
9693
- max-height: 0px;
10093
+ max-height: 0rem;
9694
10094
  }
9695
10095
 
9696
10096
  .w-1,
@@ -10569,24 +10969,24 @@ code {
10569
10969
  .w-0\@xs,
10570
10970
  .hover\:w-0\@xs:hover,
10571
10971
  .group:hover .group-hover\:w-0\@xs {
10572
- width: 0px;
10972
+ width: 0rem;
10573
10973
  }
10574
10974
  .h-0\@xs,
10575
10975
  .hover\:h-0\@xs:hover,
10576
10976
  .group:hover .group-hover\:h-0\@xs {
10577
- height: 0px;
10977
+ height: 0rem;
10578
10978
  }
10579
10979
  .min-w-0\@xs {
10580
- min-width: 0px;
10980
+ min-width: 0rem;
10581
10981
  }
10582
10982
  .min-h-0\@xs {
10583
- min-height: 0px;
10983
+ min-height: 0rem;
10584
10984
  }
10585
10985
  .max-w-0\@xs {
10586
- max-width: 0px;
10986
+ max-width: 0rem;
10587
10987
  }
10588
10988
  .max-h-0\@xs {
10589
- max-height: 0px;
10989
+ max-height: 0rem;
10590
10990
  }
10591
10991
  .w-1\@xs,
10592
10992
  .hover\:w-1\@xs:hover,
@@ -11363,24 +11763,24 @@ code {
11363
11763
  .w-0\@sm,
11364
11764
  .hover\:w-0\@sm:hover,
11365
11765
  .group:hover .group-hover\:w-0\@sm {
11366
- width: 0px;
11766
+ width: 0rem;
11367
11767
  }
11368
11768
  .h-0\@sm,
11369
11769
  .hover\:h-0\@sm:hover,
11370
11770
  .group:hover .group-hover\:h-0\@sm {
11371
- height: 0px;
11771
+ height: 0rem;
11372
11772
  }
11373
11773
  .min-w-0\@sm {
11374
- min-width: 0px;
11774
+ min-width: 0rem;
11375
11775
  }
11376
11776
  .min-h-0\@sm {
11377
- min-height: 0px;
11777
+ min-height: 0rem;
11378
11778
  }
11379
11779
  .max-w-0\@sm {
11380
- max-width: 0px;
11780
+ max-width: 0rem;
11381
11781
  }
11382
11782
  .max-h-0\@sm {
11383
- max-height: 0px;
11783
+ max-height: 0rem;
11384
11784
  }
11385
11785
  .w-1\@sm,
11386
11786
  .hover\:w-1\@sm:hover,
@@ -12157,24 +12557,24 @@ code {
12157
12557
  .w-0\@md,
12158
12558
  .hover\:w-0\@md:hover,
12159
12559
  .group:hover .group-hover\:w-0\@md {
12160
- width: 0px;
12560
+ width: 0rem;
12161
12561
  }
12162
12562
  .h-0\@md,
12163
12563
  .hover\:h-0\@md:hover,
12164
12564
  .group:hover .group-hover\:h-0\@md {
12165
- height: 0px;
12565
+ height: 0rem;
12166
12566
  }
12167
12567
  .min-w-0\@md {
12168
- min-width: 0px;
12568
+ min-width: 0rem;
12169
12569
  }
12170
12570
  .min-h-0\@md {
12171
- min-height: 0px;
12571
+ min-height: 0rem;
12172
12572
  }
12173
12573
  .max-w-0\@md {
12174
- max-width: 0px;
12574
+ max-width: 0rem;
12175
12575
  }
12176
12576
  .max-h-0\@md {
12177
- max-height: 0px;
12577
+ max-height: 0rem;
12178
12578
  }
12179
12579
  .w-1\@md,
12180
12580
  .hover\:w-1\@md:hover,
@@ -12951,24 +13351,24 @@ code {
12951
13351
  .w-0\@lg,
12952
13352
  .hover\:w-0\@lg:hover,
12953
13353
  .group:hover .group-hover\:w-0\@lg {
12954
- width: 0px;
13354
+ width: 0rem;
12955
13355
  }
12956
13356
  .h-0\@lg,
12957
13357
  .hover\:h-0\@lg:hover,
12958
13358
  .group:hover .group-hover\:h-0\@lg {
12959
- height: 0px;
13359
+ height: 0rem;
12960
13360
  }
12961
13361
  .min-w-0\@lg {
12962
- min-width: 0px;
13362
+ min-width: 0rem;
12963
13363
  }
12964
13364
  .min-h-0\@lg {
12965
- min-height: 0px;
13365
+ min-height: 0rem;
12966
13366
  }
12967
13367
  .max-w-0\@lg {
12968
- max-width: 0px;
13368
+ max-width: 0rem;
12969
13369
  }
12970
13370
  .max-h-0\@lg {
12971
- max-height: 0px;
13371
+ max-height: 0rem;
12972
13372
  }
12973
13373
  .w-1\@lg,
12974
13374
  .hover\:w-1\@lg:hover,
@@ -13745,24 +14145,24 @@ code {
13745
14145
  .w-0\@xl,
13746
14146
  .hover\:w-0\@xl:hover,
13747
14147
  .group:hover .group-hover\:w-0\@xl {
13748
- width: 0px;
14148
+ width: 0rem;
13749
14149
  }
13750
14150
  .h-0\@xl,
13751
14151
  .hover\:h-0\@xl:hover,
13752
14152
  .group:hover .group-hover\:h-0\@xl {
13753
- height: 0px;
14153
+ height: 0rem;
13754
14154
  }
13755
14155
  .min-w-0\@xl {
13756
- min-width: 0px;
14156
+ min-width: 0rem;
13757
14157
  }
13758
14158
  .min-h-0\@xl {
13759
- min-height: 0px;
14159
+ min-height: 0rem;
13760
14160
  }
13761
14161
  .max-w-0\@xl {
13762
- max-width: 0px;
14162
+ max-width: 0rem;
13763
14163
  }
13764
14164
  .max-h-0\@xl {
13765
- max-height: 0px;
14165
+ max-height: 0rem;
13766
14166
  }
13767
14167
  .w-1\@xl,
13768
14168
  .hover\:w-1\@xl:hover,
@@ -14539,24 +14939,24 @@ code {
14539
14939
  .w-0\@2xl,
14540
14940
  .hover\:w-0\@2xl:hover,
14541
14941
  .group:hover .group-hover\:w-0\@2xl {
14542
- width: 0px;
14942
+ width: 0rem;
14543
14943
  }
14544
14944
  .h-0\@2xl,
14545
14945
  .hover\:h-0\@2xl:hover,
14546
14946
  .group:hover .group-hover\:h-0\@2xl {
14547
- height: 0px;
14947
+ height: 0rem;
14548
14948
  }
14549
14949
  .min-w-0\@2xl {
14550
- min-width: 0px;
14950
+ min-width: 0rem;
14551
14951
  }
14552
14952
  .min-h-0\@2xl {
14553
- min-height: 0px;
14953
+ min-height: 0rem;
14554
14954
  }
14555
14955
  .max-w-0\@2xl {
14556
- max-width: 0px;
14956
+ max-width: 0rem;
14557
14957
  }
14558
14958
  .max-h-0\@2xl {
14559
- max-height: 0px;
14959
+ max-height: 0rem;
14560
14960
  }
14561
14961
  .w-1\@2xl,
14562
14962
  .hover\:w-1\@2xl:hover,
@@ -14933,193 +15333,6 @@ code {
14933
15333
  max-height: 16rem;
14934
15334
  }
14935
15335
  }
14936
- :root {
14937
- --tooltip-bg: rgba(17 17 17 / 90%);
14938
- --tooltip-shadow-color: rgb(0 0 0 / 20%);
14939
- --tooltip-text-color: #fff;
14940
- --microtip-transition-duration: 0.18s;
14941
- --microtip-transition-easing: ease-in-out;
14942
- --microtip-transition-delay: 0s;
14943
- --microtip-font-size: 13px;
14944
- --microtip-font-weight: normal;
14945
- --microtip-text-transform: none;
14946
- --tooltip-small-width: 80px;
14947
- --tooltip-medium-width: 150px;
14948
- --tooltip-large-width: 260px;
14949
- --tooltip-border-radius: 4px;
14950
- }
14951
-
14952
- [data-tooltip][role~=tooltip] {
14953
- position: relative;
14954
- }
14955
- [data-tooltip][role~=tooltip]::before, [data-tooltip][role~=tooltip]::after {
14956
- transform: translate3d(0, 0, 0);
14957
- backface-visibility: hidden;
14958
- will-change: transform;
14959
- opacity: 0;
14960
- pointer-events: none;
14961
- transition: all var(--microtip-transition-duration) var(--microtip-transition-easing) var(--microtip-transition-delay);
14962
- position: absolute;
14963
- box-sizing: border-box;
14964
- z-index: 10;
14965
- transform-origin: top;
14966
- }
14967
- [data-tooltip][role~=tooltip]::before {
14968
- background-size: 100% auto !important;
14969
- content: "";
14970
- }
14971
- [data-tooltip][role~=tooltip]::after {
14972
- background: var(--tooltip-bg);
14973
- box-shadow: 0 3px 7px var(--tooltip-shadow-color);
14974
- border-radius: var(--tooltip-border-radius);
14975
- color: var(--tooltip-text-color);
14976
- content: attr(data-tooltip);
14977
- font-size: var(--microtip-font-size);
14978
- font-weight: var(--microtip-font-weight);
14979
- text-transform: var(--microtip-text-transform);
14980
- padding: 0.5em 1em;
14981
- white-space: nowrap;
14982
- box-sizing: content-box;
14983
- }
14984
- [data-tooltip][role~=tooltip]:hover::before, [data-tooltip][role~=tooltip]:hover::after, [data-tooltip][role~=tooltip]:focus::before, [data-tooltip][role~=tooltip]:focus::after {
14985
- opacity: 1;
14986
- pointer-events: auto;
14987
- }
14988
-
14989
- [role~=tooltip][data-microtip-position|=top]::before {
14990
- background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A// www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
14991
- height: 6px;
14992
- width: 18px;
14993
- margin-bottom: 6px;
14994
- transform: translate3d(-50%, 0, 0);
14995
- bottom: 100%;
14996
- left: 50%;
14997
- }
14998
- [role~=tooltip][data-microtip-position|=top]::after {
14999
- margin-bottom: 11px;
15000
- transform: translate3d(-50%, 0, 0);
15001
- bottom: 100%;
15002
- left: 50%;
15003
- }
15004
- [role~=tooltip][data-microtip-position|=top]:hover::before {
15005
- transform: translate3d(-50%, -5px, 0);
15006
- }
15007
- [role~=tooltip][data-microtip-position|=top]:hover::after {
15008
- transform: translate3d(-50%, -5px, 0);
15009
- }
15010
-
15011
- [role~=tooltip][data-microtip-position=top-left]::after {
15012
- transform: translate3d(calc(-100% + 16px), 0, 0);
15013
- bottom: 100%;
15014
- }
15015
- [role~=tooltip][data-microtip-position=top-left]:hover::after {
15016
- transform: translate3d(calc(-100% + 16px), -5px, 0);
15017
- }
15018
-
15019
- [role~=tooltip][data-microtip-position=top-right]::after {
15020
- transform: translate3d(calc(0% - 16px), 0, 0);
15021
- bottom: 100%;
15022
- }
15023
- [role~=tooltip][data-microtip-position=top-right]:hover::after {
15024
- transform: translate3d(calc(0% - 16px), -5px, 0);
15025
- }
15026
-
15027
- [role~=tooltip][data-microtip-position|=bottom]::before {
15028
- background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A// www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
15029
- height: 6px;
15030
- width: 18px;
15031
- margin-top: 5px;
15032
- margin-bottom: 0;
15033
- transform: translate3d(-50%, -10px, 0);
15034
- bottom: auto;
15035
- left: 50%;
15036
- top: 100%;
15037
- }
15038
- [role~=tooltip][data-microtip-position|=bottom]::after {
15039
- margin-top: 11px;
15040
- transform: translate3d(-50%, -10px, 0);
15041
- top: 100%;
15042
- left: 50%;
15043
- }
15044
- [role~=tooltip][data-microtip-position|=bottom]:hover::before {
15045
- transform: translate3d(-50%, 0, 0);
15046
- }
15047
- [role~=tooltip][data-microtip-position|=bottom]:hover::after {
15048
- transform: translate3d(-50%, 0, 0);
15049
- }
15050
-
15051
- [role~=tooltip][data-microtip-position=bottom-left]::after {
15052
- transform: translate3d(calc(-100% + 16px), -10px, 0);
15053
- top: 100%;
15054
- }
15055
- [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
15056
- transform: translate3d(calc(-100% + 16px), 0, 0);
15057
- }
15058
-
15059
- [role~=tooltip][data-microtip-position=bottom-right]::after {
15060
- transform: translate3d(calc(0% - 16px), -10px, 0);
15061
- top: 100%;
15062
- }
15063
- [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
15064
- transform: translate3d(calc(0% - 16px), 0, 0);
15065
- }
15066
-
15067
- [role~=tooltip][data-microtip-position=left]::before, [role~=tooltip][data-microtip-position=left]::after {
15068
- inset: auto auto auto 100%;
15069
- left: auto;
15070
- right: 100%;
15071
- top: 50%;
15072
- transform: translate3d(10px, -50%, 0);
15073
- }
15074
- [role~=tooltip][data-microtip-position=left]::before {
15075
- background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A// www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
15076
- height: 18px;
15077
- width: 6px;
15078
- margin-right: 5px;
15079
- margin-bottom: 0;
15080
- }
15081
- [role~=tooltip][data-microtip-position=left]::after {
15082
- margin-right: 11px;
15083
- }
15084
- [role~=tooltip][data-microtip-position=left]:hover::before, [role~=tooltip][data-microtip-position=left]:hover::after {
15085
- transform: translate3d(0, -50%, 0);
15086
- }
15087
-
15088
- [role~=tooltip][data-microtip-position=right]::before, [role~=tooltip][data-microtip-position=right]::after {
15089
- bottom: auto;
15090
- left: 100%;
15091
- top: 50%;
15092
- transform: translate3d(-10px, -50%, 0);
15093
- }
15094
- [role~=tooltip][data-microtip-position=right]::before {
15095
- background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A// www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
15096
- height: 18px;
15097
- width: 6px;
15098
- margin-bottom: 0;
15099
- margin-left: 5px;
15100
- }
15101
- [role~=tooltip][data-microtip-position=right]::after {
15102
- margin-left: 11px;
15103
- }
15104
- [role~=tooltip][data-microtip-position=right]:hover::before, [role~=tooltip][data-microtip-position=right]:hover::after {
15105
- transform: translate3d(0, -50%, 0);
15106
- }
15107
-
15108
- [role~=tooltip][data-microtip-size=small]::after {
15109
- white-space: initial;
15110
- width: var(--tooltip-small-width);
15111
- }
15112
-
15113
- [role~=tooltip][data-microtip-size=medium]::after {
15114
- white-space: initial;
15115
- width: var(--tooltip-medium-width);
15116
- }
15117
-
15118
- [role~=tooltip][data-microtip-size=large]::after {
15119
- white-space: initial;
15120
- width: var(--tooltip-large-width);
15121
- }
15122
-
15123
15336
  .translate-x-0,
15124
15337
  .hover\:translate-x-0:hover,
15125
15338
  .group:hover .group-hover\:translate-x-0 {
@@ -22952,96 +23165,96 @@ code {
22952
23165
  }
22953
23166
 
22954
23167
  .p-0 {
22955
- padding: 0px;
23168
+ padding: 0rem;
22956
23169
  }
22957
23170
 
22958
23171
  .px-0 {
22959
- padding-inline: 0px;
23172
+ padding-inline: 0rem;
22960
23173
  }
22961
23174
 
22962
23175
  .py-0 {
22963
- padding-block: 0px;
23176
+ padding-block: 0rem;
22964
23177
  }
22965
23178
 
22966
23179
  .pt-0 {
22967
- padding-top: 0px;
23180
+ padding-top: 0rem;
22968
23181
  }
22969
23182
 
22970
23183
  .pr-0 {
22971
- padding-right: 0px;
23184
+ padding-right: 0rem;
22972
23185
  }
22973
23186
 
22974
23187
  .pb-0 {
22975
- padding-bottom: 0px;
23188
+ padding-bottom: 0rem;
22976
23189
  }
22977
23190
 
22978
23191
  .pl-0 {
22979
- padding-left: 0px;
23192
+ padding-left: 0rem;
22980
23193
  }
22981
23194
 
22982
23195
  .m-0 {
22983
- margin: 0px;
23196
+ margin: 0rem;
22984
23197
  }
22985
23198
 
22986
23199
  .mx-0 {
22987
- margin-inline: 0px;
23200
+ margin-inline: 0rem;
22988
23201
  }
22989
23202
 
22990
23203
  .my-0 {
22991
- margin-block: 0px;
23204
+ margin-block: 0rem;
22992
23205
  }
22993
23206
 
22994
23207
  .mt-0 {
22995
- margin-top: 0px;
23208
+ margin-top: 0rem;
22996
23209
  }
22997
23210
 
22998
23211
  .mr-0 {
22999
- margin-right: 0px;
23212
+ margin-right: 0rem;
23000
23213
  }
23001
23214
 
23002
23215
  .mb-0 {
23003
- margin-bottom: 0px;
23216
+ margin-bottom: 0rem;
23004
23217
  }
23005
23218
 
23006
23219
  .ml-0 {
23007
- margin-left: 0px;
23220
+ margin-left: 0rem;
23008
23221
  }
23009
23222
 
23010
23223
  .gap-0 {
23011
- gap: 0px;
23012
- --flex-gap: 0px;
23224
+ gap: 0rem;
23225
+ --flex-gap: 0rem;
23013
23226
  }
23014
23227
 
23015
23228
  .gap-x-0 {
23016
- column-gap: 0px;
23017
- --flex-gap: 0px;
23229
+ column-gap: 0rem;
23230
+ --flex-gap: 0rem;
23018
23231
  }
23019
23232
 
23020
23233
  .gap-y-0 {
23021
- row-gap: 0px;
23022
- --flex-gap: 0px;
23234
+ row-gap: 0rem;
23235
+ --flex-gap: 0rem;
23023
23236
  }
23024
23237
 
23025
23238
  .space-x-0 > * + * {
23026
- margin-left: 0px;
23239
+ margin-left: 0rem;
23027
23240
  }
23028
23241
 
23029
23242
  .space-y-0 > * + * {
23030
- margin-top: 0px;
23243
+ margin-top: 0rem;
23031
23244
  }
23032
23245
 
23033
23246
  .inset-0 {
23034
- inset: 0px;
23247
+ inset: 0rem;
23035
23248
  }
23036
23249
 
23037
23250
  .inset-x-0 {
23038
- left: 0px;
23039
- right: 0px;
23251
+ left: 0rem;
23252
+ right: 0rem;
23040
23253
  }
23041
23254
 
23042
23255
  .inset-y-0 {
23043
- top: 0px;
23044
- bottom: 0px;
23256
+ top: 0rem;
23257
+ bottom: 0rem;
23045
23258
  }
23046
23259
 
23047
23260
  .p-1 {
@@ -24648,46 +24861,46 @@ code {
24648
24861
  bottom: auto;
24649
24862
  }
24650
24863
  .p-0\@xs {
24651
- padding: 0px;
24864
+ padding: 0rem;
24652
24865
  }
24653
24866
  .px-0\@xs {
24654
- padding-inline: 0px;
24867
+ padding-inline: 0rem;
24655
24868
  }
24656
24869
  .py-0\@xs {
24657
- padding-block: 0px;
24870
+ padding-block: 0rem;
24658
24871
  }
24659
24872
  .pt-0\@xs {
24660
- padding-top: 0px;
24873
+ padding-top: 0rem;
24661
24874
  }
24662
24875
  .pr-0\@xs {
24663
- padding-right: 0px;
24876
+ padding-right: 0rem;
24664
24877
  }
24665
24878
  .pb-0\@xs {
24666
- padding-bottom: 0px;
24879
+ padding-bottom: 0rem;
24667
24880
  }
24668
24881
  .pl-0\@xs {
24669
- padding-left: 0px;
24882
+ padding-left: 0rem;
24670
24883
  }
24671
24884
  .m-0\@xs {
24672
- margin: 0px;
24885
+ margin: 0rem;
24673
24886
  }
24674
24887
  .mx-0\@xs {
24675
- margin-inline: 0px;
24888
+ margin-inline: 0rem;
24676
24889
  }
24677
24890
  .my-0\@xs {
24678
- margin-block: 0px;
24891
+ margin-block: 0rem;
24679
24892
  }
24680
24893
  .mt-0\@xs {
24681
- margin-top: 0px;
24894
+ margin-top: 0rem;
24682
24895
  }
24683
24896
  .mr-0\@xs {
24684
- margin-right: 0px;
24897
+ margin-right: 0rem;
24685
24898
  }
24686
24899
  .mb-0\@xs {
24687
- margin-bottom: 0px;
24900
+ margin-bottom: 0rem;
24688
24901
  }
24689
24902
  .ml-0\@xs {
24690
- margin-left: 0px;
24903
+ margin-left: 0rem;
24691
24904
  }
24692
24905
  .gap-0\@xs {
24693
24906
  gap: 0;
@@ -24699,21 +24912,21 @@ code {
24699
24912
  row-gap: 0;
24700
24913
  }
24701
24914
  .space-x-0\@xs > * + * {
24702
- margin-left: 0px;
24915
+ margin-left: 0rem;
24703
24916
  }
24704
24917
  .space-y-0\@xs > * + * {
24705
- margin-top: 0px;
24918
+ margin-top: 0rem;
24706
24919
  }
24707
24920
  .inset-0\@xs {
24708
- inset: 0px;
24921
+ inset: 0rem;
24709
24922
  }
24710
24923
  .inset-x-0\@xs {
24711
- left: 0px;
24712
- right: 0px;
24924
+ left: 0rem;
24925
+ right: 0rem;
24713
24926
  }
24714
24927
  .inset-y-0\@xs {
24715
- top: 0px;
24716
- bottom: 0px;
24928
+ top: 0rem;
24929
+ bottom: 0rem;
24717
24930
  }
24718
24931
  .p-1\@xs {
24719
24932
  padding: 0.25rem;
@@ -25895,46 +26108,46 @@ code {
25895
26108
  bottom: auto;
25896
26109
  }
25897
26110
  .p-0\@sm {
25898
- padding: 0px;
26111
+ padding: 0rem;
25899
26112
  }
25900
26113
  .px-0\@sm {
25901
- padding-inline: 0px;
26114
+ padding-inline: 0rem;
25902
26115
  }
25903
26116
  .py-0\@sm {
25904
- padding-block: 0px;
26117
+ padding-block: 0rem;
25905
26118
  }
25906
26119
  .pt-0\@sm {
25907
- padding-top: 0px;
26120
+ padding-top: 0rem;
25908
26121
  }
25909
26122
  .pr-0\@sm {
25910
- padding-right: 0px;
26123
+ padding-right: 0rem;
25911
26124
  }
25912
26125
  .pb-0\@sm {
25913
- padding-bottom: 0px;
26126
+ padding-bottom: 0rem;
25914
26127
  }
25915
26128
  .pl-0\@sm {
25916
- padding-left: 0px;
26129
+ padding-left: 0rem;
25917
26130
  }
25918
26131
  .m-0\@sm {
25919
- margin: 0px;
26132
+ margin: 0rem;
25920
26133
  }
25921
26134
  .mx-0\@sm {
25922
- margin-inline: 0px;
26135
+ margin-inline: 0rem;
25923
26136
  }
25924
26137
  .my-0\@sm {
25925
- margin-block: 0px;
26138
+ margin-block: 0rem;
25926
26139
  }
25927
26140
  .mt-0\@sm {
25928
- margin-top: 0px;
26141
+ margin-top: 0rem;
25929
26142
  }
25930
26143
  .mr-0\@sm {
25931
- margin-right: 0px;
26144
+ margin-right: 0rem;
25932
26145
  }
25933
26146
  .mb-0\@sm {
25934
- margin-bottom: 0px;
26147
+ margin-bottom: 0rem;
25935
26148
  }
25936
26149
  .ml-0\@sm {
25937
- margin-left: 0px;
26150
+ margin-left: 0rem;
25938
26151
  }
25939
26152
  .gap-0\@sm {
25940
26153
  gap: 0;
@@ -25946,21 +26159,21 @@ code {
25946
26159
  row-gap: 0;
25947
26160
  }
25948
26161
  .space-x-0\@sm > * + * {
25949
- margin-left: 0px;
26162
+ margin-left: 0rem;
25950
26163
  }
25951
26164
  .space-y-0\@sm > * + * {
25952
- margin-top: 0px;
26165
+ margin-top: 0rem;
25953
26166
  }
25954
26167
  .inset-0\@sm {
25955
- inset: 0px;
26168
+ inset: 0rem;
25956
26169
  }
25957
26170
  .inset-x-0\@sm {
25958
- left: 0px;
25959
- right: 0px;
26171
+ left: 0rem;
26172
+ right: 0rem;
25960
26173
  }
25961
26174
  .inset-y-0\@sm {
25962
- top: 0px;
25963
- bottom: 0px;
26175
+ top: 0rem;
26176
+ bottom: 0rem;
25964
26177
  }
25965
26178
  .p-1\@sm {
25966
26179
  padding: 0.25rem;
@@ -27142,46 +27355,46 @@ code {
27142
27355
  bottom: auto;
27143
27356
  }
27144
27357
  .p-0\@md {
27145
- padding: 0px;
27358
+ padding: 0rem;
27146
27359
  }
27147
27360
  .px-0\@md {
27148
- padding-inline: 0px;
27361
+ padding-inline: 0rem;
27149
27362
  }
27150
27363
  .py-0\@md {
27151
- padding-block: 0px;
27364
+ padding-block: 0rem;
27152
27365
  }
27153
27366
  .pt-0\@md {
27154
- padding-top: 0px;
27367
+ padding-top: 0rem;
27155
27368
  }
27156
27369
  .pr-0\@md {
27157
- padding-right: 0px;
27370
+ padding-right: 0rem;
27158
27371
  }
27159
27372
  .pb-0\@md {
27160
- padding-bottom: 0px;
27373
+ padding-bottom: 0rem;
27161
27374
  }
27162
27375
  .pl-0\@md {
27163
- padding-left: 0px;
27376
+ padding-left: 0rem;
27164
27377
  }
27165
27378
  .m-0\@md {
27166
- margin: 0px;
27379
+ margin: 0rem;
27167
27380
  }
27168
27381
  .mx-0\@md {
27169
- margin-inline: 0px;
27382
+ margin-inline: 0rem;
27170
27383
  }
27171
27384
  .my-0\@md {
27172
- margin-block: 0px;
27385
+ margin-block: 0rem;
27173
27386
  }
27174
27387
  .mt-0\@md {
27175
- margin-top: 0px;
27388
+ margin-top: 0rem;
27176
27389
  }
27177
27390
  .mr-0\@md {
27178
- margin-right: 0px;
27391
+ margin-right: 0rem;
27179
27392
  }
27180
27393
  .mb-0\@md {
27181
- margin-bottom: 0px;
27394
+ margin-bottom: 0rem;
27182
27395
  }
27183
27396
  .ml-0\@md {
27184
- margin-left: 0px;
27397
+ margin-left: 0rem;
27185
27398
  }
27186
27399
  .gap-0\@md {
27187
27400
  gap: 0;
@@ -27193,21 +27406,21 @@ code {
27193
27406
  row-gap: 0;
27194
27407
  }
27195
27408
  .space-x-0\@md > * + * {
27196
- margin-left: 0px;
27409
+ margin-left: 0rem;
27197
27410
  }
27198
27411
  .space-y-0\@md > * + * {
27199
- margin-top: 0px;
27412
+ margin-top: 0rem;
27200
27413
  }
27201
27414
  .inset-0\@md {
27202
- inset: 0px;
27415
+ inset: 0rem;
27203
27416
  }
27204
27417
  .inset-x-0\@md {
27205
- left: 0px;
27206
- right: 0px;
27418
+ left: 0rem;
27419
+ right: 0rem;
27207
27420
  }
27208
27421
  .inset-y-0\@md {
27209
- top: 0px;
27210
- bottom: 0px;
27422
+ top: 0rem;
27423
+ bottom: 0rem;
27211
27424
  }
27212
27425
  .p-1\@md {
27213
27426
  padding: 0.25rem;
@@ -28389,46 +28602,46 @@ code {
28389
28602
  bottom: auto;
28390
28603
  }
28391
28604
  .p-0\@lg {
28392
- padding: 0px;
28605
+ padding: 0rem;
28393
28606
  }
28394
28607
  .px-0\@lg {
28395
- padding-inline: 0px;
28608
+ padding-inline: 0rem;
28396
28609
  }
28397
28610
  .py-0\@lg {
28398
- padding-block: 0px;
28611
+ padding-block: 0rem;
28399
28612
  }
28400
28613
  .pt-0\@lg {
28401
- padding-top: 0px;
28614
+ padding-top: 0rem;
28402
28615
  }
28403
28616
  .pr-0\@lg {
28404
- padding-right: 0px;
28617
+ padding-right: 0rem;
28405
28618
  }
28406
28619
  .pb-0\@lg {
28407
- padding-bottom: 0px;
28620
+ padding-bottom: 0rem;
28408
28621
  }
28409
28622
  .pl-0\@lg {
28410
- padding-left: 0px;
28623
+ padding-left: 0rem;
28411
28624
  }
28412
28625
  .m-0\@lg {
28413
- margin: 0px;
28626
+ margin: 0rem;
28414
28627
  }
28415
28628
  .mx-0\@lg {
28416
- margin-inline: 0px;
28629
+ margin-inline: 0rem;
28417
28630
  }
28418
28631
  .my-0\@lg {
28419
- margin-block: 0px;
28632
+ margin-block: 0rem;
28420
28633
  }
28421
28634
  .mt-0\@lg {
28422
- margin-top: 0px;
28635
+ margin-top: 0rem;
28423
28636
  }
28424
28637
  .mr-0\@lg {
28425
- margin-right: 0px;
28638
+ margin-right: 0rem;
28426
28639
  }
28427
28640
  .mb-0\@lg {
28428
- margin-bottom: 0px;
28641
+ margin-bottom: 0rem;
28429
28642
  }
28430
28643
  .ml-0\@lg {
28431
- margin-left: 0px;
28644
+ margin-left: 0rem;
28432
28645
  }
28433
28646
  .gap-0\@lg {
28434
28647
  gap: 0;
@@ -28440,21 +28653,21 @@ code {
28440
28653
  row-gap: 0;
28441
28654
  }
28442
28655
  .space-x-0\@lg > * + * {
28443
- margin-left: 0px;
28656
+ margin-left: 0rem;
28444
28657
  }
28445
28658
  .space-y-0\@lg > * + * {
28446
- margin-top: 0px;
28659
+ margin-top: 0rem;
28447
28660
  }
28448
28661
  .inset-0\@lg {
28449
- inset: 0px;
28662
+ inset: 0rem;
28450
28663
  }
28451
28664
  .inset-x-0\@lg {
28452
- left: 0px;
28453
- right: 0px;
28665
+ left: 0rem;
28666
+ right: 0rem;
28454
28667
  }
28455
28668
  .inset-y-0\@lg {
28456
- top: 0px;
28457
- bottom: 0px;
28669
+ top: 0rem;
28670
+ bottom: 0rem;
28458
28671
  }
28459
28672
  .p-1\@lg {
28460
28673
  padding: 0.25rem;
@@ -29636,46 +29849,46 @@ code {
29636
29849
  bottom: auto;
29637
29850
  }
29638
29851
  .p-0\@xl {
29639
- padding: 0px;
29852
+ padding: 0rem;
29640
29853
  }
29641
29854
  .px-0\@xl {
29642
- padding-inline: 0px;
29855
+ padding-inline: 0rem;
29643
29856
  }
29644
29857
  .py-0\@xl {
29645
- padding-block: 0px;
29858
+ padding-block: 0rem;
29646
29859
  }
29647
29860
  .pt-0\@xl {
29648
- padding-top: 0px;
29861
+ padding-top: 0rem;
29649
29862
  }
29650
29863
  .pr-0\@xl {
29651
- padding-right: 0px;
29864
+ padding-right: 0rem;
29652
29865
  }
29653
29866
  .pb-0\@xl {
29654
- padding-bottom: 0px;
29867
+ padding-bottom: 0rem;
29655
29868
  }
29656
29869
  .pl-0\@xl {
29657
- padding-left: 0px;
29870
+ padding-left: 0rem;
29658
29871
  }
29659
29872
  .m-0\@xl {
29660
- margin: 0px;
29873
+ margin: 0rem;
29661
29874
  }
29662
29875
  .mx-0\@xl {
29663
- margin-inline: 0px;
29876
+ margin-inline: 0rem;
29664
29877
  }
29665
29878
  .my-0\@xl {
29666
- margin-block: 0px;
29879
+ margin-block: 0rem;
29667
29880
  }
29668
29881
  .mt-0\@xl {
29669
- margin-top: 0px;
29882
+ margin-top: 0rem;
29670
29883
  }
29671
29884
  .mr-0\@xl {
29672
- margin-right: 0px;
29885
+ margin-right: 0rem;
29673
29886
  }
29674
29887
  .mb-0\@xl {
29675
- margin-bottom: 0px;
29888
+ margin-bottom: 0rem;
29676
29889
  }
29677
29890
  .ml-0\@xl {
29678
- margin-left: 0px;
29891
+ margin-left: 0rem;
29679
29892
  }
29680
29893
  .gap-0\@xl {
29681
29894
  gap: 0;
@@ -29687,21 +29900,21 @@ code {
29687
29900
  row-gap: 0;
29688
29901
  }
29689
29902
  .space-x-0\@xl > * + * {
29690
- margin-left: 0px;
29903
+ margin-left: 0rem;
29691
29904
  }
29692
29905
  .space-y-0\@xl > * + * {
29693
- margin-top: 0px;
29906
+ margin-top: 0rem;
29694
29907
  }
29695
29908
  .inset-0\@xl {
29696
- inset: 0px;
29909
+ inset: 0rem;
29697
29910
  }
29698
29911
  .inset-x-0\@xl {
29699
- left: 0px;
29700
- right: 0px;
29912
+ left: 0rem;
29913
+ right: 0rem;
29701
29914
  }
29702
29915
  .inset-y-0\@xl {
29703
- top: 0px;
29704
- bottom: 0px;
29916
+ top: 0rem;
29917
+ bottom: 0rem;
29705
29918
  }
29706
29919
  .p-1\@xl {
29707
29920
  padding: 0.25rem;
@@ -30883,46 +31096,46 @@ code {
30883
31096
  bottom: auto;
30884
31097
  }
30885
31098
  .p-0\@2xl {
30886
- padding: 0px;
31099
+ padding: 0rem;
30887
31100
  }
30888
31101
  .px-0\@2xl {
30889
- padding-inline: 0px;
31102
+ padding-inline: 0rem;
30890
31103
  }
30891
31104
  .py-0\@2xl {
30892
- padding-block: 0px;
31105
+ padding-block: 0rem;
30893
31106
  }
30894
31107
  .pt-0\@2xl {
30895
- padding-top: 0px;
31108
+ padding-top: 0rem;
30896
31109
  }
30897
31110
  .pr-0\@2xl {
30898
- padding-right: 0px;
31111
+ padding-right: 0rem;
30899
31112
  }
30900
31113
  .pb-0\@2xl {
30901
- padding-bottom: 0px;
31114
+ padding-bottom: 0rem;
30902
31115
  }
30903
31116
  .pl-0\@2xl {
30904
- padding-left: 0px;
31117
+ padding-left: 0rem;
30905
31118
  }
30906
31119
  .m-0\@2xl {
30907
- margin: 0px;
31120
+ margin: 0rem;
30908
31121
  }
30909
31122
  .mx-0\@2xl {
30910
- margin-inline: 0px;
31123
+ margin-inline: 0rem;
30911
31124
  }
30912
31125
  .my-0\@2xl {
30913
- margin-block: 0px;
31126
+ margin-block: 0rem;
30914
31127
  }
30915
31128
  .mt-0\@2xl {
30916
- margin-top: 0px;
31129
+ margin-top: 0rem;
30917
31130
  }
30918
31131
  .mr-0\@2xl {
30919
- margin-right: 0px;
31132
+ margin-right: 0rem;
30920
31133
  }
30921
31134
  .mb-0\@2xl {
30922
- margin-bottom: 0px;
31135
+ margin-bottom: 0rem;
30923
31136
  }
30924
31137
  .ml-0\@2xl {
30925
- margin-left: 0px;
31138
+ margin-left: 0rem;
30926
31139
  }
30927
31140
  .gap-0\@2xl {
30928
31141
  gap: 0;
@@ -30934,21 +31147,21 @@ code {
30934
31147
  row-gap: 0;
30935
31148
  }
30936
31149
  .space-x-0\@2xl > * + * {
30937
- margin-left: 0px;
31150
+ margin-left: 0rem;
30938
31151
  }
30939
31152
  .space-y-0\@2xl > * + * {
30940
- margin-top: 0px;
31153
+ margin-top: 0rem;
30941
31154
  }
30942
31155
  .inset-0\@2xl {
30943
- inset: 0px;
31156
+ inset: 0rem;
30944
31157
  }
30945
31158
  .inset-x-0\@2xl {
30946
- left: 0px;
30947
- right: 0px;
31159
+ left: 0rem;
31160
+ right: 0rem;
30948
31161
  }
30949
31162
  .inset-y-0\@2xl {
30950
- top: 0px;
30951
- bottom: 0px;
31163
+ top: 0rem;
31164
+ bottom: 0rem;
30952
31165
  }
30953
31166
  .p-1\@2xl {
30954
31167
  padding: 0.25rem;
@@ -32194,9 +32407,9 @@ code {
32194
32407
  }
32195
32408
 
32196
32409
  .animate-shake {
32197
- animation: anim-shake-strip-unit(5px) 0.5s ease-in-out 1;
32410
+ animation: anim-shake-5 0.5s ease-in-out 1;
32198
32411
  }
32199
- @keyframes anim-shake-strip-unit(5px) {
32412
+ @keyframes anim-shake-5 {
32200
32413
  0%, 100% {
32201
32414
  transform: translateX(0);
32202
32415
  }
@@ -32231,7 +32444,7 @@ code {
32231
32444
  animation: anim-fade-in-down 0.5s ease-in-out 1 forwards;
32232
32445
  }
32233
32446
  .animate-shake\@xs {
32234
- animation: anim-shake-strip-unit(5px) 0.5s ease-in-out 1;
32447
+ animation: anim-shake-5 0.5s ease-in-out 1;
32235
32448
  }
32236
32449
  }
32237
32450
  @media (min-width: 640px) {
@@ -32257,7 +32470,7 @@ code {
32257
32470
  animation: anim-fade-in-down 0.5s ease-in-out 1 forwards;
32258
32471
  }
32259
32472
  .animate-shake\@sm {
32260
- animation: anim-shake-strip-unit(5px) 0.5s ease-in-out 1;
32473
+ animation: anim-shake-5 0.5s ease-in-out 1;
32261
32474
  }
32262
32475
  }
32263
32476
  @media (min-width: 768px) {
@@ -32283,7 +32496,7 @@ code {
32283
32496
  animation: anim-fade-in-down 0.5s ease-in-out 1 forwards;
32284
32497
  }
32285
32498
  .animate-shake\@md {
32286
- animation: anim-shake-strip-unit(5px) 0.5s ease-in-out 1;
32499
+ animation: anim-shake-5 0.5s ease-in-out 1;
32287
32500
  }
32288
32501
  }
32289
32502
  @media (min-width: 1024px) {
@@ -32309,7 +32522,7 @@ code {
32309
32522
  animation: anim-fade-in-down 0.5s ease-in-out 1 forwards;
32310
32523
  }
32311
32524
  .animate-shake\@lg {
32312
- animation: anim-shake-strip-unit(5px) 0.5s ease-in-out 1;
32525
+ animation: anim-shake-5 0.5s ease-in-out 1;
32313
32526
  }
32314
32527
  }
32315
32528
  @media (min-width: 1280px) {
@@ -32335,7 +32548,7 @@ code {
32335
32548
  animation: anim-fade-in-down 0.5s ease-in-out 1 forwards;
32336
32549
  }
32337
32550
  .animate-shake\@xl {
32338
- animation: anim-shake-strip-unit(5px) 0.5s ease-in-out 1;
32551
+ animation: anim-shake-5 0.5s ease-in-out 1;
32339
32552
  }
32340
32553
  }
32341
32554
  @media (min-width: 1536px) {
@@ -32361,7 +32574,7 @@ code {
32361
32574
  animation: anim-fade-in-down 0.5s ease-in-out 1 forwards;
32362
32575
  }
32363
32576
  .animate-shake\@2xl {
32364
- animation: anim-shake-strip-unit(5px) 0.5s ease-in-out 1;
32577
+ animation: anim-shake-5 0.5s ease-in-out 1;
32365
32578
  }
32366
32579
  }
32367
32580
  .hover-ready {
@@ -32498,15 +32711,15 @@ code {
32498
32711
  }
32499
32712
 
32500
32713
  .top-0 {
32501
- top: 0px;
32714
+ top: 0rem;
32502
32715
  }
32503
32716
 
32504
32717
  .right-0 {
32505
- right: 0px;
32718
+ right: 0rem;
32506
32719
  }
32507
32720
 
32508
32721
  .bottom-0 {
32509
- bottom: 0px;
32722
+ bottom: 0rem;
32510
32723
  }
32511
32724
 
32512
32725
  .left-0 {
@@ -32884,13 +33097,13 @@ code {
32884
33097
  left: 100%;
32885
33098
  }
32886
33099
  .top-0\@xs {
32887
- top: 0px;
33100
+ top: 0rem;
32888
33101
  }
32889
33102
  .right-0\@xs {
32890
- right: 0px;
33103
+ right: 0rem;
32891
33104
  }
32892
33105
  .bottom-0\@xs {
32893
- bottom: 0px;
33106
+ bottom: 0rem;
32894
33107
  }
32895
33108
  .left-0\@xs {
32896
33109
  left: 0;
@@ -33199,13 +33412,13 @@ code {
33199
33412
  left: 100%;
33200
33413
  }
33201
33414
  .top-0\@sm {
33202
- top: 0px;
33415
+ top: 0rem;
33203
33416
  }
33204
33417
  .right-0\@sm {
33205
- right: 0px;
33418
+ right: 0rem;
33206
33419
  }
33207
33420
  .bottom-0\@sm {
33208
- bottom: 0px;
33421
+ bottom: 0rem;
33209
33422
  }
33210
33423
  .left-0\@sm {
33211
33424
  left: 0;
@@ -33514,13 +33727,13 @@ code {
33514
33727
  left: 100%;
33515
33728
  }
33516
33729
  .top-0\@md {
33517
- top: 0px;
33730
+ top: 0rem;
33518
33731
  }
33519
33732
  .right-0\@md {
33520
- right: 0px;
33733
+ right: 0rem;
33521
33734
  }
33522
33735
  .bottom-0\@md {
33523
- bottom: 0px;
33736
+ bottom: 0rem;
33524
33737
  }
33525
33738
  .left-0\@md {
33526
33739
  left: 0;
@@ -33829,13 +34042,13 @@ code {
33829
34042
  left: 100%;
33830
34043
  }
33831
34044
  .top-0\@lg {
33832
- top: 0px;
34045
+ top: 0rem;
33833
34046
  }
33834
34047
  .right-0\@lg {
33835
- right: 0px;
34048
+ right: 0rem;
33836
34049
  }
33837
34050
  .bottom-0\@lg {
33838
- bottom: 0px;
34051
+ bottom: 0rem;
33839
34052
  }
33840
34053
  .left-0\@lg {
33841
34054
  left: 0;
@@ -34144,13 +34357,13 @@ code {
34144
34357
  left: 100%;
34145
34358
  }
34146
34359
  .top-0\@xl {
34147
- top: 0px;
34360
+ top: 0rem;
34148
34361
  }
34149
34362
  .right-0\@xl {
34150
- right: 0px;
34363
+ right: 0rem;
34151
34364
  }
34152
34365
  .bottom-0\@xl {
34153
- bottom: 0px;
34366
+ bottom: 0rem;
34154
34367
  }
34155
34368
  .left-0\@xl {
34156
34369
  left: 0;
@@ -34459,13 +34672,13 @@ code {
34459
34672
  left: 100%;
34460
34673
  }
34461
34674
  .top-0\@2xl {
34462
- top: 0px;
34675
+ top: 0rem;
34463
34676
  }
34464
34677
  .right-0\@2xl {
34465
- right: 0px;
34678
+ right: 0rem;
34466
34679
  }
34467
34680
  .bottom-0\@2xl {
34468
- bottom: 0px;
34681
+ bottom: 0rem;
34469
34682
  }
34470
34683
  .left-0\@2xl {
34471
34684
  left: 0;
@@ -34839,6 +35052,7 @@ code {
34839
35052
  --black: #000;
34840
35053
  --white: #fff;
34841
35054
  --transparent: transparent;
35055
+ --button-text-color: ;
34842
35056
  --button-bg-color: var(--primary);
34843
35057
  --button-bg-color-hover: var(--primary-600);
34844
35058
  --link-color: var(--primary);
@@ -34867,16 +35081,34 @@ code {
34867
35081
  --button-bg-color-hover: var(--primary-400);
34868
35082
  --link-color: var(--primary);
34869
35083
  --link-hover-color: var(--primary-400);
34870
- scrollbar-color: #555 var(--background);
34871
- }
34872
- [data-theme=dark]::-webkit-scrollbar-track {
34873
- background: var(--background);
34874
- }
34875
- [data-theme=dark]::-webkit-scrollbar-thumb {
34876
- background-color: #555;
34877
- border: 3px solid var(--background);
34878
35084
  }
34879
35085
 
35086
+ @media (prefers-color-scheme: dark) {
35087
+ :root:not([data-theme]),
35088
+ :not([data-theme]) {
35089
+ --bg-base: #1a1a1a;
35090
+ --inverted-bg-base: #fbfafc;
35091
+ --bg-alternate: #f1f1f1;
35092
+ --inverted-bg-alternate: #1a1a1a;
35093
+ --bg-surface: #2e2e2e;
35094
+ --inverted-bg-surface: #fff;
35095
+ --border-base: #2e2e2e;
35096
+ --inverted-border-base: #d3d5d9;
35097
+ --text-color: #f1f1f1;
35098
+ --inverted-text-color: #1a1a1a;
35099
+ --text-muted: rgba(241, 241, 241, 0.5411764706);
35100
+ --inverted-text-muted: rgba(26, 26, 26, 0.5411764706);
35101
+ --text-subtle: rgba(241, 241, 241, 0.3137254902);
35102
+ --inverted-text-subtle: rgba(26, 26, 26, 0.3137254902);
35103
+ --text-inverted: #1a1a1a;
35104
+ --inverted-text-inverted: #f1f1f1;
35105
+ --button-text-color: ;
35106
+ --button-bg-color: var(--primary);
35107
+ --button-bg-color-hover: var(--primary-400);
35108
+ --link-color: var(--primary);
35109
+ --link-hover-color: var(--primary-400);
35110
+ }
35111
+ }
34880
35112
  .text-on-primary-50 {
34881
35113
  color: #1a1a1a;
34882
35114
  }