avo 3.0.3 → 3.0.4

data/app/assets/builds/avo.base.css

@@ -4754,44 +4754,6 @@ 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;
-}
-
-tags.tagify span.tagify__input{
-    margin-top:0.25rem;
-    margin-bottom:0.25rem
-  }
-
-tags.tagify span.tagify__input:after {
-      /* The loader is not centered by default. This will make it look better. */
-      margin-top: 0.25rem;
-    }
-
-tag.tagify__tag{
-  margin-top:0.25rem;
-  margin-bottom:0.25rem;
-  margin-bottom:0px;
-  font-size:0.875rem;
-  line-height:1.25rem
-}
-
-/* When the tags field is used to select just one value there's a weird ZeroWidthSpace (\u200B) character that breaks the vertical spacing. */
-
-[data-tags-field-mode-value="select"] tags.tagify {
-  height: 40px;
-}
-
 .spinner {
   width: 16px;
   height: 16px;
@@ -6317,6 +6279,44 @@ trix-toolbar .trix-button-group:not(:first-child){
     margin-left:0px
   }
 
+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;
+}
+
+tags.tagify span.tagify__input{
+    margin-top:0.25rem;
+    margin-bottom:0.25rem
+  }
+
+tags.tagify span.tagify__input:after {
+      /* The loader is not centered by default. This will make it look better. */
+      margin-top: 0.25rem;
+    }
+
+tag.tagify__tag{
+  margin-top:0.25rem;
+  margin-bottom:0.25rem;
+  margin-bottom:0px;
+  font-size:0.875rem;
+  line-height:1.25rem
+}
+
+/* When the tags field is used to select just one value there's a weird ZeroWidthSpace (\u200B) character that breaks the vertical spacing. */
+
+[data-tags-field-mode-value="select"] tags.tagify {
+  height: 40px;
+}
+
 .container{
   width:100%
 }
@@ -6427,32 +6427,44 @@ trix-toolbar .trix-button-group:not(:first-child){
   bottom:-0.25rem
 }
 
-.left-0{
-  left:0px
+.bottom-0{
+  bottom:0px
 }
 
-.left-1\/2{
-  left:50%
+.right-0{
+  right:0px
 }
 
-.top-1\/2{
-  top:50%
+.top-full{
+  top:100%
 }
 
-.bottom-0{
-  bottom:0px
+.left-0{
+  left:0px
+}
+
+.top-1\/2{
+  top:50%
 }
 
 .left-auto{
   left:auto
 }
 
-.right-0{
-  right:0px
+.top-2{
+  top:0.5rem
 }
 
-.top-full{
-  top:100%
+.right-3{
+  right:0.75rem
+}
+
+.left-1\/2{
+  left:50%
+}
+
+.bottom-full{
+  bottom:100%
 }
 
 .top-\[-1px\]{
@@ -6463,8 +6475,12 @@ trix-toolbar .trix-button-group:not(:first-child){
   top:-0.1rem
 }
 
-.right-3{
-  right:0.75rem
+.z-20{
+  z-index:20
+}
+
+.z-30{
+  z-index:30
 }
 
 .z-10{
@@ -6475,10 +6491,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   z-index:50
 }
 
-.z-20{
-  z-index:20
-}
-
 .z-\[100\]{
   z-index:100
 }
@@ -6491,10 +6503,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   z-index:60
 }
 
-.z-30{
-  z-index:30
-}
-
 .order-last{
   order:9999
 }
@@ -6503,28 +6511,44 @@ trix-toolbar .trix-button-group:not(:first-child){
   order:-9999
 }
 
+.col-span-full{
+  grid-column:1 / -1
+}
+
+.col-span-4{
+  grid-column:span 4 / span 4
+}
+
 .col-span-1{
   grid-column:span 1 / span 1
 }
 
-.col-span-2{
-  grid-column:span 2 / span 2
+.row-span-1{
+  grid-row:span 1 / span 1
 }
 
-.col-span-full{
-  grid-column:1 / -1
+.row-span-2{
+  grid-row:span 2 / span 2
 }
 
-.col-span-4{
-  grid-column:span 4 / span 4
+.row-span-3{
+  grid-row:span 3 / span 3
 }
 
-.float-right{
-  float:right
+.row-span-4{
+  grid-row:span 4 / span 4
+}
+
+.row-span-5{
+  grid-row:span 5 / span 5
 }
 
-.float-left{
-  float:left
+.row-span-6{
+  grid-row:span 6 / span 6
+}
+
+.float-right{
+  float:right
 }
 
 .m-0{
@@ -6541,16 +6565,21 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-right:-0.25rem
 }
 
-.mx-3{
-  margin-left:0.75rem;
-  margin-right:0.75rem
-}
-
 .my-4{
   margin-top:1rem;
   margin-bottom:1rem
 }
 
+.-mx-2{
+  margin-left:-0.5rem;
+  margin-right:-0.5rem
+}
+
+.mx-3{
+  margin-left:0.75rem;
+  margin-right:0.75rem
+}
+
 .-mx-6{
   margin-left:-1.5rem;
   margin-right:-1.5rem
@@ -6581,11 +6610,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-bottom:0px
 }
 
-.-mx-2{
-  margin-left:-0.5rem;
-  margin-right:-0.5rem
-}
-
 .-my-2{
   margin-top:-0.5rem;
   margin-bottom:-0.5rem
@@ -6596,58 +6620,82 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-right:1.5rem
 }
 
+.mb-4{
+  margin-bottom:1rem
+}
+
+.mr-4{
+  margin-right:1rem
+}
+
+.ml-1\/2{
+  margin-left:50%
+}
+
+.mr-1{
+  margin-right:0.25rem
+}
+
+.ml-1{
+  margin-left:0.25rem
+}
+
 .mt-3{
   margin-top:0.75rem
 }
 
-.mt-8{
-  margin-top:2rem
+.ml-6{
+  margin-left:1.5rem
 }
 
-.mb-12{
-  margin-bottom:3rem
+.mt-2{
+  margin-top:0.5rem
 }
 
 .mr-2{
   margin-right:0.5rem
 }
 
-.mb-0{
-  margin-bottom:0px
-}
-
 .mt-4{
   margin-top:1rem
 }
 
-.mt-2{
-  margin-top:0.5rem
+.mr-px{
+  margin-right:1px
 }
 
-.mt-1{
-  margin-top:0.25rem
+.-mt-2{
+  margin-top:-0.5rem
 }
 
-.mb-4{
-  margin-bottom:1rem
+.mt-8{
+  margin-top:2rem
 }
 
-.mr-1{
-  margin-right:0.25rem
+.mb-12{
+  margin-bottom:3rem
 }
 
-.mr-4{
-  margin-right:1rem
+.mb-0{
+  margin-bottom:0px
 }
 
-.ml-1{
-  margin-left:0.25rem
+.-mt-1{
+  margin-top:-0.25rem
+}
+
+.mt-1{
+  margin-top:0.25rem
 }
 
 .ml-1\/12{
   margin-left:8.333333%
 }
 
+.mb-2{
+  margin-bottom:0.5rem
+}
+
 .ml-3{
   margin-left:0.75rem
 }
@@ -6656,18 +6704,14 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-left:1rem
 }
 
-.mb-2{
-  margin-bottom:0.5rem
+.-ml-4{
+  margin-left:-1rem
 }
 
 .-mt-12{
   margin-top:-3rem
 }
 
-.ml-1\/2{
-  margin-left:50%
-}
-
 .ml-10{
   margin-left:2.5rem
 }
@@ -6708,18 +6752,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-top:1.5rem
 }
 
-.mt-12{
-  margin-top:3rem
-}
-
-.mr-px{
-  margin-right:1px
-}
-
-.-mt-2{
-  margin-top:-0.5rem
-}
-
 .ml-px{
   margin-left:1px
 }
@@ -6760,6 +6792,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   display:grid
 }
 
+.contents{
+  display:contents
+}
+
 .hidden{
   display:none
 }
@@ -6772,42 +6808,30 @@ trix-toolbar .trix-button-group:not(:first-child){
   aspect-ratio:16 / 9
 }
 
-.h-36{
-  height:9rem
-}
-
-.h-72{
-  height:18rem
+.h-full{
+  height:100%
 }
 
-.h-\[27rem\]{
-  height:27rem
+.h-4{
+  height:1rem
 }
 
-.h-\[36rem\]{
-  height:36rem
+.h-3{
+  height:0.75rem
 }
 
-.h-\[45rem\]{
-  height:45rem
+.h-6{
+  height:1.5rem
 }
 
-.h-\[54rem\]{
-  height:54rem
+.h-1{
+  height:0.25rem
 }
 
 .h-5{
   height:1.25rem
 }
 
-.h-4{
-  height:1rem
-}
-
-.h-full{
-  height:100%
-}
-
 .h-64{
   height:16rem
 }
@@ -6816,10 +6840,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   height:13rem
 }
 
-.h-6{
-  height:1.5rem
-}
-
 .h-16{
   height:4rem
 }
@@ -6832,10 +6852,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   height:250px
 }
 
-.h-3{
-  height:0.75rem
-}
-
 .h-\[calc\(100vh-4rem\)\]{
   height:calc(100vh - 4rem)
 }
@@ -6864,6 +6880,30 @@ trix-toolbar .trix-button-group:not(:first-child){
   min-height:6rem
 }
 
+.min-h-\[8rem\]{
+  min-height:8rem
+}
+
+.min-h-\[16rem\]{
+  min-height:16rem
+}
+
+.min-h-\[24rem\]{
+  min-height:24rem
+}
+
+.min-h-\[32rem\]{
+  min-height:32rem
+}
+
+.min-h-\[40rem\]{
+  min-height:40rem
+}
+
+.min-h-\[48rem\]{
+  min-height:48rem
+}
+
 .min-h-full{
   min-height:100%
 }
@@ -6880,24 +6920,36 @@ trix-toolbar .trix-button-group:not(:first-child){
   min-height:3rem
 }
 
-.w-5{
-  width:1.25rem
+.w-24{
+  width:6rem
 }
 
-.w-4{
-  width:1rem
+.w-52{
+  width:13rem
 }
 
 .w-full{
   width:100%
 }
 
-.w-auto{
-  width:auto
+.w-64{
+  width:16rem
 }
 
-.w-24{
-  width:6rem
+.w-\[calc\(100\%\+1rem\)\]{
+  width:calc(100% + 1rem)
+}
+
+.w-5{
+  width:1.25rem
+}
+
+.w-4{
+  width:1rem
+}
+
+.w-auto{
+  width:auto
 }
 
 .w-10\/12{
@@ -6928,10 +6980,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   width:4rem
 }
 
-.w-64{
-  width:16rem
-}
-
 .w-10{
   width:2.5rem
 }
@@ -6952,6 +7000,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   min-width:100%
 }
 
+.min-w-0{
+  min-width:0px
+}
+
 .min-w-\[200px\]{
   min-width:200px
 }
@@ -6968,26 +7020,34 @@ trix-toolbar .trix-button-group:not(:first-child){
   min-width:6rem
 }
 
-.max-w-168{
-  max-width:42rem
+.max-w-xs{
+  max-width:20rem
 }
 
 .max-w-full{
   max-width:100%
 }
 
+.max-w-168{
+  max-width:42rem
+}
+
 .max-w-lg{
   max-width:32rem
 }
 
-.max-w-xs{
-  max-width:20rem
+.max-w-4xl{
+  max-width:56rem
 }
 
 .flex-1{
   flex:1 1 0%
 }
 
+.flex-auto{
+  flex:1 1 auto
+}
+
 .flex-shrink-0{
   flex-shrink:0
 }
@@ -7004,13 +7064,32 @@ trix-toolbar .trix-button-group:not(:first-child){
   flex-grow:1
 }
 
+.border-collapse{
+  border-collapse:collapse
+}
+
+.-translate-y-1\/2{
+  --tw-translate-y:-50%;
+  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))
+}
+
 .-translate-x-1\/2{
   --tw-translate-x:-50%;
   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))
 }
 
-.-translate-y-1\/2{
-  --tw-translate-y:-50%;
+.-translate-y-full{
+  --tw-translate-y:-100%;
+  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))
+}
+
+.-translate-y-1{
+  --tw-translate-y:-0.25rem;
+  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))
+}
+
+.translate-y-0{
+  --tw-translate-y:0px;
   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))
 }
 
@@ -7024,8 +7103,8 @@ trix-toolbar .trix-button-group:not(:first-child){
   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))
 }
 
-.-translate-y-full{
-  --tw-translate-y:-100%;
+.translate-y-1{
+  --tw-translate-y:0.25rem;
   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))
 }
 
@@ -7050,6 +7129,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   cursor:wait
 }
 
+.resize{
+  resize:both
+}
+
 .appearance-none{
   -webkit-appearance:none;
           appearance:none
@@ -7067,6 +7150,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   grid-template-columns:repeat(1, minmax(0, 1fr))
 }
 
+.grid-cols-2{
+  grid-template-columns:repeat(2, minmax(0, 1fr))
+}
+
 .grid-cols-6{
   grid-template-columns:repeat(6, minmax(0, 1fr))
 }
@@ -7131,10 +7218,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   justify-content:space-between
 }
 
-.justify-around{
-  justify-content:space-around
-}
-
 .justify-evenly{
   justify-content:space-evenly
 }
@@ -7143,28 +7226,34 @@ trix-toolbar .trix-button-group:not(:first-child){
   gap:1rem
 }
 
-.gap-2{
-  gap:0.5rem
-}
-
 .gap-0{
   gap:0px
 }
 
-.gap-6{
-  gap:1.5rem
+.gap-2{
+  gap:0.5rem
 }
 
 .gap-1{
   gap:0.25rem
 }
 
+.gap-6{
+  gap:1.5rem
+}
+
 .space-y-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
 }
 
+.space-y-8 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
+}
+
 .space-y-4 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -7195,12 +7284,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
-.space-y-8 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-y-reverse:0;
-  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
-}
-
 .space-y-12 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));
@@ -7225,6 +7308,11 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
 }
 
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-opacity:1;
+  border-color:rgb(200 203 208 / var(--tw-divide-opacity))
+}
+
 .divide-gray-300 > :not([hidden]) ~ :not([hidden]){
   --tw-divide-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-divide-opacity))
@@ -7264,6 +7352,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   white-space:nowrap
 }
 
+.text-ellipsis{
+  text-overflow:ellipsis
+}
+
 .whitespace-nowrap{
   white-space:nowrap
 }
@@ -7284,14 +7376,14 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-radius:0.375rem
 }
 
-.rounded-lg{
-  border-radius:0.5rem
-}
-
 .rounded-full{
   border-radius:9999px
 }
 
+.rounded-lg{
+  border-radius:0.5rem
+}
+
 .rounded-none{
   border-radius:0px
 }
@@ -7304,28 +7396,36 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-radius:1rem
 }
 
-.rounded-l{
+.rounded-t{
   border-top-left-radius:0.25rem;
-  border-bottom-left-radius:0.25rem
+  border-top-right-radius:0.25rem
 }
 
-.rounded-t{
+.rounded-l{
   border-top-left-radius:0.25rem;
-  border-top-right-radius:0.25rem
+  border-bottom-left-radius:0.25rem
 }
 
 .border{
   border-width:1px
 }
 
-.border-b-2{
-  border-bottom-width:2px
+.border-t{
+  border-top-width:1px
+}
+
+.border-l{
+  border-left-width:1px
 }
 
 .border-b{
   border-bottom-width:1px
 }
 
+.border-b-2{
+  border-bottom-width:2px
+}
+
 .border-r{
   border-right-width:1px
 }
@@ -7342,14 +7442,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-top-width:0px
 }
 
-.border-t{
-  border-top-width:1px
-}
-
-.border-l{
-  border-left-width:1px
-}
-
 .border-dashed{
   border-style:dashed
 }
@@ -7472,9 +7564,14 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-color:rgb(var(--color-primary-500))
 }
 
-.border-red-600{
+.border-gray-300{
   --tw-border-opacity:1;
-  border-color:rgb(220 38 38 / var(--tw-border-opacity))
+  border-color:rgb(172 177 185 / var(--tw-border-opacity))
+}
+
+.border-gray-50{
+  --tw-border-opacity:1;
+  border-color:rgb(241 242 243 / var(--tw-border-opacity))
 }
 
 .border-gray-200{
@@ -7482,9 +7579,9 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-color:rgb(200 203 208 / var(--tw-border-opacity))
 }
 
-.border-gray-300{
+.border-red-600{
   --tw-border-opacity:1;
-  border-color:rgb(172 177 185 / var(--tw-border-opacity))
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
 }
 
 .border-gray-600{
@@ -7635,33 +7732,33 @@ trix-toolbar .trix-button-group:not(:first-child){
   background-color:rgb(var(--color-primary-500))
 }
 
-.bg-red-600{
-  --tw-bg-opacity:1;
-  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
-}
-
 .bg-white{
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity))
 }
 
-.bg-gray-25{
+.bg-application{
+  background-color:rgb(var(--color-application-background))
+}
+
+.bg-gray-100{
   --tw-bg-opacity:1;
-  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
-.bg-application{
-  background-color:rgb(var(--color-application-background))
+.bg-red-600{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
 
-.bg-orange-700{
+.bg-gray-25{
   --tw-bg-opacity:1;
-  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
+  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-green-700{
@@ -7689,6 +7786,11 @@ trix-toolbar .trix-button-group:not(:first-child){
   background-color:rgb(47 50 55 / var(--tw-bg-opacity))
 }
 
+.bg-green-400{
+  --tw-bg-opacity:1;
+  background-color:rgb(74 222 128 / var(--tw-bg-opacity))
+}
+
 .bg-primary-100{
   background-color:rgb(var(--color-primary-100))
 }
@@ -7737,29 +7839,42 @@ trix-toolbar .trix-button-group:not(:first-child){
   object-fit:cover
 }
 
+.p-px{
+  padding:1px
+}
+
+.p-3{
+  padding:0.75rem
+}
+
 .p-2{
   padding:0.5rem
 }
 
-.p-4{
-  padding:1rem
+.p-1{
+  padding:0.25rem
 }
 
 .p-6{
   padding:1.5rem
 }
 
-.p-1{
-  padding:0.25rem
+.p-4{
+  padding:1rem
 }
 
 .p-1\.5{
   padding:0.375rem
 }
 
-.px-1{
-  padding-left:0.25rem;
-  padding-right:0.25rem
+.px-2{
+  padding-left:0.5rem;
+  padding-right:0.5rem
+}
+
+.px-4{
+  padding-left:1rem;
+  padding-right:1rem
 }
 
 .py-px{
@@ -7767,19 +7882,29 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-bottom:1px
 }
 
-.px-2{
-  padding-left:0.5rem;
-  padding-right:0.5rem
-}
-
 .py-1{
   padding-top:0.25rem;
   padding-bottom:0.25rem
 }
 
-.px-4{
-  padding-left:1rem;
-  padding-right:1rem
+.py-0\.5{
+  padding-top:0.125rem;
+  padding-bottom:0.125rem
+}
+
+.px-1\.5{
+  padding-left:0.375rem;
+  padding-right:0.375rem
+}
+
+.py-0{
+  padding-top:0px;
+  padding-bottom:0px
+}
+
+.px-1{
+  padding-left:0.25rem;
+  padding-right:0.25rem
 }
 
 .py-2{
@@ -7817,21 +7942,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-right:1.5rem
 }
 
-.py-0\.5{
-  padding-top:0.125rem;
-  padding-bottom:0.125rem
-}
-
-.px-1\.5{
-  padding-left:0.375rem;
-  padding-right:0.375rem
-}
-
-.py-0{
-  padding-top:0px;
-  padding-bottom:0px
-}
-
 .py-1\.5{
   padding-top:0.375rem;
   padding-bottom:0.375rem
@@ -7861,6 +7971,18 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-top:1rem
 }
 
+.pb-4{
+  padding-bottom:1rem
+}
+
+.pl-1{
+  padding-left:0.25rem
+}
+
+.pt-3{
+  padding-top:0.75rem
+}
+
 .pb-8{
   padding-bottom:2rem
 }
@@ -7893,16 +8015,12 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-top:0px
 }
 
-.pb-4{
-  padding-bottom:1rem
-}
-
 .pb-2{
   padding-bottom:0.5rem
 }
 
-.pt-3{
-  padding-top:0.75rem
+.pr-3{
+  padding-right:0.75rem
 }
 
 .pb-3\/4{
@@ -7941,24 +8059,14 @@ trix-toolbar .trix-button-group:not(:first-child){
   font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
 }
 
-.text-sm{
-  font-size:0.875rem;
-  line-height:1.25rem
-}
-
-.text-lg{
-  font-size:1.125rem;
-  line-height:1.75rem
-}
-
 .text-base{
   font-size:1rem;
   line-height:1.5rem
 }
 
-.text-xl{
-  font-size:1.25rem;
-  line-height:1.75rem
+.text-sm{
+  font-size:0.875rem;
+  line-height:1.25rem
 }
 
 .text-xs{
@@ -7976,11 +8084,25 @@ trix-toolbar .trix-button-group:not(:first-child){
   line-height:1
 }
 
+.text-lg{
+  font-size:1.125rem;
+  line-height:1.75rem
+}
+
+.text-xl{
+  font-size:1.25rem;
+  line-height:1.75rem
+}
+
 .text-2xl{
   font-size:1.5rem;
   line-height:2rem
 }
 
+.font-bold{
+  font-weight:700
+}
+
 .font-semibold{
   font-weight:600
 }
@@ -7989,10 +8111,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   font-weight:400
 }
 
-.font-bold{
-  font-weight:700
-}
-
 .font-medium{
   font-weight:500
 }
@@ -8005,8 +8123,8 @@ trix-toolbar .trix-button-group:not(:first-child){
   text-transform:capitalize
 }
 
-.leading-6{
-  line-height:1.5rem
+.leading-none{
+  line-height:1
 }
 
 .leading-tight{
@@ -8017,8 +8135,8 @@ trix-toolbar .trix-button-group:not(:first-child){
   line-height:1.25rem
 }
 
-.leading-none{
-  line-height:1
+.leading-6{
+  line-height:1.5rem
 }
 
 .tracking-tight{
@@ -8143,19 +8261,38 @@ trix-toolbar .trix-button-group:not(:first-child){
   color:rgb(var(--color-primary-500))
 }
 
+.text-gray-700{
+  --tw-text-opacity:1;
+  color:rgb(70 75 83 / var(--tw-text-opacity))
+}
+
+.text-gray-600{
+  --tw-text-opacity:1;
+  color:rgb(94 100 110 / var(--tw-text-opacity))
+}
+
 .text-white{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
-.text-gray-700{
+.text-primary-400{
+  color:rgb(var(--color-primary-400))
+}
+
+.text-gray-400{
   --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
+  color:rgb(145 151 161 / var(--tw-text-opacity))
 }
 
-.text-gray-600{
+.text-gray-800{
   --tw-text-opacity:1;
-  color:rgb(94 100 110 / var(--tw-text-opacity))
+  color:rgb(47 50 55 / var(--tw-text-opacity))
+}
+
+.text-gray-900{
+  --tw-text-opacity:1;
+  color:rgb(23 25 28 / var(--tw-text-opacity))
 }
 
 .text-slate-800{
@@ -8163,6 +8300,16 @@ trix-toolbar .trix-button-group:not(:first-child){
   color:rgb(30 41 59 / var(--tw-text-opacity))
 }
 
+.text-green-700{
+  --tw-text-opacity:1;
+  color:rgb(21 128 61 / var(--tw-text-opacity))
+}
+
+.text-orange-700{
+  --tw-text-opacity:1;
+  color:rgb(194 65 12 / var(--tw-text-opacity))
+}
+
 .text-red-600{
   --tw-text-opacity:1;
   color:rgb(220 38 38 / var(--tw-text-opacity))
@@ -8173,11 +8320,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   color:rgb(172 177 185 / var(--tw-text-opacity))
 }
 
-.text-gray-400{
-  --tw-text-opacity:1;
-  color:rgb(145 151 161 / var(--tw-text-opacity))
-}
-
 .text-black{
   --tw-text-opacity:1;
   color:rgb(0 0 0 / var(--tw-text-opacity))
@@ -8193,21 +8335,29 @@ trix-toolbar .trix-button-group:not(:first-child){
   color:rgb(51 65 85 / var(--tw-text-opacity))
 }
 
-.text-gray-800{
-  --tw-text-opacity:1;
-  color:rgb(47 50 55 / var(--tw-text-opacity))
-}
-
 .text-green-600{
   --tw-text-opacity:1;
   color:rgb(22 163 74 / var(--tw-text-opacity))
 }
 
+.underline{
+  -webkit-text-decoration-line:underline;
+          text-decoration-line:underline
+}
+
 .no-underline{
   -webkit-text-decoration-line:none;
           text-decoration-line:none
 }
 
+.opacity-0{
+  opacity:0
+}
+
+.opacity-100{
+  opacity:1
+}
+
 .opacity-75{
   opacity:0.75
 }
@@ -8216,12 +8366,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   opacity:0.5
 }
 
-.opacity-0{
-  opacity:0
-}
-
-.opacity-100{
-  opacity:1
+.shadow-panel{
+  --tw-shadow:0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
+  --tw-shadow-colored:0px 4px 8px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
 .shadow-md{
@@ -8230,9 +8378,9 @@ trix-toolbar .trix-button-group:not(:first-child){
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.shadow-panel{
-  --tw-shadow:0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
-  --tw-shadow-colored:0px 4px 8px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);
+.shadow-sm{
+  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
@@ -8278,6 +8426,12 @@ trix-toolbar .trix-button-group:not(:first-child){
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
+.transition-all{
+  transition-property:all;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
 .transition{
   transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -8296,16 +8450,12 @@ trix-toolbar .trix-button-group:not(:first-child){
   transition-duration:100ms
 }
 
-.duration-150{
-  transition-duration:150ms
-}
-
 .duration-75{
   transition-duration:75ms
 }
 
-.ease-in-out{
-  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
+.duration-150{
+  transition-duration:150ms
 }
 
 .ease-out{
@@ -8316,6 +8466,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
 }
 
+.ease-in-out{
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
+}
+
 html, body{
   position:relative;
   height:100%;
@@ -8756,6 +8910,11 @@ trix-editor {
   background-color:rgb(var(--color-primary-100))
 }
 
+.hover\:bg-gray-25:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+}
+
 .hover\:bg-primary-500:hover{
   background-color:rgb(var(--color-primary-500))
 }
@@ -8765,6 +8924,21 @@ trix-editor {
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
 
+.hover\:text-gray-700:hover{
+  --tw-text-opacity:1;
+  color:rgb(70 75 83 / var(--tw-text-opacity))
+}
+
+.hover\:text-gray-600:hover{
+  --tw-text-opacity:1;
+  color:rgb(94 100 110 / var(--tw-text-opacity))
+}
+
+.hover\:text-gray-900:hover{
+  --tw-text-opacity:1;
+  color:rgb(23 25 28 / var(--tw-text-opacity))
+}
+
 .hover\:text-gray-500:hover{
   --tw-text-opacity:1;
   color:rgb(117 125 138 / var(--tw-text-opacity))
@@ -8775,11 +8949,6 @@ trix-editor {
   color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
-.hover\:text-gray-600:hover{
-  --tw-text-opacity:1;
-  color:rgb(94 100 110 / var(--tw-text-opacity))
-}
-
 .hover\:opacity-100:hover{
   opacity:1
 }
@@ -8795,6 +8964,11 @@ trix-editor {
   border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 
+.focus\:border-indigo-500:focus{
+  --tw-border-opacity:1;
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
+}
+
 .focus\:border-gray-300:focus{
   --tw-border-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
@@ -8805,14 +8979,14 @@ trix-editor {
   border-color:rgb(148 163 184 / var(--tw-border-opacity))
 }
 
-.focus\:bg-gray-100:focus{
+.focus\:bg-white:focus{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
 }
 
-.focus\:bg-white:focus{
+.focus\:bg-gray-100:focus{
   --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
 .focus\:text-gray-700:focus{
@@ -8830,6 +9004,11 @@ trix-editor {
   outline-offset:2px
 }
 
+.focus\:ring-indigo-500:focus{
+  --tw-ring-opacity:1;
+  --tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))
+}
+
 .focus\:checked\:\!bg-primary-400:checked:focus{
   background-color:rgb(var(--color-primary-400)) !important
 }
@@ -9314,10 +9493,6 @@ trix-editor {
   outline-width:1px
 }
 
-.active\:outline-0:active{
-  outline-width:0px
-}
-
 .active\:outline-slate-600:active{
   outline-color:#475569
 }
@@ -9516,6 +9691,11 @@ trix-editor {
   background-color:rgb(172 177 185 / var(--tw-bg-opacity))
 }
 
+.disabled\:bg-gray-100:disabled{
+  --tw-bg-opacity:1;
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+}
+
 .disabled\:text-gray-600:disabled{
   --tw-text-opacity:1;
   color:rgb(94 100 110 / var(--tw-text-opacity))
@@ -9538,10 +9718,23 @@ trix-editor {
   display:block
 }
 
+.group:hover .group-hover\:bg-gray-200{
+  --tw-bg-opacity:1;
+  background-color:rgb(200 203 208 / var(--tw-bg-opacity))
+}
+
+.group:hover .group-hover\:bg-primary-500{
+  background-color:rgb(var(--color-primary-500))
+}
+
 .group:hover .group-hover\:pt-4{
   padding-top:1rem
 }
 
+.group:active .group-active\:bg-primary-400{
+  background-color:rgb(var(--color-primary-400))
+}
+
 @media print{
   .print\:hidden{
     display:none
@@ -9577,6 +9770,10 @@ trix-editor {
     right:0px
   }
 
+  .sm\:left-0{
+    left:0px
+  }
+
   .sm\:col-span-1{
     grid-column:span 1 / span 1
   }
@@ -9710,9 +9907,18 @@ trix-editor {
   .sm\:text-left{
     text-align:left
   }
+
+  .sm\:text-sm{
+    font-size:0.875rem;
+    line-height:1.25rem
+  }
 }
 
 @media (min-width: 768px){
+  .md\:h-10{
+    height:2.5rem
+  }
+
   .md\:h-14{
     height:3.5rem
   }
@@ -9721,6 +9927,10 @@ trix-editor {
     min-height:inherit
   }
 
+  .md\:w-full{
+    width:100%
+  }
+
   .md\:w-48{
     width:12rem
   }
@@ -9833,13 +10043,9 @@ trix-editor {
     padding-right:2rem
   }
 
-  .lg\:px-4{
-    padding-left:1rem;
-    padding-right:1rem
-  }
-
-  .lg\:pl-4{
-    padding-left:1rem
+  .lg\:px-2{
+    padding-left:0.5rem;
+    padding-right:0.5rem
   }
 }
 
@@ -9848,6 +10054,10 @@ trix-editor {
     right:0px
   }
 
+  .xl\:left-0{
+    left:0px
+  }
+
   .xl\:mt-0{
     margin-top:0px
   }