avo 3.0.1.beta18 → 3.0.1.beta19

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

@@ -6471,6 +6471,10 @@ tag.tagify__tag{
   pointer-events:none
 }
 
+.pointer-events-auto{
+  pointer-events:auto
+}
+
 .visible{
   visibility:visible
 }
@@ -6487,6 +6491,10 @@ tag.tagify__tag{
   position:static
 }
 
+.fixed{
+  position:fixed
+}
+
 .absolute{
   position:absolute
 }
@@ -6495,6 +6503,10 @@ tag.tagify__tag{
   position:relative
 }
 
+.sticky{
+  position:sticky
+}
+
 .inset-0{
   inset:0px
 }
@@ -6503,6 +6515,11 @@ tag.tagify__tag{
   inset:auto
 }
 
+.inset-x-0{
+  left:0px;
+  right:0px
+}
+
 .-bottom-1{
   bottom:-0.25rem
 }
@@ -6511,14 +6528,42 @@ tag.tagify__tag{
   bottom:-0.375rem
 }
 
+.-top-\[0\.1rem\]{
+  top:-0.1rem
+}
+
 .bottom-0{
   bottom:0px
 }
 
+.bottom-1{
+  bottom:0.25rem
+}
+
+.bottom-full{
+  bottom:100%
+}
+
+.end-1{
+  inset-inline-end:0.25rem
+}
+
 .left-0{
   left:0px
 }
 
+.left-1{
+  left:0.25rem
+}
+
+.left-1\/2{
+  left:50%
+}
+
+.left-5{
+  left:1.25rem
+}
+
 .left-auto{
   left:auto
 }
@@ -6531,6 +6576,14 @@ tag.tagify__tag{
   right:0.75rem
 }
 
+.start-1{
+  inset-inline-start:0.25rem
+}
+
+.top-0{
+  top:0px
+}
+
 .top-1\/2{
   top:50%
 }
@@ -6539,6 +6592,18 @@ tag.tagify__tag{
   top:0.5rem
 }
 
+.top-3{
+  top:0.75rem
+}
+
+.top-5{
+  top:1.25rem
+}
+
+.top-\[-1px\]{
+  top:-1px
+}
+
 .top-auto{
   top:auto
 }
@@ -6547,6 +6612,10 @@ tag.tagify__tag{
   top:100%
 }
 
+.z-10{
+  z-index:10
+}
+
 .z-20{
   z-index:20
 }
@@ -6555,6 +6624,38 @@ tag.tagify__tag{
   z-index:30
 }
 
+.z-40{
+  z-index:40
+}
+
+.z-50{
+  z-index:50
+}
+
+.z-\[100\]{
+  z-index:100
+}
+
+.z-\[60\]{
+  z-index:60
+}
+
+.order-first{
+  order:-9999
+}
+
+.order-last{
+  order:9999
+}
+
+.col-span-1{
+  grid-column:span 1 / span 1
+}
+
+.col-span-4{
+  grid-column:span 4 / span 4
+}
+
 .col-span-full{
   grid-column:1 / -1
 }
@@ -6583,6 +6684,18 @@ tag.tagify__tag{
   grid-row:span 6 / span 6
 }
 
+.float-right{
+  float:right
+}
+
+.m-0{
+  margin:0px
+}
+
+.m-1{
+  margin:0.25rem
+}
+
 .-mx-1{
   margin-left:-0.25rem;
   margin-right:-0.25rem
@@ -6598,15 +6711,96 @@ tag.tagify__tag{
   margin-right:-0.5rem
 }
 
+.-mx-6{
+  margin-left:-1.5rem;
+  margin-right:-1.5rem
+}
+
+.-my-2{
+  margin-top:-0.5rem;
+  margin-bottom:-0.5rem
+}
+
+.mx-3{
+  margin-left:0.75rem;
+  margin-right:0.75rem
+}
+
+.mx-6{
+  margin-left:1.5rem;
+  margin-right:1.5rem
+}
+
+.my-0{
+  margin-top:0px;
+  margin-bottom:0px
+}
+
+.my-0\.5{
+  margin-top:0.125rem;
+  margin-bottom:0.125rem
+}
+
+.my-1{
+  margin-top:0.25rem;
+  margin-bottom:0.25rem
+}
+
 .my-4{
   margin-top:1rem;
   margin-bottom:1rem
 }
 
+.my-6{
+  margin-top:1.5rem;
+  margin-bottom:1.5rem
+}
+
+.my-\[2px\]{
+  margin-top:2px;
+  margin-bottom:2px
+}
+
+.-mb-2{
+  margin-bottom:-0.5rem
+}
+
+.-ml-4{
+  margin-left:-1rem
+}
+
+.-mt-1{
+  margin-top:-0.25rem
+}
+
+.-mt-12{
+  margin-top:-3rem
+}
+
 .-mt-2{
   margin-top:-0.5rem
 }
 
+.-mt-9{
+  margin-top:-2.25rem
+}
+
+.mb-0{
+  margin-bottom:0px
+}
+
+.mb-1{
+  margin-bottom:0.25rem
+}
+
+.mb-12{
+  margin-bottom:3rem
+}
+
+.mb-2{
+  margin-bottom:0.5rem
+}
+
 .mb-4{
   margin-bottom:1rem
 }
@@ -6615,14 +6809,50 @@ tag.tagify__tag{
   margin-left:0.25rem
 }
 
+.ml-1\/12{
+  margin-left:8.333333%
+}
+
 .ml-1\/2{
   margin-left:50%
 }
 
+.ml-10{
+  margin-left:2.5rem
+}
+
+.ml-2{
+  margin-left:0.5rem
+}
+
+.ml-3{
+  margin-left:0.75rem
+}
+
+.ml-4{
+  margin-left:1rem
+}
+
 .ml-6{
   margin-left:1.5rem
 }
 
+.ml-auto{
+  margin-left:auto
+}
+
+.ml-px{
+  margin-left:1px
+}
+
+.mr-0{
+  margin-right:0px
+}
+
+.mr-0\.5{
+  margin-right:0.125rem
+}
+
 .mr-1{
   margin-right:0.25rem
 }
@@ -6639,6 +6869,26 @@ tag.tagify__tag{
   margin-right:1px
 }
 
+.mt-0{
+  margin-top:0px
+}
+
+.mt-0\.5{
+  margin-top:0.125rem
+}
+
+.mt-1{
+  margin-top:0.25rem
+}
+
+.mt-1\.5{
+  margin-top:0.375rem
+}
+
+.mt-12{
+  margin-top:3rem
+}
+
 .mt-2{
   margin-top:0.5rem
 }
@@ -6651,6 +6901,14 @@ tag.tagify__tag{
   margin-top:1rem
 }
 
+.mt-6{
+  margin-top:1.5rem
+}
+
+.mt-8{
+  margin-top:2rem
+}
+
 .block{
   display:block
 }
@@ -6675,22 +6933,86 @@ tag.tagify__tag{
   display:table
 }
 
+.inline-table{
+  display:inline-table
+}
+
+.table-caption{
+  display:table-caption
+}
+
+.table-cell{
+  display:table-cell
+}
+
+.table-column{
+  display:table-column
+}
+
+.table-column-group{
+  display:table-column-group
+}
+
+.table-footer-group{
+  display:table-footer-group
+}
+
+.table-header-group{
+  display:table-header-group
+}
+
+.table-row-group{
+  display:table-row-group
+}
+
+.table-row{
+  display:table-row
+}
+
 .grid{
   display:grid
 }
 
+.inline-grid{
+  display:inline-grid
+}
+
 .contents{
   display:contents
 }
 
+.list-item{
+  display:list-item
+}
+
 .hidden{
   display:none
 }
 
+.aspect-square{
+  aspect-ratio:1 / 1
+}
+
+.aspect-video{
+  aspect-ratio:16 / 9
+}
+
 .h-1{
   height:0.25rem
 }
 
+.h-10{
+  height:2.5rem
+}
+
+.h-16{
+  height:4rem
+}
+
+.h-20{
+  height:5rem
+}
+
 .h-3{
   height:0.75rem
 }
@@ -6699,14 +7021,50 @@ tag.tagify__tag{
   height:1rem
 }
 
+.h-5{
+  height:1.25rem
+}
+
+.h-52{
+  height:13rem
+}
+
 .h-6{
   height:1.5rem
 }
 
+.h-64{
+  height:16rem
+}
+
+.h-8{
+  height:2rem
+}
+
+.h-9{
+  height:2.25rem
+}
+
+.h-\[250px\]{
+  height:250px
+}
+
+.h-\[calc\(100vh-4rem\)\]{
+  height:calc(100vh - 4rem)
+}
+
 .h-full{
   height:100%
 }
 
+.max-h-full{
+  max-height:100%
+}
+
+.min-h-1\/4{
+  min-height:25%
+}
+
 .min-h-24{
   min-height:6rem
 }
@@ -6723,6 +7081,10 @@ tag.tagify__tag{
   min-height:32rem
 }
 
+.min-h-\[3rem\]{
+  min-height:3rem
+}
+
 .min-h-\[40rem\]{
   min-height:40rem
 }
@@ -6735,10 +7097,54 @@ tag.tagify__tag{
   min-height:8rem
 }
 
+.min-h-full{
+  min-height:100%
+}
+
+.min-h-screen{
+  min-height:100vh
+}
+
+.w-0{
+  width:0px
+}
+
+.w-1\/2{
+  width:50%
+}
+
+.w-10{
+  width:2.5rem
+}
+
+.w-10\/12{
+  width:83.333333%
+}
+
+.w-11\/12{
+  width:91.666667%
+}
+
+.w-16{
+  width:4rem
+}
+
 .w-24{
   width:6rem
 }
 
+.w-4{
+  width:1rem
+}
+
+.w-48{
+  width:12rem
+}
+
+.w-5{
+  width:1.25rem
+}
+
 .w-52{
   width:13rem
 }
@@ -6747,14 +7153,70 @@ tag.tagify__tag{
   width:16rem
 }
 
+.w-8{
+  width:2rem
+}
+
+.w-\[1\%\]{
+  width:1%
+}
+
 .w-\[calc\(100\%\+1rem\)\]{
   width:calc(100% + 1rem)
 }
 
+.w-auto{
+  width:auto
+}
+
 .w-full{
   width:100%
 }
 
+.min-w-0{
+  min-width:0px
+}
+
+.min-w-\[1rem\]{
+  min-width:1rem
+}
+
+.min-w-\[200px\]{
+  min-width:200px
+}
+
+.min-w-\[20px\]{
+  min-width:20px
+}
+
+.min-w-\[2rem\]{
+  min-width:2rem
+}
+
+.min-w-\[300px\]{
+  min-width:300px
+}
+
+.min-w-\[6rem\]{
+  min-width:6rem
+}
+
+.min-w-full{
+  min-width:100%
+}
+
+.max-w-168{
+  max-width:42rem
+}
+
+.max-w-full{
+  max-width:100%
+}
+
+.max-w-lg{
+  max-width:32rem
+}
+
 .max-w-xs{
   max-width:20rem
 }
@@ -6767,6 +7229,10 @@ tag.tagify__tag{
   flex:1 1 auto
 }
 
+.flex-shrink{
+  flex-shrink:1
+}
+
 .flex-shrink-0{
   flex-shrink:0
 }
@@ -6775,6 +7241,18 @@ tag.tagify__tag{
   flex-shrink:0
 }
 
+.flex-grow{
+  flex-grow:1
+}
+
+.flex-grow-0{
+  flex-grow:0
+}
+
+.grow{
+  flex-grow:1
+}
+
 .border-collapse{
   border-collapse:collapse
 }
@@ -6784,6 +7262,11 @@ tag.tagify__tag{
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
+.-translate-x-full{
+  --tw-translate-x:-100%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
 .-translate-y-1{
   --tw-translate-y:-0.25rem;
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
@@ -6799,19 +7282,42 @@ tag.tagify__tag{
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
+.translate-x-0{
+  --tw-translate-x:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
 .translate-y-0{
   --tw-translate-y:0px;
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
+.translate-y-1{
+  --tw-translate-y:0.25rem;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.rotate-90{
+  --tw-rotate:90deg;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
 .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))
 }
 
+.cursor-not-allowed{
+  cursor:not-allowed
+}
+
 .cursor-pointer{
   cursor:pointer
 }
 
+.cursor-wait{
+  cursor:wait
+}
+
 .resize{
   resize:both
 }
@@ -6820,10 +7326,34 @@ tag.tagify__tag{
   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-2{
+  grid-template-columns:repeat(2, 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
+}
+
 .flex-col{
   flex-direction:column
 }
@@ -6836,6 +7366,14 @@ tag.tagify__tag{
   flex-wrap:nowrap
 }
 
+.place-content-between{
+  place-content:space-between
+}
+
+.items-start{
+  align-items:flex-start
+}
+
 .items-end{
   align-items:flex-end
 }
@@ -6844,6 +7382,22 @@ tag.tagify__tag{
   align-items:center
 }
 
+.items-baseline{
+  align-items:baseline
+}
+
+.items-stretch{
+  align-items:stretch
+}
+
+.justify-start{
+  justify-content:flex-start
+}
+
+.justify-end{
+  justify-content:flex-end
+}
+
 .justify-center{
   justify-content:center
 }
@@ -6852,6 +7406,10 @@ tag.tagify__tag{
   justify-content:space-between
 }
 
+.justify-evenly{
+  justify-content:space-evenly
+}
+
 .gap-0{
   gap:0px
 }
@@ -6868,20 +7426,148 @@ tag.tagify__tag{
   gap:1rem
 }
 
+.gap-6{
+  gap:1.5rem
+}
+
+.space-x-1 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-x-2 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-x-3 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-x-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(1rem * var(--tw-space-x-reverse));
+  margin-left:calc(1rem * 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)));
+  margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))
+}
+
+.space-y-12 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(3rem * var(--tw-space-y-reverse))
+}
+
 .space-y-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
 }
 
+.space-y-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
+}
+
+.space-y-6 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
+}
+
+.space-y-8 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
+}
+
+.divide-y > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-y-reverse:0;
+  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
+}
+
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-opacity:1;
+  border-color:rgb(200 203 208 / var(--tw-divide-opacity))
+}
+
+.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-opacity:1;
+  border-color:rgb(172 177 185 / var(--tw-divide-opacity))
+}
+
+.place-self-end{
+  place-self:end
+}
+
+.self-start{
+  align-self:flex-start
+}
+
+.self-end{
+  align-self:flex-end
+}
+
+.self-center{
+  align-self:center
+}
+
 .justify-self-end{
   justify-self:end
 }
 
+.overflow-auto{
+  overflow:auto
+}
+
 .overflow-hidden{
   overflow:hidden
 }
 
+.overflow-x-auto{
+  overflow-x:auto
+}
+
+.truncate{
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap
+}
+
+.text-ellipsis{
+  text-overflow:ellipsis
+}
+
+.whitespace-nowrap{
+  white-space:nowrap
+}
+
+.whitespace-pre-line{
+  white-space:pre-line
+}
+
+.break-words{
+  overflow-wrap:break-word
+}
+
+.break-all{
+  word-break:break-all
+}
+
+.\!rounded-none{
+  border-radius:0px !important
+}
+
 .rounded{
   border-radius:0.25rem
 }
@@ -6890,10 +7576,27 @@ tag.tagify__tag{
   border-radius:9999px
 }
 
+.rounded-lg{
+  border-radius:0.5rem
+}
+
 .rounded-md{
   border-radius:0.375rem
 }
 
+.rounded-none{
+  border-radius:0px
+}
+
+.rounded-xl{
+  border-radius:1rem
+}
+
+.rounded-l{
+  border-top-left-radius:0.25rem;
+  border-bottom-left-radius:0.25rem
+}
+
 .rounded-t{
   border-top-left-radius:0.25rem;
   border-top-right-radius:0.25rem
@@ -6907,423 +7610,2413 @@ tag.tagify__tag{
   border-bottom-width:1px
 }
 
+.border-b-0{
+  border-bottom-width:0px
+}
+
+.border-b-2{
+  border-bottom-width:2px
+}
+
 .border-l{
   border-left-width:1px
 }
 
+.border-l-0{
+  border-left-width:0px
+}
+
+.border-r{
+  border-right-width:1px
+}
+
 .border-t{
   border-top-width:1px
 }
 
+.border-t-0{
+  border-top-width:0px
+}
+
 .border-dashed{
   border-style:dashed
 }
 
-.border-gray-200{
-  --tw-border-opacity:1;
-  border-color:rgb(200 203 208 / var(--tw-border-opacity))
+.border-none{
+  border-style:none
 }
 
-.border-gray-300{
+.border-amber-500{
   --tw-border-opacity:1;
-  border-color:rgb(172 177 185 / var(--tw-border-opacity))
+  border-color:rgb(245 158 11 / var(--tw-border-opacity))
 }
 
-.border-gray-50{
+.border-blue-500{
   --tw-border-opacity:1;
-  border-color:rgb(241 242 243 / var(--tw-border-opacity))
+  border-color:rgb(8 134 222 / var(--tw-border-opacity))
 }
 
-.border-primary-500{
-  border-color:rgb(var(--color-primary-500))
+.border-blue-600{
+  --tw-border-opacity:1;
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
 }
 
-.bg-application{
-  background-color:rgb(var(--color-application-background))
+.border-cyan-500{
+  --tw-border-opacity:1;
+  border-color:rgb(6 182 212 / var(--tw-border-opacity))
 }
 
-.bg-gray-100{
-  --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+.border-emerald-500{
+  --tw-border-opacity:1;
+  border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.bg-primary-500{
-  background-color:rgb(var(--color-primary-500))
+.border-fuchsia-500{
+  --tw-border-opacity:1;
+  border-color:rgb(217 70 239 / var(--tw-border-opacity))
 }
 
-.bg-white{
-  --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+.border-gray-150{
+  --tw-border-opacity:1;
+  border-color:rgb(214 216 220 / var(--tw-border-opacity))
 }
 
-.p-1{
-  padding:0.25rem
+.border-gray-200{
+  --tw-border-opacity:1;
+  border-color:rgb(200 203 208 / var(--tw-border-opacity))
 }
 
-.p-2{
-  padding:0.5rem
+.border-gray-300{
+  --tw-border-opacity:1;
+  border-color:rgb(172 177 185 / var(--tw-border-opacity))
 }
 
-.p-3{
-  padding:0.75rem
+.border-gray-50{
+  --tw-border-opacity:1;
+  border-color:rgb(241 242 243 / var(--tw-border-opacity))
 }
 
-.p-6{
-  padding:1.5rem
+.border-gray-500{
+  --tw-border-opacity:1;
+  border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
 
-.p-px{
-  padding:1px
+.border-gray-600{
+  --tw-border-opacity:1;
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 
-.px-1{
-  padding-left:0.25rem;
-  padding-right:0.25rem
+.border-green-500{
+  --tw-border-opacity:1;
+  border-color:rgb(34 197 94 / var(--tw-border-opacity))
 }
 
-.px-1\.5{
-  padding-left:0.375rem;
-  padding-right:0.375rem
+.border-green-600{
+  --tw-border-opacity:1;
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
 }
 
-.px-2{
-  padding-left:0.5rem;
-  padding-right:0.5rem
+.border-indigo-500{
+  --tw-border-opacity:1;
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
 
-.px-4{
-  padding-left:1rem;
-  padding-right:1rem
+.border-lime-500{
+  --tw-border-opacity:1;
+  border-color:rgb(132 204 22 / var(--tw-border-opacity))
 }
 
-.py-0{
-  padding-top:0px;
-  padding-bottom:0px
+.border-neutral-500{
+  --tw-border-opacity:1;
+  border-color:rgb(115 115 115 / var(--tw-border-opacity))
 }
 
-.py-0\.5{
-  padding-top:0.125rem;
-  padding-bottom:0.125rem
+.border-orange-500{
+  --tw-border-opacity:1;
+  border-color:rgb(249 115 22 / var(--tw-border-opacity))
 }
 
-.py-1{
-  padding-top:0.25rem;
-  padding-bottom:0.25rem
+.border-orange-600{
+  --tw-border-opacity:1;
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
 }
 
-.py-2{
-  padding-top:0.5rem;
-  padding-bottom:0.5rem
+.border-pink-500{
+  --tw-border-opacity:1;
+  border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
 
-.py-px{
-  padding-top:1px;
-  padding-bottom:1px
+.border-primary-500{
+  border-color:rgb(var(--color-primary-500))
 }
 
-.pb-4{
-  padding-bottom:1rem
+.border-purple-500{
+  --tw-border-opacity:1;
+  border-color:rgb(168 85 247 / var(--tw-border-opacity))
 }
 
-.pl-1{
-  padding-left:0.25rem
+.border-red-500{
+  --tw-border-opacity:1;
+  border-color:rgb(239 68 68 / var(--tw-border-opacity))
 }
 
-.pt-3{
-  padding-top:0.75rem
+.border-red-600{
+  --tw-border-opacity:1;
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
 }
 
-.pt-4{
-  padding-top:1rem
+.border-rose-500{
+  --tw-border-opacity:1;
+  border-color:rgb(244 63 94 / var(--tw-border-opacity))
 }
 
-.text-center{
-  text-align:center
+.border-sky-500{
+  --tw-border-opacity:1;
+  border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
 
-.font-sans{
-  font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+.border-slate-300{
+  --tw-border-opacity:1;
+  border-color:rgb(203 213 225 / var(--tw-border-opacity))
 }
 
-.text-3xl{
-  font-size:1.875rem;
-  line-height:2.25rem
+.border-slate-500{
+  --tw-border-opacity:1;
+  border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
 
-.text-5xl{
-  font-size:3rem;
-  line-height:1
+.border-stone-500{
+  --tw-border-opacity:1;
+  border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
 
-.text-base{
-  font-size:1rem;
-  line-height:1.5rem
+.border-teal-500{
+  --tw-border-opacity:1;
+  border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
 
-.text-sm{
-  font-size:0.875rem;
-  line-height:1.25rem
+.border-transparent{
+  border-color:transparent
 }
 
-.text-xs{
-  font-size:0.75rem;
-  line-height:1rem
+.border-violet-500{
+  --tw-border-opacity:1;
+  border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
 
-.font-bold{
-  font-weight:700
+.border-yellow-500{
+  --tw-border-opacity:1;
+  border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
 
-.font-normal{
-  font-weight:400
+.border-zinc-500{
+  --tw-border-opacity:1;
+  border-color:rgb(113 113 122 / var(--tw-border-opacity))
 }
 
-.font-semibold{
-  font-weight:600
+.bg-amber-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 158 11 / var(--tw-bg-opacity))
 }
 
-.uppercase{
-  text-transform:uppercase
+.bg-application{
+  background-color:rgb(var(--color-application-background))
 }
 
-.capitalize{
-  text-transform:capitalize
+.bg-blue-400{
+  --tw-bg-opacity:1;
+  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
 }
 
-.leading-5{
-  line-height:1.25rem
+.bg-blue-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
 }
 
-.leading-none{
-  line-height:1
+.bg-cyan-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 182 212 / var(--tw-bg-opacity))
+}
+
+.bg-emerald-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
+}
+
+.bg-fuchsia-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(217 70 239 / var(--tw-bg-opacity))
+}
+
+.bg-gray-100{
+  --tw-bg-opacity:1;
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+}
+
+.bg-gray-25{
+  --tw-bg-opacity:1;
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+}
+
+.bg-gray-50{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
+}
+
+.bg-gray-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
+}
+
+.bg-gray-600{
+  --tw-bg-opacity:1;
+  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
+}
+
+.bg-gray-700{
+  --tw-bg-opacity:1;
+  background-color:rgb(70 75 83 / var(--tw-bg-opacity))
+}
+
+.bg-gray-800{
+  --tw-bg-opacity:1;
+  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
+}
+
+.bg-green-400{
+  --tw-bg-opacity:1;
+  background-color:rgb(74 222 128 / var(--tw-bg-opacity))
+}
+
+.bg-green-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(34 197 94 / var(--tw-bg-opacity))
+}
+
+.bg-green-700{
+  --tw-bg-opacity:1;
+  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
+}
+
+.bg-indigo-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(99 102 241 / var(--tw-bg-opacity))
+}
+
+.bg-lime-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(132 204 22 / var(--tw-bg-opacity))
+}
+
+.bg-neutral-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(115 115 115 / var(--tw-bg-opacity))
+}
+
+.bg-orange-400{
+  --tw-bg-opacity:1;
+  background-color:rgb(251 146 60 / var(--tw-bg-opacity))
+}
+
+.bg-orange-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(249 115 22 / var(--tw-bg-opacity))
+}
+
+.bg-orange-700{
+  --tw-bg-opacity:1;
+  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
+}
+
+.bg-pink-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(236 72 153 / var(--tw-bg-opacity))
+}
+
+.bg-primary-100{
+  background-color:rgb(var(--color-primary-100))
+}
+
+.bg-primary-500{
+  background-color:rgb(var(--color-primary-500))
+}
+
+.bg-purple-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(168 85 247 / var(--tw-bg-opacity))
+}
+
+.bg-red-400{
+  --tw-bg-opacity:1;
+  background-color:rgb(248 113 113 / var(--tw-bg-opacity))
+}
+
+.bg-red-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
+}
+
+.bg-red-600{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+}
+
+.bg-rose-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(244 63 94 / var(--tw-bg-opacity))
+}
+
+.bg-sky-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(14 165 233 / var(--tw-bg-opacity))
+}
+
+.bg-slate-100{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+}
+
+.bg-slate-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(100 116 139 / var(--tw-bg-opacity))
+}
+
+.bg-stone-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(120 113 108 / var(--tw-bg-opacity))
+}
+
+.bg-teal-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(20 184 166 / var(--tw-bg-opacity))
+}
+
+.bg-violet-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(139 92 246 / var(--tw-bg-opacity))
+}
+
+.bg-white{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+}
+
+.bg-yellow-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
+}
+
+.bg-zinc-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(113 113 122 / var(--tw-bg-opacity))
+}
+
+.bg-opacity-25{
+  --tw-bg-opacity:0.25
+}
+
+.bg-none{
+  background-image:none
+}
+
+.fill-current{
+  fill:currentColor
+}
+
+.stroke-current{
+  stroke:currentColor
+}
+
+.object-contain{
+  object-fit:contain
+}
+
+.object-cover{
+  object-fit:cover
+}
+
+.p-1{
+  padding:0.25rem
+}
+
+.p-1\.5{
+  padding:0.375rem
+}
+
+.p-2{
+  padding:0.5rem
+}
+
+.p-3{
+  padding:0.75rem
+}
+
+.p-4{
+  padding:1rem
+}
+
+.p-6{
+  padding:1.5rem
+}
+
+.p-px{
+  padding:1px
+}
+
+.px-0{
+  padding-left:0px;
+  padding-right:0px
+}
+
+.px-1{
+  padding-left:0.25rem;
+  padding-right:0.25rem
+}
+
+.px-1\.5{
+  padding-left:0.375rem;
+  padding-right:0.375rem
+}
+
+.px-10{
+  padding-left:2.5rem;
+  padding-right:2.5rem
+}
+
+.px-2{
+  padding-left:0.5rem;
+  padding-right:0.5rem
+}
+
+.px-3{
+  padding-left:0.75rem;
+  padding-right:0.75rem
+}
+
+.px-4{
+  padding-left:1rem;
+  padding-right:1rem
+}
+
+.px-5{
+  padding-left:1.25rem;
+  padding-right:1.25rem
+}
+
+.px-6{
+  padding-left:1.5rem;
+  padding-right:1.5rem
+}
+
+.py-0{
+  padding-top:0px;
+  padding-bottom:0px
+}
+
+.py-0\.5{
+  padding-top:0.125rem;
+  padding-bottom:0.125rem
+}
+
+.py-1{
+  padding-top:0.25rem;
+  padding-bottom:0.25rem
+}
+
+.py-1\.5{
+  padding-top:0.375rem;
+  padding-bottom:0.375rem
+}
+
+.py-2{
+  padding-top:0.5rem;
+  padding-bottom:0.5rem
+}
+
+.py-24{
+  padding-top:6rem;
+  padding-bottom:6rem
+}
+
+.py-3{
+  padding-top:0.75rem;
+  padding-bottom:0.75rem
+}
+
+.py-4{
+  padding-top:1rem;
+  padding-bottom:1rem
+}
+
+.py-6{
+  padding-top:1.5rem;
+  padding-bottom:1.5rem
+}
+
+.py-8{
+  padding-top:2rem;
+  padding-bottom:2rem
+}
+
+.py-px{
+  padding-top:1px;
+  padding-bottom:1px
+}
+
+.pb-0{
+  padding-bottom:0px
+}
+
+.pb-1{
+  padding-bottom:0.25rem
+}
+
+.pb-2{
+  padding-bottom:0.5rem
+}
+
+.pb-3{
+  padding-bottom:0.75rem
+}
+
+.pb-3\/4{
+  padding-bottom:75%
+}
+
+.pb-4{
+  padding-bottom:1rem
+}
+
+.pb-6{
+  padding-bottom:1.5rem
+}
+
+.pl-1{
+  padding-left:0.25rem
+}
+
+.pr-0{
+  padding-right:0px
+}
+
+.pr-2{
+  padding-right:0.5rem
+}
+
+.pr-3{
+  padding-right:0.75rem
+}
+
+.pt-0{
+  padding-top:0px
+}
+
+.pt-0\.5{
+  padding-top:0.125rem
+}
+
+.pt-16{
+  padding-top:4rem
+}
+
+.pt-2{
+  padding-top:0.5rem
+}
+
+.pt-3{
+  padding-top:0.75rem
+}
+
+.pt-4{
+  padding-top:1rem
+}
+
+.pt-px{
+  padding-top:1px
+}
+
+.text-left{
+  text-align:left
+}
+
+.text-center{
+  text-align:center
+}
+
+.text-right{
+  text-align:right
+}
+
+.text-justify{
+  text-align:justify
+}
+
+.font-sans{
+  font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+}
+
+.text-2xl{
+  font-size:1.5rem;
+  line-height:2rem
+}
+
+.text-3xl{
+  font-size:1.875rem;
+  line-height:2.25rem
+}
+
+.text-5xl{
+  font-size:3rem;
+  line-height:1
+}
+
+.text-base{
+  font-size:1rem;
+  line-height:1.5rem
+}
+
+.text-lg{
+  font-size:1.125rem;
+  line-height:1.75rem
+}
+
+.text-sm{
+  font-size:0.875rem;
+  line-height:1.25rem
+}
+
+.text-xl{
+  font-size:1.25rem;
+  line-height:1.75rem
+}
+
+.text-xs{
+  font-size:0.75rem;
+  line-height:1rem
+}
+
+.font-bold{
+  font-weight:700
+}
+
+.font-medium{
+  font-weight:500
+}
+
+.font-normal{
+  font-weight:400
+}
+
+.font-semibold{
+  font-weight:600
+}
+
+.uppercase{
+  text-transform:uppercase
+}
+
+.lowercase{
+  text-transform:lowercase
+}
+
+.capitalize{
+  text-transform:capitalize
+}
+
+.italic{
+  font-style:italic
+}
+
+.ordinal{
+  --tw-ordinal:ordinal;
+  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
+}
+
+.leading-5{
+  line-height:1.25rem
+}
+
+.leading-6{
+  line-height:1.5rem
+}
+
+.leading-none{
+  line-height:1
 }
 
 .leading-tight{
   line-height:1.25
 }
 
-.text-gray-400{
-  --tw-text-opacity:1;
-  color:rgb(145 151 161 / var(--tw-text-opacity))
+.tracking-normal{
+  letter-spacing:0em
+}
+
+.tracking-tight{
+  letter-spacing:-0.025em
+}
+
+.\!text-pink-600{
+  --tw-text-opacity:1 !important;
+  color:rgb(219 39 119 / var(--tw-text-opacity)) !important
+}
+
+.text-amber-500{
+  --tw-text-opacity:1;
+  color:rgb(245 158 11 / var(--tw-text-opacity))
+}
+
+.text-black{
+  --tw-text-opacity:1;
+  color:rgb(0 0 0 / var(--tw-text-opacity))
+}
+
+.text-blue-500{
+  --tw-text-opacity:1;
+  color:rgb(8 134 222 / var(--tw-text-opacity))
+}
+
+.text-cyan-500{
+  --tw-text-opacity:1;
+  color:rgb(6 182 212 / var(--tw-text-opacity))
+}
+
+.text-emerald-500{
+  --tw-text-opacity:1;
+  color:rgb(16 185 129 / var(--tw-text-opacity))
+}
+
+.text-fuchsia-500{
+  --tw-text-opacity:1;
+  color:rgb(217 70 239 / var(--tw-text-opacity))
+}
+
+.text-gray-300{
+  --tw-text-opacity:1;
+  color:rgb(172 177 185 / var(--tw-text-opacity))
+}
+
+.text-gray-400{
+  --tw-text-opacity:1;
+  color:rgb(145 151 161 / var(--tw-text-opacity))
+}
+
+.text-gray-500{
+  --tw-text-opacity:1;
+  color:rgb(117 125 138 / var(--tw-text-opacity))
+}
+
+.text-gray-600{
+  --tw-text-opacity:1;
+  color:rgb(94 100 110 / var(--tw-text-opacity))
+}
+
+.text-gray-700{
+  --tw-text-opacity:1;
+  color:rgb(70 75 83 / var(--tw-text-opacity))
+}
+
+.text-gray-800{
+  --tw-text-opacity:1;
+  color:rgb(47 50 55 / var(--tw-text-opacity))
+}
+
+.text-gray-900{
+  --tw-text-opacity:1;
+  color:rgb(23 25 28 / var(--tw-text-opacity))
+}
+
+.text-green-500{
+  --tw-text-opacity:1;
+  color:rgb(34 197 94 / var(--tw-text-opacity))
+}
+
+.text-green-600{
+  --tw-text-opacity:1;
+  color:rgb(22 163 74 / var(--tw-text-opacity))
+}
+
+.text-green-700{
+  --tw-text-opacity:1;
+  color:rgb(21 128 61 / var(--tw-text-opacity))
+}
+
+.text-indigo-500{
+  --tw-text-opacity:1;
+  color:rgb(99 102 241 / var(--tw-text-opacity))
+}
+
+.text-lime-500{
+  --tw-text-opacity:1;
+  color:rgb(132 204 22 / var(--tw-text-opacity))
+}
+
+.text-neutral-500{
+  --tw-text-opacity:1;
+  color:rgb(115 115 115 / var(--tw-text-opacity))
+}
+
+.text-orange-500{
+  --tw-text-opacity:1;
+  color:rgb(249 115 22 / var(--tw-text-opacity))
+}
+
+.text-orange-700{
+  --tw-text-opacity:1;
+  color:rgb(194 65 12 / var(--tw-text-opacity))
+}
+
+.text-pink-500{
+  --tw-text-opacity:1;
+  color:rgb(236 72 153 / var(--tw-text-opacity))
+}
+
+.text-primary-400{
+  color:rgb(var(--color-primary-400))
+}
+
+.text-primary-500{
+  color:rgb(var(--color-primary-500))
+}
+
+.text-purple-500{
+  --tw-text-opacity:1;
+  color:rgb(168 85 247 / var(--tw-text-opacity))
+}
+
+.text-red-500{
+  --tw-text-opacity:1;
+  color:rgb(239 68 68 / var(--tw-text-opacity))
+}
+
+.text-red-600{
+  --tw-text-opacity:1;
+  color:rgb(220 38 38 / var(--tw-text-opacity))
+}
+
+.text-rose-500{
+  --tw-text-opacity:1;
+  color:rgb(244 63 94 / var(--tw-text-opacity))
+}
+
+.text-sky-500{
+  --tw-text-opacity:1;
+  color:rgb(14 165 233 / var(--tw-text-opacity))
+}
+
+.text-slate-500{
+  --tw-text-opacity:1;
+  color:rgb(100 116 139 / var(--tw-text-opacity))
+}
+
+.text-slate-600{
+  --tw-text-opacity:1;
+  color:rgb(71 85 105 / var(--tw-text-opacity))
+}
+
+.text-slate-700{
+  --tw-text-opacity:1;
+  color:rgb(51 65 85 / var(--tw-text-opacity))
+}
+
+.text-slate-800{
+  --tw-text-opacity:1;
+  color:rgb(30 41 59 / var(--tw-text-opacity))
+}
+
+.text-stone-500{
+  --tw-text-opacity:1;
+  color:rgb(120 113 108 / var(--tw-text-opacity))
+}
+
+.text-teal-500{
+  --tw-text-opacity:1;
+  color:rgb(20 184 166 / var(--tw-text-opacity))
+}
+
+.text-violet-500{
+  --tw-text-opacity:1;
+  color:rgb(139 92 246 / var(--tw-text-opacity))
+}
+
+.text-white{
+  --tw-text-opacity:1;
+  color:rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.text-yellow-500{
+  --tw-text-opacity:1;
+  color:rgb(234 179 8 / var(--tw-text-opacity))
+}
+
+.text-zinc-500{
+  --tw-text-opacity:1;
+  color:rgb(113 113 122 / var(--tw-text-opacity))
+}
+
+.underline{
+  text-decoration-line:underline
+}
+
+.overline{
+  text-decoration-line:overline
+}
+
+.line-through{
+  text-decoration-line:line-through
+}
+
+.no-underline{
+  text-decoration-line:none
+}
+
+.antialiased{
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale
+}
+
+.subpixel-antialiased{
+  -webkit-font-smoothing:auto;
+  -moz-osx-font-smoothing:auto
+}
+
+.opacity-0{
+  opacity:0
+}
+
+.opacity-100{
+  opacity:1
+}
+
+.opacity-50{
+  opacity:0.5
+}
+
+.opacity-75{
+  opacity:0.75
+}
+
+.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-lg{
+  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-md{
+  --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-modal{
+  --tw-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+  --tw-shadow-colored:0px 24px 32px var(--tw-shadow-color), 0px 16px 24px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-panel{
+  --tw-shadow:0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
+  --tw-shadow-colored:0px 4px 8px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-sm{
+  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.outline-none{
+  outline:2px solid transparent;
+  outline-offset:2px
+}
+
+.outline{
+  outline-style:solid
+}
+
+.blur{
+  --tw-blur:blur(8px);
+  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)
+}
+
+.drop-shadow{
+  --tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
+  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)
+}
+
+.grayscale{
+  --tw-grayscale:grayscale(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)
+}
+
+.invert{
+  --tw-invert:invert(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)
+}
+
+.backdrop-filter{
+  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+          backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.transition{
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+.transition-all{
+  transition-property:all;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+.transition-opacity{
+  transition-property:opacity;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+.duration-100{
+  transition-duration:100ms
+}
+
+.duration-150{
+  transition-duration:150ms
+}
+
+.duration-75{
+  transition-duration:75ms
+}
+
+.ease-in{
+  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
+}
+
+.ease-in-out{
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
+}
+
+.ease-out{
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
+}
+
+.will-change-transform{
+  will-change:transform
+}
+
+.\[a-zA-Z\:_\]{
+  a-z-a--z:
+}
+
+html,
+body{
+  position:relative;
+  height:100%;
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale
+}
+
+.will-change-transform {
+  will-change: transform;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  will-change: opacity;
+  will-change: 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));
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms;
+}
+
+.fade-enter-active{
+  position:relative;
+  transition-delay:150ms;
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
+}
+
+.fade-leave-active{
+  position:relative;
+  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
+}
+
+.fade-enter{
+  --tw-translate-y:-0.25rem;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  opacity:0;
+  transition-delay:150ms
+}
+
+.fade-enter-to{
+  --tw-translate-y:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  opacity:1;
+  transition-delay:150ms
+}
+
+.fade-leave{
+  --tw-translate-y:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  opacity:1
+}
+
+.fade-leave-to{
+  --tw-translate-y:0.25rem;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  opacity:0
+}
+
+.turbo-progress-bar{
+  background-color:rgb(var(--color-primary-400))
+}
+
+body.os-mac .mac\:hidden {
+  display: none;
+}
+
+body.os-pc .pc\:hidden {
+  display: none;
+}
+
+trix-editor {
+  max-height: 320px !important;
+  overflow-y: auto;
+}
+
+@media (min-width: 1536px){
+  .\32xl\:container{
+    width:100%
+  }
+
+  @media (min-width: 495px){
+    .\32xl\:container{
+      max-width:495px
+    }
+  }
+
+  @media (min-width: 640px){
+    .\32xl\:container{
+      max-width:640px
+    }
+  }
+
+  @media (min-width: 768px){
+    .\32xl\:container{
+      max-width:768px
+    }
+  }
+
+  @media (min-width: 1024px){
+    .\32xl\:container{
+      max-width:1024px
+    }
+  }
+
+  @media (min-width: 1280px){
+    .\32xl\:container{
+      max-width:1280px
+    }
+  }
+
+  @media (min-width: 1536px){
+    .\32xl\:container{
+      max-width:1536px
+    }
+  }
+}
+
+.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
+}
+
+.hover\:border-amber-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(217 119 6 / var(--tw-border-opacity))
+}
+
+.hover\:border-blue-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
+}
+
+.hover\:border-cyan-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(8 145 178 / var(--tw-border-opacity))
+}
+
+.hover\:border-emerald-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(5 150 105 / var(--tw-border-opacity))
+}
+
+.hover\:border-fuchsia-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(192 38 211 / var(--tw-border-opacity))
+}
+
+.hover\:border-gray-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+}
+
+.hover\:border-green-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
+}
+
+.hover\:border-indigo-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(79 70 229 / var(--tw-border-opacity))
+}
+
+.hover\:border-lime-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(101 163 13 / var(--tw-border-opacity))
+}
+
+.hover\:border-neutral-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 82 / var(--tw-border-opacity))
+}
+
+.hover\:border-orange-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
+}
+
+.hover\:border-pink-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(219 39 119 / var(--tw-border-opacity))
+}
+
+.hover\:border-primary-600:hover{
+  border-color:rgb(var(--color-primary-600))
+}
+
+.hover\:border-purple-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(147 51 234 / var(--tw-border-opacity))
+}
+
+.hover\:border-red-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
+}
+
+.hover\:border-rose-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(225 29 72 / var(--tw-border-opacity))
+}
+
+.hover\:border-sky-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
+}
+
+.hover\:border-slate-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
+}
+
+.hover\:border-stone-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
+}
+
+.hover\:border-teal-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
+}
+
+.hover\:border-violet-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
+}
+
+.hover\:border-yellow-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
+}
+
+.hover\:border-zinc-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 91 / var(--tw-border-opacity))
+}
+
+.hover\:bg-amber-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-amber-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-blue-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-blue-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-cyan-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-cyan-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-emerald-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-emerald-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-fuchsia-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-fuchsia-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-gray-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-gray-25:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-gray-50:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-gray-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-green-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-green-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-indigo-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-indigo-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-lime-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-lime-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-neutral-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-neutral-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-orange-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-orange-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-pink-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-pink-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(219 39 119 / 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-primary-600:hover{
+  background-color:rgb(var(--color-primary-600))
+}
+
+.hover\:bg-purple-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-purple-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-red-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-red-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-rose-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-rose-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-sky-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-sky-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-slate-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-slate-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-stone-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-stone-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-teal-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-teal-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-violet-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-violet-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-yellow-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-yellow-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-zinc-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-zinc-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
+}
+
+.hover\:text-gray-500:hover{
+  --tw-text-opacity:1;
+  color:rgb(117 125 138 / var(--tw-text-opacity))
+}
+
+.hover\:text-gray-600:hover{
+  --tw-text-opacity:1;
+  color:rgb(94 100 110 / var(--tw-text-opacity))
+}
+
+.hover\:text-gray-700:hover{
+  --tw-text-opacity:1;
+  color:rgb(70 75 83 / var(--tw-text-opacity))
+}
+
+.hover\:text-gray-900:hover{
+  --tw-text-opacity:1;
+  color:rgb(23 25 28 / var(--tw-text-opacity))
+}
+
+.hover\:text-white:hover{
+  --tw-text-opacity:1;
+  color:rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.hover\:opacity-100:hover{
+  opacity:1
+}
+
+.hover\:shadow-row:hover{
+  --tw-shadow:0 0 15px -5px rgba(0, 0, 0, 0.25);
+  --tw-shadow-colored:0 0 15px -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)
+}
+
+.focus\:border-gray-300:focus{
+  --tw-border-opacity:1;
+  border-color:rgb(172 177 185 / var(--tw-border-opacity))
+}
+
+.focus\:border-gray-600:focus{
+  --tw-border-opacity:1;
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+}
+
+.focus\:border-indigo-500:focus{
+  --tw-border-opacity:1;
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
+}
+
+.focus\:border-slate-400:focus{
+  --tw-border-opacity:1;
+  border-color:rgb(148 163 184 / var(--tw-border-opacity))
+}
+
+.focus\:bg-gray-100:focus{
+  --tw-bg-opacity:1;
+  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-300:focus{
+  --tw-text-opacity:1;
+  color:rgb(172 177 185 / var(--tw-text-opacity))
+}
+
+.focus\:text-gray-700:focus{
+  --tw-text-opacity:1;
+  color:rgb(70 75 83 / var(--tw-text-opacity))
+}
+
+.focus\:outline-none:focus{
+  outline:2px solid transparent;
+  outline-offset:2px
+}
+
+.focus\:ring-indigo-500:focus{
+  --tw-ring-opacity:1;
+  --tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))
+}
+
+.focus\:checked\:\!bg-primary-400:checked:focus{
+  background-color:rgb(var(--color-primary-400)) !important
+}
+
+.focus-visible\:ring-0:focus-visible{
+  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+
+.active\:translate-x-px:active{
+  --tw-translate-x:1px;
+  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\:translate-y-px:active{
+  --tw-translate-y:1px;
+  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-amber-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(245 158 11 / var(--tw-border-opacity))
+}
+
+.active\:border-amber-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(217 119 6 / var(--tw-border-opacity))
+}
+
+.active\:border-blue-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+}
+
+.active\:border-blue-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
+}
+
+.active\:border-cyan-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(6 182 212 / var(--tw-border-opacity))
+}
+
+.active\:border-cyan-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(8 145 178 / var(--tw-border-opacity))
+}
+
+.active\:border-emerald-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+}
+
+.active\:border-emerald-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(5 150 105 / var(--tw-border-opacity))
+}
+
+.active\:border-fuchsia-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(217 70 239 / var(--tw-border-opacity))
+}
+
+.active\:border-fuchsia-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(192 38 211 / var(--tw-border-opacity))
+}
+
+.active\:border-gray-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(117 125 138 / var(--tw-border-opacity))
+}
+
+.active\:border-gray-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+}
+
+.active\:border-green-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(34 197 94 / var(--tw-border-opacity))
+}
+
+.active\:border-green-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
+}
+
+.active\:border-indigo-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
+}
+
+.active\:border-indigo-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(79 70 229 / var(--tw-border-opacity))
+}
+
+.active\:border-lime-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(132 204 22 / var(--tw-border-opacity))
+}
+
+.active\:border-lime-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(101 163 13 / var(--tw-border-opacity))
+}
+
+.active\:border-neutral-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(115 115 115 / var(--tw-border-opacity))
+}
+
+.active\:border-neutral-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 82 / var(--tw-border-opacity))
+}
+
+.active\:border-orange-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(249 115 22 / var(--tw-border-opacity))
+}
+
+.active\:border-orange-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
+}
+
+.active\:border-pink-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(236 72 153 / var(--tw-border-opacity))
+}
+
+.active\:border-pink-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(219 39 119 / var(--tw-border-opacity))
+}
+
+.active\:border-primary-500:active{
+  border-color:rgb(var(--color-primary-500))
+}
+
+.active\:border-primary-600:active{
+  border-color:rgb(var(--color-primary-600))
+}
+
+.active\:border-purple-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(168 85 247 / var(--tw-border-opacity))
+}
+
+.active\:border-purple-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(147 51 234 / var(--tw-border-opacity))
+}
+
+.active\:border-red-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(239 68 68 / var(--tw-border-opacity))
+}
+
+.active\:border-red-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
+}
+
+.active\:border-rose-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(244 63 94 / var(--tw-border-opacity))
+}
+
+.active\:border-rose-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(225 29 72 / var(--tw-border-opacity))
 }
 
-.text-gray-500{
-  --tw-text-opacity:1;
-  color:rgb(117 125 138 / var(--tw-text-opacity))
+.active\:border-sky-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
 
-.text-gray-600{
-  --tw-text-opacity:1;
-  color:rgb(94 100 110 / var(--tw-text-opacity))
+.active\:border-sky-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
 }
 
-.text-gray-700{
-  --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
+.active\:border-slate-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
 
-.text-gray-800{
-  --tw-text-opacity:1;
-  color:rgb(47 50 55 / var(--tw-text-opacity))
+.active\:border-slate-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
 }
 
-.text-gray-900{
-  --tw-text-opacity:1;
-  color:rgb(23 25 28 / var(--tw-text-opacity))
+.active\:border-stone-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
 
-.text-primary-400{
-  color:rgb(var(--color-primary-400))
+.active\:border-stone-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
 }
 
-.text-white{
-  --tw-text-opacity:1;
-  color:rgb(255 255 255 / var(--tw-text-opacity))
+.active\:border-teal-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
 
-.underline{
-  text-decoration-line:underline
+.active\:border-teal-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
 }
 
-.no-underline{
-  text-decoration-line:none
+.active\:border-violet-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
 
-.opacity-0{
-  opacity:0
+.active\:border-violet-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
 }
 
-.opacity-100{
-  opacity:1
+.active\:border-yellow-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
 
-.shadow-panel{
-  --tw-shadow:0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
-  --tw-shadow-colored:0px 4px 8px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);
-  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+.active\:border-yellow-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
 }
 
-.outline-none{
-  outline:2px solid transparent;
-  outline-offset:2px
+.active\:border-zinc-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(113 113 122 / var(--tw-border-opacity))
 }
 
-.outline{
+.active\:border-zinc-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 91 / var(--tw-border-opacity))
+}
+
+.active\:bg-amber-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+}
+
+.active\:bg-amber-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
+}
+
+.active\:bg-blue-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+}
+
+.active\:bg-blue-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+}
+
+.active\:bg-cyan-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+}
+
+.active\:bg-cyan-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
+}
+
+.active\:bg-emerald-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+}
+
+.active\:bg-emerald-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
+}
+
+.active\:bg-fuchsia-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
+}
+
+.active\:bg-fuchsia-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
+}
+
+.active\:bg-gray-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+}
+
+.active\:bg-gray-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
+}
+
+.active\:bg-green-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+}
+
+.active\:bg-green-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+}
+
+.active\:bg-indigo-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+}
+
+.active\:bg-indigo-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
+}
+
+.active\:bg-lime-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+}
+
+.active\:bg-lime-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
+}
+
+.active\:bg-neutral-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+}
+
+.active\:bg-neutral-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
+}
+
+.active\:bg-orange-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+}
+
+.active\:bg-orange-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
+}
+
+.active\:bg-pink-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+}
+
+.active\:bg-pink-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
+}
+
+.active\:bg-primary-100:active{
+  background-color:rgb(var(--color-primary-100))
+}
+
+.active\:bg-primary-600:active{
+  background-color:rgb(var(--color-primary-600))
+}
+
+.active\:bg-purple-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+}
+
+.active\:bg-purple-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
+}
+
+.active\:bg-red-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+}
+
+.active\:bg-red-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+}
+
+.active\:bg-rose-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+}
+
+.active\:bg-rose-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
+}
+
+.active\:bg-sky-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+}
+
+.active\:bg-sky-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
+}
+
+.active\:bg-slate-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+}
+
+.active\:bg-slate-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
+}
+
+.active\:bg-stone-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+}
+
+.active\:bg-stone-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
+}
+
+.active\:bg-teal-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+}
+
+.active\:bg-teal-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
+}
+
+.active\:bg-violet-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+}
+
+.active\:bg-violet-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
+}
+
+.active\:bg-yellow-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+}
+
+.active\:bg-yellow-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
+}
+
+.active\:bg-zinc-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+}
+
+.active\:bg-zinc-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
+}
+
+.active\:outline:active{
   outline-style:solid
 }
 
-.invert{
-  --tw-invert:invert(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)
+.active\:outline-1:active{
+  outline-width:1px
 }
 
-.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)
+.active\:outline-amber-500:active{
+  outline-color:#f59e0b
 }
 
-.transition{
-  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration:150ms
+.active\:outline-amber-600:active{
+  outline-color:#d97706
+}
+
+.active\:outline-blue-500:active{
+  outline-color:#0886DE
+}
+
+.active\:outline-blue-600:active{
+  outline-color:#066BB2
+}
+
+.active\:outline-cyan-500:active{
+  outline-color:#06b6d4
+}
+
+.active\:outline-cyan-600:active{
+  outline-color:#0891b2
+}
+
+.active\:outline-emerald-500:active{
+  outline-color:#10b981
+}
+
+.active\:outline-emerald-600:active{
+  outline-color:#059669
+}
+
+.active\:outline-fuchsia-500:active{
+  outline-color:#d946ef
+}
+
+.active\:outline-fuchsia-600:active{
+  outline-color:#c026d3
+}
+
+.active\:outline-gray-500:active{
+  outline-color:#757D8A
+}
+
+.active\:outline-gray-600:active{
+  outline-color:#5E646E
+}
+
+.active\:outline-green-500:active{
+  outline-color:#22c55e
+}
+
+.active\:outline-green-600:active{
+  outline-color:#16a34a
+}
+
+.active\:outline-indigo-500:active{
+  outline-color:#6366f1
+}
+
+.active\:outline-indigo-600:active{
+  outline-color:#4f46e5
+}
+
+.active\:outline-lime-500:active{
+  outline-color:#84cc16
+}
+
+.active\:outline-lime-600:active{
+  outline-color:#65a30d
+}
+
+.active\:outline-neutral-500:active{
+  outline-color:#737373
+}
+
+.active\:outline-neutral-600:active{
+  outline-color:#525252
+}
+
+.active\:outline-orange-500:active{
+  outline-color:#f97316
+}
+
+.active\:outline-orange-600:active{
+  outline-color:#ea580c
+}
+
+.active\:outline-pink-500:active{
+  outline-color:#ec4899
+}
+
+.active\:outline-pink-600:active{
+  outline-color:#db2777
+}
+
+.active\:outline-primary-500:active{
+  outline-color:rgb(var(--color-primary-500))
+}
+
+.active\:outline-primary-600:active{
+  outline-color:rgb(var(--color-primary-600))
+}
+
+.active\:outline-purple-500:active{
+  outline-color:#a855f7
+}
+
+.active\:outline-purple-600:active{
+  outline-color:#9333ea
 }
 
-.transition-all{
-  transition-property:all;
-  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration:150ms
+.active\:outline-red-500:active{
+  outline-color:#ef4444
 }
 
-.duration-100{
-  transition-duration:100ms
+.active\:outline-red-600:active{
+  outline-color:#dc2626
 }
 
-.duration-75{
-  transition-duration:75ms
+.active\:outline-rose-500:active{
+  outline-color:#f43f5e
 }
 
-.ease-in{
-  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
+.active\:outline-rose-600:active{
+  outline-color:#e11d48
 }
 
-.ease-out{
-  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
+.active\:outline-sky-500:active{
+  outline-color:#0ea5e9
 }
 
-html,
-body{
-  position:relative;
-  height:100%;
-  -webkit-font-smoothing:antialiased;
-  -moz-osx-font-smoothing:grayscale
+.active\:outline-sky-600:active{
+  outline-color:#0284c7
 }
 
-.will-change-transform {
-  will-change: transform;
+.active\:outline-slate-500:active{
+  outline-color:#64748b
 }
 
-.fade-enter-active,
-.fade-leave-active {
-  will-change: opacity;
-  will-change: 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));
-  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration:150ms;
+.active\:outline-slate-600:active{
+  outline-color:#475569
 }
 
-.fade-enter-active{
-  position:relative;
-  transition-delay:150ms;
-  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
+.active\:outline-stone-500:active{
+  outline-color:#78716c
 }
 
-.fade-leave-active{
-  position:relative;
-  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
+.active\:outline-stone-600:active{
+  outline-color:#57534e
 }
 
-.fade-enter{
-  --tw-translate-y:-0.25rem;
-  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  opacity:0;
-  transition-delay:150ms
+.active\:outline-teal-500:active{
+  outline-color:#14b8a6
 }
 
-.fade-enter-to{
-  --tw-translate-y:0px;
-  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  opacity:1;
-  transition-delay:150ms
+.active\:outline-teal-600:active{
+  outline-color:#0d9488
 }
 
-.fade-leave{
-  --tw-translate-y:0px;
-  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  opacity:1
+.active\:outline-violet-500:active{
+  outline-color:#8b5cf6
 }
 
-.fade-leave-to{
-  --tw-translate-y:0.25rem;
-  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  opacity:0
+.active\:outline-violet-600:active{
+  outline-color:#7c3aed
 }
 
-.turbo-progress-bar{
-  background-color:rgb(var(--color-primary-400))
+.active\:outline-yellow-500:active{
+  outline-color:#eab308
 }
 
-body.os-mac .mac\:hidden {
-  display: none;
+.active\:outline-yellow-600:active{
+  outline-color:#ca8a04
 }
 
-body.os-pc .pc\:hidden {
-  display: none;
+.active\:outline-zinc-500:active{
+  outline-color:#71717a
 }
 
-trix-editor {
-  max-height: 320px !important;
-  overflow-y: auto;
+.active\:outline-zinc-600:active{
+  outline-color:#52525b
 }
 
-.focus-within\:border-primary-500:focus-within{
-  border-color:rgb(var(--color-primary-500))
+.disabled\:cursor-not-allowed:disabled{
+  cursor:not-allowed
 }
 
-.hover\:bg-gray-25:hover{
+.disabled\:border-gray-300:disabled{
+  --tw-border-opacity:1;
+  border-color:rgb(172 177 185 / var(--tw-border-opacity))
+}
+
+.disabled\:bg-gray-100:disabled{
   --tw-bg-opacity:1;
-  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-primary-100:hover{
-  background-color:rgb(var(--color-primary-100))
+.disabled\:bg-gray-300:disabled{
+  --tw-bg-opacity:1;
+  background-color:rgb(172 177 185 / var(--tw-bg-opacity))
 }
 
-.hover\:text-gray-600:hover{
+.disabled\:text-gray-600:disabled{
   --tw-text-opacity:1;
   color:rgb(94 100 110 / var(--tw-text-opacity))
 }
 
-.hover\:text-gray-700:hover{
+.disabled\:text-slate-600:disabled{
   --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
+  color:rgb(71 85 105 / var(--tw-text-opacity))
 }
 
-.hover\:text-gray-900:hover{
-  --tw-text-opacity:1;
-  color:rgb(23 25 28 / var(--tw-text-opacity))
+.disabled\:opacity-50:disabled{
+  opacity:0.5
 }
 
-.focus\:bg-white:focus{
-  --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+.disabled\:opacity-70:disabled{
+  opacity:0.7
 }
 
-.disabled\:cursor-not-allowed:disabled{
-  cursor:not-allowed
+.group:hover .group-hover\:block{
+  display:block
 }
 
 .group:hover .group-hover\:bg-gray-200{
@@ -7335,11 +10028,53 @@ trix-editor {
   background-color:rgb(var(--color-primary-500))
 }
 
+.group:hover .group-hover\:pt-4{
+  padding-top:1rem
+}
+
 .group:active .group-active\:bg-primary-400{
   background-color:rgb(var(--color-primary-400))
 }
 
+@media print{
+  .print\:hidden{
+    display:none
+  }
+}
+
+@media (min-width: 495px){
+  .xs\:grid-cols-2{
+    grid-template-columns:repeat(2, minmax(0, 1fr))
+  }
+
+  .xs\:flex-row{
+    flex-direction:row
+  }
+
+  .xs\:justify-end{
+    justify-content:flex-end
+  }
+
+  .xs\:justify-between{
+    justify-content:space-between
+  }
+
+  .xs\:space-y-0 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-y-reverse:0;
+    margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom:calc(0px * var(--tw-space-y-reverse))
+  }
+}
+
 @media (min-width: 640px){
+  .sm\:left-0{
+    left:0px
+  }
+
+  .sm\:right-0{
+    right:0px
+  }
+
   .sm\:col-span-1{
     grid-column:span 1 / span 1
   }
@@ -7364,14 +10099,54 @@ trix-editor {
     grid-column:span 6 / span 6
   }
 
+  .sm\:block{
+    display:block
+  }
+
+  .sm\:flex{
+    display:flex
+  }
+
   .sm\:inline-flex{
     display:inline-flex
   }
 
+  .sm\:hidden{
+    display:none
+  }
+
+  .sm\:w-1\/3{
+    width:33.333333%
+  }
+
+  .sm\:w-2\/3{
+    width:66.666667%
+  }
+
+  .sm\:w-auto{
+    width:auto
+  }
+
   .sm\:min-w-\[16rem\]{
     min-width:16rem
   }
 
+  .sm\:min-w-\[300px\]{
+    min-width:300px
+  }
+
+  .sm\:max-w-168{
+    max-width:42rem
+  }
+
+  .sm\:grid-flow-col{
+    grid-auto-flow:column
+  }
+
+  .sm\:grid-cols-2{
+    grid-template-columns:repeat(2, minmax(0, 1fr))
+  }
+
   .sm\:grid-cols-3{
     grid-template-columns:repeat(3, minmax(0, 1fr))
   }
@@ -7387,4 +10162,227 @@ trix-editor {
   .sm\:grid-cols-6{
     grid-template-columns:repeat(6, minmax(0, 1fr))
   }
+
+  .sm\:flex-row{
+    flex-direction:row
+  }
+
+  .sm\:items-end{
+    align-items:flex-end
+  }
+
+  .sm\:items-center{
+    align-items:center
+  }
+
+  .sm\:justify-between{
+    justify-content:space-between
+  }
+
+  .sm\:gap-4{
+    gap:1rem
+  }
+
+  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
+  }
+
+  .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)));
+    margin-bottom:calc(0px * var(--tw-space-y-reverse))
+  }
+
+  .sm\:p-6{
+    padding:1.5rem
+  }
+
+  .sm\:text-left{
+    text-align:left
+  }
+
+  .sm\:text-sm{
+    font-size:0.875rem;
+    line-height:1.25rem
+  }
+}
+
+@media (min-width: 768px){
+  .md\:h-10{
+    height:2.5rem
+  }
+
+  .md\:h-14{
+    height:3.5rem
+  }
+
+  .md\:min-h-inherit{
+    min-height:inherit
+  }
+
+  .md\:w-48{
+    width:12rem
+  }
+
+  .md\:w-64{
+    width:16rem
+  }
+
+  .md\:w-8\/12{
+    width:66.666667%
+  }
+
+  .md\:w-full{
+    width:100%
+  }
+
+  .md\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr))
+  }
+
+  .md\:flex-row{
+    flex-direction:row
+  }
+
+  .md\:items-center{
+    align-items:center
+  }
+
+  .md\:px-24{
+    padding-left:6rem;
+    padding-right:6rem
+  }
+
+  .md\:pb-0{
+    padding-bottom:0px
+  }
+
+  .md\:pt-0{
+    padding-top:0px
+  }
+
+  .md\:pt-4{
+    padding-top:1rem
+  }
+}
+
+@media (min-width: 1024px){
+  .lg\:-mx-4{
+    margin-left:-1rem;
+    margin-right:-1rem
+  }
+
+  .lg\:-my-4{
+    margin-top:-1rem;
+    margin-bottom:-1rem
+  }
+
+  .lg\:block{
+    display:block
+  }
+
+  .lg\:flex{
+    display:flex
+  }
+
+  .lg\:hidden{
+    display:none
+  }
+
+  .lg\:w-1\/2{
+    width:50%
+  }
+
+  .lg\:w-64{
+    width:16rem
+  }
+
+  .lg\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr))
+  }
+
+  .lg\:justify-start{
+    justify-content:flex-start
+  }
+
+  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(0px * var(--tw-space-x-reverse));
+    margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))
+  }
+
+  .lg\:border-none{
+    border-style:none
+  }
+
+  .lg\:bg-transparent{
+    background-color:transparent
+  }
+
+  .lg\:p-4{
+    padding:1rem
+  }
+
+  .lg\:p-6{
+    padding:1.5rem
+  }
+
+  .lg\:px-2{
+    padding-left:0.5rem;
+    padding-right:0.5rem
+  }
+
+  .lg\:px-8{
+    padding-left:2rem;
+    padding-right:2rem
+  }
+}
+
+@media (min-width: 1280px){
+  .xl\:left-0{
+    left:0px
+  }
+
+  .xl\:right-0{
+    right:0px
+  }
+
+  .xl\:mt-0{
+    margin-top:0px
+  }
+
+  .xl\:w-64{
+    width:16rem
+  }
+
+  .xl\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr))
+  }
+
+  .xl\:flex-row{
+    flex-direction:row
+  }
+
+  .xl\:justify-end{
+    justify-content:flex-end
+  }
+}
+
+@media (min-width: 1536px){
+  .\32xl\:mx-auto{
+    margin-left:auto;
+    margin-right:auto
+  }
+
+  .\32xl\:grid-cols-6{
+    grid-template-columns:repeat(6, minmax(0, 1fr))
+  }
 }