avo 2.14.2 → 2.14.3.pre.1.branding

data/public/avo-assets/avo.css

@@ -3832,8 +3832,7 @@ select{
 }
 
 a{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 
 *, ::before, ::after{
@@ -4230,11 +4229,6 @@ svg.tea #steamR {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.pagy-nav .page a:focus,.pagy-nav .page.active:focus,.pagy-nav .page.prev.disabled:focus,.pagy-nav .page.next.disabled:focus,.pagy-nav-js .page a:focus,.pagy-combo-nav-js .page a:focus,.pagy-combo-nav-js .pagy-combo-input a:focus{
-    --tw-border-opacity:1;
-    border-color:rgb(107 182 235 / var(--tw-border-opacity))
-  }
-
 .pagy-nav .page a:hover,.pagy-nav .page.active:hover,.pagy-nav .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page a:hover,.pagy-combo-nav-js .page a:hover,.pagy-combo-nav-js .pagy-combo-input a:hover{
     --tw-bg-opacity:1;
     background-color:rgb(214 216 220 / var(--tw-bg-opacity))
@@ -4484,8 +4478,7 @@ button.aa-DetachedCancelButton {
         }
 
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
-          --tw-bg-opacity:1;
-          background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+          background-color:rgb(var(--color-primary-500))
         }
 
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
@@ -4576,10 +4569,8 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
 }
 
 .application-sidebar .active:hover, .application-sidebar .active{
-  --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity));
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  background-color:rgb(var(--color-primary-100));
+  color:rgb(var(--color-primary-500))
 }
 
 /* remove the left padding. */
@@ -4637,6 +4628,15 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
 
 tags.tagify {
   --tag-inset-shadow-size: 3em;
+  --tags-border-color: rgb(var(--color-primary-500));
+  --tags-hover-border-color: rgb(var(--color-primary-500));
+}
+
+.tagify__dropdown {
+  --tagify-dd-color-primary: rgb(var(--color-primary-500));
+}
+
+tags.tagify{
   padding:0px !important;
 }
 
@@ -5574,7 +5574,7 @@ progress{
   border-radius:0.25rem;
   border-width:1px;
   --tw-border-opacity:1;
-  border-color:rgb(145 151 161 / var(--tw-border-opacity));
+  border-color:rgb(148 163 184 / var(--tw-border-opacity));
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity));
   --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
@@ -5596,15 +5596,13 @@ progress[value]::-webkit-progress-bar{
 
 progress[value]::-webkit-progress-value{
   border-radius:0.25rem;
-  --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-500))
 }
 
 progress[value]::-moz-progress-bar{
   appearance:none;
   border-radius:0.25rem;
-  --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-500))
 }
 
 /*
@@ -6435,16 +6433,8 @@ trix-editor .attachment__metadata .attachment__size {
   margin-right:1.5rem
 }
 
-.mt-2{
-  margin-top:0.5rem
-}
-
-.ml-3{
-  margin-left:0.75rem
-}
-
-.-ml-px{
-  margin-left:-1px
+.mt-3{
+  margin-top:0.75rem
 }
 
 .mt-4{
@@ -6467,6 +6457,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-bottom:0px
 }
 
+.mt-2{
+  margin-top:0.5rem
+}
+
 .mt-1{
   margin-top:0.25rem
 }
@@ -6519,6 +6513,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-left:8.333333%
 }
 
+.ml-3{
+  margin-left:0.75rem
+}
+
 .ml-4{
   margin-left:1rem
 }
@@ -7149,16 +7147,6 @@ trix-editor .attachment__metadata .attachment__size {
   border-radius:1rem
 }
 
-.rounded-r-md{
-  border-top-right-radius:0.375rem;
-  border-bottom-right-radius:0.375rem
-}
-
-.rounded-l-md{
-  border-top-left-radius:0.375rem;
-  border-bottom-left-radius:0.375rem
-}
-
 .rounded-l{
   border-top-left-radius:0.25rem;
   border-bottom-left-radius:0.25rem
@@ -7324,8 +7312,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 
 .border-primary-500{
-  --tw-border-opacity:1;
-  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+  border-color:rgb(var(--color-primary-500))
 }
 
 .border-red-600{
@@ -7343,11 +7330,6 @@ trix-editor .attachment__metadata .attachment__size {
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
 }
 
-.border-primary-300{
-  --tw-border-opacity:1;
-  border-color:rgb(107 182 235 / var(--tw-border-opacity))
-}
-
 .border-gray-600{
   --tw-border-opacity:1;
   border-color:rgb(94 100 110 / var(--tw-border-opacity))
@@ -7377,6 +7359,11 @@ trix-editor .attachment__metadata .attachment__size {
   border-color:rgb(203 213 225 / var(--tw-border-opacity))
 }
 
+.border-gray-150{
+  --tw-border-opacity:1;
+  border-color:rgb(214 216 220 / var(--tw-border-opacity))
+}
+
 .bg-slate-500{
   --tw-bg-opacity:1;
   background-color:rgb(100 116 139 / var(--tw-bg-opacity))
@@ -7488,8 +7475,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 
 .bg-primary-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-500))
 }
 
 .bg-red-600{
@@ -7507,14 +7493,14 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(246 246 247 / var(--tw-bg-opacity))
 }
 
-.bg-gray-100{
+.bg-orange-700{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
 }
 
-.bg-orange-700{
+.bg-gray-100{
   --tw-bg-opacity:1;
-  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
 .bg-green-700{
@@ -7523,8 +7509,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 
 .bg-application{
-  --tw-bg-opacity:1;
-  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-application-background))
 }
 
 .bg-red-400{
@@ -7831,10 +7816,6 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:600
 }
 
-.font-medium{
-  font-weight:500
-}
-
 .font-normal{
   font-weight:400
 }
@@ -7843,6 +7824,10 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:700
 }
 
+.font-medium{
+  font-weight:500
+}
+
 .uppercase{
   text-transform:uppercase
 }
@@ -7990,8 +7975,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 
 .text-primary-500{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 
 .text-white{
@@ -8034,11 +8018,6 @@ trix-editor .attachment__metadata .attachment__size {
   color:rgb(0 0 0 / var(--tw-text-opacity))
 }
 
-.\!text-blue-700{
-  --tw-text-opacity:1 !important;
-  color:rgb(5 80 133 / var(--tw-text-opacity)) !important
-}
-
 .text-slate-600{
   --tw-text-opacity:1;
   color:rgb(71 85 105 / var(--tw-text-opacity))
@@ -8232,8 +8211,7 @@ html, body{
 }
 
 .turbo-progress-bar{
-  --tw-bg-opacity:1;
-  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-400))
 }
 
 body.os-mac .mac\:hidden {
@@ -8249,42 +8227,18 @@ trix-editor {
   overflow-y: auto;
 }
 
-.scroll-shadows {
-  background:
-    /* Shadow Cover TOP */
-    linear-gradient(
-      #F6F6F7 30%,
-      #F6F6F7
-    ) center top,
-
-    /* Shadow Cover BOTTOM */
-    linear-gradient(
-      #F6F6F7,
-      #F6F6F7 70%
-    ) center bottom,
-
-    /* Shadow TOP */
-    radial-gradient(
-      farthest-side at 50% 0,
-      rgba(0, 0, 0, 0.2),
-      rgba(0, 0, 0, 0)
-    ) center top,
-
-    /* Shadow BOTTOM */
-    radial-gradient(
-      farthest-side at 50% 100%,
-      rgba(0, 0, 0, 0.2),
-      rgba(0, 0, 0, 0)
-    ) center bottom;
-  background-repeat: no-repeat;
-  background-size: 100% 34px, 100% 34px, 100% 14px, 100% 14px;
-  background-attachment: local, local, scroll, scroll;
-}
-
 .checked\:block:checked{
   display:block
 }
 
+.checked\:bg-primary-400:checked{
+  background-color:rgb(var(--color-primary-400))
+}
+
+.focus-within\:border-primary-500:focus-within{
+  border-color:rgb(var(--color-primary-500))
+}
+
 .hover\:z-\[21\]:hover{
   z-index:21
 }
@@ -8400,13 +8354,7 @@ trix-editor {
 }
 
 .hover\:border-primary-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(6 107 178 / var(--tw-border-opacity))
-}
-
-.hover\:bg-slate-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+  border-color:rgb(var(--color-primary-600))
 }
 
 .hover\:bg-slate-600:hover{
@@ -8414,9 +8362,9 @@ trix-editor {
   background-color:rgb(71 85 105 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-gray-100:hover{
+.hover\:bg-slate-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-gray-600:hover{
@@ -8424,9 +8372,9 @@ trix-editor {
   background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-zinc-100:hover{
+.hover\:bg-gray-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-zinc-600:hover{
@@ -8434,9 +8382,9 @@ trix-editor {
   background-color:rgb(82 82 91 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-neutral-100:hover{
+.hover\:bg-zinc-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-neutral-600:hover{
@@ -8444,9 +8392,9 @@ trix-editor {
   background-color:rgb(82 82 82 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-stone-100:hover{
+.hover\:bg-neutral-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-stone-600:hover{
@@ -8454,9 +8402,9 @@ trix-editor {
   background-color:rgb(87 83 78 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-red-100:hover{
+.hover\:bg-stone-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-red-600:hover{
@@ -8464,9 +8412,9 @@ trix-editor {
   background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-orange-100:hover{
+.hover\:bg-red-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-orange-600:hover{
@@ -8474,9 +8422,9 @@ trix-editor {
   background-color:rgb(234 88 12 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-amber-100:hover{
+.hover\:bg-orange-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-amber-600:hover{
@@ -8484,9 +8432,9 @@ trix-editor {
   background-color:rgb(217 119 6 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-yellow-100:hover{
+.hover\:bg-amber-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-yellow-600:hover{
@@ -8494,9 +8442,9 @@ trix-editor {
   background-color:rgb(202 138 4 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-lime-100:hover{
+.hover\:bg-yellow-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-lime-600:hover{
@@ -8504,9 +8452,9 @@ trix-editor {
   background-color:rgb(101 163 13 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-green-100:hover{
+.hover\:bg-lime-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-green-600:hover{
@@ -8514,9 +8462,9 @@ trix-editor {
   background-color:rgb(22 163 74 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-emerald-100:hover{
+.hover\:bg-green-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-emerald-600:hover{
@@ -8524,9 +8472,9 @@ trix-editor {
   background-color:rgb(5 150 105 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-teal-100:hover{
+.hover\:bg-emerald-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-teal-600:hover{
@@ -8534,9 +8482,9 @@ trix-editor {
   background-color:rgb(13 148 136 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-cyan-100:hover{
+.hover\:bg-teal-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-cyan-600:hover{
@@ -8544,9 +8492,9 @@ trix-editor {
   background-color:rgb(8 145 178 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-sky-100:hover{
+.hover\:bg-cyan-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-sky-600:hover{
@@ -8554,9 +8502,9 @@ trix-editor {
   background-color:rgb(2 132 199 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-blue-100:hover{
+.hover\:bg-sky-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-blue-600:hover{
@@ -8564,9 +8512,9 @@ trix-editor {
   background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-indigo-100:hover{
+.hover\:bg-blue-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-indigo-600:hover{
@@ -8574,9 +8522,9 @@ trix-editor {
   background-color:rgb(79 70 229 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-violet-100:hover{
+.hover\:bg-indigo-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-violet-600:hover{
@@ -8584,9 +8532,9 @@ trix-editor {
   background-color:rgb(124 58 237 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-purple-100:hover{
+.hover\:bg-violet-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-purple-600:hover{
@@ -8594,9 +8542,9 @@ trix-editor {
   background-color:rgb(147 51 234 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-fuchsia-100:hover{
+.hover\:bg-purple-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-fuchsia-600:hover{
@@ -8604,9 +8552,9 @@ trix-editor {
   background-color:rgb(192 38 211 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-pink-100:hover{
+.hover\:bg-fuchsia-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-pink-600:hover{
@@ -8614,9 +8562,9 @@ trix-editor {
   background-color:rgb(219 39 119 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-rose-100:hover{
+.hover\:bg-pink-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-rose-600:hover{
@@ -8624,19 +8572,21 @@ trix-editor {
   background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-primary-100:hover{
+.hover\:bg-rose-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-primary-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-600))
 }
 
-.hover\:bg-blue-500:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+.hover\:bg-primary-100:hover{
+  background-color:rgb(var(--color-primary-100))
+}
+
+.hover\:bg-primary-500:hover{
+  background-color:rgb(var(--color-primary-500))
 }
 
 .hover\:bg-gray-50:hover{
@@ -8649,11 +8599,6 @@ trix-editor {
   color:rgb(117 125 138 / var(--tw-text-opacity))
 }
 
-.hover\:text-gray-400:hover{
-  --tw-text-opacity:1;
-  color:rgb(145 151 161 / var(--tw-text-opacity))
-}
-
 .hover\:text-white:hover{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
@@ -8674,20 +8619,11 @@ trix-editor {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.focus\:z-10:focus{
-  z-index:10
-}
-
 .focus\:border-gray-600:focus{
   --tw-border-opacity:1;
   border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 
-.focus\:border-blue-300:focus{
-  --tw-border-opacity:1;
-  border-color:rgb(107 182 235 / var(--tw-border-opacity))
-}
-
 .focus\:border-gray-300:focus{
   --tw-border-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
@@ -8723,6 +8659,10 @@ trix-editor {
   outline-offset:2px
 }
 
+.focus\:checked\:\!bg-primary-400:checked:focus{
+  background-color:rgb(var(--color-primary-400)) !important
+}
+
 .focus-visible\:ring-0:focus-visible{
   --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -8739,14 +8679,19 @@ trix-editor {
   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))
 }
 
+.active\:border-slate-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
+}
+
 .active\:border-slate-500:active{
   --tw-border-opacity:1;
   border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
 
-.active\:border-slate-700:active{
+.active\:border-gray-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(51 65 85 / var(--tw-border-opacity))
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 
 .active\:border-gray-500:active{
@@ -8754,9 +8699,9 @@ trix-editor {
   border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
 
-.active\:border-gray-700:active{
+.active\:border-zinc-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(70 75 83 / var(--tw-border-opacity))
+  border-color:rgb(82 82 91 / var(--tw-border-opacity))
 }
 
 .active\:border-zinc-500:active{
@@ -8764,9 +8709,9 @@ trix-editor {
   border-color:rgb(113 113 122 / var(--tw-border-opacity))
 }
 
-.active\:border-zinc-700:active{
+.active\:border-neutral-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(63 63 70 / var(--tw-border-opacity))
+  border-color:rgb(82 82 82 / var(--tw-border-opacity))
 }
 
 .active\:border-neutral-500:active{
@@ -8774,9 +8719,9 @@ trix-editor {
   border-color:rgb(115 115 115 / var(--tw-border-opacity))
 }
 
-.active\:border-neutral-700:active{
+.active\:border-stone-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(64 64 64 / var(--tw-border-opacity))
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
 }
 
 .active\:border-stone-500:active{
@@ -8784,9 +8729,9 @@ trix-editor {
   border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
 
-.active\:border-stone-700:active{
+.active\:border-red-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(68 64 60 / var(--tw-border-opacity))
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
 }
 
 .active\:border-red-500:active{
@@ -8794,9 +8739,9 @@ trix-editor {
   border-color:rgb(239 68 68 / var(--tw-border-opacity))
 }
 
-.active\:border-red-700:active{
+.active\:border-orange-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(185 28 28 / var(--tw-border-opacity))
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
 }
 
 .active\:border-orange-500:active{
@@ -8804,9 +8749,9 @@ trix-editor {
   border-color:rgb(249 115 22 / var(--tw-border-opacity))
 }
 
-.active\:border-orange-700:active{
+.active\:border-amber-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(194 65 12 / var(--tw-border-opacity))
+  border-color:rgb(217 119 6 / var(--tw-border-opacity))
 }
 
 .active\:border-amber-500:active{
@@ -8814,9 +8759,9 @@ trix-editor {
   border-color:rgb(245 158 11 / var(--tw-border-opacity))
 }
 
-.active\:border-amber-700:active{
+.active\:border-yellow-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(180 83 9 / var(--tw-border-opacity))
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
 }
 
 .active\:border-yellow-500:active{
@@ -8824,9 +8769,9 @@ trix-editor {
   border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
 
-.active\:border-yellow-700:active{
+.active\:border-lime-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(161 98 7 / var(--tw-border-opacity))
+  border-color:rgb(101 163 13 / var(--tw-border-opacity))
 }
 
 .active\:border-lime-500:active{
@@ -8834,9 +8779,9 @@ trix-editor {
   border-color:rgb(132 204 22 / var(--tw-border-opacity))
 }
 
-.active\:border-lime-700:active{
+.active\:border-green-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(77 124 15 / var(--tw-border-opacity))
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
 }
 
 .active\:border-green-500:active{
@@ -8844,9 +8789,9 @@ trix-editor {
   border-color:rgb(34 197 94 / var(--tw-border-opacity))
 }
 
-.active\:border-green-700:active{
+.active\:border-emerald-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(21 128 61 / var(--tw-border-opacity))
+  border-color:rgb(5 150 105 / var(--tw-border-opacity))
 }
 
 .active\:border-emerald-500:active{
@@ -8854,9 +8799,9 @@ trix-editor {
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.active\:border-emerald-700:active{
+.active\:border-teal-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(4 120 87 / var(--tw-border-opacity))
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
 }
 
 .active\:border-teal-500:active{
@@ -8864,9 +8809,9 @@ trix-editor {
   border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
 
-.active\:border-teal-700:active{
+.active\:border-cyan-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(15 118 110 / var(--tw-border-opacity))
+  border-color:rgb(8 145 178 / var(--tw-border-opacity))
 }
 
 .active\:border-cyan-500:active{
@@ -8874,9 +8819,9 @@ trix-editor {
   border-color:rgb(6 182 212 / var(--tw-border-opacity))
 }
 
-.active\:border-cyan-700:active{
+.active\:border-sky-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(14 116 144 / var(--tw-border-opacity))
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
 }
 
 .active\:border-sky-500:active{
@@ -8884,9 +8829,9 @@ trix-editor {
   border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
 
-.active\:border-sky-700:active{
+.active\:border-blue-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(3 105 161 / var(--tw-border-opacity))
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
 }
 
 .active\:border-blue-500:active{
@@ -8894,9 +8839,9 @@ trix-editor {
   border-color:rgb(8 134 222 / var(--tw-border-opacity))
 }
 
-.active\:border-blue-700:active{
+.active\:border-indigo-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(5 80 133 / var(--tw-border-opacity))
+  border-color:rgb(79 70 229 / var(--tw-border-opacity))
 }
 
 .active\:border-indigo-500:active{
@@ -8904,9 +8849,9 @@ trix-editor {
   border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
 
-.active\:border-indigo-700:active{
+.active\:border-violet-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(67 56 202 / var(--tw-border-opacity))
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
 }
 
 .active\:border-violet-500:active{
@@ -8914,9 +8859,9 @@ trix-editor {
   border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
 
-.active\:border-violet-700:active{
+.active\:border-purple-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(109 40 217 / var(--tw-border-opacity))
+  border-color:rgb(147 51 234 / var(--tw-border-opacity))
 }
 
 .active\:border-purple-500:active{
@@ -8924,9 +8869,9 @@ trix-editor {
   border-color:rgb(168 85 247 / var(--tw-border-opacity))
 }
 
-.active\:border-purple-700:active{
+.active\:border-fuchsia-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(126 34 206 / var(--tw-border-opacity))
+  border-color:rgb(192 38 211 / var(--tw-border-opacity))
 }
 
 .active\:border-fuchsia-500:active{
@@ -8934,9 +8879,9 @@ trix-editor {
   border-color:rgb(217 70 239 / var(--tw-border-opacity))
 }
 
-.active\:border-fuchsia-700:active{
+.active\:border-pink-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(162 28 175 / var(--tw-border-opacity))
+  border-color:rgb(219 39 119 / var(--tw-border-opacity))
 }
 
 .active\:border-pink-500:active{
@@ -8944,9 +8889,9 @@ trix-editor {
   border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
 
-.active\:border-pink-700:active{
+.active\:border-rose-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(190 24 93 / var(--tw-border-opacity))
+  border-color:rgb(225 29 72 / var(--tw-border-opacity))
 }
 
 .active\:border-rose-500:active{
@@ -8954,24 +8899,12 @@ trix-editor {
   border-color:rgb(244 63 94 / var(--tw-border-opacity))
 }
 
-.active\:border-rose-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(190 18 60 / var(--tw-border-opacity))
+.active\:border-primary-600:active{
+  border-color:rgb(var(--color-primary-600))
 }
 
 .active\:border-primary-500:active{
-  --tw-border-opacity:1;
-  border-color:rgb(8 134 222 / var(--tw-border-opacity))
-}
-
-.active\:border-primary-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(5 80 133 / var(--tw-border-opacity))
-}
-
-.active\:bg-slate-100:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+  border-color:rgb(var(--color-primary-500))
 }
 
 .active\:bg-slate-600:active{
@@ -8979,9 +8912,9 @@ trix-editor {
   background-color:rgb(71 85 105 / var(--tw-bg-opacity))
 }
 
-.active\:bg-gray-100:active{
+.active\:bg-slate-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
 
 .active\:bg-gray-600:active{
@@ -8989,9 +8922,9 @@ trix-editor {
   background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
 
-.active\:bg-zinc-100:active{
+.active\:bg-gray-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
 .active\:bg-zinc-600:active{
@@ -8999,9 +8932,9 @@ trix-editor {
   background-color:rgb(82 82 91 / var(--tw-bg-opacity))
 }
 
-.active\:bg-neutral-100:active{
+.active\:bg-zinc-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
 
 .active\:bg-neutral-600:active{
@@ -9009,9 +8942,9 @@ trix-editor {
   background-color:rgb(82 82 82 / var(--tw-bg-opacity))
 }
 
-.active\:bg-stone-100:active{
+.active\:bg-neutral-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
 
 .active\:bg-stone-600:active{
@@ -9019,9 +8952,9 @@ trix-editor {
   background-color:rgb(87 83 78 / var(--tw-bg-opacity))
 }
 
-.active\:bg-red-100:active{
+.active\:bg-stone-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
 
 .active\:bg-red-600:active{
@@ -9029,9 +8962,9 @@ trix-editor {
   background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
 
-.active\:bg-orange-100:active{
+.active\:bg-red-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
 
 .active\:bg-orange-600:active{
@@ -9039,9 +8972,9 @@ trix-editor {
   background-color:rgb(234 88 12 / var(--tw-bg-opacity))
 }
 
-.active\:bg-amber-100:active{
+.active\:bg-orange-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
 
 .active\:bg-amber-600:active{
@@ -9049,9 +8982,9 @@ trix-editor {
   background-color:rgb(217 119 6 / var(--tw-bg-opacity))
 }
 
-.active\:bg-yellow-100:active{
+.active\:bg-amber-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
 
 .active\:bg-yellow-600:active{
@@ -9059,9 +8992,9 @@ trix-editor {
   background-color:rgb(202 138 4 / var(--tw-bg-opacity))
 }
 
-.active\:bg-lime-100:active{
+.active\:bg-yellow-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
 
 .active\:bg-lime-600:active{
@@ -9069,9 +9002,9 @@ trix-editor {
   background-color:rgb(101 163 13 / var(--tw-bg-opacity))
 }
 
-.active\:bg-green-100:active{
+.active\:bg-lime-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
 }
 
 .active\:bg-green-600:active{
@@ -9079,9 +9012,9 @@ trix-editor {
   background-color:rgb(22 163 74 / var(--tw-bg-opacity))
 }
 
-.active\:bg-emerald-100:active{
+.active\:bg-green-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
 
 .active\:bg-emerald-600:active{
@@ -9089,9 +9022,9 @@ trix-editor {
   background-color:rgb(5 150 105 / var(--tw-bg-opacity))
 }
 
-.active\:bg-teal-100:active{
+.active\:bg-emerald-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
 
 .active\:bg-teal-600:active{
@@ -9099,9 +9032,9 @@ trix-editor {
   background-color:rgb(13 148 136 / var(--tw-bg-opacity))
 }
 
-.active\:bg-cyan-100:active{
+.active\:bg-teal-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
 
 .active\:bg-cyan-600:active{
@@ -9109,9 +9042,9 @@ trix-editor {
   background-color:rgb(8 145 178 / var(--tw-bg-opacity))
 }
 
-.active\:bg-sky-100:active{
+.active\:bg-cyan-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
 
 .active\:bg-sky-600:active{
@@ -9119,9 +9052,9 @@ trix-editor {
   background-color:rgb(2 132 199 / var(--tw-bg-opacity))
 }
 
-.active\:bg-blue-100:active{
+.active\:bg-sky-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
 
 .active\:bg-blue-600:active{
@@ -9129,9 +9062,9 @@ trix-editor {
   background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
 
-.active\:bg-indigo-100:active{
+.active\:bg-blue-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 
 .active\:bg-indigo-600:active{
@@ -9139,9 +9072,9 @@ trix-editor {
   background-color:rgb(79 70 229 / var(--tw-bg-opacity))
 }
 
-.active\:bg-violet-100:active{
+.active\:bg-indigo-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
 
 .active\:bg-violet-600:active{
@@ -9149,9 +9082,9 @@ trix-editor {
   background-color:rgb(124 58 237 / var(--tw-bg-opacity))
 }
 
-.active\:bg-purple-100:active{
+.active\:bg-violet-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
 
 .active\:bg-purple-600:active{
@@ -9159,9 +9092,9 @@ trix-editor {
   background-color:rgb(147 51 234 / var(--tw-bg-opacity))
 }
 
-.active\:bg-fuchsia-100:active{
+.active\:bg-purple-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
 
 .active\:bg-fuchsia-600:active{
@@ -9169,9 +9102,9 @@ trix-editor {
   background-color:rgb(192 38 211 / var(--tw-bg-opacity))
 }
 
-.active\:bg-pink-100:active{
+.active\:bg-fuchsia-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
 
 .active\:bg-pink-600:active{
@@ -9179,9 +9112,9 @@ trix-editor {
   background-color:rgb(219 39 119 / var(--tw-bg-opacity))
 }
 
-.active\:bg-rose-100:active{
+.active\:bg-pink-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
 
 .active\:bg-rose-600:active{
@@ -9189,24 +9122,17 @@ trix-editor {
   background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
 
-.active\:bg-primary-100:active{
+.active\:bg-rose-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
 
 .active\:bg-primary-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-600))
 }
 
-.active\:text-gray-700:active{
-  --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
-}
-
-.active\:text-gray-500:active{
-  --tw-text-opacity:1;
-  color:rgb(117 125 138 / var(--tw-text-opacity))
+.active\:bg-primary-100:active{
+  background-color:rgb(var(--color-primary-100))
 }
 
 .active\:outline:active{
@@ -9221,96 +9147,188 @@ trix-editor {
   outline-width:0px
 }
 
+.active\:outline-slate-600:active{
+  outline-color:#475569
+}
+
 .active\:outline-slate-500:active{
   outline-color:#64748b
 }
 
+.active\:outline-gray-600:active{
+  outline-color:#5E646E
+}
+
 .active\:outline-gray-500:active{
   outline-color:#757D8A
 }
 
+.active\:outline-zinc-600:active{
+  outline-color:#52525b
+}
+
 .active\:outline-zinc-500:active{
   outline-color:#71717a
 }
 
+.active\:outline-neutral-600:active{
+  outline-color:#525252
+}
+
 .active\:outline-neutral-500:active{
   outline-color:#737373
 }
 
+.active\:outline-stone-600:active{
+  outline-color:#57534e
+}
+
 .active\:outline-stone-500:active{
   outline-color:#78716c
 }
 
+.active\:outline-red-600:active{
+  outline-color:#dc2626
+}
+
 .active\:outline-red-500:active{
   outline-color:#ef4444
 }
 
+.active\:outline-orange-600:active{
+  outline-color:#ea580c
+}
+
 .active\:outline-orange-500:active{
   outline-color:#f97316
 }
 
+.active\:outline-amber-600:active{
+  outline-color:#d97706
+}
+
 .active\:outline-amber-500:active{
   outline-color:#f59e0b
 }
 
+.active\:outline-yellow-600:active{
+  outline-color:#ca8a04
+}
+
 .active\:outline-yellow-500:active{
   outline-color:#eab308
 }
 
+.active\:outline-lime-600:active{
+  outline-color:#65a30d
+}
+
 .active\:outline-lime-500:active{
   outline-color:#84cc16
 }
 
+.active\:outline-green-600:active{
+  outline-color:#16a34a
+}
+
 .active\:outline-green-500:active{
   outline-color:#22c55e
 }
 
+.active\:outline-emerald-600:active{
+  outline-color:#059669
+}
+
 .active\:outline-emerald-500:active{
   outline-color:#10b981
 }
 
+.active\:outline-teal-600:active{
+  outline-color:#0d9488
+}
+
 .active\:outline-teal-500:active{
   outline-color:#14b8a6
 }
 
+.active\:outline-cyan-600:active{
+  outline-color:#0891b2
+}
+
 .active\:outline-cyan-500:active{
   outline-color:#06b6d4
 }
 
+.active\:outline-sky-600:active{
+  outline-color:#0284c7
+}
+
 .active\:outline-sky-500:active{
   outline-color:#0ea5e9
 }
 
+.active\:outline-blue-600:active{
+  outline-color:#066BB2
+}
+
 .active\:outline-blue-500:active{
   outline-color:#0886DE
 }
 
+.active\:outline-indigo-600:active{
+  outline-color:#4f46e5
+}
+
 .active\:outline-indigo-500:active{
   outline-color:#6366f1
 }
 
+.active\:outline-violet-600:active{
+  outline-color:#7c3aed
+}
+
 .active\:outline-violet-500:active{
   outline-color:#8b5cf6
 }
 
+.active\:outline-purple-600:active{
+  outline-color:#9333ea
+}
+
 .active\:outline-purple-500:active{
   outline-color:#a855f7
 }
 
+.active\:outline-fuchsia-600:active{
+  outline-color:#c026d3
+}
+
 .active\:outline-fuchsia-500:active{
   outline-color:#d946ef
 }
 
+.active\:outline-pink-600:active{
+  outline-color:#db2777
+}
+
 .active\:outline-pink-500:active{
   outline-color:#ec4899
 }
 
+.active\:outline-rose-600:active{
+  outline-color:#e11d48
+}
+
 .active\:outline-rose-500:active{
   outline-color:#f43f5e
 }
 
+.active\:outline-primary-600:active{
+  outline-color:rgb(var(--color-primary-600))
+}
+
 .active\:outline-primary-500:active{
-  outline-color:#0886DE
+  outline-color:rgb(var(--color-primary-500))
 }
 
 .disabled\:cursor-not-allowed:disabled{
@@ -9508,10 +9526,6 @@ trix-editor {
 }
 
 @media (min-width: 768px){
-  .md\:inline-flex{
-    display:inline-flex
-  }
-
   .md\:h-14{
     height:3.5rem
   }