avo 3.0.2 → 3.0.3

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

@@ -1,21 +1,24 @@
 @charset "UTF-8";
 
 /**
- * simplemde v1.11.2
- * Copyright Next Step Webs, Inc.
- * @link https://github.com/NextStepWebs/simplemde-markdown-editor
+ * easymde v2.18.0
+ * Copyright Jeroen Akkerman
+ * @link https://github.com/ionaru/easy-markdown-editor
  * @license MIT
  */
 
 .CodeMirror{
-  color:#000
+  font-family:monospace;
+  height:300px;
+  color:#000;
+  direction:ltr
 }
 
 .CodeMirror-lines{
   padding:4px 0
 }
 
-.CodeMirror pre{
+.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{
   padding:0 4px
 }
 
@@ -65,11 +68,16 @@
   z-index:1
 }
 
-.cm-animate-fat-cursor{
-  width:auto;
-  border:0;
-  animation:blink 1.06s steps(1) infinite;
-  background-color:#7e7
+.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{
+  background:0 0
+}
+
+.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{
+  background:0 0
+}
+
+.cm-fat-cursor{
+  caret-color:transparent
 }
 
 @keyframes blink{
@@ -83,8 +91,19 @@
   text-decoration:inherit
 }
 
+.CodeMirror-rulers{
+  position:absolute;
+  left:0;
+  right:0;
+  top:-50px;
+  bottom:0;
+  overflow:hidden
+}
+
 .CodeMirror-ruler{
   border-left:1px solid #ccc;
+  top:0;
+  bottom:0;
   position:absolute
 }
 
@@ -140,7 +159,7 @@
   color:#05a
 }
 
-.cm-s-default .cm-variable-3{
+.cm-s-default .cm-type,.cm-s-default .cm-variable-3{
   color:#085
 }
 
@@ -156,7 +175,11 @@
   color:#f50
 }
 
-.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{
+.cm-s-default .cm-meta{
+  color:#555
+}
+
+.cm-s-default .cm-qualifier{
   color:#555
 }
 
@@ -184,7 +207,11 @@
   color:#00c
 }
 
-.cm-invalidchar,.cm-s-default .cm-error{
+.cm-s-default .cm-error{
+  color:red
+}
+
+.cm-invalidchar{
   color:red
 }
 
@@ -193,11 +220,11 @@
 }
 
 div.CodeMirror span.CodeMirror-matchingbracket{
-  color:#0f0
+  color:#0b0
 }
 
 div.CodeMirror span.CodeMirror-nonmatchingbracket{
-  color:#f22
+  color:#a22
 }
 
 .CodeMirror-matchingtag{
@@ -216,23 +243,25 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
 
 .CodeMirror-scroll{
   overflow:scroll!important;
-  margin-bottom:-30px;
-  margin-right:-30px;
-  padding-bottom:30px;
+  margin-bottom:-50px;
+  margin-right:-50px;
+  padding-bottom:50px;
   height:100%;
   outline:0;
-  position:relative
+  position:relative;
+  z-index:0
 }
 
 .CodeMirror-sizer{
   position:relative;
-  border-right:30px solid transparent
+  border-right:50px solid transparent
 }
 
 .CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{
   position:absolute;
   z-index:6;
-  display:none
+  display:none;
+  outline:0
 }
 
 .CodeMirror-vscrollbar{
@@ -272,16 +301,14 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
   height:100%;
   display:inline-block;
   vertical-align:top;
-  margin-bottom:-30px
+  margin-bottom:-50px
 }
 
 .CodeMirror-gutter-wrapper{
   position:absolute;
   z-index:4;
   background:0 0!important;
-  border:none!important;
-  -webkit-user-select:none;
-  user-select:none
+  border:none!important
 }
 
 .CodeMirror-gutter-background{
@@ -297,12 +324,20 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
   z-index:4
 }
 
+.CodeMirror-gutter-wrapper ::selection{
+  background-color:transparent
+}
+
+.CodeMirror-gutter-wrapper ::-moz-selection{
+  background-color:transparent
+}
+
 .CodeMirror-lines{
   cursor:text;
   min-height:1px
 }
 
-.CodeMirror pre{
+.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{
   border-radius:0;
   border-width:0;
   background:0 0;
@@ -317,10 +352,10 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
   position:relative;
   overflow:visible;
   -webkit-tap-highlight-color:transparent;
-  font-variant-ligatures:none
+  font-variant-ligatures:contextual
 }
 
-.CodeMirror-wrap pre{
+.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{
   word-wrap:break-word;
   white-space:pre-wrap;
   word-break:normal
@@ -338,7 +373,11 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
 .CodeMirror-linewidget{
   position:relative;
   z-index:2;
-  overflow:auto
+  padding:.1px
+}
+
+.CodeMirror-rtl pre{
+  direction:rtl
 }
 
 .CodeMirror-code{
@@ -358,7 +397,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
 }
 
 .CodeMirror-cursor{
-  position:absolute
+  position:absolute;
+  pointer-events:none
 }
 
 .CodeMirror-measure pre{
@@ -371,7 +411,11 @@ div.CodeMirror-cursors{
   z-index:3
 }
 
-.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{
+div.CodeMirror-dragcursors{
+  visibility:visible
+}
+
+.CodeMirror-focused div.CodeMirror-cursors{
   visibility:visible
 }
 
@@ -379,7 +423,7 @@ div.CodeMirror-cursors{
   background:#d9d9d9
 }
 
-.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{
+.CodeMirror-focused .CodeMirror-selected{
   background:#d7d4f0
 }
 
@@ -387,13 +431,17 @@ div.CodeMirror-cursors{
   cursor:crosshair
 }
 
+.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{
+  background:#d7d4f0
+}
+
 .CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{
   background:#d7d4f0
 }
 
 .cm-searching{
-  background:#ffa;
-  background:rgba(255,255,0,.4)
+  background-color:#ffa;
+  background-color:rgba(255,255,0,.4)
 }
 
 .cm-force-border{
@@ -414,22 +462,37 @@ span.CodeMirror-selectedtext{
   background:0 0
 }
 
-.CodeMirror{
+.EasyMDEContainer{
+  display:block
+}
+
+.CodeMirror-rtl pre{
+  direction:rtl
+}
+
+.EasyMDEContainer.sided--no-fullscreen{
+  display:flex;
+  flex-direction:row;
+  flex-wrap:wrap
+}
+
+.EasyMDEContainer .CodeMirror{
+  box-sizing:border-box;
   height:auto;
-  min-height:300px;
-  border:1px solid #ddd;
+  border:1px solid #ced4da;
   border-bottom-left-radius:4px;
   border-bottom-right-radius:4px;
   padding:10px;
   font:inherit;
-  z-index:1
+  z-index:0;
+  word-wrap:break-word
 }
 
-.CodeMirror-scroll{
-  min-height:300px
+.EasyMDEContainer .CodeMirror-scroll{
+  cursor:text
 }
 
-.CodeMirror-fullscreen{
+.EasyMDEContainer .CodeMirror-fullscreen{
   background:#fff;
   position:fixed!important;
   top:50px;
@@ -437,51 +500,46 @@ span.CodeMirror-selectedtext{
   right:0;
   bottom:0;
   height:auto;
-  z-index:9
+  z-index:8;
+  border-right:none!important;
+  border-bottom-right-radius:0!important
 }
 
-.CodeMirror-sided{
+.EasyMDEContainer .CodeMirror-sided{
   width:50%!important
 }
 
-.editor-toolbar{
+.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{
+  border-right:none!important;
+  border-bottom-right-radius:0;
   position:relative;
-  opacity:.6;
-  -webkit-user-select:none;
-  -o-user-select:none;
-  user-select:none;
-  padding:0 10px;
-  border-top:1px solid #bbb;
-  border-left:1px solid #bbb;
-  border-right:1px solid #bbb;
-  border-top-left-radius:4px;
-  border-top-right-radius:4px
+  flex:1 1 auto
 }
 
-.editor-toolbar:after,.editor-toolbar:before{
-  display:block;
-  content:' ';
-  height:1px
-}
-
-.editor-toolbar:before{
-  margin-bottom:8px
+.EasyMDEContainer .CodeMirror-placeholder{
+  opacity:.5
 }
 
-.editor-toolbar:after{
-  margin-top:8px
+.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{
+  background:#d9d9d9
 }
 
-.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{
-  opacity:.8
+.editor-toolbar{
+  position:relative;
+  -webkit-user-select:none;
+  -o-user-select:none;
+  user-select:none;
+  padding:9px 10px;
+  border-top:1px solid #ced4da;
+  border-left:1px solid #ced4da;
+  border-right:1px solid #ced4da;
+  border-top-left-radius:4px;
+  border-top-right-radius:4px
 }
 
 .editor-toolbar.fullscreen{
   width:100%;
   height:50px;
-  overflow-x:auto;
-  overflow-y:hidden;
-  white-space:nowrap;
   padding-top:10px;
   padding-bottom:10px;
   box-sizing:border-box;
@@ -497,7 +555,7 @@ span.CodeMirror-selectedtext{
 .editor-toolbar.fullscreen::before{
   width:20px;
   height:50px;
-  background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
+  background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
   position:fixed;
   top:0;
   left:0;
@@ -508,7 +566,7 @@ span.CodeMirror-selectedtext{
 .editor-toolbar.fullscreen::after{
   width:20px;
   height:50px;
-  background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
+  background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);
   position:fixed;
   top:0;
   right:0;
@@ -516,26 +574,33 @@ span.CodeMirror-selectedtext{
   padding:0
 }
 
-.editor-toolbar a{
+.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{
+  width:100%
+}
+
+.editor-toolbar .easymde-dropdown,.editor-toolbar button{
+  background:0 0;
   display:inline-block;
   text-align:center;
   text-decoration:none!important;
-  color:#2c3e50!important;
-  width:30px;
   height:30px;
   margin:0;
+  padding:0;
   border:1px solid transparent;
   border-radius:3px;
   cursor:pointer
 }
 
-.editor-toolbar a.active,.editor-toolbar a:hover{
-  background:#fcfcfc;
-  border-color:#95a5a6
+.editor-toolbar button{
+  font-weight:700;
+  min-width:30px;
+  padding:0 6px;
+  white-space:nowrap
 }
 
-.editor-toolbar a:before{
-  line-height:30px
+.editor-toolbar button.active,.editor-toolbar button:hover{
+  background:#fcfcfc;
+  border-color:#95a5a6
 }
 
 .editor-toolbar i.separator{
@@ -548,7 +613,7 @@ span.CodeMirror-selectedtext{
   margin:0 6px
 }
 
-.editor-toolbar a.fa-header-x:after{
+.editor-toolbar button:after{
   font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
   font-size:65%;
   vertical-align:text-bottom;
@@ -556,35 +621,33 @@ span.CodeMirror-selectedtext{
   top:2px
 }
 
-.editor-toolbar a.fa-header-1:after{
+.editor-toolbar button.heading-1:after{
   content:"1"
 }
 
-.editor-toolbar a.fa-header-2:after{
+.editor-toolbar button.heading-2:after{
   content:"2"
 }
 
-.editor-toolbar a.fa-header-3:after{
+.editor-toolbar button.heading-3:after{
   content:"3"
 }
 
-.editor-toolbar a.fa-header-bigger:after{
+.editor-toolbar button.heading-bigger:after{
   content:"▲"
 }
 
-.editor-toolbar a.fa-header-smaller:after{
+.editor-toolbar button.heading-smaller:after{
   content:"▼"
 }
 
-.editor-toolbar.disabled-for-preview a:not(.no-disable){
-  pointer-events:none;
-  background:#fff;
-  border-color:transparent;
-  text-shadow:inherit
+.editor-toolbar.disabled-for-preview button:not(.no-disable){
+  opacity:.6;
+  pointer-events:none
 }
 
 @media only screen and (max-width:700px){
-  .editor-toolbar a.no-mobile{
+  .editor-toolbar i.no-mobile{
     display:none
   }
 }
@@ -596,20 +659,16 @@ span.CodeMirror-selectedtext{
   text-align:right
 }
 
+.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{
+  width:100%
+}
+
 .editor-statusbar span{
   display:inline-block;
   min-width:4em;
   margin-left:1em
 }
 
-.editor-preview,.editor-preview-side{
-  padding:10px;
-  background:#fafafa;
-  overflow:auto;
-  display:none;
-  box-sizing:border-box
-}
-
 .editor-statusbar .lines:before{
   content:'lines: '
 }
@@ -622,13 +681,16 @@ span.CodeMirror-selectedtext{
   content:'characters: '
 }
 
-.editor-preview{
+.editor-preview-full{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
-  z-index:7
+  z-index:7;
+  overflow:auto;
+  display:none;
+  box-sizing:border-box
 }
 
 .editor-preview-side{
@@ -638,82 +700,146 @@ span.CodeMirror-selectedtext{
   top:50px;
   right:0;
   z-index:9;
-  border:1px solid #ddd
+  overflow:auto;
+  display:none;
+  box-sizing:border-box;
+  border:1px solid #ddd;
+  word-wrap:break-word
 }
 
-.editor-preview-active,.editor-preview-active-side{
+.editor-preview-active-side{
   display:block
 }
 
-.editor-preview-side>p,.editor-preview>p{
+.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{
+  flex:1 1 auto;
+  height:auto;
+  position:static
+}
+
+.editor-preview-active{
+  display:block
+}
+
+.editor-preview{
+  padding:10px;
+  background:#fafafa
+}
+
+.editor-preview>p{
   margin-top:0
 }
 
-.editor-preview pre,.editor-preview-side pre{
+.editor-preview pre{
   background:#eee;
   margin-bottom:10px
 }
 
-.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{
+.editor-preview table td,.editor-preview table th{
   border:1px solid #ddd;
   padding:5px
 }
 
-.CodeMirror .CodeMirror-code .cm-tag{
+.cm-s-easymde .cm-tag{
   color:#63a35c
 }
 
-.CodeMirror .CodeMirror-code .cm-attribute{
+.cm-s-easymde .cm-attribute{
   color:#795da3
 }
 
-.CodeMirror .CodeMirror-code .cm-string{
+.cm-s-easymde .cm-string{
   color:#183691
 }
 
-.CodeMirror .CodeMirror-selected{
-  background:#d9d9d9
+.cm-s-easymde .cm-header-1{
+  font-size:calc(1.375rem + 1.5vw)
+}
+
+.cm-s-easymde .cm-header-2{
+  font-size:calc(1.325rem + .9vw)
+}
+
+.cm-s-easymde .cm-header-3{
+  font-size:calc(1.3rem + .6vw)
 }
 
-.CodeMirror .CodeMirror-code .cm-header-1{
-  font-size:200%;
-  line-height:200%
+.cm-s-easymde .cm-header-4{
+  font-size:calc(1.275rem + .3vw)
 }
 
-.CodeMirror .CodeMirror-code .cm-header-2{
-  font-size:160%;
-  line-height:160%
+.cm-s-easymde .cm-header-5{
+  font-size:1.25rem
 }
 
-.CodeMirror .CodeMirror-code .cm-header-3{
-  font-size:125%;
-  line-height:125%
+.cm-s-easymde .cm-header-6{
+  font-size:1rem
 }
 
-.CodeMirror .CodeMirror-code .cm-header-4{
-  font-size:110%;
-  line-height:110%
+.cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6{
+  margin-bottom:.5rem;
+  line-height:1.2
 }
 
-.CodeMirror .CodeMirror-code .cm-comment{
+.cm-s-easymde .cm-comment{
   background:rgba(0,0,0,.05);
   border-radius:2px
 }
 
-.CodeMirror .CodeMirror-code .cm-link{
+.cm-s-easymde .cm-link{
   color:#7f8c8d
 }
 
-.CodeMirror .CodeMirror-code .cm-url{
+.cm-s-easymde .cm-url{
   color:#aab2b3
 }
 
-.CodeMirror .CodeMirror-code .cm-strikethrough{
-  text-decoration:line-through
+.cm-s-easymde .cm-quote{
+  color:#7f8c8d;
+  font-style:italic
 }
 
-.CodeMirror .CodeMirror-placeholder{
-  opacity:.5
+.editor-toolbar .easymde-dropdown{
+  position:relative;
+  background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);
+  border-radius:0;
+  border:1px solid #fff
+}
+
+.editor-toolbar .easymde-dropdown:hover{
+  background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%)
+}
+
+.easymde-dropdown-content{
+  display:block;
+  visibility:hidden;
+  position:absolute;
+  background-color:#f9f9f9;
+  box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
+  padding:8px;
+  z-index:2;
+  top:30px
+}
+
+.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{
+  visibility:visible
+}
+
+.easymde-dropdown-content button{
+  display:block
+}
+
+span[data-img-src]::after{
+  content:'';
+  background-image:var(--bg-image);
+  display:block;
+  max-height:100%;
+  max-width:100%;
+  background-size:contain;
+  height:0;
+  padding-top:var(--height);
+  width:var(--width);
+  background-repeat:no-repeat
 }
 
 .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){
@@ -2677,7 +2803,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 +2812,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 +2833,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 +2858,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 +2884,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 +2918,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 +2953,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 +2967,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 +2986,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 +3016,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 +3036,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 +3053,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 +3074,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 +3091,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 +3102,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 +3119,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 +3127,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 +3145,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 +3193,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 +3203,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 +3288,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 +3326,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 +3343,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 +3363,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,6 +3383,22 @@ body.dark,body[data-theme=dark]{
   filter:brightness(105%)
 }
 
+.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.0.18 | MIT License | https://tailwindcss.com
  */
 
@@ -3832,8 +3960,7 @@ select{
 }
 
 a{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 
 *, ::before, ::after{
@@ -4230,11 +4357,6 @@ svg.tea #steamR {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.pagy-nav .page a:focus,.pagy-nav .page.active:focus,.pagy-nav .page.prev.disabled:focus,.pagy-nav .page.next.disabled:focus,.pagy-nav-js .page a:focus,.pagy-combo-nav-js .page a:focus,.pagy-combo-nav-js .pagy-combo-input a:focus{
-    --tw-border-opacity:1;
-    border-color:rgb(107 182 235 / var(--tw-border-opacity))
-  }
-
 .pagy-nav .page a:hover,.pagy-nav .page.active:hover,.pagy-nav .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page a:hover,.pagy-combo-nav-js .page a:hover,.pagy-combo-nav-js .pagy-combo-input a:hover{
     --tw-bg-opacity:1;
     background-color:rgb(214 216 220 / var(--tw-bg-opacity))
@@ -4484,8 +4606,7 @@ button.aa-DetachedCancelButton {
         }
 
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
-          --tw-bg-opacity:1;
-          background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+          background-color:rgb(var(--color-primary-500))
         }
 
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
@@ -4576,10 +4697,8 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
 }
 
 .application-sidebar .active:hover, .application-sidebar .active{
-  --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity));
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  background-color:rgb(var(--color-primary-100));
+  color:rgb(var(--color-primary-500))
 }
 
 /* remove the left padding. */
@@ -4637,6 +4756,15 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
 
 tags.tagify {
   --tag-inset-shadow-size: 3em;
+  --tags-border-color: rgb(var(--color-primary-500));
+  --tags-hover-border-color: rgb(var(--color-primary-500));
+}
+
+.tagify__dropdown {
+  --tagify-dd-color-primary: rgb(var(--color-primary-500));
+}
+
+tags.tagify{
   padding:0px !important;
 }
 
@@ -4645,6 +4773,11 @@ tags.tagify span.tagify__input{
     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;
@@ -4653,6 +4786,12 @@ tag.tagify__tag{
   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;
@@ -5574,7 +5713,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,22 +5735,15 @@ 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))
 }
 
-/*
-Trix 1.3.1
-Copyright © 2020 Basecamp, LLC
-http://trix-editor.org/*/
-
 trix-editor {
   border: 1px solid #bbb;
   border-radius: 3px;
@@ -5645,7 +5777,7 @@ trix-toolbar .trix-button-group:not(:first-child) {
   margin-left: 1.5vw;
 }
 
-@media (max-device-width: 768px) {
+@media (max-width: 768px) {
   trix-toolbar .trix-button-group:not(:first-child) {
     margin-left: 0;
   }
@@ -5655,7 +5787,7 @@ trix-toolbar .trix-button-group-spacer {
   flex-grow: 1;
 }
 
-@media (max-device-width: 768px) {
+@media (max-width: 768px) {
   trix-toolbar .trix-button-group-spacer {
     display: none;
   }
@@ -5694,7 +5826,7 @@ trix-toolbar .trix-button:disabled {
   color: rgba(0, 0, 0, 0.125);
 }
 
-@media (max-device-width: 768px) {
+@media (max-width: 768px) {
   trix-toolbar .trix-button {
     letter-spacing: -0.01em;
     padding: 0 0.3em;
@@ -5709,7 +5841,7 @@ trix-toolbar .trix-button--icon {
   text-indent: -9999px;
 }
 
-@media (max-device-width: 768px) {
+@media (max-width: 768px) {
   trix-toolbar .trix-button--icon {
     height: 2em;
     max-width: calc(0.8em + 3.5vw);
@@ -5730,7 +5862,7 @@ trix-toolbar .trix-button--icon::before {
   background-size: contain;
 }
 
-@media (max-device-width: 768px) {
+@media (max-width: 768px) {
   trix-toolbar .trix-button--icon::before {
     right: 6%;
     left: 6%;
@@ -5746,61 +5878,61 @@ trix-toolbar .trix-button--icon:disabled::before {
 }
 
 trix-toolbar .trix-button--icon-attach::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
   top: 8%;
   bottom: 4%;
 }
 
 trix-toolbar .trix-button--icon-bold::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-italic::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-link::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-strike::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-quote::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-heading-1::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-code::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-bullet-list::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-number-list::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-undo::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-redo::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-decrease-nesting-level::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-button--icon-increase-nesting-level::before {
-  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
 }
 
 trix-toolbar .trix-dialogs {
@@ -5874,7 +6006,7 @@ trix-editor [data-trix-mutable] ::selection {
   background: none;
 }
 
-trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
+trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
   background: highlight;
 }
 
@@ -5993,7 +6125,7 @@ trix-editor .trix-button--remove::before {
   left: 0;
   opacity: 0.7;
   content: "";
-  background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
+  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 90%;
@@ -6113,7 +6245,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 
 .trix-content .attachment__caption .attachment__name + .attachment__size::before {
-  content: ' · ';
+  content: ' \2022 ';
 }
 
 .trix-content .attachment--preview {
@@ -6173,6 +6305,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%
 }
@@ -6335,20 +6479,28 @@ trix-editor .attachment__metadata .attachment__size {
   z-index:20
 }
 
+.z-\[100\]{
+  z-index:100
+}
+
 .z-40{
   z-index:40
 }
 
+.z-\[60\]{
+  z-index:60
+}
+
 .z-30{
   z-index:30
 }
 
-.z-\[100\]{
-  z-index:100
+.order-last{
+  order:9999
 }
 
-.z-\[60\]{
-  z-index:60
+.order-first{
+  order:-9999
 }
 
 .col-span-1{
@@ -6363,6 +6515,10 @@ trix-editor .attachment__metadata .attachment__size {
   grid-column:1 / -1
 }
 
+.col-span-4{
+  grid-column:span 4 / span 4
+}
+
 .float-right{
   float:right
 }
@@ -6390,24 +6546,29 @@ trix-editor .attachment__metadata .attachment__size {
   margin-right:0.75rem
 }
 
-.my-6{
-  margin-top:1.5rem;
-  margin-bottom:1.5rem
-}
-
 .my-4{
   margin-top:1rem;
   margin-bottom:1rem
 }
 
-.my-\[2px\]{
-  margin-top:2px;
-  margin-bottom:2px
+.-mx-6{
+  margin-left:-1.5rem;
+  margin-right:-1.5rem
 }
 
-.my-1{
-  margin-top:0.25rem;
-  margin-bottom:0.25rem
+.my-6{
+  margin-top:1.5rem;
+  margin-bottom:1.5rem
+}
+
+.my-\[2px\]{
+  margin-top:2px;
+  margin-bottom:2px
+}
+
+.my-1{
+  margin-top:0.25rem;
+  margin-bottom:0.25rem
 }
 
 .my-0\.5{
@@ -6435,25 +6596,8 @@ 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{
@@ -6472,36 +6616,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-4{
+  margin-top:1rem
 }
 
-.ml-20{
-  margin-left:5rem
+.mt-2{
+  margin-top:0.5rem
 }
 
-.-mt-10{
-  margin-top:-2.5rem
+.mt-1{
+  margin-top:0.25rem
 }
 
 .mb-4{
@@ -6524,6 +6648,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-left:8.333333%
 }
 
+.ml-3{
+  margin-left:0.75rem
+}
+
 .ml-4{
   margin-left:1rem
 }
@@ -6532,6 +6660,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-bottom:0.5rem
 }
 
+.-mt-12{
+  margin-top:-3rem
+}
+
 .ml-1\/2{
   margin-left:50%
 }
@@ -6596,6 +6728,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-bottom:0.25rem
 }
 
+.-mt-9{
+  margin-top:-2.25rem
+}
+
 .block{
   display:block
 }
@@ -6632,6 +6768,10 @@ trix-editor .attachment__metadata .attachment__size {
   aspect-ratio:1 / 1
 }
 
+.aspect-video{
+  aspect-ratio:16 / 9
+}
+
 .h-36{
   height:9rem
 }
@@ -6668,18 +6808,6 @@ trix-editor .attachment__metadata .attachment__size {
   height:100%
 }
 
-.h-40{
-  height:10rem
-}
-
-.h-20{
-  height:5rem
-}
-
-.h-8{
-  height:2rem
-}
-
 .h-64{
   height:16rem
 }
@@ -6696,6 +6824,10 @@ trix-editor .attachment__metadata .attachment__size {
   height:4rem
 }
 
+.h-8{
+  height:2rem
+}
+
 .h-\[250px\]{
   height:250px
 }
@@ -6712,18 +6844,22 @@ trix-editor .attachment__metadata .attachment__size {
   height:2.5rem
 }
 
-.h-9{
-  height:2.25rem
+.h-20{
+  height:5rem
 }
 
-.max-h-\[42rem\]{
-  max-height:42rem
+.h-9{
+  height:2.25rem
 }
 
 .max-h-full{
   max-height:100%
 }
 
+.max-h-11\/12{
+  max-height:91.666667%
+}
+
 .min-h-24{
   min-height:6rem
 }
@@ -6856,11 +6992,15 @@ trix-editor .attachment__metadata .attachment__size {
   flex-shrink:0
 }
 
+.shrink-0{
+  flex-shrink:0
+}
+
 .flex-grow-0{
   flex-grow:0
 }
 
-.flex-grow{
+.grow{
   flex-grow:1
 }
 
@@ -6915,10 +7055,26 @@ trix-editor .attachment__metadata .attachment__size {
           appearance:none
 }
 
+.auto-cols-fr{
+  grid-auto-columns:minmax(0, 1fr)
+}
+
+.grid-flow-row{
+  grid-auto-flow:row
+}
+
 .grid-cols-1{
   grid-template-columns:repeat(1, minmax(0, 1fr))
 }
 
+.grid-cols-6{
+  grid-template-columns:repeat(6, minmax(0, 1fr))
+}
+
+.grid-rows-1{
+  grid-template-rows:repeat(1, minmax(0, 1fr))
+}
+
 .flex-row{
   flex-direction:row
 }
@@ -6999,10 +7155,6 @@ trix-editor .attachment__metadata .attachment__size {
   gap:1.5rem
 }
 
-.gap-3{
-  gap:0.75rem
-}
-
 .gap-1{
   gap:0.25rem
 }
@@ -7067,12 +7219,6 @@ trix-editor .attachment__metadata .attachment__size {
   margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
-.space-y-3 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-y-reverse:0;
-  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
-}
-
 .divide-y > :not([hidden]) ~ :not([hidden]){
   --tw-divide-y-reverse:0;
   border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -7158,16 +7304,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,11 +7318,6 @@ trix-editor .attachment__metadata .attachment__size {
   border-width:1px
 }
 
-.border-y{
-  border-top-width:1px;
-  border-bottom-width:1px
-}
-
 .border-b-2{
   border-bottom-width:2px
 }
@@ -7338,8 +7469,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 +7487,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 +7516,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 +7632,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{
@@ -7521,9 +7650,8 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(246 246 247 / var(--tw-bg-opacity))
 }
 
-.bg-gray-100{
-  --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+.bg-application{
+  background-color:rgb(var(--color-application-background))
 }
 
 .bg-orange-700{
@@ -7531,14 +7659,14 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(194 65 12 / var(--tw-bg-opacity))
 }
 
-.bg-green-700{
+.bg-gray-100{
   --tw-bg-opacity:1;
-  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
-.bg-application{
+.bg-green-700{
   --tw-bg-opacity:1;
-  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
 }
 
 .bg-red-400{
@@ -7561,6 +7689,10 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(47 50 55 / var(--tw-bg-opacity))
 }
 
+.bg-primary-100{
+  background-color:rgb(var(--color-primary-100))
+}
+
 .bg-gray-50{
   --tw-bg-opacity:1;
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
@@ -7576,6 +7708,11 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
 
+.bg-slate-100{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+}
+
 .bg-opacity-25{
   --tw-bg-opacity:0.25
 }
@@ -7616,6 +7753,10 @@ trix-editor .attachment__metadata .attachment__size {
   padding:0.25rem
 }
 
+.p-1\.5{
+  padding:0.375rem
+}
+
 .px-1{
   padding-left:0.25rem;
   padding-right:0.25rem
@@ -7661,11 +7802,6 @@ 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
@@ -7721,6 +7857,14 @@ trix-editor .attachment__metadata .attachment__size {
   padding-bottom:2rem
 }
 
+.pt-4{
+  padding-top:1rem
+}
+
+.pb-8{
+  padding-bottom:2rem
+}
+
 .pb-6{
   padding-bottom:1.5rem
 }
@@ -7749,10 +7893,6 @@ trix-editor .attachment__metadata .attachment__size {
   padding-top:0px
 }
 
-.pt-4{
-  padding-top:1rem
-}
-
 .pb-4{
   padding-bottom:1rem
 }
@@ -7816,16 +7956,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
@@ -7836,6 +7966,16 @@ trix-editor .attachment__metadata .attachment__size {
   line-height:1rem
 }
 
+.text-3xl{
+  font-size:1.875rem;
+  line-height:2.25rem
+}
+
+.text-5xl{
+  font-size:3rem;
+  line-height:1
+}
+
 .text-2xl{
   font-size:1.5rem;
   line-height:2rem
@@ -7845,10 +7985,6 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:600
 }
 
-.font-medium{
-  font-weight:500
-}
-
 .font-normal{
   font-weight:400
 }
@@ -7857,6 +7993,10 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:700
 }
 
+.font-medium{
+  font-weight:500
+}
+
 .uppercase{
   text-transform:uppercase
 }
@@ -7865,10 +8005,6 @@ trix-editor .attachment__metadata .attachment__size {
   text-transform:capitalize
 }
 
-.italic{
-  font-style:italic
-}
-
 .leading-6{
   line-height:1.5rem
 }
@@ -8004,8 +8140,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 
 .text-primary-500{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 
 .text-white{
@@ -8048,11 +8183,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))
@@ -8073,11 +8203,6 @@ trix-editor .attachment__metadata .attachment__size {
   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
@@ -8099,8 +8224,10 @@ 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-panel{
@@ -8121,18 +8248,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 +8274,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)
 }
@@ -8255,8 +8377,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 +8393,23 @@ 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))
+}
+
+.focus-within\:border-primary-500:focus-within{
+  border-color:rgb(var(--color-primary-500))
+}
+
 .hover\:z-\[21\]:hover{
   z-index:21
 }
@@ -8423,13 +8525,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 +8533,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 +8543,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 +8553,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 +8563,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 +8573,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 +8583,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 +8593,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 +8603,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 +8613,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 +8623,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 +8633,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 +8643,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 +8653,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 +8663,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 +8673,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 +8683,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 +8693,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 +8703,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 +8713,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 +8723,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 +8733,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 +8743,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{
@@ -8672,11 +8770,6 @@ trix-editor {
   color:rgb(117 125 138 / var(--tw-text-opacity))
 }
 
-.hover\:text-gray-400:hover{
-  --tw-text-opacity:1;
-  color:rgb(145 151 161 / var(--tw-text-opacity))
-}
-
 .hover\:text-white:hover{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
@@ -8697,20 +8790,11 @@ trix-editor {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.focus\:z-10:focus{
-  z-index:10
-}
-
 .focus\:border-gray-600:focus{
   --tw-border-opacity:1;
   border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 
-.focus\:border-blue-300:focus{
-  --tw-border-opacity:1;
-  border-color:rgb(107 182 235 / var(--tw-border-opacity))
-}
-
 .focus\:border-gray-300:focus{
   --tw-border-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
@@ -8746,6 +8830,10 @@ trix-editor {
   outline-offset:2px
 }
 
+.focus\:checked\:\!bg-primary-400:checked:focus{
+  background-color:rgb(var(--color-primary-400)) !important
+}
+
 .focus-visible\:ring-0:focus-visible{
   --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -8762,14 +8850,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 +8870,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 +8880,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 +8890,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 +8900,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 +8910,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 +8920,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 +8930,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 +8940,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 +8950,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 +8960,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 +8970,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 +8980,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 +8990,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 +9000,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 +9010,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 +9020,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 +9030,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 +9040,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 +9050,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 +9060,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 +9070,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 +9083,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 +9093,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 +9103,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 +9113,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 +9123,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 +9133,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 +9143,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 +9153,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 +9163,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 +9173,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 +9183,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 +9193,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 +9203,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 +9213,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 +9223,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 +9233,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 +9243,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 +9253,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 +9263,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 +9273,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 +9283,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 +9293,17 @@ trix-editor {
   background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
 
-.active\:bg-primary-100:active{
+.active\:bg-rose-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
 
 .active\:bg-primary-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-600))
 }
 
-.active\:text-gray-700:active{
-  --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
-}
-
-.active\:text-gray-500:active{
-  --tw-text-opacity:1;
-  color:rgb(117 125 138 / var(--tw-text-opacity))
+.active\:bg-primary-100:active{
+  background-color:rgb(var(--color-primary-100))
 }
 
 .active\:outline:active{
@@ -9244,96 +9318,188 @@ trix-editor {
   outline-width:0px
 }
 
+.active\:outline-slate-600:active{
+  outline-color:#475569
+}
+
 .active\:outline-slate-500:active{
   outline-color:#64748b
 }
 
+.active\:outline-gray-600:active{
+  outline-color:#5E646E
+}
+
 .active\:outline-gray-500:active{
   outline-color:#757D8A
 }
 
+.active\:outline-zinc-600:active{
+  outline-color:#52525b
+}
+
 .active\:outline-zinc-500:active{
   outline-color:#71717a
 }
 
+.active\:outline-neutral-600:active{
+  outline-color:#525252
+}
+
 .active\:outline-neutral-500:active{
   outline-color:#737373
 }
 
+.active\:outline-stone-600:active{
+  outline-color:#57534e
+}
+
 .active\:outline-stone-500:active{
   outline-color:#78716c
 }
 
+.active\:outline-red-600:active{
+  outline-color:#dc2626
+}
+
 .active\:outline-red-500:active{
   outline-color:#ef4444
 }
 
+.active\:outline-orange-600:active{
+  outline-color:#ea580c
+}
+
 .active\:outline-orange-500:active{
   outline-color:#f97316
 }
 
+.active\:outline-amber-600:active{
+  outline-color:#d97706
+}
+
 .active\:outline-amber-500:active{
   outline-color:#f59e0b
 }
 
+.active\:outline-yellow-600:active{
+  outline-color:#ca8a04
+}
+
 .active\:outline-yellow-500:active{
   outline-color:#eab308
 }
 
+.active\:outline-lime-600:active{
+  outline-color:#65a30d
+}
+
 .active\:outline-lime-500:active{
   outline-color:#84cc16
 }
 
+.active\:outline-green-600:active{
+  outline-color:#16a34a
+}
+
 .active\:outline-green-500:active{
   outline-color:#22c55e
 }
 
+.active\:outline-emerald-600:active{
+  outline-color:#059669
+}
+
 .active\:outline-emerald-500:active{
   outline-color:#10b981
 }
 
+.active\:outline-teal-600:active{
+  outline-color:#0d9488
+}
+
 .active\:outline-teal-500:active{
   outline-color:#14b8a6
 }
 
+.active\:outline-cyan-600:active{
+  outline-color:#0891b2
+}
+
 .active\:outline-cyan-500:active{
   outline-color:#06b6d4
 }
 
+.active\:outline-sky-600:active{
+  outline-color:#0284c7
+}
+
 .active\:outline-sky-500:active{
   outline-color:#0ea5e9
 }
 
+.active\:outline-blue-600:active{
+  outline-color:#066BB2
+}
+
 .active\:outline-blue-500:active{
   outline-color:#0886DE
 }
 
+.active\:outline-indigo-600:active{
+  outline-color:#4f46e5
+}
+
 .active\:outline-indigo-500:active{
   outline-color:#6366f1
 }
 
+.active\:outline-violet-600:active{
+  outline-color:#7c3aed
+}
+
 .active\:outline-violet-500:active{
   outline-color:#8b5cf6
 }
 
+.active\:outline-purple-600:active{
+  outline-color:#9333ea
+}
+
 .active\:outline-purple-500:active{
   outline-color:#a855f7
 }
 
+.active\:outline-fuchsia-600:active{
+  outline-color:#c026d3
+}
+
 .active\:outline-fuchsia-500:active{
   outline-color:#d946ef
 }
 
+.active\:outline-pink-600:active{
+  outline-color:#db2777
+}
+
 .active\:outline-pink-500:active{
   outline-color:#ec4899
 }
 
+.active\:outline-rose-600:active{
+  outline-color:#e11d48
+}
+
 .active\:outline-rose-500:active{
   outline-color:#f43f5e
 }
 
+.active\:outline-primary-600:active{
+  outline-color:rgb(var(--color-primary-600))
+}
+
 .active\:outline-primary-500:active{
-  outline-color:#0886DE
+  outline-color:rgb(var(--color-primary-500))
 }
 
 .disabled\:cursor-not-allowed:disabled{
@@ -9455,6 +9621,14 @@ trix-editor {
     width:auto
   }
 
+  .sm\:w-2\/3{
+    width:66.666667%
+  }
+
+  .sm\:w-1\/3{
+    width:33.333333%
+  }
+
   .sm\:min-w-\[16rem\]{
     min-width:16rem
   }
@@ -9467,6 +9641,10 @@ trix-editor {
     max-width:42rem
   }
 
+  .sm\:grid-flow-col{
+    grid-auto-flow:column
+  }
+
   .sm\:grid-cols-3{
     grid-template-columns:repeat(3, minmax(0, 1fr))
   }
@@ -9503,6 +9681,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));
@@ -9531,10 +9713,6 @@ trix-editor {
 }
 
 @media (min-width: 768px){
-  .md\:inline-flex{
-    display:inline-flex
-  }
-
   .md\:h-14{
     height:3.5rem
   }
@@ -9572,9 +9750,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{
@@ -9617,6 +9794,10 @@ trix-editor {
     width:50%
   }
 
+  .lg\:w-3\/4{
+    width:75%
+  }
+
   .lg\:grid-cols-3{
     grid-template-columns:repeat(3, minmax(0, 1fr))
   }
@@ -9671,12 +9852,12 @@ trix-editor {
     margin-top:0px
   }
 
-  .xl\:grid-cols-4{
-    grid-template-columns:repeat(4, minmax(0, 1fr))
+  .xl\:w-64{
+    width:16rem
   }
 
-  .xl\:grid-cols-3{
-    grid-template-columns:repeat(3, minmax(0, 1fr))
+  .xl\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr))
   }
 
   .xl\:flex-row{
@@ -9737,8 +9918,4 @@ trix-editor {
   .\32xl\:grid-cols-6{
     grid-template-columns:repeat(6, minmax(0, 1fr))
   }
-
-  .\32xl\:grid-cols-4{
-    grid-template-columns:repeat(4, minmax(0, 1fr))
-  }
 }