email css

Emails/wwwroot/output.css

@@ -589,6 +589,10 @@ video {
   height: 1.25rem;
 }
 
+.h-4 {
+  height: 1rem;
+}
+
 .w-full {
   width: 100%;
 }
@@ -685,10 +689,6 @@ video {
   border-radius: 1rem;
 }
 
-.rounded-xl {
-  border-radius: 0.75rem;
-}
-
 .rounded-lg {
   border-radius: 0.5rem;
 }
@@ -697,8 +697,8 @@ video {
   border-radius: 9999px;
 }
 
-.rounded-sm {
+.rounded-xl {
-  border-radius: 0.125rem;
+  border-radius: 0.75rem;
 }
 
 .border-4 {
@@ -717,6 +717,10 @@ video {
   border-right-width: 1px;
 }
 
+.border-r-2 {
+  border-right-width: 2px;
+}
+
 .border-b {
   border-bottom-width: 1px;
 }
@@ -726,16 +730,21 @@ video {
   border-color: rgb(41 55 71 / var(--tw-border-opacity));
 }
 
-.border-email-neon {
-  --tw-border-opacity: 1;
-  border-color: rgb(76 227 90 / var(--tw-border-opacity));
-}
-
 .border-email-line-soft {
   --tw-border-opacity: 1;
   border-color: rgb(27 41 54 / var(--tw-border-opacity));
 }
 
+.border-email-flow-target {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 191 36 / var(--tw-border-opacity));
+}
+
+.border-email-neon {
+  --tw-border-opacity: 1;
+  border-color: rgb(76 227 90 / var(--tw-border-opacity));
+}
+
 .border-email-neon-soft {
   --tw-border-opacity: 1;
   border-color: rgb(21 56 32 / var(--tw-border-opacity));
@@ -766,11 +775,6 @@ video {
   background-color: rgb(8 17 28 / var(--tw-bg-opacity));
 }
 
-.bg-email-neon-soft {
-  --tw-bg-opacity: 1;
-  background-color: rgb(21 56 32 / var(--tw-bg-opacity));
-}
-
 .bg-email-surface {
   --tw-bg-opacity: 1;
   background-color: rgb(13 21 30 / var(--tw-bg-opacity));
@@ -786,6 +790,26 @@ video {
   background-color: rgb(27 41 54 / var(--tw-bg-opacity));
 }
 
+.bg-email-flow-track {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 35 48 / var(--tw-bg-opacity));
+}
+
+.bg-email-flow-progress {
+  --tw-bg-opacity: 1;
+  background-color: rgb(76 227 90 / var(--tw-bg-opacity));
+}
+
+.bg-email-flow-overflow {
+  --tw-bg-opacity: 1;
+  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
+}
+
+.bg-email-flow-flat {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+}
+
 .bg-email-red {
   --tw-bg-opacity: 1;
   background-color: rgb(240 82 82 / var(--tw-bg-opacity));
@@ -826,6 +850,11 @@ video {
   background-color: rgb(249 115 22 / var(--tw-bg-opacity));
 }
 
+.bg-email-neon-soft {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 56 32 / var(--tw-bg-opacity));
+}
+
 .bg-email-red-soft {
   --tw-bg-opacity: 1;
   background-color: rgb(58 23 26 / var(--tw-bg-opacity));
@@ -896,21 +925,6 @@ video {
   padding-bottom: 0.25rem;
 }
 
-.py-0\.5 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-.py-1\.5 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
-
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -995,10 +1009,6 @@ video {
   text-align: center;
 }
 
-.align-middle {
-  vertical-align: middle;
-}
-
 .font-email {
   font-family: Trebuchet MS, Segoe UI, Arial, sans-serif;
 }
@@ -1073,6 +1083,14 @@ video {
   font-size: 12px;
 }
 
+.text-\[18px\] {
+  font-size: 18px;
+}
+
+.text-\[15px\] {
+  font-size: 15px;
+}
+
 .font-semibold {
   font-weight: 600;
 }
@@ -1136,16 +1154,16 @@ video {
   color: rgb(244 247 250 / var(--tw-text-opacity));
 }
 
-.text-email-neon {
-  --tw-text-opacity: 1;
-  color: rgb(76 227 90 / var(--tw-text-opacity));
-}
-
 .text-email-muted {
   --tw-text-opacity: 1;
   color: rgb(160 172 184 / var(--tw-text-opacity));
 }
 
+.text-email-neon {
+  --tw-text-opacity: 1;
+  color: rgb(76 227 90 / var(--tw-text-opacity));
+}
+
 .text-email-dim {
   --tw-text-opacity: 1;
   color: rgb(112 128 145 / var(--tw-text-opacity));
@@ -1166,6 +1184,11 @@ video {
   color: rgb(139 92 246 / var(--tw-text-opacity));
 }
 
+.text-email-blue {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
+
 .line-through {
   text-decoration-line: line-through;
 }