breeze_cms 1.0.2 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/breeze/card_preview/big_card.png +0 -0
  3. data/app/assets/images/breeze/card_preview/card_image_wide.png +0 -0
  4. data/app/assets/images/breeze/card_preview/faq_item.jpg +0 -0
  5. data/app/assets/images/breeze/section_preview/section_faq.jpg +0 -0
  6. data/app/assets/images/breeze/section_preview/section_half_slider.jpg +0 -0
  7. data/app/assets/stylesheets/breeze/breeze.css +301 -188
  8. data/app/assets/stylesheets/breeze/breeze.email.css +158 -39
  9. data/app/controllers/breeze/images_controller.rb +15 -2
  10. data/app/controllers/breeze/pages_controller.rb +9 -3
  11. data/app/controllers/breeze/sections_controller.rb +1 -1
  12. data/app/controllers/breeze/translations_controller.rb +9 -2
  13. data/app/helpers/breeze/images_helper.rb +11 -5
  14. data/app/helpers/breeze/options_helper.rb +1 -1
  15. data/app/helpers/breeze/view_helper.rb +32 -1
  16. data/app/models/breeze/active_yaml.rb +1 -0
  17. data/app/models/breeze/page.rb +6 -0
  18. data/app/models/breeze/section.rb +10 -0
  19. data/app/models/breeze/shared_base.rb +1 -1
  20. data/app/models/breeze/translation.rb +15 -1
  21. data/app/models/breeze/view_base.rb +17 -3
  22. data/app/views/breeze/images/_editor.haml +22 -22
  23. data/app/views/breeze/images/index.haml +6 -4
  24. data/app/views/breeze/images/show.haml +9 -4
  25. data/app/views/breeze/pages/index.haml +5 -1
  26. data/app/views/breeze/pages/show.haml +52 -62
  27. data/app/views/breeze/translations/_row.haml +8 -0
  28. data/app/views/breeze/translations/show.haml +4 -4
  29. data/app/views/breeze/view/_form_section.haml +12 -10
  30. data/app/views/breeze/view/_section_faq.haml +32 -0
  31. data/app/views/breeze/view/_section_full_image.haml +1 -1
  32. data/app/views/breeze/view/_section_full_up.haml +4 -3
  33. data/app/views/breeze/view/_section_half_image.haml +1 -1
  34. data/app/views/breeze/view/_section_half_slider.haml +69 -0
  35. data/app/views/breeze/view/_section_large_image.haml +1 -1
  36. data/app/views/breeze/view/_section_slider.haml +38 -16
  37. data/app/views/breeze/view/_section_small_image.haml +1 -1
  38. data/app/views/breeze/view/cards/_big_card.haml +10 -0
  39. data/app/views/breeze/view/cards/_card_image_wide.haml +10 -0
  40. data/app/views/breeze/view/cards/_faq_item.haml +9 -0
  41. data/app/views/breeze/view/cards/_form_field.haml +4 -4
  42. data/app/views/layouts/breeze/_header.haml +1 -1
  43. data/config/breeze/card_styles.yml +84 -31
  44. data/config/breeze/option_definitions.yml +9 -2
  45. data/config/breeze/page_styles.yml +1 -0
  46. data/config/breeze/section_styles.yml +54 -0
  47. data/config/initializers/deepl.rb +5 -0
  48. data/config/routes.rb +5 -2
  49. data/lib/breeze/engine.rb +1 -1
  50. data/lib/breeze/version.rb +1 -1
  51. data/lib/breeze.rb +3 -1
  52. metadata +39 -11
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -442,7 +550,7 @@ video {
442
550
 
443
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
444
552
 
445
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
446
554
  display: none;
447
555
  }
448
556
 
@@ -641,112 +749,38 @@ select {
641
749
  outline: 1px auto -webkit-focus-ring-color;
642
750
  }
643
751
 
644
- *, ::before, ::after {
645
- --tw-border-spacing-x: 0;
646
- --tw-border-spacing-y: 0;
647
- --tw-translate-x: 0;
648
- --tw-translate-y: 0;
649
- --tw-rotate: 0;
650
- --tw-skew-x: 0;
651
- --tw-skew-y: 0;
652
- --tw-scale-x: 1;
653
- --tw-scale-y: 1;
654
- --tw-pan-x: ;
655
- --tw-pan-y: ;
656
- --tw-pinch-zoom: ;
657
- --tw-scroll-snap-strictness: proximity;
658
- --tw-gradient-from-position: ;
659
- --tw-gradient-via-position: ;
660
- --tw-gradient-to-position: ;
661
- --tw-ordinal: ;
662
- --tw-slashed-zero: ;
663
- --tw-numeric-figure: ;
664
- --tw-numeric-spacing: ;
665
- --tw-numeric-fraction: ;
666
- --tw-ring-inset: ;
667
- --tw-ring-offset-width: 0px;
668
- --tw-ring-offset-color: #fff;
669
- --tw-ring-color: rgb(59 130 246 / 0.5);
670
- --tw-ring-offset-shadow: 0 0 #0000;
671
- --tw-ring-shadow: 0 0 #0000;
672
- --tw-shadow: 0 0 #0000;
673
- --tw-shadow-colored: 0 0 #0000;
674
- --tw-blur: ;
675
- --tw-brightness: ;
676
- --tw-contrast: ;
677
- --tw-grayscale: ;
678
- --tw-hue-rotate: ;
679
- --tw-invert: ;
680
- --tw-saturate: ;
681
- --tw-sepia: ;
682
- --tw-drop-shadow: ;
683
- --tw-backdrop-blur: ;
684
- --tw-backdrop-brightness: ;
685
- --tw-backdrop-contrast: ;
686
- --tw-backdrop-grayscale: ;
687
- --tw-backdrop-hue-rotate: ;
688
- --tw-backdrop-invert: ;
689
- --tw-backdrop-opacity: ;
690
- --tw-backdrop-saturate: ;
691
- --tw-backdrop-sepia: ;
692
- --tw-contain-size: ;
693
- --tw-contain-layout: ;
694
- --tw-contain-paint: ;
695
- --tw-contain-style: ;
752
+ .container {
753
+ width: 100%;
696
754
  }
697
755
 
698
- ::backdrop {
699
- --tw-border-spacing-x: 0;
700
- --tw-border-spacing-y: 0;
701
- --tw-translate-x: 0;
702
- --tw-translate-y: 0;
703
- --tw-rotate: 0;
704
- --tw-skew-x: 0;
705
- --tw-skew-y: 0;
706
- --tw-scale-x: 1;
707
- --tw-scale-y: 1;
708
- --tw-pan-x: ;
709
- --tw-pan-y: ;
710
- --tw-pinch-zoom: ;
711
- --tw-scroll-snap-strictness: proximity;
712
- --tw-gradient-from-position: ;
713
- --tw-gradient-via-position: ;
714
- --tw-gradient-to-position: ;
715
- --tw-ordinal: ;
716
- --tw-slashed-zero: ;
717
- --tw-numeric-figure: ;
718
- --tw-numeric-spacing: ;
719
- --tw-numeric-fraction: ;
720
- --tw-ring-inset: ;
721
- --tw-ring-offset-width: 0px;
722
- --tw-ring-offset-color: #fff;
723
- --tw-ring-color: rgb(59 130 246 / 0.5);
724
- --tw-ring-offset-shadow: 0 0 #0000;
725
- --tw-ring-shadow: 0 0 #0000;
726
- --tw-shadow: 0 0 #0000;
727
- --tw-shadow-colored: 0 0 #0000;
728
- --tw-blur: ;
729
- --tw-brightness: ;
730
- --tw-contrast: ;
731
- --tw-grayscale: ;
732
- --tw-hue-rotate: ;
733
- --tw-invert: ;
734
- --tw-saturate: ;
735
- --tw-sepia: ;
736
- --tw-drop-shadow: ;
737
- --tw-backdrop-blur: ;
738
- --tw-backdrop-brightness: ;
739
- --tw-backdrop-contrast: ;
740
- --tw-backdrop-grayscale: ;
741
- --tw-backdrop-hue-rotate: ;
742
- --tw-backdrop-invert: ;
743
- --tw-backdrop-opacity: ;
744
- --tw-backdrop-saturate: ;
745
- --tw-backdrop-sepia: ;
746
- --tw-contain-size: ;
747
- --tw-contain-layout: ;
748
- --tw-contain-paint: ;
749
- --tw-contain-style: ;
756
+ @media (min-width: 640px) {
757
+ .container {
758
+ max-width: 640px;
759
+ }
760
+ }
761
+
762
+ @media (min-width: 768px) {
763
+ .container {
764
+ max-width: 768px;
765
+ }
766
+ }
767
+
768
+ @media (min-width: 1024px) {
769
+ .container {
770
+ max-width: 1024px;
771
+ }
772
+ }
773
+
774
+ @media (min-width: 1280px) {
775
+ .container {
776
+ max-width: 1280px;
777
+ }
778
+ }
779
+
780
+ @media (min-width: 1536px) {
781
+ .container {
782
+ max-width: 1536px;
783
+ }
750
784
  }
751
785
 
752
786
  .prose {
@@ -1259,7 +1293,7 @@ select {
1259
1293
  border-radius: 0.5rem;
1260
1294
  border-width: 1px;
1261
1295
  --tw-border-opacity: 1;
1262
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
1296
+ border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
1263
1297
  padding-left: 0.75rem;
1264
1298
  padding-right: 0.75rem;
1265
1299
  padding-top: 0.5rem;
@@ -1271,22 +1305,22 @@ select {
1271
1305
 
1272
1306
  .button:hover {
1273
1307
  --tw-border-opacity: 1;
1274
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1308
+ border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
1275
1309
  }
1276
1310
 
1277
1311
  .change {
1278
1312
  --tw-bg-opacity: 1;
1279
- background-color: rgb(165 243 252 / var(--tw-bg-opacity));
1313
+ background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1));
1280
1314
  }
1281
1315
 
1282
1316
  .remove {
1283
1317
  --tw-bg-opacity: 1;
1284
- background-color: rgb(254 202 202 / var(--tw-bg-opacity));
1318
+ background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
1285
1319
  }
1286
1320
 
1287
1321
  .action {
1288
1322
  --tw-bg-opacity: 1;
1289
- background-color: rgb(187 247 208 / var(--tw-bg-opacity));
1323
+ background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
1290
1324
  }
1291
1325
 
1292
1326
  .sr-only {
@@ -1349,10 +1383,6 @@ select {
1349
1383
  z-index: 0;
1350
1384
  }
1351
1385
 
1352
- .order-last {
1353
- order: 9999;
1354
- }
1355
-
1356
1386
  .col-span-2 {
1357
1387
  grid-column: span 2 / span 2;
1358
1388
  }
@@ -1533,6 +1563,10 @@ select {
1533
1563
  margin-left: 8rem;
1534
1564
  }
1535
1565
 
1566
+ .ml-4 {
1567
+ margin-left: 1rem;
1568
+ }
1569
+
1536
1570
  .mr-10 {
1537
1571
  margin-right: 2.5rem;
1538
1572
  }
@@ -1577,6 +1611,10 @@ select {
1577
1611
  margin-top: 1rem;
1578
1612
  }
1579
1613
 
1614
+ .mt-40 {
1615
+ margin-top: 10rem;
1616
+ }
1617
+
1580
1618
  .mt-6 {
1581
1619
  margin-top: 1.5rem;
1582
1620
  }
@@ -1748,8 +1786,8 @@ select {
1748
1786
  max-width: 1920px;
1749
1787
  }
1750
1788
 
1751
- .max-w-\[50\%\] {
1752
- max-width: 50%;
1789
+ .max-w-\[90\%\] {
1790
+ max-width: 90%;
1753
1791
  }
1754
1792
 
1755
1793
  .max-w-full {
@@ -1853,6 +1891,10 @@ select {
1853
1891
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1854
1892
  }
1855
1893
 
1894
+ .cursor-pointer {
1895
+ cursor: pointer;
1896
+ }
1897
+
1856
1898
  .resize {
1857
1899
  resize: both;
1858
1900
  }
@@ -1970,7 +2012,7 @@ select {
1970
2012
 
1971
2013
  .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1972
2014
  --tw-divide-opacity: 1;
1973
- border-color: rgb(229 231 235 / var(--tw-divide-opacity));
2015
+ border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
1974
2016
  }
1975
2017
 
1976
2018
  .justify-self-start {
@@ -2063,72 +2105,72 @@ select {
2063
2105
 
2064
2106
  .border-black {
2065
2107
  --tw-border-opacity: 1;
2066
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
2108
+ border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
2067
2109
  }
2068
2110
 
2069
2111
  .border-blue-800 {
2070
2112
  --tw-border-opacity: 1;
2071
- border-color: rgb(30 64 175 / var(--tw-border-opacity));
2113
+ border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
2072
2114
  }
2073
2115
 
2074
2116
  .border-gray-100 {
2075
2117
  --tw-border-opacity: 1;
2076
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
2118
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
2077
2119
  }
2078
2120
 
2079
2121
  .border-gray-200 {
2080
2122
  --tw-border-opacity: 1;
2081
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
2123
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
2082
2124
  }
2083
2125
 
2084
2126
  .border-gray-300 {
2085
2127
  --tw-border-opacity: 1;
2086
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
2128
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2087
2129
  }
2088
2130
 
2089
2131
  .border-gray-400 {
2090
2132
  --tw-border-opacity: 1;
2091
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
2133
+ border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
2092
2134
  }
2093
2135
 
2094
2136
  .border-gray-500 {
2095
2137
  --tw-border-opacity: 1;
2096
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
2138
+ border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
2097
2139
  }
2098
2140
 
2099
2141
  .border-gray-600 {
2100
2142
  --tw-border-opacity: 1;
2101
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
2143
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
2102
2144
  }
2103
2145
 
2104
2146
  .border-green-500 {
2105
2147
  --tw-border-opacity: 1;
2106
- border-color: rgb(34 197 94 / var(--tw-border-opacity));
2148
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
2107
2149
  }
2108
2150
 
2109
2151
  .border-red-500 {
2110
2152
  --tw-border-opacity: 1;
2111
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
2153
+ border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
2112
2154
  }
2113
2155
 
2114
2156
  .border-slate-400 {
2115
2157
  --tw-border-opacity: 1;
2116
- border-color: rgb(148 163 184 / var(--tw-border-opacity));
2158
+ border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
2117
2159
  }
2118
2160
 
2119
2161
  .border-yellow-400 {
2120
2162
  --tw-border-opacity: 1;
2121
- border-color: rgb(250 204 21 / var(--tw-border-opacity));
2163
+ border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
2122
2164
  }
2123
2165
 
2124
2166
  .bg-amber-100 {
2125
2167
  --tw-bg-opacity: 1;
2126
- background-color: rgb(254 243 199 / var(--tw-bg-opacity));
2168
+ background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
2127
2169
  }
2128
2170
 
2129
2171
  .bg-amber-600 {
2130
2172
  --tw-bg-opacity: 1;
2131
- background-color: rgb(217 119 6 / var(--tw-bg-opacity));
2173
+ background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
2132
2174
  }
2133
2175
 
2134
2176
  .bg-black\/25 {
@@ -2137,17 +2179,17 @@ select {
2137
2179
 
2138
2180
  .bg-blue-100 {
2139
2181
  --tw-bg-opacity: 1;
2140
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
2182
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
2141
2183
  }
2142
2184
 
2143
2185
  .bg-blue-200 {
2144
2186
  --tw-bg-opacity: 1;
2145
- background-color: rgb(191 219 254 / var(--tw-bg-opacity));
2187
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
2146
2188
  }
2147
2189
 
2148
2190
  .bg-cyan-100 {
2149
2191
  --tw-bg-opacity: 1;
2150
- background-color: rgb(207 250 254 / var(--tw-bg-opacity));
2192
+ background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
2151
2193
  }
2152
2194
 
2153
2195
  .bg-cyan-100\/25 {
@@ -2156,12 +2198,12 @@ select {
2156
2198
 
2157
2199
  .bg-cyan-200 {
2158
2200
  --tw-bg-opacity: 1;
2159
- background-color: rgb(165 243 252 / var(--tw-bg-opacity));
2201
+ background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1));
2160
2202
  }
2161
2203
 
2162
2204
  .bg-cyan-700 {
2163
2205
  --tw-bg-opacity: 1;
2164
- background-color: rgb(14 116 144 / var(--tw-bg-opacity));
2206
+ background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
2165
2207
  }
2166
2208
 
2167
2209
  .bg-cyan-700\/25 {
@@ -2170,42 +2212,47 @@ select {
2170
2212
 
2171
2213
  .bg-cyan-900 {
2172
2214
  --tw-bg-opacity: 1;
2173
- background-color: rgb(22 78 99 / var(--tw-bg-opacity));
2215
+ background-color: rgb(22 78 99 / var(--tw-bg-opacity, 1));
2174
2216
  }
2175
2217
 
2176
2218
  .bg-gray-100 {
2177
2219
  --tw-bg-opacity: 1;
2178
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2220
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2179
2221
  }
2180
2222
 
2181
2223
  .bg-gray-200 {
2182
2224
  --tw-bg-opacity: 1;
2183
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2225
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2184
2226
  }
2185
2227
 
2186
2228
  .bg-gray-50 {
2187
2229
  --tw-bg-opacity: 1;
2188
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2230
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2189
2231
  }
2190
2232
 
2191
2233
  .bg-green-100 {
2192
2234
  --tw-bg-opacity: 1;
2193
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
2235
+ background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
2194
2236
  }
2195
2237
 
2196
2238
  .bg-green-700 {
2197
2239
  --tw-bg-opacity: 1;
2198
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
2240
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
2199
2241
  }
2200
2242
 
2201
2243
  .bg-neutral-50 {
2202
2244
  --tw-bg-opacity: 1;
2203
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
2245
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
2246
+ }
2247
+
2248
+ .bg-orange-100 {
2249
+ --tw-bg-opacity: 1;
2250
+ background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
2204
2251
  }
2205
2252
 
2206
2253
  .bg-orange-200 {
2207
2254
  --tw-bg-opacity: 1;
2208
- background-color: rgb(254 215 170 / var(--tw-bg-opacity));
2255
+ background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
2209
2256
  }
2210
2257
 
2211
2258
  .bg-orange-300\/25 {
@@ -2214,7 +2261,7 @@ select {
2214
2261
 
2215
2262
  .bg-orange-50 {
2216
2263
  --tw-bg-opacity: 1;
2217
- background-color: rgb(255 247 237 / var(--tw-bg-opacity));
2264
+ background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
2218
2265
  }
2219
2266
 
2220
2267
  .bg-orange-800\/25 {
@@ -2223,57 +2270,57 @@ select {
2223
2270
 
2224
2271
  .bg-red-100 {
2225
2272
  --tw-bg-opacity: 1;
2226
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
2273
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
2227
2274
  }
2228
2275
 
2229
2276
  .bg-red-200 {
2230
2277
  --tw-bg-opacity: 1;
2231
- background-color: rgb(254 202 202 / var(--tw-bg-opacity));
2278
+ background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
2232
2279
  }
2233
2280
 
2234
2281
  .bg-red-400 {
2235
2282
  --tw-bg-opacity: 1;
2236
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
2283
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
2237
2284
  }
2238
2285
 
2239
2286
  .bg-red-50 {
2240
2287
  --tw-bg-opacity: 1;
2241
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
2288
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
2242
2289
  }
2243
2290
 
2244
2291
  .bg-red-500 {
2245
2292
  --tw-bg-opacity: 1;
2246
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
2293
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
2247
2294
  }
2248
2295
 
2249
2296
  .bg-red-600 {
2250
2297
  --tw-bg-opacity: 1;
2251
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
2298
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
2252
2299
  }
2253
2300
 
2254
2301
  .bg-red-700 {
2255
2302
  --tw-bg-opacity: 1;
2256
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
2303
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
2257
2304
  }
2258
2305
 
2259
2306
  .bg-red-900 {
2260
2307
  --tw-bg-opacity: 1;
2261
- background-color: rgb(127 29 29 / var(--tw-bg-opacity));
2308
+ background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
2262
2309
  }
2263
2310
 
2264
2311
  .bg-slate-200 {
2265
2312
  --tw-bg-opacity: 1;
2266
- background-color: rgb(226 232 240 / var(--tw-bg-opacity));
2313
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
2267
2314
  }
2268
2315
 
2269
2316
  .bg-slate-900 {
2270
2317
  --tw-bg-opacity: 1;
2271
- background-color: rgb(15 23 42 / var(--tw-bg-opacity));
2318
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
2272
2319
  }
2273
2320
 
2274
2321
  .bg-teal-700 {
2275
2322
  --tw-bg-opacity: 1;
2276
- background-color: rgb(15 118 110 / var(--tw-bg-opacity));
2323
+ background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
2277
2324
  }
2278
2325
 
2279
2326
  .bg-transparent {
@@ -2282,7 +2329,7 @@ select {
2282
2329
 
2283
2330
  .bg-white {
2284
2331
  --tw-bg-opacity: 1;
2285
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2332
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2286
2333
  }
2287
2334
 
2288
2335
  .bg-white\/25 {
@@ -2293,8 +2340,8 @@ select {
2293
2340
  background-size: cover;
2294
2341
  }
2295
2342
 
2296
- .bg-fixed {
2297
- background-attachment: fixed;
2343
+ .bg-scroll {
2344
+ background-attachment: scroll;
2298
2345
  }
2299
2346
 
2300
2347
  .bg-clip-padding {
@@ -2418,6 +2465,11 @@ select {
2418
2465
  padding-right: 1.5rem;
2419
2466
  }
2420
2467
 
2468
+ .px-8 {
2469
+ padding-left: 2rem;
2470
+ padding-right: 2rem;
2471
+ }
2472
+
2421
2473
  .py-1 {
2422
2474
  padding-top: 0.25rem;
2423
2475
  padding-bottom: 0.25rem;
@@ -2453,6 +2505,11 @@ select {
2453
2505
  padding-bottom: 1rem;
2454
2506
  }
2455
2507
 
2508
+ .py-5 {
2509
+ padding-top: 1.25rem;
2510
+ padding-bottom: 1.25rem;
2511
+ }
2512
+
2456
2513
  .py-8 {
2457
2514
  padding-top: 2rem;
2458
2515
  padding-bottom: 2rem;
@@ -2466,6 +2523,10 @@ select {
2466
2523
  padding-bottom: 1rem;
2467
2524
  }
2468
2525
 
2526
+ .pb-5 {
2527
+ padding-bottom: 1.25rem;
2528
+ }
2529
+
2469
2530
  .pr-12 {
2470
2531
  padding-right: 3rem;
2471
2532
  }
@@ -2592,98 +2653,109 @@ select {
2592
2653
 
2593
2654
  .text-amber-700 {
2594
2655
  --tw-text-opacity: 1;
2595
- color: rgb(180 83 9 / var(--tw-text-opacity));
2656
+ color: rgb(180 83 9 / var(--tw-text-opacity, 1));
2596
2657
  }
2597
2658
 
2598
2659
  .text-black {
2599
2660
  --tw-text-opacity: 1;
2600
- color: rgb(0 0 0 / var(--tw-text-opacity));
2661
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2601
2662
  }
2602
2663
 
2603
2664
  .text-blue-700 {
2604
2665
  --tw-text-opacity: 1;
2605
- color: rgb(29 78 216 / var(--tw-text-opacity));
2666
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
2606
2667
  }
2607
2668
 
2608
2669
  .text-cyan-100 {
2609
2670
  --tw-text-opacity: 1;
2610
- color: rgb(207 250 254 / var(--tw-text-opacity));
2671
+ color: rgb(207 250 254 / var(--tw-text-opacity, 1));
2611
2672
  }
2612
2673
 
2613
2674
  .text-cyan-700 {
2614
2675
  --tw-text-opacity: 1;
2615
- color: rgb(14 116 144 / var(--tw-text-opacity));
2676
+ color: rgb(14 116 144 / var(--tw-text-opacity, 1));
2616
2677
  }
2617
2678
 
2618
2679
  .text-gray-100 {
2619
2680
  --tw-text-opacity: 1;
2620
- color: rgb(243 244 246 / var(--tw-text-opacity));
2681
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
2682
+ }
2683
+
2684
+ .text-gray-400 {
2685
+ --tw-text-opacity: 1;
2686
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2621
2687
  }
2622
2688
 
2623
2689
  .text-gray-500 {
2624
2690
  --tw-text-opacity: 1;
2625
- color: rgb(107 114 128 / var(--tw-text-opacity));
2691
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
2626
2692
  }
2627
2693
 
2628
2694
  .text-gray-700 {
2629
2695
  --tw-text-opacity: 1;
2630
- color: rgb(55 65 81 / var(--tw-text-opacity));
2696
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
2631
2697
  }
2632
2698
 
2633
2699
  .text-gray-800 {
2634
2700
  --tw-text-opacity: 1;
2635
- color: rgb(31 41 55 / var(--tw-text-opacity));
2701
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
2636
2702
  }
2637
2703
 
2638
2704
  .text-gray-900 {
2639
2705
  --tw-text-opacity: 1;
2640
- color: rgb(17 24 39 / var(--tw-text-opacity));
2706
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
2641
2707
  }
2642
2708
 
2643
2709
  .text-green-600 {
2644
2710
  --tw-text-opacity: 1;
2645
- color: rgb(22 163 74 / var(--tw-text-opacity));
2711
+ color: rgb(22 163 74 / var(--tw-text-opacity, 1));
2646
2712
  }
2647
2713
 
2648
2714
  .text-green-700 {
2649
2715
  --tw-text-opacity: 1;
2650
- color: rgb(21 128 61 / var(--tw-text-opacity));
2716
+ color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2651
2717
  }
2652
2718
 
2653
2719
  .text-indigo-800 {
2654
2720
  --tw-text-opacity: 1;
2655
- color: rgb(55 48 163 / var(--tw-text-opacity));
2721
+ color: rgb(55 48 163 / var(--tw-text-opacity, 1));
2656
2722
  }
2657
2723
 
2658
2724
  .text-orange-800 {
2659
2725
  --tw-text-opacity: 1;
2660
- color: rgb(154 52 18 / var(--tw-text-opacity));
2726
+ color: rgb(154 52 18 / var(--tw-text-opacity, 1));
2661
2727
  }
2662
2728
 
2663
2729
  .text-red-700 {
2664
2730
  --tw-text-opacity: 1;
2665
- color: rgb(185 28 28 / var(--tw-text-opacity));
2731
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2666
2732
  }
2667
2733
 
2668
2734
  .text-slate-800 {
2669
2735
  --tw-text-opacity: 1;
2670
- color: rgb(30 41 59 / var(--tw-text-opacity));
2736
+ color: rgb(30 41 59 / var(--tw-text-opacity, 1));
2671
2737
  }
2672
2738
 
2673
2739
  .text-teal-700 {
2674
2740
  --tw-text-opacity: 1;
2675
- color: rgb(15 118 110 / var(--tw-text-opacity));
2741
+ color: rgb(15 118 110 / var(--tw-text-opacity, 1));
2676
2742
  }
2677
2743
 
2678
2744
  .text-white {
2679
2745
  --tw-text-opacity: 1;
2680
- color: rgb(255 255 255 / var(--tw-text-opacity));
2746
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2681
2747
  }
2682
2748
 
2683
2749
  .underline {
2684
2750
  text-decoration-line: underline;
2685
2751
  }
2686
2752
 
2753
+ .shadow-lg {
2754
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2755
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2756
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2757
+ }
2758
+
2687
2759
  .shadow-sm {
2688
2760
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2689
2761
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -2713,12 +2785,22 @@ select {
2713
2785
  transition-duration: 150ms;
2714
2786
  }
2715
2787
 
2788
+ .transition-all {
2789
+ transition-property: all;
2790
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2791
+ transition-duration: 150ms;
2792
+ }
2793
+
2716
2794
  .transition-colors {
2717
2795
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2718
2796
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2719
2797
  transition-duration: 150ms;
2720
2798
  }
2721
2799
 
2800
+ .duration-200 {
2801
+ transition-duration: 200ms;
2802
+ }
2803
+
2722
2804
  .duration-300 {
2723
2805
  transition-duration: 300ms;
2724
2806
  }
@@ -3254,27 +3336,32 @@ select {
3254
3336
 
3255
3337
  .hover\:border-black:hover {
3256
3338
  --tw-border-opacity: 1;
3257
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
3339
+ border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
3258
3340
  }
3259
3341
 
3260
3342
  .hover\:bg-blue-800:hover {
3261
3343
  --tw-bg-opacity: 1;
3262
- background-color: rgb(30 64 175 / var(--tw-bg-opacity));
3344
+ background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
3345
+ }
3346
+
3347
+ .hover\:bg-gray-50:hover {
3348
+ --tw-bg-opacity: 1;
3349
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3263
3350
  }
3264
3351
 
3265
3352
  .hover\:bg-red-50:hover {
3266
3353
  --tw-bg-opacity: 1;
3267
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
3354
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
3268
3355
  }
3269
3356
 
3270
3357
  .hover\:bg-sky-100:hover {
3271
3358
  --tw-bg-opacity: 1;
3272
- background-color: rgb(224 242 254 / var(--tw-bg-opacity));
3359
+ background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
3273
3360
  }
3274
3361
 
3275
3362
  .hover\:text-gray-500:hover {
3276
3363
  --tw-text-opacity: 1;
3277
- color: rgb(107 114 128 / var(--tw-text-opacity));
3364
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
3278
3365
  }
3279
3366
 
3280
3367
  .hover\:text-gray-500\/75:hover {
@@ -3289,7 +3376,7 @@ select {
3289
3376
 
3290
3377
  .focus\:border-blue-600:focus {
3291
3378
  --tw-border-opacity: 1;
3292
- border-color: rgb(37 99 235 / var(--tw-border-opacity));
3379
+ border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
3293
3380
  }
3294
3381
 
3295
3382
  .focus\:outline-none:focus {
@@ -3320,12 +3407,12 @@ select {
3320
3407
 
3321
3408
  .group:hover .group-hover\:bg-black {
3322
3409
  --tw-bg-opacity: 1;
3323
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
3410
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
3324
3411
  }
3325
3412
 
3326
3413
  .group:hover .group-hover\:text-white {
3327
3414
  --tw-text-opacity: 1;
3328
- color: rgb(255 255 255 / var(--tw-text-opacity));
3415
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3329
3416
  }
3330
3417
 
3331
3418
  .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
@@ -3367,7 +3454,7 @@ select {
3367
3454
 
3368
3455
  .peer:focus ~ .peer-focus\:text-blue-600 {
3369
3456
  --tw-text-opacity: 1;
3370
- color: rgb(37 99 235 / var(--tw-text-opacity));
3457
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
3371
3458
  }
3372
3459
 
3373
3460
  .prose-headings\:text-inherit :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
@@ -3397,11 +3484,19 @@ select {
3397
3484
  width: 50%;
3398
3485
  }
3399
3486
 
3487
+ .sm\:p-6 {
3488
+ padding: 1.5rem;
3489
+ }
3490
+
3400
3491
  .sm\:px-6 {
3401
3492
  padding-left: 1.5rem;
3402
3493
  padding-right: 1.5rem;
3403
3494
  }
3404
3495
 
3496
+ .sm\:pb-6 {
3497
+ padding-bottom: 1.5rem;
3498
+ }
3499
+
3405
3500
  .sm\:text-center {
3406
3501
  text-align: center;
3407
3502
  }
@@ -3418,6 +3513,10 @@ select {
3418
3513
  }
3419
3514
 
3420
3515
  @media (min-width: 768px) {
3516
+ .md\:order-last {
3517
+ order: 9999;
3518
+ }
3519
+
3421
3520
  .md\:m-12 {
3422
3521
  margin: 3rem;
3423
3522
  }
@@ -3444,6 +3543,10 @@ select {
3444
3543
  margin-bottom: 2.5rem;
3445
3544
  }
3446
3545
 
3546
+ .md\:mt-16 {
3547
+ margin-top: 4rem;
3548
+ }
3549
+
3447
3550
  .md\:grid {
3448
3551
  display: grid;
3449
3552
  }
@@ -3485,6 +3588,11 @@ select {
3485
3588
  padding: 3rem;
3486
3589
  }
3487
3590
 
3591
+ .md\:px-12 {
3592
+ padding-left: 3rem;
3593
+ padding-right: 3rem;
3594
+ }
3595
+
3488
3596
  .md\:py-10 {
3489
3597
  padding-top: 2.5rem;
3490
3598
  padding-bottom: 2.5rem;
@@ -3608,6 +3716,11 @@ select {
3608
3716
  padding-top: 6rem;
3609
3717
  padding-bottom: 6rem;
3610
3718
  }
3719
+
3720
+ .lg\:py-8 {
3721
+ padding-top: 2rem;
3722
+ padding-bottom: 2rem;
3723
+ }
3611
3724
  }
3612
3725
 
3613
3726
  @media (min-width: 1280px) {
@@ -3641,6 +3754,6 @@ select {
3641
3754
  @media (prefers-color-scheme: dark) {
3642
3755
  .peer:focus ~ .peer-focus\:dark\:text-blue-500 {
3643
3756
  --tw-text-opacity: 1;
3644
- color: rgb(59 130 246 / var(--tw-text-opacity));
3757
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
3645
3758
  }
3646
3759
  }