avo 3.0.0.beta1 → 3.0.0.pre1

data/{public/avo-assets/avo.css → app/assets/builds/avo.base.css}

@@ -1241,7 +1241,6 @@ span.CodeMirror-selectedtext{
   border: 0;
   border-radius: 0;
   vertical-align: initial;
-  -webkit-appearance: textfield;
   appearance: textfield;
 }
 
@@ -1590,7 +1589,6 @@ span.flatpickr-weekday {
   font-size: 14px;
   position: relative;
   box-sizing: border-box;
-  -webkit-appearance: textfield;
   appearance: textfield;
 }
 
@@ -1825,7 +1823,6 @@ body.dark,body[data-theme=dark]{
 }
 
 .aa-SubmitButton{
-  -webkit-appearance:none;
   appearance:none;
   background:none;
   border:0;
@@ -1849,7 +1846,6 @@ body.dark,body[data-theme=dark]{
 }
 
 .aa-Input{
-  -webkit-appearance:none;
   appearance:none;
   background:none;
   border:0;
@@ -1875,7 +1871,6 @@ body.dark,body[data-theme=dark]{
 }
 
 .aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{
-  -webkit-appearance:none;
   appearance:none
 }
 
@@ -1944,7 +1939,6 @@ body.dark,body[data-theme=dark]{
 }
 
 .aa-Panel button{
-  -webkit-appearance:none;
   appearance:none;
   background:none;
   border:0;
@@ -2677,7 +2671,8 @@ body.dark,body[data-theme=dark]{
 
 :root{
   --tagify-dd-color-primary:rgb(53,149,246);
-  --tagify-dd-bg-color:white
+  --tagify-dd-bg-color:white;
+  --tagify-dd-item-pad:.3em .5em
 }
 
 .tagify{
@@ -2685,6 +2680,7 @@ body.dark,body[data-theme=dark]{
   --tags-border-color:#DDD;
   --tags-hover-border-color:#CCC;
   --tags-focus-border-color:#3595f6;
+  --tag-border-radius:3px;
   --tag-bg:#E5E5E5;
   --tag-hover:#D3E2E2;
   --tag-text-color:black;
@@ -2705,10 +2701,9 @@ body.dark,body[data-theme=dark]{
   --placeholder-color-focus:rgba(0, 0, 0, 0.25);
   --loader-size:.8em;
   --readonly-striped:1;
-  display:flex;
+  display:inline-flex;
   align-items:flex-start;
   flex-wrap:wrap;
-  border:1px solid #ddd;
   border:1px solid var(--tags-border-color);
   padding:0;
   line-height:0;
@@ -2731,15 +2726,8 @@ body.dark,body[data-theme=dark]{
   }
 }
 
-.tagify:hover{
-  border-color:#ccc;
-  border-color:var(--tags-hover-border-color)
-}
-
-.tagify.tagify--focus{
-  transition:0s;
-  border-color:#3595f6;
-  border-color:var(--tags-focus-border-color)
+.tagify:hover:not(.tagify--focus):not(.tagify--invalid){
+  --tags-border-color:var(--tags-hover-border-color)
 }
 
 .tagify[disabled]{
@@ -2764,7 +2752,6 @@ body.dark,body[data-theme=dark]{
 }
 
 .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{
-  padding:.3em .5em;
   padding:var(--tag-pad)
 }
 
@@ -2799,6 +2786,7 @@ body.dark,body[data-theme=dark]{
   height:.7em;
   width:var(--loader-size);
   height:var(--loader-size);
+  min-width:0;
   border:3px solid;
   border-color:#eee #bbb #888 transparent;
   border-radius:50%;
@@ -2833,12 +2821,10 @@ body.dark,body[data-theme=dark]{
   vertical-align:top;
   box-sizing:border-box;
   max-width:100%;
-  padding:.3em .5em;
-  padding:var(--tag-pad,.3em .5em);
-  color:#000;
-  color:var(--tag-text-color,#000);
+  padding:var(--tag-pad);
+  color:var(--tag-text-color);
   line-height:inherit;
-  border-radius:3px;
+  border-radius:var(--tag-border-radius);
   white-space:nowrap;
   transition:.13s ease-out
 }
@@ -2849,10 +2835,8 @@ body.dark,body[data-theme=dark]{
   text-overflow:ellipsis;
   display:inline-block;
   vertical-align:top;
-  min-width:1ch;
-  max-width:auto;
-  min-width:var(--tag--min-width,1ch);
-  max-width:var(--tag--max-width,auto);
+  min-width:var(--tag--min-width);
+  max-width:var(--tag--max-width);
   transition:.8s ease,.1s color
 }
 
@@ -2870,25 +2854,17 @@ body.dark,body[data-theme=dark]{
   content:"";
   position:absolute;
   border-radius:inherit;
-  left:0;
-  top:0;
-  right:0;
-  bottom:0;
+  inset:var(--tag-bg-inset,0);
   z-index:-1;
   pointer-events:none;
   transition:120ms ease;
   animation:tags--bump .3s ease-out 1;
-  box-shadow:0 0 0 1.1em #e5e5e5 inset;
-  box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset
+  box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset
 }
 
 .tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{
-  top:-2px;
-  right:-2px;
-  bottom:-2px;
-  left:-2px;
-  box-shadow:0 0 0 1.1em #d3e2e2 inset;
-  box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset
+  --tag-bg-inset:-2.5px;
+  --tag-bg:var(--tag-hover)
 }
 
 .tagify__tag--loading{
@@ -2908,6 +2884,7 @@ body.dark,body[data-theme=dark]{
   height:.7em;
   width:var(--loader-size);
   height:var(--loader-size);
+  min-width:0;
   border:3px solid;
   border-color:#eee #bbb #888 transparent;
   border-radius:50%;
@@ -2927,8 +2904,7 @@ body.dark,body[data-theme=dark]{
   margin-right:0;
   opacity:0;
   transform:scale(0);
-  transition:.3s;
-  transition:var(--tag-hide-transition,.3s);
+  transition:var(--tag-hide-transition);
   pointer-events:none
 }
 
@@ -2945,8 +2921,7 @@ body.dark,body[data-theme=dark]{
 }
 
 .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{
-  box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;
-  box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;
+  --tag-bg:var(--tag-invalid-bg);
   transition:.2s
 }
 
@@ -2967,13 +2942,11 @@ body.dark,body[data-theme=dark]{
 }
 
 .tagify__tag--editable>div{
-  color:#000;
-  color:var(--tag-text-color--edit,#000)
+  color:var(--tag-text-color--edit)
 }
 
 .tagify__tag--editable>div::before{
-  box-shadow:0 0 0 2px #d3e2e2 inset!important;
-  box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important
+  box-shadow:0 0 0 2px var(--tag-hover) inset!important
 }
 
 .tagify__tag--editable>.tagify__tag__removeBtn{
@@ -2986,8 +2959,7 @@ body.dark,body[data-theme=dark]{
 }
 
 .tagify__tag--editable.tagify--invalid>div::before{
-  box-shadow:0 0 0 2px #d39494 inset!important;
-  box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important
+  box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important
 }
 
 .tagify__tag__removeBtn{
@@ -2998,10 +2970,8 @@ body.dark,body[data-theme=dark]{
   border-radius:50px;
   cursor:pointer;
   font:14px/1 Arial;
-  background:0 0;
-  background:var(--tag-remove-btn-bg,none);
-  color:#000;
-  color:var(--tag-remove-btn-color,#000);
+  background:var(--tag-remove-btn-bg);
+  color:var(--tag-remove-btn-color);
   width:14px;
   height:14px;
   margin-right:4.6666666667px;
@@ -3017,8 +2987,7 @@ body.dark,body[data-theme=dark]{
 
 .tagify__tag__removeBtn:hover{
   color:#fff;
-  background:#c77777;
-  background:var(--tag-remove-btn-bg--hover,#c77777)
+  background:var(--tag-remove-btn-bg--hover)
 }
 
 .tagify__tag__removeBtn:hover+div>span{
@@ -3026,8 +2995,7 @@ body.dark,body[data-theme=dark]{
 }
 
 .tagify__tag__removeBtn:hover+div::before{
-  box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;
-  box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
+  box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
   transition:box-shadow .2s
 }
 
@@ -3045,16 +3013,18 @@ body.dark,body[data-theme=dark]{
   display:inline-block;
   min-width:110px;
   margin:5px;
-  padding:.3em .5em;
-  padding:var(--tag-pad,.3em .5em);
+  padding:var(--tag-pad);
   line-height:normal;
   position:relative;
   white-space:pre-wrap;
-  color:inherit;
-  color:var(--input-color,inherit);
+  color:var(--input-color);
   box-sizing:inherit
 }
 
+.tagify__input:empty::before{
+  position:static
+}
+
 .tagify__input:focus{
   outline:0
 }
@@ -3091,7 +3061,6 @@ body.dark,body[data-theme=dark]{
   line-height:1em;
   margin:auto 0;
   z-index:1;
-  color:rgba(0,0,0,.4);
   color:var(--placeholder-color);
   white-space:nowrap;
   pointer-events:none;
@@ -3102,8 +3071,13 @@ body.dark,body[data-theme=dark]{
 .tagify__input::after{
   content:attr(data-suggest);
   display:inline-block;
+  vertical-align:middle;
+  position:absolute;
+  min-width:calc(100% - 1.5em);
+  text-overflow:ellipsis;
+  overflow:hidden;
   white-space:pre;
-  color:#000;
+  color:var(--tag-text-color);
   opacity:.3;
   pointer-events:none;
   max-width:100px
@@ -3182,6 +3156,11 @@ body.dark,body[data-theme=dark]{
   display:inline-block
 }
 
+.tagify--focus{
+  --tags-border-color:var(--tags-focus-border-color);
+  transition:0s
+}
+
 .tagify--invalid{
   --tags-border-color:#D39494
 }
@@ -3215,11 +3194,11 @@ body.dark,body[data-theme=dark]{
 .tagify__dropdown__wrapper{
   max-height:300px;
   overflow:auto;
-  background:#fff;
+  overflow-x:hidden;
   background:var(--tagify-dd-bg-color);
-  border:1px solid #3595f6;
+  border:1px solid;
   border-color:var(--tagify-dd-color-primary);
-  border-bottom-width:1.33px;
+  border-bottom-width:1.5px;
   border-top-width:0;
   box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
   transition:.25s cubic-bezier(0,1,.5,1)
@@ -3232,7 +3211,7 @@ body.dark,body[data-theme=dark]{
 .tagify__dropdown__footer{
   display:inline-block;
   margin-top:.5em;
-  padding:.3em .5em;
+  padding:var(--tagify-dd-item-pad);
   font-size:.7em;
   font-style:italic;
   opacity:.5
@@ -3252,17 +3231,18 @@ body.dark,body[data-theme=dark]{
 }
 
 .tagify__dropdown__item{
-  box-sizing:inherit;
-  padding:.3em .5em;
+  box-sizing:border-box;
+  padding:var(--tagify-dd-item-pad);
   margin:1px;
   cursor:pointer;
   border-radius:2px;
   position:relative;
-  outline:0
+  outline:0;
+  max-height:60px;
+  max-width:100%
 }
 
 .tagify__dropdown__item--active{
-  background:#3595f6;
   background:var(--tagify-dd-color-primary);
   color:#fff
 }
@@ -3271,7 +3251,23 @@ body.dark,body[data-theme=dark]{
   filter:brightness(105%)
 }
 
-/*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
+.tagify__dropdown__item--hidden{
+  padding-top:0;
+  padding-bottom:0;
+  margin:0 1px;
+  pointer-events:none;
+  overflow:hidden;
+  max-height:0;
+  transition:var(--tagify-dd-item--hidden-duration,.3s)!important
+}
+
+.tagify__dropdown__item--hidden>*{
+  transform:translateY(-100%);
+  opacity:0;
+  transition:inherit
+}
+
+/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
  */
 
 /*
@@ -3302,6 +3298,7 @@ body.dark,body[data-theme=dark]{
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
 */
 
 html {
@@ -3314,6 +3311,8 @@ html {
   /* 3 */
   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";
   /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
 }
 
 /*
@@ -3457,6 +3456,8 @@ textarea {
   /* 1 */
   font-size: 100%;
   /* 1 */
+  font-weight: inherit;
+  /* 1 */
   line-height: inherit;
   /* 1 */
   color: inherit;
@@ -3671,17 +3672,14 @@ video {
   height: auto;
 }
 
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
+/* Make elements with the HTML hidden attribute stay hidden by default */
 
 [hidden] {
   display: none;
 }
 
 [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   background-color:#fff;
   border-color:#757D8A;
   border-width:1px;
@@ -3742,8 +3740,7 @@ select{
 }
 
 [type='checkbox'],[type='radio']{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   padding:0;
   -webkit-print-color-adjust:exact;
           color-adjust:exact;
@@ -3832,11 +3829,59 @@ select{
 }
 
 a{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 
 *, ::before, ::after{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness:proximity;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:rgb(8 134 222 / 0.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: 
+}
+
+::backdrop{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
   --tw-translate-x:0;
   --tw-translate-y:0;
   --tw-rotate:0;
@@ -4193,13 +4238,17 @@ svg.tea #steamR {
   }
 }
 
-.pagy-nav, .pagy-nav-js, .pagy-combo-nav-js{
+.pagy-nav,
+.pagy-nav-js,
+.pagy-combo-nav-js{
   position:relative;
   z-index:0;
   display:flex
 }
 
-.pagy-nav.pagination > :not([hidden]) ~ :not([hidden]), .pagy-nav-js.pagination > :not([hidden]) ~ :not([hidden]), .pagy-combo-nav-js.pagination > :not([hidden]) ~ :not([hidden]){
+.pagy-nav.pagination > :not([hidden]) ~ :not([hidden]),
+.pagy-nav-js.pagination > :not([hidden]) ~ :not([hidden]),
+.pagy-combo-nav-js.pagination > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse:0;
   margin-right:calc(0.5rem * var(--tw-space-x-reverse));
   margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
@@ -4209,7 +4258,13 @@ svg.tea #steamR {
   display:block
 }
 
-.pagy-nav .page a, .pagy-nav .page.active, .pagy-nav .page.prev.disabled, .pagy-nav .page.next.disabled, .pagy-nav-js .page a, .pagy-combo-nav-js .page a, .pagy-combo-nav-js .pagy-combo-input a{
+.pagy-nav .page a,
+.pagy-nav .page.active,
+.pagy-nav .page.prev.disabled,
+.pagy-nav .page.next.disabled,
+.pagy-nav-js .page a,
+.pagy-combo-nav-js .page a,
+.pagy-combo-nav-js .pagy-combo-input a{
   border-radius:0.25rem;
   border-width:1px;
   --tw-border-opacity:1;
@@ -4230,11 +4285,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))
@@ -4245,7 +4295,12 @@ svg.tea #steamR {
     background-color:rgb(200 203 208 / var(--tw-bg-opacity))
   }
 
-.pagy-nav .page.prev.disabled, .pagy-nav-js .page.prev.disabled, .pagy-combo-nav-js .page.prev.disabled, .pagy-nav .page.next.disabled, .pagy-nav-js .page.next.disabled, .pagy-combo-nav-js .page.next.disabled{
+.pagy-nav .page.prev.disabled,
+.pagy-nav-js .page.prev.disabled,
+.pagy-combo-nav-js .page.prev.disabled,
+.pagy-nav .page.next.disabled,
+.pagy-nav-js .page.next.disabled,
+.pagy-combo-nav-js .page.next.disabled{
   cursor:default;
   --tw-text-opacity:1;
   color:rgb(172 177 185 / var(--tw-text-opacity));
@@ -4271,7 +4326,8 @@ svg.tea #steamR {
     color:rgb(172 177 185 / var(--tw-text-opacity))
   }
 
-.pagy-nav .page.active, .pagy-nav-js .page.active{
+.pagy-nav .page.active,
+.pagy-nav-js .page.active{
   cursor:default;
   --tw-border-opacity:1;
   border-color:rgb(117 125 138 / var(--tw-border-opacity));
@@ -4314,11 +4370,13 @@ svg.tea #steamR {
     color:rgb(117 125 138 / var(--tw-text-opacity))
   }
 
-.breadcrumbs a, .breadcrumbs span{
+.breadcrumbs a,
+  .breadcrumbs span{
     display:inline-block
   }
 
-.breadcrumbs a, .breadcrumbs span{
+.breadcrumbs a,
+  .breadcrumbs span{
     font-size:0.875rem;
     line-height:1.25rem
   }
@@ -4339,11 +4397,13 @@ svg.tea #steamR {
     border: none !important
   }
 
-.global-search .aa-DetachedSearchButton:focus, .global-search .aa-DetachedSearchButton{
+.global-search .aa-DetachedSearchButton:focus,
+  .global-search .aa-DetachedSearchButton{
     cursor:pointer
   }
 
-.global-search .aa-DetachedSearchButton:focus, .global-search .aa-DetachedSearchButton{
+.global-search .aa-DetachedSearchButton:focus,
+  .global-search .aa-DetachedSearchButton{
     --tw-text-opacity:1;
     color:rgb(117 125 138 / var(--tw-text-opacity))
   }
@@ -4385,7 +4445,8 @@ svg.tea #steamR {
   font-weight:600
 }
 
-.aa-DetachedFormContainer, .aa-DetachedContainer .aa-Panel{
+.aa-DetachedFormContainer,
+.aa-DetachedContainer .aa-Panel{
   border-bottom-width:0px;
   --tw-bg-opacity:1;
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
@@ -4484,8 +4545,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]{
@@ -4575,11 +4635,10 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
   display:block
 }
 
-.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))
+.application-sidebar .active:hover,
+.application-sidebar .active{
+  background-color:rgb(var(--color-primary-100));
+  color:rgb(var(--color-primary-500))
 }
 
 /* remove the left padding. */
@@ -4635,24 +4694,6 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
   }
 }
 
-tags.tagify {
-  --tag-inset-shadow-size: 3em;
-  padding:0px !important;
-}
-
-tags.tagify span.tagify__input{
-    margin-top:0.25rem;
-    margin-bottom:0.25rem
-  }
-
-tag.tagify__tag{
-  margin-top:0.25rem;
-  margin-bottom:0.25rem;
-  margin-bottom:0px;
-  font-size:0.875rem;
-  line-height:1.25rem
-}
-
 .spinner {
   width: 16px;
   height: 16px;
@@ -5574,7 +5615,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 +5637,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))
 }
 
 /*
@@ -6173,6 +6212,18 @@ trix-editor .attachment__metadata .attachment__size {
   list-style-type:decimal
 }
 
+trix-toolbar .trix-button-row{
+    flex-wrap:wrap
+  }
+
+trix-toolbar .trix-button-row{
+    column-gap:1.25rem
+  }
+
+trix-toolbar .trix-button-group:not(:first-child){
+    margin-left:0px
+  }
+
 .container{
   width:100%
 }
@@ -6213,18 +6264,6 @@ trix-editor .attachment__metadata .attachment__size {
   }
 }
 
-.sr-only{
-  position:absolute;
-  width:1px;
-  height:1px;
-  padding:0;
-  margin:-1px;
-  overflow:hidden;
-  clip:rect(0, 0, 0, 0);
-  white-space:nowrap;
-  border-width:0
-}
-
 .pointer-events-none{
   pointer-events:none
 }
@@ -6271,18 +6310,6 @@ trix-editor .attachment__metadata .attachment__size {
   left:0px
 }
 
-.top-auto{
-  top:auto
-}
-
-.-bottom-1\.5{
-  bottom:-0.375rem
-}
-
-.-bottom-1{
-  bottom:-0.25rem
-}
-
 .left-0{
   left:0px
 }
@@ -6299,28 +6326,24 @@ trix-editor .attachment__metadata .attachment__size {
   bottom:0px
 }
 
-.left-auto{
-  left:auto
-}
-
-.right-0{
-  right:0px
-}
-
 .top-full{
   top:100%
 }
 
+.bottom-full{
+  bottom:100%
+}
+
 .top-\[-1px\]{
   top:-1px
 }
 
-.-top-\[0\.1rem\]{
-  top:-0.1rem
+.right-0{
+  right:0px
 }
 
-.right-3{
-  right:0.75rem
+.-top-\[0\.1rem\]{
+  top:-0.1rem
 }
 
 .z-10{
@@ -6335,32 +6358,20 @@ trix-editor .attachment__metadata .attachment__size {
   z-index:20
 }
 
-.z-40{
-  z-index:40
-}
-
-.z-30{
-  z-index:30
-}
-
 .z-\[100\]{
   z-index:100
 }
 
-.z-\[60\]{
-  z-index:60
-}
-
-.col-span-1{
-  grid-column:span 1 / span 1
+.z-40{
+  z-index:40
 }
 
-.col-span-2{
-  grid-column:span 2 / span 2
+.z-\[60\]{
+  z-index:60
 }
 
-.col-span-full{
-  grid-column:1 / -1
+.z-30{
+  z-index:30
 }
 
 .float-right{
@@ -6375,19 +6386,24 @@ trix-editor .attachment__metadata .attachment__size {
   margin:0px
 }
 
-.-mx-1\.5{
-  margin-left:-0.375rem;
-  margin-right:-0.375rem
+.mx-3{
+  margin-left:0.75rem;
+  margin-right:0.75rem
 }
 
-.-mx-1{
-  margin-left:-0.25rem;
-  margin-right:-0.25rem
+.my-4{
+  margin-top:1rem;
+  margin-bottom:1rem
 }
 
-.mx-3{
-  margin-left:0.75rem;
-  margin-right:0.75rem
+.-mx-6{
+  margin-left:-1.5rem;
+  margin-right:-1.5rem
+}
+
+.-mx-2{
+  margin-left:-0.5rem;
+  margin-right:-0.5rem
 }
 
 .my-6{
@@ -6395,11 +6411,6 @@ trix-editor .attachment__metadata .attachment__size {
   margin-bottom:1.5rem
 }
 
-.my-4{
-  margin-top:1rem;
-  margin-bottom:1rem
-}
-
 .my-\[2px\]{
   margin-top:2px;
   margin-bottom:2px
@@ -6420,11 +6431,6 @@ trix-editor .attachment__metadata .attachment__size {
   margin-bottom:0px
 }
 
-.-mx-2{
-  margin-left:-0.5rem;
-  margin-right:-0.5rem
-}
-
 .-my-2{
   margin-top:-0.5rem;
   margin-bottom:-0.5rem
@@ -6435,27 +6441,14 @@ trix-editor .attachment__metadata .attachment__size {
   margin-right:1.5rem
 }
 
-.-mx-4{
-  margin-left:-1rem;
-  margin-right:-1rem
-}
-
-.mt-2{
-  margin-top:0.5rem
-}
-
-.ml-3{
-  margin-left:0.75rem
-}
-
-.-ml-px{
-  margin-left:-1px
-}
-
 .mt-4{
   margin-top:1rem
 }
 
+.mt-3{
+  margin-top:0.75rem
+}
+
 .mt-8{
   margin-top:2rem
 }
@@ -6472,36 +6465,16 @@ trix-editor .attachment__metadata .attachment__size {
   margin-bottom:0px
 }
 
-.mt-1{
-  margin-top:0.25rem
-}
-
-.-ml-20{
-  margin-left:-5rem
-}
-
-.-mt-12{
-  margin-top:-3rem
-}
-
-.-ml-10{
-  margin-left:-2.5rem
-}
-
-.-mt-24{
-  margin-top:-6rem
-}
-
-.ml-8{
-  margin-left:2rem
+.-mt-1{
+  margin-top:-0.25rem
 }
 
-.ml-20{
-  margin-left:5rem
+.mt-1{
+  margin-top:0.25rem
 }
 
-.-mt-10{
-  margin-top:-2.5rem
+.mt-2{
+  margin-top:0.5rem
 }
 
 .mb-4{
@@ -6512,10 +6485,6 @@ trix-editor .attachment__metadata .attachment__size {
   margin-right:0.25rem
 }
 
-.mr-4{
-  margin-right:1rem
-}
-
 .ml-1{
   margin-left:0.25rem
 }
@@ -6524,16 +6493,28 @@ trix-editor .attachment__metadata .attachment__size {
   margin-left:8.333333%
 }
 
+.mb-2{
+  margin-bottom:0.5rem
+}
+
+.ml-3{
+  margin-left:0.75rem
+}
+
 .ml-4{
   margin-left:1rem
 }
 
-.mb-2{
-  margin-bottom:0.5rem
+.mr-4{
+  margin-right:1rem
+}
+
+.-ml-4{
+  margin-left:-1rem
 }
 
-.ml-1\/2{
-  margin-left:50%
+.-mt-12{
+  margin-top:-3rem
 }
 
 .ml-10{
@@ -6580,14 +6561,6 @@ trix-editor .attachment__metadata .attachment__size {
   margin-top:3rem
 }
 
-.mr-px{
-  margin-right:1px
-}
-
-.-mt-2{
-  margin-top:-0.5rem
-}
-
 .ml-px{
   margin-left:1px
 }
@@ -6632,28 +6605,8 @@ trix-editor .attachment__metadata .attachment__size {
   aspect-ratio:1 / 1
 }
 
-.h-36{
-  height:9rem
-}
-
-.h-72{
-  height:18rem
-}
-
-.h-\[27rem\]{
-  height:27rem
-}
-
-.h-\[36rem\]{
-  height:36rem
-}
-
-.h-\[45rem\]{
-  height:45rem
-}
-
-.h-\[54rem\]{
-  height:54rem
+.h-6{
+  height:1.5rem
 }
 
 .h-5{
@@ -6668,34 +6621,22 @@ trix-editor .attachment__metadata .attachment__size {
   height:100%
 }
 
-.h-40{
-  height:10rem
-}
-
-.h-20{
-  height:5rem
-}
-
-.h-8{
-  height:2rem
-}
-
-.h-64{
-  height:16rem
+.h-64{
+  height:16rem
 }
 
 .h-52{
   height:13rem
 }
 
-.h-6{
-  height:1.5rem
-}
-
 .h-16{
   height:4rem
 }
 
+.h-8{
+  height:2rem
+}
+
 .h-\[250px\]{
   height:250px
 }
@@ -6712,6 +6653,10 @@ trix-editor .attachment__metadata .attachment__size {
   height:2.5rem
 }
 
+.h-20{
+  height:5rem
+}
+
 .h-9{
   height:2.25rem
 }
@@ -6792,6 +6737,10 @@ trix-editor .attachment__metadata .attachment__size {
   width:4rem
 }
 
+.w-2\/3{
+  width:66.666667%
+}
+
 .w-64{
   width:16rem
 }
@@ -6832,20 +6781,16 @@ trix-editor .attachment__metadata .attachment__size {
   min-width:6rem
 }
 
-.max-w-168{
-  max-width:42rem
-}
-
 .max-w-full{
   max-width:100%
 }
 
-.max-w-lg{
-  max-width:32rem
+.max-w-168{
+  max-width:42rem
 }
 
-.max-w-xs{
-  max-width:20rem
+.max-w-lg{
+  max-width:32rem
 }
 
 .flex-1{
@@ -6874,6 +6819,16 @@ trix-editor .attachment__metadata .attachment__size {
   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))
+}
+
 .-translate-x-full{
   --tw-translate-x:-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))
@@ -6889,6 +6844,11 @@ trix-editor .attachment__metadata .attachment__size {
   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))
+}
+
 .rotate-90{
   --tw-rotate:90deg;
   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))
@@ -6911,8 +6871,11 @@ trix-editor .attachment__metadata .attachment__size {
 }
 
 .appearance-none{
-  -webkit-appearance:none;
-          appearance:none
+  appearance:none
+}
+
+.grid-cols-2{
+  grid-template-columns:repeat(2, minmax(0, 1fr))
 }
 
 .grid-cols-1{
@@ -6975,24 +6938,16 @@ trix-editor .attachment__metadata .attachment__size {
   justify-content:space-between
 }
 
-.justify-around{
-  justify-content:space-around
-}
-
 .justify-evenly{
   justify-content:space-evenly
 }
 
-.gap-4{
-  gap:1rem
-}
-
 .gap-2{
   gap:0.5rem
 }
 
-.gap-0{
-  gap:0px
+.gap-4{
+  gap:1rem
 }
 
 .gap-6{
@@ -7003,8 +6958,10 @@ trix-editor .attachment__metadata .attachment__size {
   gap:0.75rem
 }
 
-.gap-1{
-  gap:0.25rem
+.space-y-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
 }
 
 .space-y-2 > :not([hidden]) ~ :not([hidden]){
@@ -7013,10 +6970,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
 }
 
-.space-y-4 > :not([hidden]) ~ :not([hidden]){
+.space-y-8 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
-  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
+  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
 }
 
 .space-x-2 > :not([hidden]) ~ :not([hidden]){
@@ -7043,12 +7000,6 @@ trix-editor .attachment__metadata .attachment__size {
   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)));
@@ -7079,6 +7030,11 @@ trix-editor .attachment__metadata .attachment__size {
   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))
@@ -7158,16 +7114,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
@@ -7182,9 +7128,8 @@ trix-editor .attachment__metadata .attachment__size {
   border-width:1px
 }
 
-.border-y{
-  border-top-width:1px;
-  border-bottom-width:1px
+.border-t{
+  border-top-width:1px
 }
 
 .border-b-2{
@@ -7211,10 +7156,6 @@ trix-editor .attachment__metadata .attachment__size {
   border-top-width:0px
 }
 
-.border-t{
-  border-top-width:1px
-}
-
 .border-l{
   border-left-width:1px
 }
@@ -7338,8 +7279,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{
@@ -7357,11 +7297,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))
@@ -7391,6 +7326,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))
@@ -7502,8 +7442,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{
@@ -7511,6 +7450,11 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
 
+.bg-gray-50{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
+}
+
 .bg-white{
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity))
@@ -7521,14 +7465,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{
@@ -7537,8 +7481,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{
@@ -7561,9 +7504,13 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(47 50 55 / var(--tw-bg-opacity))
 }
 
-.bg-gray-50{
+.bg-green-400{
   --tw-bg-opacity:1;
-  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
+  background-color:rgb(74 222 128 / var(--tw-bg-opacity))
+}
+
+.bg-primary-100{
+  background-color:rgb(var(--color-primary-100))
 }
 
 .bg-gray-700{
@@ -7600,22 +7547,22 @@ trix-editor .attachment__metadata .attachment__size {
   object-fit:cover
 }
 
-.p-2{
-  padding:0.5rem
-}
-
 .p-4{
   padding:1rem
 }
 
-.p-6{
-  padding:1.5rem
-}
-
 .p-1{
   padding:0.25rem
 }
 
+.p-2{
+  padding:0.5rem
+}
+
+.p-6{
+  padding:1.5rem
+}
+
 .px-1{
   padding-left:0.25rem;
   padding-right:0.25rem
@@ -7626,9 +7573,14 @@ trix-editor .attachment__metadata .attachment__size {
   padding-bottom:1px
 }
 
-.px-2{
-  padding-left:0.5rem;
-  padding-right:0.5rem
+.py-6{
+  padding-top:1.5rem;
+  padding-bottom:1.5rem
+}
+
+.px-6{
+  padding-left:1.5rem;
+  padding-right:1.5rem
 }
 
 .py-1{
@@ -7661,34 +7613,14 @@ trix-editor .attachment__metadata .attachment__size {
   padding-right:0px
 }
 
-.py-12{
-  padding-top:3rem;
-  padding-bottom:3rem
-}
-
 .py-4{
   padding-top:1rem;
   padding-bottom:1rem
 }
 
-.py-6{
-  padding-top:1.5rem;
-  padding-bottom:1.5rem
-}
-
-.px-6{
-  padding-left:1.5rem;
-  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
+.px-2{
+  padding-left:0.5rem;
+  padding-right:0.5rem
 }
 
 .py-0{
@@ -7797,10 +7729,6 @@ trix-editor .attachment__metadata .attachment__size {
   text-align:right
 }
 
-.font-sans{
-  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
@@ -7816,16 +7744,6 @@ trix-editor .attachment__metadata .attachment__size {
   line-height:1.5rem
 }
 
-.text-3xl{
-  font-size:1.875rem;
-  line-height:2.25rem
-}
-
-.text-5xl{
-  font-size:3rem;
-  line-height:1
-}
-
 .text-xl{
   font-size:1.25rem;
   line-height:1.75rem
@@ -7841,6 +7759,10 @@ trix-editor .attachment__metadata .attachment__size {
   line-height:2rem
 }
 
+.font-bold{
+  font-weight:700
+}
+
 .font-semibold{
   font-weight:600
 }
@@ -7849,14 +7771,6 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:500
 }
 
-.font-normal{
-  font-weight:400
-}
-
-.font-bold{
-  font-weight:700
-}
-
 .uppercase{
   text-transform:uppercase
 }
@@ -7877,14 +7791,14 @@ trix-editor .attachment__metadata .attachment__size {
   line-height:1.25
 }
 
-.leading-5{
-  line-height:1.25rem
-}
-
 .leading-none{
   line-height:1
 }
 
+.leading-5{
+  line-height:1.25rem
+}
+
 .tracking-tight{
   letter-spacing:-0.025em
 }
@@ -8004,13 +7918,17 @@ 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{
+.text-gray-600{
   --tw-text-opacity:1;
-  color:rgb(255 255 255 / var(--tw-text-opacity))
+  color:rgb(94 100 110 / var(--tw-text-opacity))
+}
+
+.\!text-pink-600{
+  --tw-text-opacity:1 !important;
+  color:rgb(219 39 119 / var(--tw-text-opacity)) !important
 }
 
 .text-gray-700{
@@ -8018,9 +7936,9 @@ trix-editor .attachment__metadata .attachment__size {
   color:rgb(70 75 83 / var(--tw-text-opacity))
 }
 
-.text-gray-600{
+.text-white{
   --tw-text-opacity:1;
-  color:rgb(94 100 110 / var(--tw-text-opacity))
+  color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
 .text-slate-800{
@@ -8028,6 +7946,26 @@ trix-editor .attachment__metadata .attachment__size {
   color:rgb(30 41 59 / var(--tw-text-opacity))
 }
 
+.text-gray-800{
+  --tw-text-opacity:1;
+  color:rgb(47 50 55 / 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-gray-900{
+  --tw-text-opacity:1;
+  color:rgb(23 25 28 / var(--tw-text-opacity))
+}
+
 .text-red-600{
   --tw-text-opacity:1;
   color:rgb(220 38 38 / var(--tw-text-opacity))
@@ -8048,11 +7986,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))
@@ -8063,11 +7996,6 @@ trix-editor .attachment__metadata .attachment__size {
   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))
@@ -8078,11 +8006,6 @@ trix-editor .attachment__metadata .attachment__size {
           text-decoration-line:underline
 }
 
-.no-underline{
-  -webkit-text-decoration-line:none;
-          text-decoration-line:none
-}
-
 .opacity-75{
   opacity:0.75
 }
@@ -8099,8 +8022,16 @@ trix-editor .attachment__metadata .attachment__size {
   opacity:1
 }
 
-.opacity-80{
-  opacity:0.8
+.shadow-md{
+  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-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)
 }
 
 .shadow-panel{
@@ -8121,18 +8052,18 @@ trix-editor .attachment__metadata .attachment__size {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.shadow{
-  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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-context{
   --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 0 25px -5px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 0 25px -5px 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{
+  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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)
+}
+
 .outline-none{
   outline:2px solid transparent;
   outline-offset:2px
@@ -8147,11 +8078,6 @@ trix-editor .attachment__metadata .attachment__size {
   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)
 }
 
-.sepia{
-  --tw-sepia:sepia(100%);
-  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)
-}
-
 .filter{
   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)
 }
@@ -8182,10 +8108,6 @@ trix-editor .attachment__metadata .attachment__size {
   transition-duration:75ms
 }
 
-.ease-in-out{
-  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
-}
-
 .ease-out{
   transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
 }
@@ -8194,7 +8116,12 @@ trix-editor .attachment__metadata .attachment__size {
   transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
 }
 
-html, body{
+.ease-in-out{
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
+}
+
+html,
+body{
   position:relative;
   height:100%;
   -webkit-font-smoothing:antialiased;
@@ -8255,8 +8182,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 {
@@ -8272,42 +8198,19 @@ 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;
+.placeholder\:text-gray-300::placeholder{
+  --tw-text-opacity:1;
+  color:rgb(172 177 185 / var(--tw-text-opacity))
 }
 
 .checked\:block:checked{
   display:block
 }
 
+.checked\:bg-primary-400:checked{
+  background-color:rgb(var(--color-primary-400))
+}
+
 .hover\:z-\[21\]:hover{
   z-index:21
 }
@@ -8423,13 +8326,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{
@@ -8437,9 +8334,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{
@@ -8447,9 +8344,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{
@@ -8457,9 +8354,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{
@@ -8467,9 +8364,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{
@@ -8477,9 +8374,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{
@@ -8487,9 +8384,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{
@@ -8497,9 +8394,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{
@@ -8507,9 +8404,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{
@@ -8517,9 +8414,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{
@@ -8527,9 +8424,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{
@@ -8537,9 +8434,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{
@@ -8547,9 +8444,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{
@@ -8557,9 +8454,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{
@@ -8567,9 +8464,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{
@@ -8577,9 +8474,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{
@@ -8587,9 +8484,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{
@@ -8597,9 +8494,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{
@@ -8607,9 +8504,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{
@@ -8617,9 +8514,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{
@@ -8627,9 +8524,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{
@@ -8637,9 +8534,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{
@@ -8647,19 +8544,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{
@@ -8667,14 +8566,14 @@ trix-editor {
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
 
-.hover\:text-gray-500:hover{
+.hover\:text-gray-600:hover{
   --tw-text-opacity:1;
-  color:rgb(117 125 138 / var(--tw-text-opacity))
+  color:rgb(94 100 110 / var(--tw-text-opacity))
 }
 
-.hover\:text-gray-400:hover{
+.hover\:text-gray-500:hover{
   --tw-text-opacity:1;
-  color:rgb(145 151 161 / var(--tw-text-opacity))
+  color:rgb(117 125 138 / var(--tw-text-opacity))
 }
 
 .hover\:text-white:hover{
@@ -8682,11 +8581,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
 }
@@ -8697,18 +8591,14 @@ 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{
+.focus\:border-indigo-500:focus{
   --tw-border-opacity:1;
-  border-color:rgb(107 182 235 / var(--tw-border-opacity))
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
 
 .focus\:border-gray-300:focus{
@@ -8746,6 +8636,15 @@ 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
+}
+
 .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);
@@ -8762,14 +8661,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{
@@ -8777,9 +8681,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{
@@ -8787,9 +8691,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{
@@ -8797,9 +8701,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{
@@ -8807,9 +8711,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{
@@ -8817,9 +8721,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{
@@ -8827,9 +8731,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{
@@ -8837,9 +8741,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{
@@ -8847,9 +8751,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{
@@ -8857,9 +8761,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{
@@ -8867,9 +8771,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{
@@ -8877,9 +8781,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{
@@ -8887,9 +8791,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{
@@ -8897,9 +8801,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{
@@ -8907,9 +8811,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{
@@ -8917,9 +8821,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{
@@ -8927,9 +8831,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{
@@ -8937,9 +8841,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{
@@ -8947,9 +8851,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{
@@ -8957,9 +8861,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{
@@ -8967,9 +8871,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{
@@ -8977,24 +8881,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{
@@ -9002,9 +8894,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{
@@ -9012,9 +8904,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{
@@ -9022,9 +8914,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{
@@ -9032,9 +8924,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{
@@ -9042,9 +8934,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{
@@ -9052,9 +8944,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{
@@ -9062,9 +8954,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{
@@ -9072,9 +8964,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{
@@ -9082,9 +8974,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{
@@ -9092,9 +8984,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{
@@ -9102,9 +8994,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{
@@ -9112,9 +9004,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{
@@ -9122,9 +9014,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{
@@ -9132,9 +9024,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{
@@ -9142,9 +9034,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{
@@ -9152,9 +9044,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{
@@ -9162,9 +9054,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{
@@ -9172,9 +9064,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{
@@ -9182,9 +9074,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{
@@ -9192,9 +9084,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{
@@ -9202,9 +9094,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{
@@ -9212,24 +9104,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))
-}
-
-.active\:text-gray-700:active{
-  --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
+  background-color:rgb(var(--color-primary-600))
 }
 
-.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{
@@ -9240,100 +9125,188 @@ trix-editor {
   outline-width:1px
 }
 
-.active\:outline-0:active{
-  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{
@@ -9350,6 +9323,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))
@@ -9411,24 +9389,8 @@ trix-editor {
     right:0px
   }
 
-  .sm\:col-span-1{
-    grid-column:span 1 / span 1
-  }
-
-  .sm\:col-span-2{
-    grid-column:span 2 / span 2
-  }
-
-  .sm\:col-span-3{
-    grid-column:span 3 / span 3
-  }
-
-  .sm\:col-span-4{
-    grid-column:span 4 / span 4
-  }
-
-  .sm\:col-span-5{
-    grid-column:span 5 / span 5
+  .sm\:left-0{
+    left:0px
   }
 
   .sm\:col-span-6{
@@ -9455,8 +9417,8 @@ trix-editor {
     width:auto
   }
 
-  .sm\:min-w-\[16rem\]{
-    min-width:16rem
+  .sm\:w-1\/3{
+    width:33.333333%
   }
 
   .sm\:min-w-\[300px\]{
@@ -9467,22 +9429,6 @@ trix-editor {
     max-width:42rem
   }
 
-  .sm\:grid-cols-3{
-    grid-template-columns:repeat(3, minmax(0, 1fr))
-  }
-
-  .sm\:grid-cols-4{
-    grid-template-columns:repeat(4, minmax(0, 1fr))
-  }
-
-  .sm\:grid-cols-5{
-    grid-template-columns:repeat(5, minmax(0, 1fr))
-  }
-
-  .sm\:grid-cols-6{
-    grid-template-columns:repeat(6, minmax(0, 1fr))
-  }
-
   .sm\:grid-cols-2{
     grid-template-columns:repeat(2, minmax(0, 1fr))
   }
@@ -9503,6 +9449,10 @@ trix-editor {
     justify-content:space-between
   }
 
+  .sm\:gap-4{
+    gap:1rem
+  }
+
   .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){
     --tw-space-x-reverse:0;
     margin-right:calc(2rem * var(--tw-space-x-reverse));
@@ -9528,11 +9478,16 @@ trix-editor {
   .sm\:text-left{
     text-align:left
   }
+
+  .sm\:text-sm{
+    font-size:0.875rem;
+    line-height:1.25rem
+  }
 }
 
 @media (min-width: 768px){
-  .md\:inline-flex{
-    display:inline-flex
+  .md\:h-10{
+    height:2.5rem
   }
 
   .md\:h-14{
@@ -9572,9 +9527,8 @@ trix-editor {
     padding-right:6rem
   }
 
-  .md\:px-6{
-    padding-left:1.5rem;
-    padding-right:1.5rem
+  .md\:pt-4{
+    padding-top:1rem
   }
 
   .md\:pt-0{
@@ -9652,13 +9606,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
   }
 }
 
@@ -9667,10 +9617,18 @@ trix-editor {
     right:0px
   }
 
+  .xl\:left-0{
+    left:0px
+  }
+
   .xl\:mt-0{
     margin-top:0px
   }
 
+  .xl\:w-64{
+    width:16rem
+  }
+
   .xl\:grid-cols-4{
     grid-template-columns:repeat(4, minmax(0, 1fr))
   }