avo 3.0.1.beta12 → 3.0.1.beta14

data/public/avo-assets/avo.base.css

@@ -6392,6 +6392,2138 @@ tag.tagify__tag{
   height: 40px;
 }
 
+.container{
+  width:100%
+}
+
+@media (min-width: 495px){
+  .container{
+    max-width:495px
+  }
+}
+
+@media (min-width: 640px){
+  .container{
+    max-width:640px
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width:768px
+  }
+}
+
+@media (min-width: 1024px){
+  .container{
+    max-width:1024px
+  }
+}
+
+@media (min-width: 1280px){
+  .container{
+    max-width:1280px
+  }
+}
+
+@media (min-width: 1536px){
+  .container{
+    max-width:1536px
+  }
+}
+
+.pointer-events-none{
+  pointer-events:none
+}
+
+.pointer-events-auto{
+  pointer-events:auto
+}
+
+.visible{
+  visibility:visible
+}
+
+.invisible{
+  visibility:hidden
+}
+
+.collapse{
+  visibility:collapse
+}
+
+.static{
+  position:static
+}
+
+.fixed{
+  position:fixed
+}
+
+.absolute{
+  position:absolute
+}
+
+.relative{
+  position:relative
+}
+
+.sticky{
+  position:sticky
+}
+
+.inset-0{
+  inset:0px
+}
+
+.inset-auto{
+  inset:auto
+}
+
+.inset-x-0{
+  left:0px;
+  right:0px
+}
+
+.-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
+}
+
+.right-0{
+  right:0px
+}
+
+.start-1{
+  inset-inline-start:0.25rem
+}
+
+.top-0{
+  top:0px
+}
+
+.top-1\/2{
+  top:50%
+}
+
+.top-3{
+  top:0.75rem
+}
+
+.top-5{
+  top:1.25rem
+}
+
+.top-\[-1px\]{
+  top:-1px
+}
+
+.top-full{
+  top:100%
+}
+
+.z-10{
+  z-index:10
+}
+
+.z-20{
+  z-index:20
+}
+
+.z-30{
+  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
+}
+
+.float-right{
+  float:right
+}
+
+.m-0{
+  margin:0px
+}
+
+.-mx-2{
+  margin-left:-0.5rem;
+  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-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
+}
+
+.ml-1{
+  margin-left:0.25rem
+}
+
+.ml-1\/12{
+  margin-left:8.333333%
+}
+
+.ml-10{
+  margin-left:2.5rem
+}
+
+.ml-2{
+  margin-left:0.5rem
+}
+
+.ml-3{
+  margin-left:0.75rem
+}
+
+.ml-4{
+  margin-left:1rem
+}
+
+.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
+}
+
+.mr-2{
+  margin-right:0.5rem
+}
+
+.mr-4{
+  margin-right:1rem
+}
+
+.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
+}
+
+.mt-3{
+  margin-top:0.75rem
+}
+
+.mt-4{
+  margin-top:1rem
+}
+
+.mt-6{
+  margin-top:1.5rem
+}
+
+.mt-8{
+  margin-top:2rem
+}
+
+.block{
+  display:block
+}
+
+.inline-block{
+  display:inline-block
+}
+
+.inline{
+  display:inline
+}
+
+.flex{
+  display:flex
+}
+
+.inline-flex{
+  display:inline-flex
+}
+
+.table{
+  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-2{
+  height:0.5rem
+}
+
+.h-20{
+  height:5rem
+}
+
+.h-3{
+  height:0.75rem
+}
+
+.h-4{
+  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
+}
+
+.min-h-\[3rem\]{
+  min-height:3rem
+}
+
+.min-h-full{
+  min-height:100%
+}
+
+.min-h-screen{
+  min-height:100vh
+}
+
+.w-0{
+  width:0px
+}
+
+.w-1{
+  width:0.25rem
+}
+
+.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-2{
+  width:0.5rem
+}
+
+.w-24{
+  width:6rem
+}
+
+.w-4{
+  width:1rem
+}
+
+.w-48{
+  width:12rem
+}
+
+.w-5{
+  width:1.25rem
+}
+
+.w-64{
+  width:16rem
+}
+
+.w-8{
+  width:2rem
+}
+
+.w-\[1\%\]{
+  width:1%
+}
+
+.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
+}
+
+.flex-1{
+  flex:1 1 0%
+}
+
+.flex-shrink{
+  flex-shrink:1
+}
+
+.flex-shrink-0{
+  flex-shrink:0
+}
+
+.shrink-0{
+  flex-shrink:0
+}
+
+.flex-grow{
+  flex-grow:1
+}
+
+.flex-grow-0{
+  flex-grow:0
+}
+
+.grow{
+  flex-grow:1
+}
+
+.border-collapse{
+  border-collapse:collapse
+}
+
+.-translate-x-1\/2{
+  --tw-translate-x:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.-translate-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))
+}
+
+.-translate-y-1\/2{
+  --tw-translate-y:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.-translate-y-full{
+  --tw-translate-y:-100%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.translate-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
+}
+
+.appearance-none{
+  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
+}
+
+.flex-wrap{
+  flex-wrap:wrap
+}
+
+.flex-nowrap{
+  flex-wrap:nowrap
+}
+
+.place-content-between{
+  place-content:space-between
+}
+
+.items-start{
+  align-items:flex-start
+}
+
+.items-end{
+  align-items:flex-end
+}
+
+.items-center{
+  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
+}
+
+.justify-between{
+  justify-content:space-between
+}
+
+.justify-evenly{
+  justify-content:space-evenly
+}
+
+.gap-1{
+  gap:0.25rem
+}
+
+.gap-2{
+  gap:0.5rem
+}
+
+.gap-4{
+  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
+}
+
+.rounded-full{
+  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
+}
+
+.border{
+  border-width:1px
+}
+
+.border-b{
+  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-none{
+  border-style:none
+}
+
+.border-amber-500{
+  --tw-border-opacity:1;
+  border-color:rgb(245 158 11 / var(--tw-border-opacity))
+}
+
+.border-blue-500{
+  --tw-border-opacity:1;
+  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+}
+
+.border-blue-600{
+  --tw-border-opacity:1;
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
+}
+
+.border-cyan-500{
+  --tw-border-opacity:1;
+  border-color:rgb(6 182 212 / var(--tw-border-opacity))
+}
+
+.border-emerald-500{
+  --tw-border-opacity:1;
+  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+}
+
+.border-fuchsia-500{
+  --tw-border-opacity:1;
+  border-color:rgb(217 70 239 / var(--tw-border-opacity))
+}
+
+.border-gray-150{
+  --tw-border-opacity:1;
+  border-color:rgb(214 216 220 / var(--tw-border-opacity))
+}
+
+.border-gray-200{
+  --tw-border-opacity:1;
+  border-color:rgb(200 203 208 / var(--tw-border-opacity))
+}
+
+.border-gray-300{
+  --tw-border-opacity:1;
+  border-color:rgb(172 177 185 / var(--tw-border-opacity))
+}
+
+.border-gray-500{
+  --tw-border-opacity:1;
+  border-color:rgb(117 125 138 / var(--tw-border-opacity))
+}
+
+.border-gray-600{
+  --tw-border-opacity:1;
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+}
+
+.border-green-500{
+  --tw-border-opacity:1;
+  border-color:rgb(34 197 94 / var(--tw-border-opacity))
+}
+
+.border-green-600{
+  --tw-border-opacity:1;
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
+}
+
+.border-indigo-500{
+  --tw-border-opacity:1;
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
+}
+
+.border-lime-500{
+  --tw-border-opacity:1;
+  border-color:rgb(132 204 22 / var(--tw-border-opacity))
+}
+
+.border-neutral-500{
+  --tw-border-opacity:1;
+  border-color:rgb(115 115 115 / var(--tw-border-opacity))
+}
+
+.border-orange-500{
+  --tw-border-opacity:1;
+  border-color:rgb(249 115 22 / var(--tw-border-opacity))
+}
+
+.border-orange-600{
+  --tw-border-opacity:1;
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
+}
+
+.border-pink-500{
+  --tw-border-opacity:1;
+  border-color:rgb(236 72 153 / var(--tw-border-opacity))
+}
+
+.border-primary-500{
+  border-color:rgb(var(--color-primary-500))
+}
+
+.border-purple-500{
+  --tw-border-opacity:1;
+  border-color:rgb(168 85 247 / var(--tw-border-opacity))
+}
+
+.border-red-500{
+  --tw-border-opacity:1;
+  border-color:rgb(239 68 68 / var(--tw-border-opacity))
+}
+
+.border-red-600{
+  --tw-border-opacity:1;
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
+}
+
+.border-rose-500{
+  --tw-border-opacity:1;
+  border-color:rgb(244 63 94 / var(--tw-border-opacity))
+}
+
+.border-sky-500{
+  --tw-border-opacity:1;
+  border-color:rgb(14 165 233 / var(--tw-border-opacity))
+}
+
+.border-slate-300{
+  --tw-border-opacity:1;
+  border-color:rgb(203 213 225 / var(--tw-border-opacity))
+}
+
+.border-slate-500{
+  --tw-border-opacity:1;
+  border-color:rgb(100 116 139 / var(--tw-border-opacity))
+}
+
+.border-stone-500{
+  --tw-border-opacity:1;
+  border-color:rgb(120 113 108 / var(--tw-border-opacity))
+}
+
+.border-teal-500{
+  --tw-border-opacity:1;
+  border-color:rgb(20 184 166 / var(--tw-border-opacity))
+}
+
+.border-transparent{
+  border-color:transparent
+}
+
+.border-violet-500{
+  --tw-border-opacity:1;
+  border-color:rgb(139 92 246 / var(--tw-border-opacity))
+}
+
+.border-yellow-500{
+  --tw-border-opacity:1;
+  border-color:rgb(234 179 8 / var(--tw-border-opacity))
+}
+
+.border-zinc-500{
+  --tw-border-opacity:1;
+  border-color:rgb(113 113 122 / var(--tw-border-opacity))
+}
+
+.bg-amber-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 158 11 / var(--tw-bg-opacity))
+}
+
+.bg-application{
+  background-color:rgb(var(--color-application-background))
+}
+
+.bg-blue-400{
+  --tw-bg-opacity:1;
+  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
+}
+
+.bg-blue-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+}
+
+.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-4{
+  padding:1rem
+}
+
+.p-6{
+  padding:1.5rem
+}
+
+.px-0{
+  padding-left:0px;
+  padding-right:0px
+}
+
+.px-1{
+  padding-left:0.25rem;
+  padding-right:0.25rem
+}
+
+.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-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
+}
+
+.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-1{
+  padding-top:0.25rem
+}
+
+.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
+}
+
+.text-2xl{
+  font-size:1.5rem;
+  line-height:2rem
+}
+
+.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-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
+}
+
+.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-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
+}
+
+.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-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;
@@ -6400,72 +8532,1581 @@ body{
   -moz-osx-font-smoothing:grayscale
 }
 
-.will-change-transform {
-  will-change: transform;
+.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))
+}
+
+.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-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-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))
+}
+
+.active\:border-sky-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(14 165 233 / var(--tw-border-opacity))
+}
+
+.active\:border-sky-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
+}
+
+.active\:border-slate-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(100 116 139 / var(--tw-border-opacity))
+}
+
+.active\:border-slate-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
+}
+
+.active\:border-stone-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(120 113 108 / var(--tw-border-opacity))
+}
+
+.active\:border-stone-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
+}
+
+.active\:border-teal-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(20 184 166 / var(--tw-border-opacity))
+}
+
+.active\:border-teal-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
+}
+
+.active\:border-violet-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(139 92 246 / var(--tw-border-opacity))
+}
+
+.active\:border-violet-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
+}
+
+.active\:border-yellow-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(234 179 8 / var(--tw-border-opacity))
+}
+
+.active\:border-yellow-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
+}
+
+.active\:border-zinc-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(113 113 122 / var(--tw-border-opacity))
+}
+
+.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
+}
+
+.active\:outline-1:active{
+  outline-width:1px
+}
+
+.active\:outline-amber-500:active{
+  outline-color:#f59e0b
+}
+
+.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
 }
 
-.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-pink-600:active{
+  outline-color:#db2777
 }
 
-.fade-enter-active{
-  position:relative;
-  transition-delay:150ms;
-  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
+.active\:outline-primary-500:active{
+  outline-color:rgb(var(--color-primary-500))
 }
 
-.fade-leave-active{
-  position:relative;
-  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
+.active\:outline-primary-600:active{
+  outline-color:rgb(var(--color-primary-600))
 }
 
-.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-purple-500:active{
+  outline-color:#a855f7
 }
 
-.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-purple-600:active{
+  outline-color:#9333ea
 }
 
-.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-red-500:active{
+  outline-color:#ef4444
 }
 
-.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-red-600:active{
+  outline-color:#dc2626
 }
 
-.turbo-progress-bar{
-  background-color:rgb(var(--color-primary-400))
+.active\:outline-rose-500:active{
+  outline-color:#f43f5e
 }
 
-body.os-mac .mac\:hidden {
-  display: none;
+.active\:outline-rose-600:active{
+  outline-color:#e11d48
 }
 
-body.os-pc .pc\:hidden {
-  display: none;
+.active\:outline-sky-500:active{
+  outline-color:#0ea5e9
 }
 
-trix-editor {
-  max-height: 320px !important;
-  overflow-y: auto;
+.active\:outline-sky-600:active{
+  outline-color:#0284c7
+}
+
+.active\:outline-slate-500:active{
+  outline-color:#64748b
+}
+
+.active\:outline-slate-600:active{
+  outline-color:#475569
+}
+
+.active\:outline-stone-500:active{
+  outline-color:#78716c
+}
+
+.active\:outline-stone-600:active{
+  outline-color:#57534e
+}
+
+.active\:outline-teal-500:active{
+  outline-color:#14b8a6
+}
+
+.active\:outline-teal-600:active{
+  outline-color:#0d9488
+}
+
+.active\:outline-violet-500:active{
+  outline-color:#8b5cf6
+}
+
+.active\:outline-violet-600:active{
+  outline-color:#7c3aed
+}
+
+.active\:outline-yellow-500:active{
+  outline-color:#eab308
+}
+
+.active\:outline-yellow-600:active{
+  outline-color:#ca8a04
+}
+
+.active\:outline-zinc-500:active{
+  outline-color:#71717a
+}
+
+.active\:outline-zinc-600:active{
+  outline-color:#52525b
+}
+
+.disabled\:cursor-not-allowed:disabled{
+  cursor:not-allowed
+}
+
+.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(227 229 232 / var(--tw-bg-opacity))
+}
+
+.disabled\:bg-gray-300:disabled{
+  --tw-bg-opacity:1;
+  background-color:rgb(172 177 185 / var(--tw-bg-opacity))
+}
+
+.disabled\:text-gray-600:disabled{
+  --tw-text-opacity:1;
+  color:rgb(94 100 110 / var(--tw-text-opacity))
+}
+
+.disabled\:text-slate-600:disabled{
+  --tw-text-opacity:1;
+  color:rgb(71 85 105 / var(--tw-text-opacity))
+}
+
+.disabled\:opacity-50:disabled{
+  opacity:0.5
+}
+
+.disabled\:opacity-70:disabled{
+  opacity:0.7
+}
+
+.group:hover .group-hover\:block{
+  display:block
+}
+
+.group:hover .group-hover\:pt-4{
+  padding-top:1rem
+}
+
+@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-6{
+    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-\[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\: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))
+  }
 }