avo 2.5.2.pre.5 → 2.6.0

data/public/avo-assets/avo.css

@@ -3221,6 +3221,602 @@ body.dark,body[data-theme=dark]{
   }
 }
 
+:root{
+  --tagify-dd-color-primary:rgb(53,149,246);
+  --tagify-dd-bg-color:white
+}
+
+.tagify{
+  --tags-disabled-bg:#F1F1F1;
+  --tags-border-color:#DDD;
+  --tags-hover-border-color:#CCC;
+  --tags-focus-border-color:#3595f6;
+  --tag-bg:#E5E5E5;
+  --tag-hover:#D3E2E2;
+  --tag-text-color:black;
+  --tag-text-color--edit:black;
+  --tag-pad:0.3em 0.5em;
+  --tag-inset-shadow-size:1.1em;
+  --tag-invalid-color:#D39494;
+  --tag-invalid-bg:rgba(211, 148, 148, 0.5);
+  --tag-remove-bg:rgba(211, 148, 148, 0.3);
+  --tag-remove-btn-color:black;
+  --tag-remove-btn-bg:none;
+  --tag-remove-btn-bg--hover:#c77777;
+  --input-color:inherit;
+  --tag--min-width:1ch;
+  --tag--max-width:auto;
+  --tag-hide-transition:0.3s;
+  --placeholder-color:rgba(0, 0, 0, 0.4);
+  --placeholder-color-focus:rgba(0, 0, 0, 0.25);
+  --loader-size:.8em;
+  --readonly-striped:1;
+  display:flex;
+  align-items:flex-start;
+  flex-wrap:wrap;
+  border:1px solid #ddd;
+  border:1px solid var(--tags-border-color);
+  padding:0;
+  line-height:0;
+  cursor:text;
+  outline:0;
+  position:relative;
+  box-sizing:border-box;
+  transition:.1s
+}
+
+@keyframes tags--bump{
+  30%{
+    transform:scale(1.2)
+  }
+}
+
+@keyframes rotateLoader{
+  to{
+    transform:rotate(1turn)
+  }
+}
+
+.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[disabled]{
+  background:var(--tags-disabled-bg);
+  filter:saturate(0);
+  opacity:.5;
+  pointer-events:none
+}
+
+.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{
+  pointer-events:none
+}
+
+.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){
+  cursor:default
+}
+
+.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{
+  visibility:hidden;
+  width:0;
+  margin:5px 0
+}
+
+.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)
+}
+
+.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{
+  animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
+}
+
+@keyframes readonlyStyles{
+  0%{
+    background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
+    box-shadow:none;
+    filter:brightness(.95)
+  }
+}
+
+.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{
+  display:none
+}
+
+.tagify--loading .tagify__input>br:last-child{
+  display:none
+}
+
+.tagify--loading .tagify__input::before{
+  content:none
+}
+
+.tagify--loading .tagify__input::after{
+  vertical-align:middle;
+  opacity:1;
+  width:.7em;
+  height:.7em;
+  width:var(--loader-size);
+  height:var(--loader-size);
+  border:3px solid;
+  border-color:#eee #bbb #888 transparent;
+  border-radius:50%;
+  animation:rotateLoader .4s infinite linear;
+  content:""!important;
+  margin:-2px 0 -2px .5em
+}
+
+.tagify--loading .tagify__input:empty::after{
+  margin-left:0
+}
+
+.tagify+input,.tagify+textarea{
+  position:absolute!important;
+  left:-9999em!important;
+  transform:scale(0)!important
+}
+
+.tagify__tag{
+  display:inline-flex;
+  align-items:center;
+  margin:5px 0 5px 5px;
+  position:relative;
+  z-index:1;
+  outline:0;
+  line-height:normal;
+  cursor:default;
+  transition:.13s ease-out
+}
+
+.tagify__tag>div{
+  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);
+  line-height:inherit;
+  border-radius:3px;
+  white-space:nowrap;
+  transition:.13s ease-out
+}
+
+.tagify__tag>div>*{
+  white-space:pre-wrap;
+  overflow:hidden;
+  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);
+  transition:.8s ease,.1s color
+}
+
+.tagify__tag>div>[contenteditable]{
+  outline:0;
+  -webkit-user-select:text;
+  user-select:text;
+  cursor:text;
+  margin:-2px;
+  padding:2px;
+  max-width:350px
+}
+
+.tagify__tag>div::before{
+  content:"";
+  position:absolute;
+  border-radius:inherit;
+  left:0;
+  top:0;
+  right:0;
+  bottom: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
+}
+
+.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
+}
+
+.tagify__tag--loading{
+  pointer-events:none
+}
+
+.tagify__tag--loading .tagify__tag__removeBtn{
+  display:none
+}
+
+.tagify__tag--loading::after{
+  --loader-size:.4em;
+  content:"";
+  vertical-align:middle;
+  opacity:1;
+  width:.7em;
+  height:.7em;
+  width:var(--loader-size);
+  height:var(--loader-size);
+  border:3px solid;
+  border-color:#eee #bbb #888 transparent;
+  border-radius:50%;
+  animation:rotateLoader .4s infinite linear;
+  margin:0 .5em 0 -.1em
+}
+
+.tagify__tag--flash div::before{
+  animation:none
+}
+
+.tagify__tag--hide{
+  width:0!important;
+  padding-left:0;
+  padding-right:0;
+  margin-left:0;
+  margin-right:0;
+  opacity:0;
+  transform:scale(0);
+  transition:.3s;
+  transition:var(--tag-hide-transition,.3s);
+  pointer-events:none
+}
+
+.tagify__tag--hide>div>*{
+  white-space:nowrap
+}
+
+.tagify__tag.tagify--noAnim>div::before{
+  animation:none
+}
+
+.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{
+  opacity:.5
+}
+
+.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;
+  transition:.2s
+}
+
+.tagify__tag[readonly] .tagify__tag__removeBtn{
+  display:none
+}
+
+.tagify__tag[readonly]>div::before{
+  animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
+}
+
+@keyframes readonlyStyles{
+  0%{
+    background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
+    box-shadow:none;
+    filter:brightness(.95)
+  }
+}
+
+.tagify__tag--editable>div{
+  color:#000;
+  color:var(--tag-text-color--edit,#000)
+}
+
+.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
+}
+
+.tagify__tag--editable>.tagify__tag__removeBtn{
+  pointer-events:none
+}
+
+.tagify__tag--editable>.tagify__tag__removeBtn::after{
+  opacity:0;
+  transform:translateX(100%) translateX(5px)
+}
+
+.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
+}
+
+.tagify__tag__removeBtn{
+  order:5;
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  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);
+  width:14px;
+  height:14px;
+  margin-right:4.6666666667px;
+  margin-left:auto;
+  overflow:hidden;
+  transition:.2s ease-out
+}
+
+.tagify__tag__removeBtn::after{
+  content:"×";
+  transition:.3s,color 0s
+}
+
+.tagify__tag__removeBtn:hover{
+  color:#fff;
+  background:#c77777;
+  background:var(--tag-remove-btn-bg--hover,#c77777)
+}
+
+.tagify__tag__removeBtn:hover+div>span{
+  opacity:.5
+}
+
+.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;
+  transition:box-shadow .2s
+}
+
+.tagify:not(.tagify--mix) .tagify__input br{
+  display:none
+}
+
+.tagify:not(.tagify--mix) .tagify__input *{
+  display:inline;
+  white-space:nowrap
+}
+
+.tagify__input{
+  flex-grow:1;
+  display:inline-block;
+  min-width:110px;
+  margin:5px;
+  padding:.3em .5em;
+  padding:var(--tag-pad,.3em .5em);
+  line-height:normal;
+  position:relative;
+  white-space:pre-wrap;
+  color:inherit;
+  color:var(--input-color,inherit);
+  box-sizing:inherit
+}
+
+.tagify__input:focus{
+  outline:0
+}
+
+.tagify__input:focus::before{
+  transition:.2s ease-out;
+  opacity:0;
+  transform:translatex(6px)
+}
+
+@supports (-ms-ime-align:auto){
+  .tagify__input:focus::before{
+    display:none
+  }
+}
+
+.tagify__input:focus:empty::before{
+  transition:.2s ease-out;
+  opacity:1;
+  transform:none;
+  color:rgba(0,0,0,.25);
+  color:var(--placeholder-color-focus)
+}
+
+@-moz-document url-prefix(){
+  .tagify__input:focus:empty::after{
+    display:none
+  }
+}
+
+.tagify__input::before{
+  content:attr(data-placeholder);
+  height:1em;
+  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;
+  opacity:0;
+  position:absolute
+}
+
+.tagify__input::after{
+  content:attr(data-suggest);
+  display:inline-block;
+  white-space:pre;
+  color:#000;
+  opacity:.3;
+  pointer-events:none;
+  max-width:100px
+}
+
+.tagify__input .tagify__tag{
+  margin:0 1px
+}
+
+.tagify--mix{
+  display:block
+}
+
+.tagify--mix .tagify__input{
+  padding:5px;
+  margin:0;
+  width:100%;
+  height:100%;
+  line-height:1.5;
+  display:block
+}
+
+.tagify--mix .tagify__input::before{
+  height:auto;
+  display:none;
+  line-height:inherit
+}
+
+.tagify--mix .tagify__input::after{
+  content:none
+}
+
+.tagify--select::after{
+  content:">";
+  opacity:.5;
+  position:absolute;
+  top:50%;
+  right:0;
+  bottom:0;
+  font:16px monospace;
+  line-height:8px;
+  height:8px;
+  pointer-events:none;
+  transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);
+  transition:.2s ease-in-out
+}
+
+.tagify--select[aria-expanded=true]::after{
+  transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)
+}
+
+.tagify--select .tagify__tag{
+  position:absolute;
+  top:0;
+  right:1.8em;
+  bottom:0
+}
+
+.tagify--select .tagify__tag div{
+  display:none
+}
+
+.tagify--select .tagify__input{
+  width:100%
+}
+
+.tagify--empty .tagify__input::before{
+  transition:.2s ease-out;
+  opacity:1;
+  transform:none;
+  display:inline-block;
+  width:auto
+}
+
+.tagify--mix .tagify--empty .tagify__input::before{
+  display:inline-block
+}
+
+.tagify--invalid{
+  --tags-border-color:#D39494
+}
+
+.tagify__dropdown{
+  position:absolute;
+  z-index:9999;
+  transform:translateY(1px);
+  overflow:hidden
+}
+
+.tagify__dropdown[placement=top]{
+  margin-top:0;
+  transform:translateY(-100%)
+}
+
+.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{
+  border-top-width:1.1px;
+  border-bottom-width:0
+}
+
+.tagify__dropdown[position=text]{
+  box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
+  font-size:.9em
+}
+
+.tagify__dropdown[position=text] .tagify__dropdown__wrapper{
+  border-width:1px
+}
+
+.tagify__dropdown__wrapper{
+  max-height:300px;
+  overflow:auto;
+  background:#fff;
+  background:var(--tagify-dd-bg-color);
+  border:1px solid #3595f6;
+  border-color:var(--tagify-dd-color-primary);
+  border-bottom-width:1.33px;
+  border-top-width:0;
+  box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
+  transition:.25s cubic-bezier(0,1,.5,1)
+}
+
+.tagify__dropdown__header:empty{
+  display:none
+}
+
+.tagify__dropdown__footer{
+  display:inline-block;
+  margin-top:.5em;
+  padding:.3em .5em;
+  font-size:.7em;
+  font-style:italic;
+  opacity:.5
+}
+
+.tagify__dropdown__footer:empty{
+  display:none
+}
+
+.tagify__dropdown--initial .tagify__dropdown__wrapper{
+  max-height:20px;
+  transform:translateY(-1em)
+}
+
+.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{
+  transform:translateY(2em)
+}
+
+.tagify__dropdown__item{
+  box-sizing:inherit;
+  padding:.3em .5em;
+  margin:1px;
+  cursor:pointer;
+  border-radius:2px;
+  position:relative;
+  outline:0
+}
+
+.tagify__dropdown__item--active{
+  background:#3595f6;
+  background:var(--tagify-dd-color-primary);
+  color:#fff
+}
+
+.tagify__dropdown__item:active{
+  filter:brightness(105%)
+}
+
 /*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
  */
 
@@ -4523,6 +5119,24 @@ input[type=file][data-direct-upload-url][disabled] {
   }
 }
 
+tags.tagify {
+  --tag-inset-shadow-size: 3em;
+  padding:0px !important;
+}
+
+tags.tagify span.tagify__input{
+    margin-top:0.25rem;
+    margin-bottom:0.25rem
+  }
+
+tag.tagify__tag{
+  margin-top:0.25rem;
+  margin-bottom:0.25rem;
+  margin-bottom:0px;
+  font-size:0.875rem;
+  line-height:1.25rem
+}
+
 .spinner {
   width: 16px;
   height: 16px;
@@ -6318,6 +6932,11 @@ progress[value]::-moz-progress-bar{
   margin-bottom:1rem
 }
 
+.my-\[2px\]{
+  margin-top:2px;
+  margin-bottom:2px
+}
+
 .my-1{
   margin-top:0.25rem;
   margin-bottom:0.25rem
@@ -6338,11 +6957,6 @@ progress[value]::-moz-progress-bar{
   margin-right:1.5rem
 }
 
-.my-\[2px\]{
-  margin-top:2px;
-  margin-bottom:2px
-}
-
 .mt-2{
   margin-top:0.5rem
 }
@@ -6443,6 +7057,14 @@ progress[value]::-moz-progress-bar{
   margin-left:50%
 }
 
+.mr-0\.5{
+  margin-right:0.125rem
+}
+
+.mr-0{
+  margin-right:0px
+}
+
 .ml-auto{
   margin-left:auto
 }
@@ -6455,10 +7077,6 @@ progress[value]::-moz-progress-bar{
   margin-top:0px
 }
 
-.mt-14{
-  margin-top:3.5rem
-}
-
 .mr-px{
   margin-right:1px
 }
@@ -6567,6 +7185,10 @@ progress[value]::-moz-progress-bar{
   height:2.5rem
 }
 
+.h-16{
+  height:4rem
+}
+
 .h-\[250px\]{
   height:250px
 }
@@ -6591,10 +7213,6 @@ progress[value]::-moz-progress-bar{
   min-height:6rem
 }
 
-.min-h-\[4rem\]{
-  min-height:4rem
-}
-
 .min-h-full{
   min-height:100%
 }
@@ -6623,8 +7241,8 @@ progress[value]::-moz-progress-bar{
   width:100%
 }
 
-.w-64{
-  width:16rem
+.w-32{
+  width:8rem
 }
 
 .w-24{
@@ -6635,6 +7253,14 @@ progress[value]::-moz-progress-bar{
   width:83.333333%
 }
 
+.w-8{
+  width:2rem
+}
+
+.w-1\/2{
+  width:50%
+}
+
 .w-0{
   width:0px
 }
@@ -6655,18 +7281,14 @@ progress[value]::-moz-progress-bar{
   width:2.5rem
 }
 
-.w-1\/2{
-  width:50%
+.w-64{
+  width:16rem
 }
 
 .w-\[1\%\]{
   width:1%
 }
 
-.w-8{
-  width:2rem
-}
-
 .min-w-\[1rem\]{
   min-width:1rem
 }
@@ -6739,11 +7361,6 @@ progress[value]::-moz-progress-bar{
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.rotate-180{
-  --tw-rotate:180deg;
-  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))
-}
-
 .transform{
   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))
 }
@@ -6752,14 +7369,14 @@ progress[value]::-moz-progress-bar{
   cursor:pointer
 }
 
-.cursor-wait{
-  cursor:wait
-}
-
 .cursor-not-allowed{
   cursor:not-allowed
 }
 
+.cursor-wait{
+  cursor:wait
+}
+
 .appearance-none{
   -webkit-appearance:none;
           appearance:none
@@ -6777,6 +7394,10 @@ progress[value]::-moz-progress-bar{
   flex-direction:column
 }
 
+.flex-wrap{
+  flex-wrap:wrap
+}
+
 .flex-nowrap{
   flex-wrap:nowrap
 }
@@ -6845,6 +7466,10 @@ progress[value]::-moz-progress-bar{
   gap:0.75rem
 }
 
+.gap-1{
+  gap:0.25rem
+}
+
 .space-y-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -6869,12 +7494,6 @@ progress[value]::-moz-progress-bar{
   margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
-.space-x-8 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-x-reverse:0;
-  margin-right:calc(2rem * var(--tw-space-x-reverse));
-  margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
-}
-
 .space-y-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -6982,10 +7601,6 @@ progress[value]::-moz-progress-bar{
   border-radius:0.5rem
 }
 
-.rounded-xl{
-  border-radius:1rem
-}
-
 .rounded-full{
   border-radius:9999px
 }
@@ -6994,6 +7609,10 @@ progress[value]::-moz-progress-bar{
   border-radius:0px !important
 }
 
+.rounded-xl{
+  border-radius:1rem
+}
+
 .rounded-r-md{
   border-top-right-radius:0.375rem;
   border-bottom-right-radius:0.375rem
@@ -7026,18 +7645,10 @@ progress[value]::-moz-progress-bar{
   border-bottom-width:1px
 }
 
-.border-t{
-  border-top-width:1px
-}
-
 .border-r{
   border-right-width:1px
 }
 
-.border-l{
-  border-left-width:1px
-}
-
 .border-l-0{
   border-left-width:0px
 }
@@ -7050,6 +7661,14 @@ progress[value]::-moz-progress-bar{
   border-top-width:0px
 }
 
+.border-t{
+  border-top-width:1px
+}
+
+.border-l{
+  border-left-width:1px
+}
+
 .border-dashed{
   border-style:dashed
 }
@@ -7193,6 +7812,11 @@ progress[value]::-moz-progress-bar{
   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))
+}
+
 .border-green-600{
   --tw-border-opacity:1;
   border-color:rgb(22 163 74 / var(--tw-border-opacity))
@@ -7208,14 +7832,13 @@ progress[value]::-moz-progress-bar{
   border-color:rgb(6 107 178 / var(--tw-border-opacity))
 }
 
-.border-slate-300{
-  --tw-border-opacity:1;
-  border-color:rgb(203 213 225 / var(--tw-border-opacity))
+.border-transparent{
+  border-color:transparent
 }
 
-.border-gray-600{
+.border-slate-300{
   --tw-border-opacity:1;
-  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+  border-color:rgb(203 213 225 / var(--tw-border-opacity))
 }
 
 .bg-red-600{
@@ -7434,9 +8057,14 @@ progress[value]::-moz-progress-bar{
   padding-bottom:0px
 }
 
-.py-4{
-  padding-top:1rem;
-  padding-bottom:1rem
+.py-1\.5{
+  padding-top:0.375rem;
+  padding-bottom:0.375rem
+}
+
+.px-5{
+  padding-left:1.25rem;
+  padding-right:1.25rem
 }
 
 .py-24{
@@ -7449,6 +8077,11 @@ progress[value]::-moz-progress-bar{
   padding-right:2.5rem
 }
 
+.py-4{
+  padding-top:1rem;
+  padding-bottom:1rem
+}
+
 .py-8{
   padding-top:2rem;
   padding-bottom:2rem
@@ -7494,10 +8127,18 @@ progress[value]::-moz-progress-bar{
   padding-bottom:75%
 }
 
+.pr-2{
+  padding-right:0.5rem
+}
+
 .pt-2{
   padding-top:0.5rem
 }
 
+.pr-0{
+  padding-right:0px
+}
+
 .text-left{
   text-align:left
 }
@@ -7761,6 +8402,11 @@ progress[value]::-moz-progress-bar{
   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))
@@ -7781,11 +8427,6 @@ progress[value]::-moz-progress-bar{
   color:rgb(22 163 74 / var(--tw-text-opacity))
 }
 
-.\!text-blue-700{
-  --tw-text-opacity:1 !important;
-  color:rgb(5 80 133 / var(--tw-text-opacity)) !important
-}
-
 .underline{
   -webkit-text-decoration-line:underline;
           text-decoration-line:underline
@@ -8182,19 +8823,14 @@ trix-editor {
   border-color:rgb(107 182 235 / var(--tw-border-opacity))
 }
 
-.focus\:border-slate-400:focus{
-  --tw-border-opacity:1;
-  border-color:rgb(148 163 184 / var(--tw-border-opacity))
-}
-
 .focus\:border-gray-300:focus{
   --tw-border-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
 }
 
-.focus\:bg-white:focus{
-  --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+.focus\:border-slate-400:focus{
+  --tw-border-opacity:1;
+  border-color:rgb(148 163 184 / var(--tw-border-opacity))
 }
 
 .focus\:bg-gray-100:focus{
@@ -8202,6 +8838,11 @@ trix-editor {
   background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
+.focus\:bg-white:focus{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+}
+
 .focus\:text-gray-700:focus{
   --tw-text-opacity:1;
   color:rgb(70 75 83 / var(--tw-text-opacity))
@@ -8694,6 +9335,10 @@ trix-editor {
     display:inline-flex
   }
 
+  .sm\:w-64{
+    width:16rem
+  }
+
   .sm\:w-auto{
     width:auto
   }
@@ -8746,6 +9391,12 @@ trix-editor {
     justify-content:space-between
   }
 
+  .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(2rem * var(--tw-space-x-reverse));
+    margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
+  }
+
   .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
     --tw-space-y-reverse:0;
     margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
@@ -8858,8 +9509,8 @@ trix-editor {
     background-color:transparent
   }
 
-  .lg\:p-4{
-    padding:1rem
+  .lg\:p-6{
+    padding:1.5rem
   }
 
   .lg\:px-8{