avo.base.css in avo-3.0.0.beta1

- old
+ new

@@ -1365,11 +1365,10 @@
   line-height: inherit;
   height: auto;
   border: 0;
   border-radius: 0;
   vertical-align: initial;
-  -webkit-appearance: textfield;
   appearance: textfield;
 }
 
 .flatpickr-current-month input.cur-year:focus {
   outline: 0;
@@ -1714,11 +1713,10 @@
   line-height: inherit;
   color: #393939;
   font-size: 14px;
   position: relative;
   box-sizing: border-box;
-  -webkit-appearance: textfield;
   appearance: textfield;
 }
 
 .flatpickr-time input.flatpickr-hour {
   font-weight: bold;
@@ -1949,11 +1947,10 @@
     width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)
   }
 }
 
 .aa-SubmitButton{
-  -webkit-appearance:none;
   appearance:none;
   background:none;
   border:0;
   margin:0
 }
@@ -1973,11 +1970,10 @@
   position:relative;
   width:100%
 }
 
 .aa-Input{
-  -webkit-appearance:none;
   appearance:none;
   background:none;
   border:0;
   color:#262627;
   color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
@@ -1999,11 +1995,10 @@
   box-shadow:none;
   outline:none
 }
 
 .aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{
-  -webkit-appearance:none;
   appearance:none
 }
 
 .aa-InputWrapperSuffix{
   align-items:center;
@@ -2068,11 +2063,10 @@
     transition:none
   }
 }
 
 .aa-Panel button{
-  -webkit-appearance:none;
   appearance:none;
   background:none;
   border:0;
   margin:0;
   padding:0
@@ -3397,11 +3391,11 @@
   transform:translateY(-100%);
   opacity:0;
   transition:inherit
 }
 
-/*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
+/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
  */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -3428,10 +3422,12 @@
 /*
 1. Use a consistent sensible line-height in all browsers.
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
 */
 
 html {
   line-height: 1.5;
   /* 1 */
@@ -3440,10 +3436,14 @@
   /* 3 */
   tab-size: 4;
   /* 3 */
   font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
 }
 
 /*
 1. Remove the margin in all browsers.
 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
@@ -3583,10 +3583,12 @@
 textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
+  font-weight: inherit;
+  /* 1 */
   line-height: inherit;
   /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
@@ -3797,21 +3799,18 @@
 video {
   max-width: 100%;
   height: auto;
 }
 
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
+/* Make elements with the HTML hidden attribute stay hidden by default */
 
 [hidden] {
   display: none;
 }
 
 [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   background-color:#fff;
   border-color:#757D8A;
   border-width:1px;
   border-radius:0px;
   padding-top:0.5rem;
@@ -3868,12 +3867,11 @@
   -webkit-print-color-adjust:unset;
           color-adjust:unset
 }
 
 [type='checkbox'],[type='radio']{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   padding:0;
   -webkit-print-color-adjust:exact;
           color-adjust:exact;
   display:inline-block;
   vertical-align:middle;
@@ -3962,10 +3960,12 @@
 a{
   color:rgb(var(--color-primary-500))
 }
 
 *, ::before, ::after{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
   --tw-translate-x:0;
   --tw-translate-y:0;
   --tw-rotate:0;
   --tw-skew-x:0;
   --tw-skew-y:0;
@@ -3973,10 +3973,13 @@
   --tw-scale-y:1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness:proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
@@ -4006,10 +4009,60 @@
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: 
 }
 
+::backdrop{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness:proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:rgb(8 134 222 / 0.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: 
+}
+
 /* inter-regular - latin */
 
 @font-face {
   font-family: 'Inter';
 
@@ -4318,27 +4371,37 @@
     stroke-dashoffset: 27;
     opacity: 0;
   }
 }
 
-.pagy-nav, .pagy-nav-js, .pagy-combo-nav-js{
+.pagy-nav,
+.pagy-nav-js,
+.pagy-combo-nav-js{
   position:relative;
   z-index:0;
   display:flex
 }
 
-.pagy-nav.pagination > :not([hidden]) ~ :not([hidden]), .pagy-nav-js.pagination > :not([hidden]) ~ :not([hidden]), .pagy-combo-nav-js.pagination > :not([hidden]) ~ :not([hidden]){
+.pagy-nav.pagination > :not([hidden]) ~ :not([hidden]),
+.pagy-nav-js.pagination > :not([hidden]) ~ :not([hidden]),
+.pagy-combo-nav-js.pagination > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse:0;
   margin-right:calc(0.5rem * var(--tw-space-x-reverse));
   margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
 .pagy-nav .page a{
   display:block
 }
 
-.pagy-nav .page a, .pagy-nav .page.active, .pagy-nav .page.prev.disabled, .pagy-nav .page.next.disabled, .pagy-nav-js .page a, .pagy-combo-nav-js .page a, .pagy-combo-nav-js .pagy-combo-input a{
+.pagy-nav .page a,
+.pagy-nav .page.active,
+.pagy-nav .page.prev.disabled,
+.pagy-nav .page.next.disabled,
+.pagy-nav-js .page a,
+.pagy-combo-nav-js .page a,
+.pagy-combo-nav-js .pagy-combo-input a{
   border-radius:0.25rem;
   border-width:1px;
   --tw-border-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-border-opacity));
   --tw-bg-opacity:1;
@@ -4365,11 +4428,16 @@
 .pagy-nav .page a:active,.pagy-nav .page.active:active,.pagy-nav .page.prev.disabled:active,.pagy-nav .page.next.disabled:active,.pagy-nav-js .page a:active,.pagy-combo-nav-js .page a:active,.pagy-combo-nav-js .pagy-combo-input a:active{
     --tw-bg-opacity:1;
     background-color:rgb(200 203 208 / var(--tw-bg-opacity))
   }
 
-.pagy-nav .page.prev.disabled, .pagy-nav-js .page.prev.disabled, .pagy-combo-nav-js .page.prev.disabled, .pagy-nav .page.next.disabled, .pagy-nav-js .page.next.disabled, .pagy-combo-nav-js .page.next.disabled{
+.pagy-nav .page.prev.disabled,
+.pagy-nav-js .page.prev.disabled,
+.pagy-combo-nav-js .page.prev.disabled,
+.pagy-nav .page.next.disabled,
+.pagy-nav-js .page.next.disabled,
+.pagy-combo-nav-js .page.next.disabled{
   cursor:default;
   --tw-text-opacity:1;
   color:rgb(172 177 185 / var(--tw-text-opacity));
 }
 
@@ -4391,11 +4459,12 @@
 .pagy-nav .page.prev.disabled:active,.pagy-nav-js .page.prev.disabled:active,.pagy-combo-nav-js .page.prev.disabled:active,.pagy-nav .page.next.disabled:active,.pagy-nav-js .page.next.disabled:active,.pagy-combo-nav-js .page.next.disabled:active{
     --tw-text-opacity:1;
     color:rgb(172 177 185 / var(--tw-text-opacity))
   }
 
-.pagy-nav .page.active, .pagy-nav-js .page.active{
+.pagy-nav .page.active,
+.pagy-nav-js .page.active{
   cursor:default;
   --tw-border-opacity:1;
   border-color:rgb(117 125 138 / var(--tw-border-opacity));
   --tw-bg-opacity:1;
   background-color:rgb(117 125 138 / var(--tw-bg-opacity));
@@ -4434,15 +4503,17 @@
 .breadcrumbs svg{
     --tw-text-opacity:1;
     color:rgb(117 125 138 / var(--tw-text-opacity))
   }
 
-.breadcrumbs a, .breadcrumbs span{
+.breadcrumbs a,
+  .breadcrumbs span{
     display:inline-block
   }
 
-.breadcrumbs a, .breadcrumbs span{
+.breadcrumbs a,
+  .breadcrumbs span{
     font-size:0.875rem;
     line-height:1.25rem
   }
 
 .breadcrumbs a:hover{
@@ -4459,15 +4530,17 @@
 .global-search .aa-DetachedSearchButton:focus,
   .global-search .aa-DetachedSearchButton {
     border: none !important
   }
 
-.global-search .aa-DetachedSearchButton:focus, .global-search .aa-DetachedSearchButton{
+.global-search .aa-DetachedSearchButton:focus,
+  .global-search .aa-DetachedSearchButton{
     cursor:pointer
   }
 
-.global-search .aa-DetachedSearchButton:focus, .global-search .aa-DetachedSearchButton{
+.global-search .aa-DetachedSearchButton:focus,
+  .global-search .aa-DetachedSearchButton{
     --tw-text-opacity:1;
     color:rgb(117 125 138 / var(--tw-text-opacity))
   }
 
 .global-search .aa-DetachedSearchButton:focus .aa-DetachedSearchButtonPlaceholder,.global-search .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder{
@@ -4505,11 +4578,12 @@
   font-size:0.75rem;
   line-height:1rem;
   font-weight:600
 }
 
-.aa-DetachedFormContainer, .aa-DetachedContainer .aa-Panel{
+.aa-DetachedFormContainer,
+.aa-DetachedContainer .aa-Panel{
   border-bottom-width:0px;
   --tw-bg-opacity:1;
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
 
@@ -4694,11 +4768,12 @@
 
 body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
   display:block
 }
 
-.application-sidebar .active:hover, .application-sidebar .active{
+.application-sidebar .active:hover,
+.application-sidebar .active{
   background-color:rgb(var(--color-primary-100));
   color:rgb(var(--color-primary-500))
 }
 
 /* remove the left padding. */
@@ -4752,48 +4827,10 @@
     transform: scale(1);
     -webkit-transform: scale(1);
   }
 }
 
-tags.tagify {
-  --tag-inset-shadow-size: 3em;
-  --tags-border-color: rgb(var(--color-primary-500));
-  --tags-hover-border-color: rgb(var(--color-primary-500));
-}
-
-.tagify__dropdown {
-  --tagify-dd-color-primary: rgb(var(--color-primary-500));
-}
-
-tags.tagify{
-  padding:0px !important;
-}
-
-tags.tagify span.tagify__input{
-    margin-top:0.25rem;
-    margin-bottom:0.25rem
-  }
-
-tags.tagify span.tagify__input:after {
-      /* The loader is not centered by default. This will make it look better. */
-      margin-top: 0.25rem;
-    }
-
-tag.tagify__tag{
-  margin-top:0.25rem;
-  margin-bottom:0.25rem;
-  margin-bottom:0px;
-  font-size:0.875rem;
-  line-height:1.25rem
-}
-
-/* When the tags field is used to select just one value there's a weird ZeroWidthSpace (\u200B) character that breaks the vertical spacing. */
-
-[data-tags-field-mode-value="select"] tags.tagify {
-  height: 40px;
-}
-
 .spinner {
   width: 16px;
   height: 16px;
   position: relative;
 }
@@ -6383,10 +6420,14 @@
 
 .invisible{
   visibility:hidden
 }
 
+.collapse{
+  visibility:collapse
+}
+
 .static{
   position:static
 }
 
 .fixed{
@@ -6399,128 +6440,211 @@
 
 .relative{
   position:relative
 }
 
-.inset-auto{
-  top:auto;
-  right:auto;
-  bottom:auto;
-  left:auto
+.sticky{
+  position:sticky
 }
 
 .inset-0{
-  top:0px;
-  right:0px;
-  bottom:0px;
-  left:0px
+  inset:0px
 }
 
-.top-auto{
-  top:auto
+.inset-auto{
+  inset:auto
 }
 
-.-bottom-1\.5{
-  bottom:-0.375rem
+.inset-x-0{
+  left:0px;
+  right:0px
 }
 
 .-bottom-1{
   bottom:-0.25rem
 }
 
+.-bottom-1\.5{
+  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%
 }
 
-.top-1\/2{
-  top:50%
+.left-5{
+  left:1.25rem
 }
 
-.bottom-0{
-  bottom:0px
-}
-
 .left-auto{
   left:auto
 }
 
 .right-0{
   right:0px
 }
 
-.top-full{
-  top:100%
+.right-3{
+  right:0.75rem
 }
 
+.start-1{
+  inset-inline-start:0.25rem
+}
+
+.top-0{
+  top:0px
+}
+
+.top-1{
+  top:0.25rem
+}
+
+.top-1\/2{
+  top:50%
+}
+
+.top-2{
+  top:0.5rem
+}
+
+.top-3{
+  top:0.75rem
+}
+
+.top-5{
+  top:1.25rem
+}
+
 .top-\[-1px\]{
   top:-1px
 }
 
-.-top-\[0\.1rem\]{
-  top:-0.1rem
+.top-auto{
+  top:auto
 }
 
-.right-3{
-  right:0.75rem
+.top-full{
+  top:100%
 }
 
 .z-10{
   z-index:10
 }
 
-.z-50{
-  z-index:50
-}
-
 .z-20{
   z-index:20
 }
 
-.z-\[100\]{
-  z-index:100
+.z-30{
+  z-index:30
 }
 
 .z-40{
   z-index:40
 }
 
-.z-\[60\]{
-  z-index:60
+.z-50{
+  z-index:50
 }
 
-.z-30{
-  z-index:30
+.z-\[100\]{
+  z-index:100
 }
 
-.order-last{
-  order:9999
+.z-\[60\]{
+  z-index:60
 }
 
 .order-first{
   order:-9999
 }
 
+.order-last{
+  order:9999
+}
+
 .col-span-1{
   grid-column:span 1 / span 1
 }
 
 .col-span-2{
   grid-column:span 2 / span 2
 }
 
-.col-span-full{
-  grid-column:1 / -1
+.col-span-3{
+  grid-column:span 3 / span 3
 }
 
 .col-span-4{
   grid-column:span 4 / span 4
 }
 
+.col-span-5{
+  grid-column:span 5 / span 5
+}
+
+.col-span-6{
+  grid-column:span 6 / span 6
+}
+
+.col-span-full{
+  grid-column:1 / -1
+}
+
+.row-span-1{
+  grid-row:span 1 / span 1
+}
+
+.row-span-2{
+  grid-row:span 2 / span 2
+}
+
+.row-span-3{
+  grid-row:span 3 / span 3
+}
+
+.row-span-4{
+  grid-row:span 4 / span 4
+}
+
+.row-span-5{
+  grid-row:span 5 / span 5
+}
+
+.row-span-6{
+  grid-row:span 6 / span 6
+}
+
 .float-right{
   float:right
 }
 
 .float-left{
@@ -6529,209 +6653,268 @@
 
 .m-0{
   margin:0px
 }
 
-.-mx-1\.5{
-  margin-left:-0.375rem;
-  margin-right:-0.375rem
+.m-1{
+  margin:0.25rem
 }
 
 .-mx-1{
   margin-left:-0.25rem;
   margin-right:-0.25rem
 }
 
+.-mx-1\.5{
+  margin-left:-0.375rem;
+  margin-right:-0.375rem
+}
+
+.-mx-2{
+  margin-left:-0.5rem;
+  margin-right:-0.5rem
+}
+
+.-mx-4{
+  margin-left:-1rem;
+  margin-right:-1rem
+}
+
+.-mx-6{
+  margin-left:-1.5rem;
+  margin-right:-1.5rem
+}
+
+.-my-2{
+  margin-top:-0.5rem;
+  margin-bottom:-0.5rem
+}
+
+.-my-4{
+  margin-top:-1rem;
+  margin-bottom:-1rem
+}
+
 .mx-3{
   margin-left:0.75rem;
   margin-right:0.75rem
 }
 
+.mx-6{
+  margin-left:1.5rem;
+  margin-right:1.5rem
+}
+
+.mx-auto{
+  margin-left:auto;
+  margin-right:auto
+}
+
+.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
 }
 
-.-mx-6{
-  margin-left:-1.5rem;
-  margin-right:-1.5rem
-}
-
 .my-6{
   margin-top:1.5rem;
   margin-bottom:1.5rem
 }
 
 .my-\[2px\]{
   margin-top:2px;
   margin-bottom:2px
 }
 
-.my-1{
-  margin-top:0.25rem;
-  margin-bottom:0.25rem
+.-mb-2{
+  margin-bottom:-0.5rem
 }
 
-.my-0\.5{
-  margin-top:0.125rem;
-  margin-bottom:0.125rem
+.-ml-10{
+  margin-left:-2.5rem
 }
 
-.my-0{
-  margin-top:0px;
-  margin-bottom:0px
+.-ml-20{
+  margin-left:-5rem
 }
 
-.-mx-2{
-  margin-left:-0.5rem;
-  margin-right:-0.5rem
+.-ml-4{
+  margin-left:-1rem
 }
 
-.-my-2{
-  margin-top:-0.5rem;
-  margin-bottom:-0.5rem
+.-ml-px{
+  margin-left:-1px
 }
 
-.mx-6{
-  margin-left:1.5rem;
-  margin-right:1.5rem
+.-mt-1{
+  margin-top:-0.25rem
 }
 
-.mt-3{
-  margin-top:0.75rem
+.-mt-10{
+  margin-top:-2.5rem
 }
 
-.mt-8{
-  margin-top:2rem
+.-mt-12{
+  margin-top:-3rem
 }
 
-.mb-12{
-  margin-bottom:3rem
+.-mt-2{
+  margin-top:-0.5rem
 }
 
-.mr-2{
-  margin-right:0.5rem
+.-mt-24{
+  margin-top:-6rem
 }
 
+.-mt-9{
+  margin-top:-2.25rem
+}
+
 .mb-0{
   margin-bottom:0px
 }
 
-.mt-4{
-  margin-top:1rem
+.mb-1{
+  margin-bottom:0.25rem
 }
 
-.mt-2{
-  margin-top:0.5rem
+.mb-12{
+  margin-bottom:3rem
 }
 
-.mt-1{
-  margin-top:0.25rem
+.mb-2{
+  margin-bottom:0.5rem
 }
 
 .mb-4{
   margin-bottom:1rem
 }
 
-.mr-1{
-  margin-right:0.25rem
-}
-
-.mr-4{
-  margin-right:1rem
-}
-
 .ml-1{
   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-20{
+  margin-left:5rem
+}
+
 .ml-3{
   margin-left:0.75rem
 }
 
 .ml-4{
   margin-left:1rem
 }
 
-.mb-2{
-  margin-bottom:0.5rem
+.ml-6{
+  margin-left:1.5rem
 }
 
-.-mt-12{
-  margin-top:-3rem
+.ml-8{
+  margin-left:2rem
 }
 
-.ml-1\/2{
-  margin-left:50%
+.ml-auto{
+  margin-left:auto
 }
 
-.ml-10{
-  margin-left:2.5rem
+.ml-px{
+  margin-left:1px
 }
 
-.mt-0\.5{
-  margin-top:0.125rem
+.mr-0{
+  margin-right:0px
 }
 
-.mt-0{
-  margin-top:0px
+.mr-0\.5{
+  margin-right:0.125rem
 }
 
-.mt-1\.5{
-  margin-top:0.375rem
+.mr-1{
+  margin-right:0.25rem
 }
 
-.ml-2{
-  margin-left:0.5rem
+.mr-2{
+  margin-right:0.5rem
 }
 
-.mr-0\.5{
-  margin-right:0.125rem
+.mr-4{
+  margin-right:1rem
 }
 
-.mr-0{
-  margin-right:0px
+.mr-px{
+  margin-right:1px
 }
 
-.ml-auto{
-  margin-left:auto
+.mt-0{
+  margin-top:0px
 }
 
-.-mb-2{
-  margin-bottom:-0.5rem
+.mt-0\.5{
+  margin-top:0.125rem
 }
 
-.mt-6{
-  margin-top:1.5rem
+.mt-1{
+  margin-top:0.25rem
 }
 
+.mt-1\.5{
+  margin-top:0.375rem
+}
+
 .mt-12{
   margin-top:3rem
 }
 
-.mr-px{
-  margin-right:1px
+.mt-2{
+  margin-top:0.5rem
 }
 
-.-mt-2{
-  margin-top:-0.5rem
+.mt-3{
+  margin-top:0.75rem
 }
 
-.ml-px{
-  margin-left:1px
+.mt-4{
+  margin-top:1rem
 }
 
-.mb-1{
-  margin-bottom:0.25rem
+.mt-6{
+  margin-top:1.5rem
 }
 
-.-mt-9{
-  margin-top:-2.25rem
+.mt-8{
+  margin-top:2rem
 }
 
 .block{
   display:block
 }
@@ -6754,14 +6937,62 @@
 
 .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{
@@ -6770,190 +7001,226 @@
 
 .aspect-video{
   aspect-ratio:16 / 9
 }
 
-.h-36{
-  height:9rem
+.h-1{
+  height:0.25rem
 }
 
-.h-72{
-  height:18rem
+.h-10{
+  height:2.5rem
 }
 
-.h-\[27rem\]{
-  height:27rem
+.h-14{
+  height:3.5rem
 }
 
-.h-\[36rem\]{
-  height:36rem
+.h-16{
+  height:4rem
 }
 
-.h-\[45rem\]{
-  height:45rem
+.h-2{
+  height:0.5rem
 }
 
-.h-\[54rem\]{
-  height:54rem
+.h-20{
+  height:5rem
 }
 
-.h-5{
-  height:1.25rem
+.h-3{
+  height:0.75rem
 }
 
+.h-36{
+  height:9rem
+}
+
 .h-4{
   height:1rem
 }
 
-.h-full{
-  height:100%
+.h-40{
+  height:10rem
 }
 
-.h-64{
-  height:16rem
+.h-5{
+  height:1.25rem
 }
 
 .h-52{
   height:13rem
 }
 
 .h-6{
   height:1.5rem
 }
 
-.h-16{
-  height:4rem
+.h-64{
+  height:16rem
 }
 
+.h-72{
+  height:18rem
+}
+
 .h-8{
   height:2rem
 }
 
+.h-9{
+  height:2.25rem
+}
+
 .h-\[250px\]{
   height:250px
 }
 
-.h-3{
-  height:0.75rem
-}
-
 .h-\[calc\(100vh-4rem\)\]{
   height:calc(100vh - 4rem)
 }
 
-.h-10{
-  height:2.5rem
+.h-full{
+  height:100%
 }
 
-.h-20{
-  height:5rem
-}
-
-.h-9{
-  height:2.25rem
-}
-
 .max-h-full{
   max-height:100%
 }
 
-.max-h-11\/12{
-  max-height:91.666667%
+.min-h-1\/4{
+  min-height:25%
 }
 
 .min-h-24{
   min-height:6rem
 }
 
-.min-h-full{
-  min-height:100%
+.min-h-\[16rem\]{
+  min-height:16rem
 }
 
-.min-h-screen{
-  min-height:100vh
+.min-h-\[24rem\]{
+  min-height:24rem
 }
 
-.min-h-1\/4{
-  min-height:25%
+.min-h-\[32rem\]{
+  min-height:32rem
 }
 
 .min-h-\[3rem\]{
   min-height:3rem
 }
 
-.w-5{
-  width:1.25rem
+.min-h-\[40rem\]{
+  min-height:40rem
 }
 
-.w-4{
-  width:1rem
+.min-h-\[48rem\]{
+  min-height:48rem
 }
 
-.w-full{
-  width:100%
+.min-h-\[8rem\]{
+  min-height:8rem
 }
 
-.w-auto{
-  width:auto
+.min-h-full{
+  min-height:100%
 }
 
-.w-24{
-  width:6rem
+.min-h-inherit{
+  min-height:inherit
 }
 
-.w-10\/12{
-  width:83.333333%
+.min-h-screen{
+  min-height:100vh
 }
 
-.w-8{
-  width:2rem
+.w-0{
+  width:0px
 }
 
+.w-1{
+  width:0.25rem
+}
+
 .w-1\/2{
   width:50%
 }
 
-.w-0{
-  width:0px
+.w-10{
+  width:2.5rem
 }
 
-.w-48{
-  width:12rem
+.w-10\/12{
+  width:83.333333%
 }
 
+.w-11{
+  width:2.75rem
+}
+
 .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-52{
+  width:13rem
+}
+
 .w-64{
   width:16rem
 }
 
-.w-10{
-  width:2.5rem
+.w-8{
+  width:2rem
 }
 
 .w-\[1\%\]{
   width:1%
 }
 
-.min-w-\[1rem\]{
-  min-width:1rem
+.w-\[calc\(100\%\+1rem\)\]{
+  width:calc(100% + 1rem)
 }
 
-.min-w-\[300px\]{
-  min-width:300px
+.w-auto{
+  width:auto
 }
 
-.min-w-full{
-  min-width:100%
+.w-full{
+  width:100%
 }
 
+.min-w-\[1rem\]{
+  min-width:1rem
+}
+
 .min-w-\[200px\]{
   min-width:200px
 }
 
 .min-w-\[20px\]{
@@ -6962,14 +7229,22 @@
 
 .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{
@@ -6986,75 +7261,114 @@
 
 .flex-1{
   flex:1 1 0%
 }
 
+.flex-auto{
+  flex:1 1 auto
+}
+
+.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{
+  --tw-translate-x:-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-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-x-full{
-  --tw-translate-x:-100%;
+.-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-full{
-  --tw-translate-y:-100%;
+.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-pointer{
-  cursor:pointer
-}
-
 .cursor-not-allowed{
   cursor:not-allowed
 }
 
+.cursor-pointer{
+  cursor:pointer
+}
+
 .cursor-wait{
   cursor:wait
 }
 
+.resize{
+  resize:both
+}
+
 .appearance-none{
-  -webkit-appearance:none;
-          appearance:none
+  appearance:none
 }
 
 .auto-cols-fr{
   grid-auto-columns:minmax(0, 1fr)
 }
@@ -7065,10 +7379,26 @@
 
 .grid-cols-1{
   grid-template-columns:repeat(1, minmax(0, 1fr))
 }
 
+.grid-cols-2{
+  grid-template-columns:repeat(2, minmax(0, 1fr))
+}
+
+.grid-cols-3{
+  grid-template-columns:repeat(3, minmax(0, 1fr))
+}
+
+.grid-cols-4{
+  grid-template-columns:repeat(4, minmax(0, 1fr))
+}
+
+.grid-cols-5{
+  grid-template-columns:repeat(5, minmax(0, 1fr))
+}
+
 .grid-cols-6{
   grid-template-columns:repeat(6, minmax(0, 1fr))
 }
 
 .grid-rows-1{
@@ -7137,96 +7467,129 @@
 
 .justify-evenly{
   justify-content:space-evenly
 }
 
-.gap-4{
-  gap:1rem
+.gap-0{
+  gap:0px
 }
 
+.gap-1{
+  gap:0.25rem
+}
+
 .gap-2{
   gap:0.5rem
 }
 
-.gap-0{
-  gap:0px
+.gap-3{
+  gap:0.75rem
 }
 
+.gap-4{
+  gap:1rem
+}
+
 .gap-6{
   gap:1.5rem
 }
 
-.gap-1{
-  gap:0.25rem
+.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)))
 }
 
-.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-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-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-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-x-8 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(2rem * var(--tw-space-x-reverse));
+  margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-y-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))
+}
+
 .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-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-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-8 > :not([hidden]) ~ :not([hidden]){
+.space-y-2 > :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))
+  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
 }
 
-.space-y-12 > :not([hidden]) ~ :not([hidden]){
+.space-y-3 > :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))
+  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(0.75rem * 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-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-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))
 }
 
@@ -7236,10 +7599,14 @@
 
 .self-start{
   align-self:flex-start
 }
 
+.self-end{
+  align-self:flex-end
+}
+
 .self-center{
   align-self:center
 }
 
 .justify-self-end{
@@ -7274,445 +7641,496 @@
 
 .break-words{
   overflow-wrap:break-word
 }
 
+.break-all{
+  word-break:break-all
+}
+
+.\!rounded-none{
+  border-radius:0px !important
+}
+
 .rounded{
   border-radius:0.25rem
 }
 
-.rounded-md{
-  border-radius:0.375rem
+.rounded-full{
+  border-radius:9999px
 }
 
 .rounded-lg{
   border-radius:0.5rem
 }
 
-.rounded-full{
-  border-radius:9999px
+.rounded-md{
+  border-radius:0.375rem
 }
 
 .rounded-none{
   border-radius:0px
 }
 
-.\!rounded-none{
-  border-radius:0px !important
-}
-
 .rounded-xl{
   border-radius:1rem
 }
 
 .rounded-l{
   border-top-left-radius:0.25rem;
   border-bottom-left-radius:0.25rem
 }
 
+.rounded-l-md{
+  border-top-left-radius:0.375rem;
+  border-bottom-left-radius:0.375rem
+}
+
+.rounded-r-md{
+  border-top-right-radius:0.375rem;
+  border-bottom-right-radius:0.375rem
+}
+
 .rounded-t{
   border-top-left-radius:0.25rem;
   border-top-right-radius:0.25rem
 }
 
 .border{
   border-width:1px
 }
 
-.border-b-2{
-  border-bottom-width:2px
+.border-y{
+  border-top-width:1px;
+  border-bottom-width:1px
 }
 
 .border-b{
   border-bottom-width:1px
 }
 
-.border-r{
-  border-right-width:1px
+.border-b-0{
+  border-bottom-width:0px
 }
 
-.border-l-0{
-  border-left-width:0px
+.border-b-2{
+  border-bottom-width:2px
 }
 
-.border-b-0{
-  border-bottom-width:0px
+.border-l{
+  border-left-width:1px
 }
 
-.border-t-0{
-  border-top-width:0px
+.border-l-0{
+  border-left-width:0px
 }
 
+.border-r{
+  border-right-width:1px
+}
+
 .border-t{
   border-top-width:1px
 }
 
-.border-l{
-  border-left-width:1px
+.border-t-0{
+  border-top-width:0px
 }
 
 .border-dashed{
   border-style:dashed
 }
 
 .border-none{
   border-style:none
 }
 
-.border-slate-500{
+.border-amber-500{
   --tw-border-opacity:1;
-  border-color:rgb(100 116 139 / var(--tw-border-opacity))
+  border-color:rgb(245 158 11 / var(--tw-border-opacity))
 }
 
-.border-gray-500{
+.border-blue-500{
   --tw-border-opacity:1;
-  border-color:rgb(117 125 138 / var(--tw-border-opacity))
+  border-color:rgb(8 134 222 / var(--tw-border-opacity))
 }
 
-.border-zinc-500{
+.border-blue-600{
   --tw-border-opacity:1;
-  border-color:rgb(113 113 122 / var(--tw-border-opacity))
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
 }
 
-.border-neutral-500{
+.border-cyan-500{
   --tw-border-opacity:1;
-  border-color:rgb(115 115 115 / var(--tw-border-opacity))
+  border-color:rgb(6 182 212 / var(--tw-border-opacity))
 }
 
-.border-stone-500{
+.border-emerald-500{
   --tw-border-opacity:1;
-  border-color:rgb(120 113 108 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.border-red-500{
+.border-fuchsia-500{
   --tw-border-opacity:1;
-  border-color:rgb(239 68 68 / var(--tw-border-opacity))
+  border-color:rgb(217 70 239 / var(--tw-border-opacity))
 }
 
-.border-orange-500{
+.border-gray-150{
   --tw-border-opacity:1;
-  border-color:rgb(249 115 22 / var(--tw-border-opacity))
+  border-color:rgb(214 216 220 / var(--tw-border-opacity))
 }
 
-.border-amber-500{
+.border-gray-200{
   --tw-border-opacity:1;
-  border-color:rgb(245 158 11 / var(--tw-border-opacity))
+  border-color:rgb(200 203 208 / var(--tw-border-opacity))
 }
 
-.border-yellow-500{
+.border-gray-300{
   --tw-border-opacity:1;
-  border-color:rgb(234 179 8 / var(--tw-border-opacity))
+  border-color:rgb(172 177 185 / var(--tw-border-opacity))
 }
 
-.border-lime-500{
+.border-gray-50{
   --tw-border-opacity:1;
-  border-color:rgb(132 204 22 / var(--tw-border-opacity))
+  border-color:rgb(241 242 243 / var(--tw-border-opacity))
 }
 
-.border-green-500{
+.border-gray-500{
   --tw-border-opacity:1;
-  border-color:rgb(34 197 94 / var(--tw-border-opacity))
+  border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
 
-.border-emerald-500{
+.border-gray-600{
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 
-.border-teal-500{
+.border-green-500{
   --tw-border-opacity:1;
-  border-color:rgb(20 184 166 / var(--tw-border-opacity))
+  border-color:rgb(34 197 94 / var(--tw-border-opacity))
 }
 
-.border-cyan-500{
+.border-green-600{
   --tw-border-opacity:1;
-  border-color:rgb(6 182 212 / var(--tw-border-opacity))
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
 }
 
-.border-sky-500{
+.border-indigo-500{
   --tw-border-opacity:1;
-  border-color:rgb(14 165 233 / var(--tw-border-opacity))
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
 
-.border-blue-500{
+.border-lime-500{
   --tw-border-opacity:1;
-  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+  border-color:rgb(132 204 22 / var(--tw-border-opacity))
 }
 
-.border-indigo-500{
+.border-neutral-500{
   --tw-border-opacity:1;
-  border-color:rgb(99 102 241 / var(--tw-border-opacity))
+  border-color:rgb(115 115 115 / var(--tw-border-opacity))
 }
 
-.border-violet-500{
+.border-orange-500{
   --tw-border-opacity:1;
-  border-color:rgb(139 92 246 / var(--tw-border-opacity))
+  border-color:rgb(249 115 22 / var(--tw-border-opacity))
 }
 
-.border-purple-500{
+.border-orange-600{
   --tw-border-opacity:1;
-  border-color:rgb(168 85 247 / var(--tw-border-opacity))
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
 }
 
-.border-fuchsia-500{
-  --tw-border-opacity:1;
-  border-color:rgb(217 70 239 / var(--tw-border-opacity))
-}
-
 .border-pink-500{
   --tw-border-opacity:1;
   border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
 
-.border-rose-500{
-  --tw-border-opacity:1;
-  border-color:rgb(244 63 94 / var(--tw-border-opacity))
+.border-primary-300{
+  border-color:rgb(var(--color-primary-300))
 }
 
 .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-gray-200{
+.border-rose-500{
   --tw-border-opacity:1;
-  border-color:rgb(200 203 208 / var(--tw-border-opacity))
+  border-color:rgb(244 63 94 / var(--tw-border-opacity))
 }
 
-.border-gray-300{
+.border-sky-500{
   --tw-border-opacity:1;
-  border-color:rgb(172 177 185 / var(--tw-border-opacity))
+  border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
 
-.border-gray-600{
+.border-slate-300{
   --tw-border-opacity:1;
-  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+  border-color:rgb(203 213 225 / var(--tw-border-opacity))
 }
 
-.border-green-600{
+.border-slate-500{
   --tw-border-opacity:1;
-  border-color:rgb(22 163 74 / var(--tw-border-opacity))
+  border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
 
-.border-orange-600{
+.border-stone-500{
   --tw-border-opacity:1;
-  border-color:rgb(234 88 12 / var(--tw-border-opacity))
+  border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
 
-.border-blue-600{
+.border-teal-500{
   --tw-border-opacity:1;
-  border-color:rgb(6 107 178 / var(--tw-border-opacity))
+  border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
 
 .border-transparent{
   border-color:transparent
 }
 
-.border-slate-300{
+.border-violet-500{
   --tw-border-opacity:1;
-  border-color:rgb(203 213 225 / var(--tw-border-opacity))
+  border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
 
-.border-gray-150{
+.border-yellow-500{
   --tw-border-opacity:1;
-  border-color:rgb(214 216 220 / var(--tw-border-opacity))
+  border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
 
-.bg-slate-500{
+.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(100 116 139 / var(--tw-bg-opacity))
+  background-color:rgb(245 158 11 / var(--tw-bg-opacity))
 }
 
-.bg-gray-500{
+.bg-application{
+  background-color:rgb(var(--color-application-background))
+}
+
+.bg-blue-400{
   --tw-bg-opacity:1;
-  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
+  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
 }
 
-.bg-zinc-500{
+.bg-blue-50{
   --tw-bg-opacity:1;
-  background-color:rgb(113 113 122 / var(--tw-bg-opacity))
+  background-color:rgb(230 243 252 / var(--tw-bg-opacity))
 }
 
-.bg-neutral-500{
+.bg-blue-500{
   --tw-bg-opacity:1;
-  background-color:rgb(115 115 115 / var(--tw-bg-opacity))
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
 }
 
-.bg-stone-500{
+.bg-cyan-500{
   --tw-bg-opacity:1;
-  background-color:rgb(120 113 108 / var(--tw-bg-opacity))
+  background-color:rgb(6 182 212 / var(--tw-bg-opacity))
 }
 
-.bg-red-500{
+.bg-emerald-500{
   --tw-bg-opacity:1;
-  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
+  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
 }
 
-.bg-orange-500{
+.bg-fuchsia-500{
   --tw-bg-opacity:1;
-  background-color:rgb(249 115 22 / var(--tw-bg-opacity))
+  background-color:rgb(217 70 239 / var(--tw-bg-opacity))
 }
 
-.bg-amber-500{
+.bg-gray-100{
   --tw-bg-opacity:1;
-  background-color:rgb(245 158 11 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
-.bg-yellow-500{
+.bg-gray-200{
   --tw-bg-opacity:1;
-  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
+  background-color:rgb(200 203 208 / var(--tw-bg-opacity))
 }
 
-.bg-lime-500{
+.bg-gray-25{
   --tw-bg-opacity:1;
-  background-color:rgb(132 204 22 / var(--tw-bg-opacity))
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
 }
 
-.bg-green-500{
+.bg-gray-50{
   --tw-bg-opacity:1;
-  background-color:rgb(34 197 94 / var(--tw-bg-opacity))
+  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
 
-.bg-emerald-500{
+.bg-gray-500{
   --tw-bg-opacity:1;
-  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
+  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
 }
 
-.bg-teal-500{
+.bg-gray-600{
   --tw-bg-opacity:1;
-  background-color:rgb(20 184 166 / var(--tw-bg-opacity))
+  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
 
-.bg-cyan-500{
+.bg-gray-700{
   --tw-bg-opacity:1;
-  background-color:rgb(6 182 212 / var(--tw-bg-opacity))
+  background-color:rgb(70 75 83 / var(--tw-bg-opacity))
 }
 
-.bg-sky-500{
+.bg-gray-800{
   --tw-bg-opacity:1;
-  background-color:rgb(14 165 233 / var(--tw-bg-opacity))
+  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
 }
 
-.bg-blue-500{
+.bg-green-400{
   --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+  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-violet-500{
+.bg-lime-500{
   --tw-bg-opacity:1;
-  background-color:rgb(139 92 246 / var(--tw-bg-opacity))
+  background-color:rgb(132 204 22 / var(--tw-bg-opacity))
 }
 
-.bg-purple-500{
+.bg-neutral-500{
   --tw-bg-opacity:1;
-  background-color:rgb(168 85 247 / var(--tw-bg-opacity))
+  background-color:rgb(115 115 115 / var(--tw-bg-opacity))
 }
 
-.bg-fuchsia-500{
+.bg-orange-400{
   --tw-bg-opacity:1;
-  background-color:rgb(217 70 239 / var(--tw-bg-opacity))
+  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-rose-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(244 63 94 / var(--tw-bg-opacity))
+.bg-primary-100{
+  background-color:rgb(var(--color-primary-100))
 }
 
+.bg-primary-400{
+  background-color:rgb(var(--color-primary-400))
+}
+
 .bg-primary-500{
   background-color:rgb(var(--color-primary-500))
 }
 
-.bg-red-600{
+.bg-purple-500{
   --tw-bg-opacity:1;
-  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+  background-color:rgb(168 85 247 / var(--tw-bg-opacity))
 }
 
-.bg-white{
+.bg-red-400{
   --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+  background-color:rgb(248 113 113 / var(--tw-bg-opacity))
 }
 
-.bg-gray-25{
+.bg-red-500{
   --tw-bg-opacity:1;
-  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
 }
 
-.bg-application{
-  background-color:rgb(var(--color-application-background))
-}
-
-.bg-orange-700{
+.bg-red-600{
   --tw-bg-opacity:1;
-  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
 
-.bg-gray-100{
+.bg-rose-500{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(244 63 94 / var(--tw-bg-opacity))
 }
 
-.bg-green-700{
+.bg-sky-500{
   --tw-bg-opacity:1;
-  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
+  background-color:rgb(14 165 233 / var(--tw-bg-opacity))
 }
 
-.bg-red-400{
+.bg-slate-100{
   --tw-bg-opacity:1;
-  background-color:rgb(248 113 113 / var(--tw-bg-opacity))
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
 
-.bg-orange-400{
+.bg-slate-500{
   --tw-bg-opacity:1;
-  background-color:rgb(251 146 60 / var(--tw-bg-opacity))
+  background-color:rgb(100 116 139 / var(--tw-bg-opacity))
 }
 
-.bg-blue-400{
+.bg-stone-500{
   --tw-bg-opacity:1;
-  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
+  background-color:rgb(120 113 108 / var(--tw-bg-opacity))
 }
 
-.bg-gray-800{
+.bg-teal-500{
   --tw-bg-opacity:1;
-  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
+  background-color:rgb(20 184 166 / var(--tw-bg-opacity))
 }
 
-.bg-primary-100{
-  background-color:rgb(var(--color-primary-100))
+.bg-transparent{
+  background-color:transparent
 }
 
-.bg-gray-50{
+.bg-violet-500{
   --tw-bg-opacity:1;
-  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
+  background-color:rgb(139 92 246 / var(--tw-bg-opacity))
 }
 
-.bg-gray-700{
+.bg-white{
   --tw-bg-opacity:1;
-  background-color:rgb(70 75 83 / var(--tw-bg-opacity))
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
 }
 
-.bg-gray-600{
+.bg-yellow-500{
   --tw-bg-opacity:1;
-  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
+  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
 }
 
-.bg-slate-100{
+.bg-zinc-500{
   --tw-bg-opacity:1;
-  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+  background-color:rgb(113 113 122 / var(--tw-bg-opacity))
 }
 
 .bg-opacity-25{
   --tw-bg-opacity:0.25
 }
@@ -7735,198 +8153,229 @@
 
 .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-1{
-  padding:0.25rem
+.p-px{
+  padding:1px
 }
 
-.p-1\.5{
-  padding:0.375rem
+.px-0{
+  padding-left:0px;
+  padding-right:0px
 }
 
 .px-1{
   padding-left:0.25rem;
   padding-right:0.25rem
 }
 
-.py-px{
-  padding-top:1px;
-  padding-bottom:1px
+.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
 }
 
-.py-1{
-  padding-top:0.25rem;
-  padding-bottom:0.25rem
+.px-24{
+  padding-left:6rem;
+  padding-right:6rem
 }
 
-.px-4{
-  padding-left:1rem;
-  padding-right:1rem
-}
-
-.py-2{
-  padding-top:0.5rem;
-  padding-bottom:0.5rem
-}
-
-.py-3{
-  padding-top:0.75rem;
-  padding-bottom:0.75rem
-}
-
 .px-3{
   padding-left:0.75rem;
   padding-right:0.75rem
 }
 
-.px-0{
-  padding-left:0px;
-  padding-right:0px
+.px-4{
+  padding-left:1rem;
+  padding-right:1rem
 }
 
-.py-4{
-  padding-top:1rem;
-  padding-bottom:1rem
+.px-5{
+  padding-left:1.25rem;
+  padding-right:1.25rem
 }
 
-.py-6{
-  padding-top:1.5rem;
-  padding-bottom:1.5rem
-}
-
 .px-6{
   padding-left:1.5rem;
   padding-right:1.5rem
 }
 
-.py-0\.5{
-  padding-top:0.125rem;
-  padding-bottom:0.125rem
+.px-8{
+  padding-left:2rem;
+  padding-right:2rem
 }
 
-.px-1\.5{
-  padding-left:0.375rem;
-  padding-right:0.375rem
-}
-
 .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
 }
 
-.px-5{
-  padding-left:1.25rem;
-  padding-right:1.25rem
+.py-12{
+  padding-top:3rem;
+  padding-bottom:3rem
 }
 
+.py-2{
+  padding-top:0.5rem;
+  padding-bottom:0.5rem
+}
+
 .py-24{
   padding-top:6rem;
   padding-bottom:6rem
 }
 
-.px-10{
-  padding-left:2.5rem;
-  padding-right:2.5rem
+.py-3{
+  padding-top:0.75rem;
+  padding-bottom:0.75rem
 }
 
-.py-8{
-  padding-top:2rem;
-  padding-bottom:2rem
+.py-4{
+  padding-top:1rem;
+  padding-bottom:1rem
 }
 
-.pt-4{
-  padding-top:1rem
+.py-6{
+  padding-top:1.5rem;
+  padding-bottom:1.5rem
 }
 
-.pb-8{
+.py-8{
+  padding-top:2rem;
   padding-bottom:2rem
 }
 
-.pb-6{
-  padding-bottom:1.5rem
+.py-px{
+  padding-top:1px;
+  padding-bottom:1px
 }
 
-.pb-3{
-  padding-bottom:0.75rem
+.pb-0{
+  padding-bottom:0px
 }
 
 .pb-1{
   padding-bottom:0.25rem
 }
 
-.pb-0{
-  padding-bottom:0px
+.pb-2{
+  padding-bottom:0.5rem
 }
 
-.pt-16{
-  padding-top:4rem
+.pb-3{
+  padding-bottom:0.75rem
 }
 
-.pt-0\.5{
-  padding-top:0.125rem
+.pb-3\/4{
+  padding-bottom:75%
 }
 
-.pt-0{
-  padding-top:0px
-}
-
 .pb-4{
   padding-bottom:1rem
 }
 
-.pb-2{
-  padding-bottom:0.5rem
+.pb-6{
+  padding-bottom:1.5rem
 }
 
-.pt-3{
-  padding-top:0.75rem
+.pl-1{
+  padding-left:0.25rem
 }
 
-.pb-3\/4{
-  padding-bottom:75%
+.pl-4{
+  padding-left:1rem
 }
 
-.pt-px{
-  padding-top:1px
+.pr-0{
+  padding-right:0px
 }
 
 .pr-2{
   padding-right:0.5rem
 }
 
+.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
 }
 
-.pr-0{
-  padding-right:0px
+.pt-3{
+  padding-top:0.75rem
 }
 
+.pt-4{
+  padding-top:1rem
+}
+
+.pt-px{
+  padding-top:1px
+}
+
 .text-left{
   text-align:left
 }
 
 .text-center{
@@ -7935,359 +8384,467 @@
 
 .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-sm{
-  font-size:0.875rem;
-  line-height:1.25rem
+.text-2xl{
+  font-size:1.5rem;
+  line-height:2rem
 }
 
-.text-lg{
-  font-size:1.125rem;
-  line-height:1.75rem
+.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
 }
 
-.text-3xl{
-  font-size:1.875rem;
-  line-height:2.25rem
+.font-bold{
+  font-weight:700
 }
 
-.text-5xl{
-  font-size:3rem;
-  line-height:1
+.font-medium{
+  font-weight:500
 }
 
-.text-2xl{
-  font-size:1.5rem;
-  line-height:2rem
+.font-normal{
+  font-weight:400
 }
 
 .font-semibold{
   font-weight:600
 }
 
-.font-normal{
-  font-weight:400
-}
-
-.font-bold{
-  font-weight:700
-}
-
-.font-medium{
-  font-weight:500
-}
-
 .uppercase{
   text-transform:uppercase
 }
 
+.lowercase{
+  text-transform:lowercase
+}
+
 .capitalize{
   text-transform:capitalize
 }
 
-.leading-6{
-  line-height:1.5rem
+.italic{
+  font-style:italic
 }
 
-.leading-tight{
-  line-height:1.25
+.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
 }
 
-.tracking-tight{
-  letter-spacing:-0.025em
+.leading-tight{
+  line-height:1.25
 }
 
 .tracking-normal{
   letter-spacing:0em
 }
 
-.text-slate-500{
+.tracking-tight{
+  letter-spacing:-0.025em
+}
+
+.\!text-blue-700{
+  --tw-text-opacity:1 !important;
+  color:rgb(5 80 133 / var(--tw-text-opacity)) !important
+}
+
+.\!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(100 116 139 / var(--tw-text-opacity))
+  color:rgb(245 158 11 / var(--tw-text-opacity))
 }
 
-.text-gray-500{
+.text-black{
   --tw-text-opacity:1;
-  color:rgb(117 125 138 / var(--tw-text-opacity))
+  color:rgb(0 0 0 / var(--tw-text-opacity))
 }
 
-.text-zinc-500{
+.text-blue-500{
   --tw-text-opacity:1;
-  color:rgb(113 113 122 / var(--tw-text-opacity))
+  color:rgb(8 134 222 / var(--tw-text-opacity))
 }
 
-.text-neutral-500{
+.text-cyan-500{
   --tw-text-opacity:1;
-  color:rgb(115 115 115 / var(--tw-text-opacity))
+  color:rgb(6 182 212 / var(--tw-text-opacity))
 }
 
-.text-stone-500{
+.text-emerald-500{
   --tw-text-opacity:1;
-  color:rgb(120 113 108 / var(--tw-text-opacity))
+  color:rgb(16 185 129 / var(--tw-text-opacity))
 }
 
-.text-red-500{
+.text-fuchsia-500{
   --tw-text-opacity:1;
-  color:rgb(239 68 68 / var(--tw-text-opacity))
+  color:rgb(217 70 239 / var(--tw-text-opacity))
 }
 
-.text-orange-500{
+.text-gray-300{
   --tw-text-opacity:1;
-  color:rgb(249 115 22 / var(--tw-text-opacity))
+  color:rgb(172 177 185 / var(--tw-text-opacity))
 }
 
-.text-amber-500{
+.text-gray-400{
   --tw-text-opacity:1;
-  color:rgb(245 158 11 / var(--tw-text-opacity))
+  color:rgb(145 151 161 / var(--tw-text-opacity))
 }
 
-.text-yellow-500{
+.text-gray-500{
   --tw-text-opacity:1;
-  color:rgb(234 179 8 / var(--tw-text-opacity))
+  color:rgb(117 125 138 / var(--tw-text-opacity))
 }
 
-.text-lime-500{
+.text-gray-600{
   --tw-text-opacity:1;
-  color:rgb(132 204 22 / var(--tw-text-opacity))
+  color:rgb(94 100 110 / var(--tw-text-opacity))
 }
 
-.text-green-500{
+.text-gray-700{
   --tw-text-opacity:1;
-  color:rgb(34 197 94 / var(--tw-text-opacity))
+  color:rgb(70 75 83 / var(--tw-text-opacity))
 }
 
-.text-emerald-500{
+.text-gray-800{
   --tw-text-opacity:1;
-  color:rgb(16 185 129 / var(--tw-text-opacity))
+  color:rgb(47 50 55 / var(--tw-text-opacity))
 }
 
-.text-teal-500{
+.text-gray-900{
   --tw-text-opacity:1;
-  color:rgb(20 184 166 / var(--tw-text-opacity))
+  color:rgb(23 25 28 / var(--tw-text-opacity))
 }
 
-.text-cyan-500{
+.text-green-500{
   --tw-text-opacity:1;
-  color:rgb(6 182 212 / var(--tw-text-opacity))
+  color:rgb(34 197 94 / var(--tw-text-opacity))
 }
 
-.text-sky-500{
+.text-green-600{
   --tw-text-opacity:1;
-  color:rgb(14 165 233 / var(--tw-text-opacity))
+  color:rgb(22 163 74 / var(--tw-text-opacity))
 }
 
-.text-blue-500{
+.text-green-700{
   --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  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-violet-500{
+.text-lime-500{
   --tw-text-opacity:1;
-  color:rgb(139 92 246 / var(--tw-text-opacity))
+  color:rgb(132 204 22 / var(--tw-text-opacity))
 }
 
-.text-purple-500{
+.text-neutral-500{
   --tw-text-opacity:1;
-  color:rgb(168 85 247 / var(--tw-text-opacity))
+  color:rgb(115 115 115 / var(--tw-text-opacity))
 }
 
-.text-fuchsia-500{
+.text-orange-500{
   --tw-text-opacity:1;
-  color:rgb(217 70 239 / var(--tw-text-opacity))
+  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-primary-500{
-  color:rgb(var(--color-primary-500))
+.text-sky-500{
+  --tw-text-opacity:1;
+  color:rgb(14 165 233 / var(--tw-text-opacity))
 }
 
-.text-white{
+.text-slate-500{
   --tw-text-opacity:1;
-  color:rgb(255 255 255 / var(--tw-text-opacity))
+  color:rgb(100 116 139 / var(--tw-text-opacity))
 }
 
-.text-gray-700{
+.text-slate-600{
   --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
+  color:rgb(71 85 105 / var(--tw-text-opacity))
 }
 
-.text-gray-600{
+.text-slate-700{
   --tw-text-opacity:1;
-  color:rgb(94 100 110 / var(--tw-text-opacity))
+  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-red-600{
+.text-stone-500{
   --tw-text-opacity:1;
-  color:rgb(220 38 38 / var(--tw-text-opacity))
+  color:rgb(120 113 108 / var(--tw-text-opacity))
 }
 
-.text-gray-300{
+.text-teal-500{
   --tw-text-opacity:1;
-  color:rgb(172 177 185 / var(--tw-text-opacity))
+  color:rgb(20 184 166 / var(--tw-text-opacity))
 }
 
-.text-gray-400{
+.text-violet-500{
   --tw-text-opacity:1;
-  color:rgb(145 151 161 / var(--tw-text-opacity))
+  color:rgb(139 92 246 / var(--tw-text-opacity))
 }
 
-.text-black{
+.text-white{
   --tw-text-opacity:1;
-  color:rgb(0 0 0 / var(--tw-text-opacity))
+  color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
-.text-slate-600{
+.text-yellow-500{
   --tw-text-opacity:1;
-  color:rgb(71 85 105 / var(--tw-text-opacity))
+  color:rgb(234 179 8 / var(--tw-text-opacity))
 }
 
-.text-slate-700{
+.text-zinc-500{
   --tw-text-opacity:1;
-  color:rgb(51 65 85 / var(--tw-text-opacity))
+  color:rgb(113 113 122 / var(--tw-text-opacity))
 }
 
-.text-gray-800{
-  --tw-text-opacity:1;
-  color:rgb(47 50 55 / var(--tw-text-opacity))
+.underline{
+  text-decoration-line:underline
 }
 
-.text-green-600{
-  --tw-text-opacity:1;
-  color:rgb(22 163 74 / var(--tw-text-opacity))
+.overline{
+  text-decoration-line:overline
 }
 
+.line-through{
+  text-decoration-line:line-through
+}
+
 .no-underline{
-  -webkit-text-decoration-line:none;
-          text-decoration-line:none
+  text-decoration-line:none
 }
 
-.opacity-75{
-  opacity:0.75
+.antialiased{
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale
 }
 
-.opacity-50{
-  opacity:0.5
+.subpixel-antialiased{
+  -webkit-font-smoothing:auto;
+  -moz-osx-font-smoothing:auto
 }
 
 .opacity-0{
   opacity:0
 }
 
 .opacity-100{
   opacity:1
 }
 
-.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)
+.opacity-50{
+  opacity:0.5
 }
 
-.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);
+.opacity-75{
+  opacity:0.75
+}
+
+.opacity-80{
+  opacity:0.8
+}
+
+.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-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);
+.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-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);
+.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{
-  --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);
+.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)
 }
 
+.sepia{
+  --tw-sepia:sepia(100%);
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
 .filter{
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
+.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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  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-text-decoration-color, -webkit-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
 }
@@ -8302,23 +8859,32 @@
 
 .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)
 }
 
-.ease-in{
-  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
+.will-change-transform{
+  will-change:transform
 }
 
-html, body{
+.\[a-zA-Z\:_\]{
+  a-z-a--z:
+}
+
+html,
+body{
   position:relative;
   height:100%;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale
 }
@@ -8330,13 +8896,13 @@
 .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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  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-text-decoration-color, -webkit-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{
@@ -8391,10 +8957,52 @@
 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))
 }
 
@@ -8412,394 +9020,419 @@
 
 .hover\:z-\[21\]:hover{
   z-index:21
 }
 
-.hover\:border-slate-600:hover{
+.hover\:border-amber-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(71 85 105 / var(--tw-border-opacity))
+  border-color:rgb(217 119 6 / var(--tw-border-opacity))
 }
 
-.hover\:border-gray-600:hover{
+.hover\:border-blue-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
 }
 
-.hover\:border-zinc-600:hover{
+.hover\:border-cyan-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(82 82 91 / var(--tw-border-opacity))
+  border-color:rgb(8 145 178 / var(--tw-border-opacity))
 }
 
-.hover\:border-neutral-600:hover{
+.hover\:border-emerald-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(82 82 82 / var(--tw-border-opacity))
+  border-color:rgb(5 150 105 / var(--tw-border-opacity))
 }
 
-.hover\:border-stone-600:hover{
+.hover\:border-fuchsia-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(87 83 78 / var(--tw-border-opacity))
+  border-color:rgb(192 38 211 / var(--tw-border-opacity))
 }
 
-.hover\:border-red-600:hover{
+.hover\:border-gray-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(220 38 38 / var(--tw-border-opacity))
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 
-.hover\:border-orange-600:hover{
+.hover\:border-green-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(234 88 12 / var(--tw-border-opacity))
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
 }
 
-.hover\:border-amber-600:hover{
+.hover\:border-indigo-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(217 119 6 / var(--tw-border-opacity))
+  border-color:rgb(79 70 229 / 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-lime-600:hover{
   --tw-border-opacity:1;
   border-color:rgb(101 163 13 / var(--tw-border-opacity))
 }
 
-.hover\:border-green-600:hover{
+.hover\:border-neutral-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(22 163 74 / var(--tw-border-opacity))
+  border-color:rgb(82 82 82 / var(--tw-border-opacity))
 }
 
-.hover\:border-emerald-600:hover{
+.hover\:border-orange-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(5 150 105 / var(--tw-border-opacity))
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
 }
 
-.hover\:border-teal-600:hover{
+.hover\:border-pink-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(13 148 136 / var(--tw-border-opacity))
+  border-color:rgb(219 39 119 / var(--tw-border-opacity))
 }
 
-.hover\:border-cyan-600:hover{
+.hover\:border-primary-600:hover{
+  border-color:rgb(var(--color-primary-600))
+}
+
+.hover\:border-purple-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(8 145 178 / var(--tw-border-opacity))
+  border-color:rgb(147 51 234 / var(--tw-border-opacity))
 }
 
-.hover\:border-sky-600:hover{
+.hover\:border-red-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(2 132 199 / var(--tw-border-opacity))
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
 }
 
-.hover\:border-blue-600:hover{
+.hover\:border-rose-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(6 107 178 / var(--tw-border-opacity))
+  border-color:rgb(225 29 72 / var(--tw-border-opacity))
 }
 
-.hover\:border-indigo-600:hover{
+.hover\:border-sky-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(79 70 229 / var(--tw-border-opacity))
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
 }
 
-.hover\:border-violet-600:hover{
+.hover\:border-slate-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(124 58 237 / var(--tw-border-opacity))
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
 }
 
-.hover\:border-purple-600:hover{
+.hover\:border-stone-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(147 51 234 / var(--tw-border-opacity))
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
 }
 
-.hover\:border-fuchsia-600:hover{
+.hover\:border-teal-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(192 38 211 / var(--tw-border-opacity))
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
 }
 
-.hover\:border-pink-600:hover{
+.hover\:border-violet-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(219 39 119 / var(--tw-border-opacity))
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
 }
 
-.hover\:border-rose-600:hover{
+.hover\:border-yellow-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(225 29 72 / var(--tw-border-opacity))
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
 }
 
-.hover\:border-primary-600:hover{
-  border-color:rgb(var(--color-primary-600))
+.hover\:border-zinc-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 91 / var(--tw-border-opacity))
 }
 
-.hover\:bg-slate-600:hover{
+.hover\:bg-amber-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-slate-100:hover{
+.hover\:bg-amber-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-gray-600:hover{
+.hover\:bg-blue-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-gray-100:hover{
+.hover\:bg-blue-500:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-zinc-600:hover{
+.hover\:bg-blue-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
+  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-zinc-100:hover{
+.hover\:bg-cyan-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-neutral-600:hover{
+.hover\:bg-cyan-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
+  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-neutral-100:hover{
+.hover\:bg-emerald-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-stone-600:hover{
+.hover\:bg-emerald-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
+  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-stone-100:hover{
+.hover\:bg-fuchsia-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-red-600:hover{
+.hover\:bg-fuchsia-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-red-100:hover{
+.hover\:bg-gray-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-orange-600:hover{
+.hover\:bg-gray-25:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-orange-100:hover{
+.hover\:bg-gray-50:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-amber-600:hover{
+.hover\:bg-gray-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
+  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-amber-100:hover{
+.hover\:bg-green-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-yellow-600:hover{
+.hover\:bg-green-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
+  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-yellow-100:hover{
+.hover\:bg-indigo-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-lime-600:hover{
+.hover\:bg-indigo-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
+  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-green-600:hover{
+.hover\:bg-lime-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-green-100:hover{
+.hover\:bg-neutral-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-emerald-600:hover{
+.hover\:bg-neutral-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
+  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-emerald-100:hover{
+.hover\:bg-orange-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-teal-600:hover{
+.hover\:bg-orange-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
+  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-teal-100:hover{
+.hover\:bg-pink-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-cyan-600:hover{
+.hover\:bg-pink-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
+  background-color:rgb(219 39 119 / 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-primary-100:hover{
+  background-color:rgb(var(--color-primary-100))
 }
 
-.hover\:bg-sky-600:hover{
+.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(2 132 199 / var(--tw-bg-opacity))
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-sky-100:hover{
+.hover\:bg-purple-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-blue-600:hover{
+.hover\:bg-red-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-blue-100:hover{
+.hover\:bg-red-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-indigo-600:hover{
+.hover\:bg-rose-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-indigo-100:hover{
+.hover\:bg-rose-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-violet-600:hover{
+.hover\:bg-sky-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-violet-100:hover{
+.hover\:bg-sky-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-purple-600:hover{
+.hover\:bg-slate-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-purple-100:hover{
+.hover\:bg-slate-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-fuchsia-600:hover{
+.hover\:bg-stone-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-fuchsia-100:hover{
+.hover\:bg-stone-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-pink-600:hover{
+.hover\:bg-teal-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-pink-100:hover{
+.hover\:bg-teal-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-rose-600:hover{
+.hover\:bg-violet-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-rose-100:hover{
+.hover\:bg-violet-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-primary-600:hover{
-  background-color:rgb(var(--color-primary-600))
+.hover\:bg-yellow-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-primary-100:hover{
-  background-color:rgb(var(--color-primary-100))
+.hover\:bg-yellow-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-primary-500:hover{
-  background-color:rgb(var(--color-primary-500))
+.hover\:bg-zinc-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-gray-50:hover{
+.hover\:bg-zinc-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
+  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-white:hover{
+.hover\:text-gray-600:hover{
   --tw-text-opacity:1;
-  color:rgb(255 255 255 / var(--tw-text-opacity))
+  color:rgb(94 100 110 / var(--tw-text-opacity))
 }
 
-.hover\:text-gray-600:hover{
+.hover\:text-gray-700:hover{
   --tw-text-opacity:1;
-  color:rgb(94 100 110 / var(--tw-text-opacity))
+  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-gray-300:focus{
+.focus\:border-indigo-500:focus{
   --tw-border-opacity:1;
-  border-color:rgb(172 177 185 / var(--tw-border-opacity))
+  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))
@@ -8813,25 +9446,30 @@
 .focus\:bg-white:focus{
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity))
 }
 
-.focus\:text-gray-700:focus{
+.focus\:text-gray-300:focus{
   --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
+  color:rgb(172 177 185 / var(--tw-text-opacity))
 }
 
-.focus\:text-gray-300:focus{
+.focus\:text-gray-700:focus{
   --tw-text-opacity:1;
-  color:rgb(172 177 185 / var(--tw-text-opacity))
+  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{
@@ -8848,671 +9486,672 @@
 .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-slate-600:active{
+.active\:border-amber-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(71 85 105 / var(--tw-border-opacity))
+  border-color:rgb(245 158 11 / var(--tw-border-opacity))
 }
 
-.active\:border-slate-500:active{
+.active\:border-amber-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(100 116 139 / var(--tw-border-opacity))
+  border-color:rgb(217 119 6 / var(--tw-border-opacity))
 }
 
-.active\:border-gray-600:active{
+.active\:border-blue-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+  border-color:rgb(8 134 222 / var(--tw-border-opacity))
 }
 
-.active\:border-gray-500:active{
+.active\:border-blue-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(117 125 138 / var(--tw-border-opacity))
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
 }
 
-.active\:border-zinc-600:active{
+.active\:border-cyan-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(82 82 91 / var(--tw-border-opacity))
+  border-color:rgb(6 182 212 / var(--tw-border-opacity))
 }
 
-.active\:border-zinc-500:active{
+.active\:border-cyan-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(113 113 122 / var(--tw-border-opacity))
+  border-color:rgb(8 145 178 / var(--tw-border-opacity))
 }
 
-.active\:border-neutral-600:active{
+.active\:border-emerald-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(82 82 82 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.active\:border-neutral-500:active{
+.active\:border-emerald-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(115 115 115 / var(--tw-border-opacity))
+  border-color:rgb(5 150 105 / var(--tw-border-opacity))
 }
 
-.active\:border-stone-600:active{
+.active\:border-fuchsia-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(87 83 78 / var(--tw-border-opacity))
+  border-color:rgb(217 70 239 / var(--tw-border-opacity))
 }
 
-.active\:border-stone-500:active{
+.active\:border-fuchsia-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(120 113 108 / var(--tw-border-opacity))
+  border-color:rgb(192 38 211 / var(--tw-border-opacity))
 }
 
-.active\:border-red-600:active{
+.active\:border-gray-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(220 38 38 / var(--tw-border-opacity))
+  border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
 
-.active\:border-red-500:active{
+.active\:border-gray-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(239 68 68 / var(--tw-border-opacity))
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 
-.active\:border-orange-600:active{
+.active\:border-green-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(234 88 12 / var(--tw-border-opacity))
+  border-color:rgb(34 197 94 / var(--tw-border-opacity))
 }
 
-.active\:border-orange-500:active{
+.active\:border-green-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(249 115 22 / var(--tw-border-opacity))
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
 }
 
-.active\:border-amber-600:active{
+.active\:border-indigo-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(217 119 6 / var(--tw-border-opacity))
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
 
-.active\:border-amber-500:active{
+.active\:border-indigo-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(245 158 11 / var(--tw-border-opacity))
+  border-color:rgb(79 70 229 / var(--tw-border-opacity))
 }
 
-.active\:border-yellow-600:active{
+.active\:border-lime-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(202 138 4 / var(--tw-border-opacity))
+  border-color:rgb(132 204 22 / 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-lime-600:active{
   --tw-border-opacity:1;
   border-color:rgb(101 163 13 / var(--tw-border-opacity))
 }
 
-.active\:border-lime-500:active{
+.active\:border-neutral-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(132 204 22 / var(--tw-border-opacity))
+  border-color:rgb(115 115 115 / var(--tw-border-opacity))
 }
 
-.active\:border-green-600:active{
+.active\:border-neutral-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(22 163 74 / var(--tw-border-opacity))
+  border-color:rgb(82 82 82 / var(--tw-border-opacity))
 }
 
-.active\:border-green-500:active{
+.active\:border-orange-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(34 197 94 / var(--tw-border-opacity))
+  border-color:rgb(249 115 22 / var(--tw-border-opacity))
 }
 
-.active\:border-emerald-600:active{
+.active\:border-orange-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(5 150 105 / var(--tw-border-opacity))
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
 }
 
-.active\:border-emerald-500:active{
+.active\:border-pink-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
 
-.active\:border-teal-600:active{
+.active\:border-pink-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(13 148 136 / var(--tw-border-opacity))
+  border-color:rgb(219 39 119 / 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-primary-500:active{
+  border-color:rgb(var(--color-primary-500))
 }
 
-.active\:border-cyan-600:active{
-  --tw-border-opacity:1;
-  border-color:rgb(8 145 178 / var(--tw-border-opacity))
+.active\:border-primary-600:active{
+  border-color:rgb(var(--color-primary-600))
 }
 
-.active\:border-cyan-500:active{
+.active\:border-purple-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(6 182 212 / var(--tw-border-opacity))
+  border-color:rgb(168 85 247 / var(--tw-border-opacity))
 }
 
-.active\:border-sky-600:active{
+.active\:border-purple-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(2 132 199 / var(--tw-border-opacity))
+  border-color:rgb(147 51 234 / var(--tw-border-opacity))
 }
 
-.active\:border-sky-500:active{
+.active\:border-red-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(14 165 233 / var(--tw-border-opacity))
+  border-color:rgb(239 68 68 / var(--tw-border-opacity))
 }
 
-.active\:border-blue-600:active{
+.active\:border-red-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(6 107 178 / var(--tw-border-opacity))
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
 }
 
-.active\:border-blue-500:active{
+.active\:border-rose-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+  border-color:rgb(244 63 94 / var(--tw-border-opacity))
 }
 
-.active\:border-indigo-600:active{
+.active\:border-rose-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(79 70 229 / var(--tw-border-opacity))
+  border-color:rgb(225 29 72 / var(--tw-border-opacity))
 }
 
-.active\:border-indigo-500:active{
+.active\:border-sky-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(99 102 241 / var(--tw-border-opacity))
+  border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
 
-.active\:border-violet-600:active{
+.active\:border-sky-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(124 58 237 / var(--tw-border-opacity))
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
 }
 
-.active\:border-violet-500:active{
+.active\:border-slate-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(139 92 246 / var(--tw-border-opacity))
+  border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
 
-.active\:border-purple-600:active{
+.active\:border-slate-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(147 51 234 / var(--tw-border-opacity))
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
 }
 
-.active\:border-purple-500:active{
+.active\:border-stone-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(168 85 247 / var(--tw-border-opacity))
+  border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
 
-.active\:border-fuchsia-600:active{
+.active\:border-stone-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(192 38 211 / var(--tw-border-opacity))
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
 }
 
-.active\:border-fuchsia-500:active{
+.active\:border-teal-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(217 70 239 / var(--tw-border-opacity))
+  border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
 
-.active\:border-pink-600:active{
+.active\:border-teal-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(219 39 119 / var(--tw-border-opacity))
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
 }
 
-.active\:border-pink-500:active{
+.active\:border-violet-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(236 72 153 / var(--tw-border-opacity))
+  border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
 
-.active\:border-rose-600:active{
+.active\:border-violet-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(225 29 72 / var(--tw-border-opacity))
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
 }
 
-.active\:border-rose-500:active{
+.active\:border-yellow-500:active{
   --tw-border-opacity:1;
-  border-color:rgb(244 63 94 / var(--tw-border-opacity))
+  border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
 
-.active\:border-primary-600:active{
-  border-color:rgb(var(--color-primary-600))
+.active\:border-yellow-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
 }
 
-.active\:border-primary-500:active{
-  border-color:rgb(var(--color-primary-500))
+.active\:border-zinc-500:active{
+  --tw-border-opacity:1;
+  border-color:rgb(113 113 122 / var(--tw-border-opacity))
 }
 
-.active\:bg-slate-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
+.active\:border-zinc-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 91 / var(--tw-border-opacity))
 }
 
-.active\:bg-slate-100:active{
+.active\:bg-amber-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
 
-.active\:bg-gray-600:active{
+.active\:bg-amber-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
+  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
 }
 
-.active\:bg-gray-100:active{
+.active\:bg-blue-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 
-.active\:bg-zinc-600:active{
+.active\:bg-blue-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
+  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
 
-.active\:bg-zinc-100:active{
+.active\:bg-cyan-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
 
-.active\:bg-neutral-600:active{
+.active\:bg-cyan-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
+  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
 }
 
-.active\:bg-neutral-100:active{
+.active\:bg-emerald-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
 
-.active\:bg-stone-600:active{
+.active\:bg-emerald-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
+  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
 }
 
-.active\:bg-stone-100:active{
+.active\:bg-fuchsia-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
 
-.active\:bg-red-600:active{
+.active\:bg-fuchsia-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
 }
 
-.active\:bg-red-100:active{
+.active\:bg-gray-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
-.active\:bg-orange-600:active{
+.active\:bg-gray-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
+  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
 
-.active\:bg-orange-100:active{
+.active\:bg-green-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
 
-.active\:bg-amber-600:active{
+.active\:bg-green-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
+  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
 }
 
-.active\:bg-amber-100:active{
+.active\:bg-indigo-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
 
-.active\:bg-yellow-600:active{
+.active\:bg-indigo-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
+  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
 }
 
-.active\:bg-yellow-100:active{
+.active\:bg-lime-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+  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-lime-100:active{
+.active\:bg-neutral-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
 
-.active\:bg-green-600:active{
+.active\:bg-neutral-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
 }
 
-.active\:bg-green-100:active{
+.active\:bg-orange-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
 
-.active\:bg-emerald-600:active{
+.active\:bg-orange-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
+  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
 }
 
-.active\:bg-emerald-100:active{
+.active\:bg-pink-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
 
-.active\:bg-teal-600:active{
+.active\:bg-pink-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
+  background-color:rgb(219 39 119 / 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-primary-100:active{
+  background-color:rgb(var(--color-primary-100))
 }
 
-.active\:bg-cyan-600:active{
+.active\:bg-primary-600:active{
+  background-color:rgb(var(--color-primary-600))
+}
+
+.active\:bg-purple-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
 
-.active\:bg-cyan-100:active{
+.active\:bg-purple-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
 }
 
-.active\:bg-sky-600:active{
+.active\:bg-red-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
 
-.active\:bg-sky-100:active{
+.active\:bg-red-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
 
-.active\:bg-blue-600:active{
+.active\:bg-rose-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
 
-.active\:bg-blue-100:active{
+.active\:bg-rose-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
 
-.active\:bg-indigo-600:active{
+.active\:bg-sky-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
 
-.active\:bg-indigo-100:active{
+.active\:bg-sky-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
 }
 
-.active\:bg-violet-600:active{
+.active\:bg-slate-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
 
-.active\:bg-violet-100:active{
+.active\:bg-slate-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
 }
 
-.active\:bg-purple-600:active{
+.active\:bg-stone-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
 
-.active\:bg-purple-100:active{
+.active\:bg-stone-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
 }
 
-.active\:bg-fuchsia-600:active{
+.active\:bg-teal-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
 
-.active\:bg-fuchsia-100:active{
+.active\:bg-teal-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
 }
 
-.active\:bg-pink-600:active{
+.active\:bg-violet-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
 
-.active\:bg-pink-100:active{
+.active\:bg-violet-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
 }
 
-.active\:bg-rose-600:active{
+.active\:bg-yellow-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
 
-.active\:bg-rose-100:active{
+.active\:bg-yellow-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
 }
 
-.active\:bg-primary-600:active{
-  background-color:rgb(var(--color-primary-600))
+.active\:bg-zinc-100:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
 
-.active\:bg-primary-100:active{
-  background-color:rgb(var(--color-primary-100))
+.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-0:active{
-  outline-width:0px
+.active\:outline-amber-500:active{
+  outline-color:#f59e0b
 }
 
-.active\:outline-slate-600:active{
-  outline-color:#475569
+.active\:outline-amber-600:active{
+  outline-color:#d97706
 }
 
-.active\:outline-slate-500:active{
-  outline-color:#64748b
+.active\:outline-blue-500:active{
+  outline-color:#0886DE
 }
 
-.active\:outline-gray-600:active{
-  outline-color:#5E646E
+.active\:outline-blue-600:active{
+  outline-color:#066BB2
 }
 
-.active\:outline-gray-500:active{
-  outline-color:#757D8A
+.active\:outline-cyan-500:active{
+  outline-color:#06b6d4
 }
 
-.active\:outline-zinc-600:active{
-  outline-color:#52525b
+.active\:outline-cyan-600:active{
+  outline-color:#0891b2
 }
 
-.active\:outline-zinc-500:active{
-  outline-color:#71717a
+.active\:outline-emerald-500:active{
+  outline-color:#10b981
 }
 
-.active\:outline-neutral-600:active{
-  outline-color:#525252
+.active\:outline-emerald-600:active{
+  outline-color:#059669
 }
 
-.active\:outline-neutral-500:active{
-  outline-color:#737373
+.active\:outline-fuchsia-500:active{
+  outline-color:#d946ef
 }
 
-.active\:outline-stone-600:active{
-  outline-color:#57534e
+.active\:outline-fuchsia-600:active{
+  outline-color:#c026d3
 }
 
-.active\:outline-stone-500:active{
-  outline-color:#78716c
+.active\:outline-gray-500:active{
+  outline-color:#757D8A
 }
 
-.active\:outline-red-600:active{
-  outline-color:#dc2626
+.active\:outline-gray-600:active{
+  outline-color:#5E646E
 }
 
-.active\:outline-red-500:active{
-  outline-color:#ef4444
+.active\:outline-green-500:active{
+  outline-color:#22c55e
 }
 
-.active\:outline-orange-600:active{
-  outline-color:#ea580c
+.active\:outline-green-600:active{
+  outline-color:#16a34a
 }
 
-.active\:outline-orange-500:active{
-  outline-color:#f97316
+.active\:outline-indigo-500:active{
+  outline-color:#6366f1
 }
 
-.active\:outline-amber-600:active{
-  outline-color:#d97706
+.active\:outline-indigo-600:active{
+  outline-color:#4f46e5
 }
 
-.active\:outline-amber-500:active{
-  outline-color:#f59e0b
+.active\:outline-lime-500:active{
+  outline-color:#84cc16
 }
 
-.active\:outline-yellow-600:active{
-  outline-color:#ca8a04
-}
-
-.active\:outline-yellow-500:active{
-  outline-color:#eab308
-}
-
 .active\:outline-lime-600:active{
   outline-color:#65a30d
 }
 
-.active\:outline-lime-500:active{
-  outline-color:#84cc16
+.active\:outline-neutral-500:active{
+  outline-color:#737373
 }
 
-.active\:outline-green-600:active{
-  outline-color:#16a34a
+.active\:outline-neutral-600:active{
+  outline-color:#525252
 }
 
-.active\:outline-green-500:active{
-  outline-color:#22c55e
+.active\:outline-orange-500:active{
+  outline-color:#f97316
 }
 
-.active\:outline-emerald-600:active{
-  outline-color:#059669
+.active\:outline-orange-600:active{
+  outline-color:#ea580c
 }
 
-.active\:outline-emerald-500:active{
-  outline-color:#10b981
+.active\:outline-pink-500:active{
+  outline-color:#ec4899
 }
 
-.active\:outline-teal-600:active{
-  outline-color:#0d9488
+.active\:outline-pink-600:active{
+  outline-color:#db2777
 }
 
-.active\:outline-teal-500:active{
-  outline-color:#14b8a6
+.active\:outline-primary-500:active{
+  outline-color:rgb(var(--color-primary-500))
 }
 
-.active\:outline-cyan-600:active{
-  outline-color:#0891b2
+.active\:outline-primary-600:active{
+  outline-color:rgb(var(--color-primary-600))
 }
 
-.active\:outline-cyan-500:active{
-  outline-color:#06b6d4
+.active\:outline-purple-500:active{
+  outline-color:#a855f7
 }
 
-.active\:outline-sky-600:active{
-  outline-color:#0284c7
+.active\:outline-purple-600:active{
+  outline-color:#9333ea
 }
 
-.active\:outline-sky-500:active{
-  outline-color:#0ea5e9
+.active\:outline-red-500:active{
+  outline-color:#ef4444
 }
 
-.active\:outline-blue-600:active{
-  outline-color:#066BB2
+.active\:outline-red-600:active{
+  outline-color:#dc2626
 }
 
-.active\:outline-blue-500:active{
-  outline-color:#0886DE
+.active\:outline-rose-500:active{
+  outline-color:#f43f5e
 }
 
-.active\:outline-indigo-600:active{
-  outline-color:#4f46e5
+.active\:outline-rose-600:active{
+  outline-color:#e11d48
 }
 
-.active\:outline-indigo-500:active{
-  outline-color:#6366f1
+.active\:outline-sky-500:active{
+  outline-color:#0ea5e9
 }
 
-.active\:outline-violet-600:active{
-  outline-color:#7c3aed
+.active\:outline-sky-600:active{
+  outline-color:#0284c7
 }
 
-.active\:outline-violet-500:active{
-  outline-color:#8b5cf6
+.active\:outline-slate-500:active{
+  outline-color:#64748b
 }
 
-.active\:outline-purple-600:active{
-  outline-color:#9333ea
+.active\:outline-slate-600:active{
+  outline-color:#475569
 }
 
-.active\:outline-purple-500:active{
-  outline-color:#a855f7
+.active\:outline-stone-500:active{
+  outline-color:#78716c
 }
 
-.active\:outline-fuchsia-600:active{
-  outline-color:#c026d3
+.active\:outline-stone-600:active{
+  outline-color:#57534e
 }
 
-.active\:outline-fuchsia-500:active{
-  outline-color:#d946ef
+.active\:outline-teal-500:active{
+  outline-color:#14b8a6
 }
 
-.active\:outline-pink-600:active{
-  outline-color:#db2777
+.active\:outline-teal-600:active{
+  outline-color:#0d9488
 }
 
-.active\:outline-pink-500:active{
-  outline-color:#ec4899
+.active\:outline-violet-500:active{
+  outline-color:#8b5cf6
 }
 
-.active\:outline-rose-600:active{
-  outline-color:#e11d48
+.active\:outline-violet-600:active{
+  outline-color:#7c3aed
 }
 
-.active\:outline-rose-500:active{
-  outline-color:#f43f5e
+.active\:outline-yellow-500:active{
+  outline-color:#eab308
 }
 
-.active\:outline-primary-600:active{
-  outline-color:rgb(var(--color-primary-600))
+.active\:outline-yellow-600:active{
+  outline-color:#ca8a04
 }
 
-.active\:outline-primary-500:active{
-  outline-color:rgb(var(--color-primary-500))
+.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))
 }
 
@@ -9536,14 +10175,27 @@
 
 .group:hover .group-hover\:block{
   display:block
 }
 
+.group:hover .group-hover\:bg-gray-200{
+  --tw-bg-opacity:1;
+  background-color:rgb(200 203 208 / var(--tw-bg-opacity))
+}
+
+.group:hover .group-hover\:bg-primary-500{
+  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
   }
 }
@@ -9571,10 +10223,14 @@
     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{
@@ -9615,20 +10271,20 @@
 
   .sm\:hidden{
     display:none
   }
 
-  .sm\:w-auto{
-    width:auto
+  .sm\:w-1\/3{
+    width:33.333333%
   }
 
   .sm\:w-2\/3{
     width:66.666667%
   }
 
-  .sm\:w-1\/3{
-    width:33.333333%
+  .sm\:w-auto{
+    width:auto
   }
 
   .sm\:min-w-\[16rem\]{
     min-width:16rem
   }
@@ -9643,10 +10299,14 @@
 
   .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))
   }
 
   .sm\:grid-cols-4{
@@ -9659,14 +10319,10 @@
 
   .sm\:grid-cols-6{
     grid-template-columns:repeat(6, minmax(0, 1fr))
   }
 
-  .sm\:grid-cols-2{
-    grid-template-columns:repeat(2, minmax(0, 1fr))
-  }
-
   .sm\:flex-row{
     flex-direction:row
   }
 
   .sm\:items-end{
@@ -9683,10 +10339,16 @@
 
   .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)))
   }
@@ -9695,26 +10357,29 @@
     --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\: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\: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{
@@ -9748,20 +10413,20 @@
   .md\:px-24{
     padding-left:6rem;
     padding-right:6rem
   }
 
-  .md\:pt-4{
-    padding-top:1rem
+  .md\:pb-0{
+    padding-bottom:0px
   }
 
   .md\:pt-0{
     padding-top:0px
   }
 
-  .md\:pb-0{
-    padding-bottom:0px
+  .md\:pt-4{
+    padding-top:1rem
   }
 }
 
 @media (min-width: 1024px){
   .lg\:-mx-4{
@@ -9784,20 +10449,16 @@
 
   .lg\:hidden{
     display:none
   }
 
-  .lg\:w-64{
-    width:16rem
-  }
-
   .lg\:w-1\/2{
     width:50%
   }
 
-  .lg\:w-3\/4{
-    width:75%
+  .lg\:w-64{
+    width:16rem
   }
 
   .lg\:grid-cols-3{
     grid-template-columns:repeat(3, minmax(0, 1fr))
   }
@@ -9818,34 +10479,34 @@
 
   .lg\:bg-transparent{
     background-color:transparent
   }
 
+  .lg\:p-4{
+    padding:1rem
+  }
+
   .lg\:p-6{
     padding:1.5rem
   }
 
-  .lg\:p-4{
-    padding:1rem
+  .lg\:px-2{
+    padding-left:0.5rem;
+    padding-right:0.5rem
   }
 
   .lg\:px-8{
     padding-left:2rem;
     padding-right:2rem
   }
-
-  .lg\:px-4{
-    padding-left:1rem;
-    padding-right:1rem
-  }
-
-  .lg\:pl-4{
-    padding-left:1rem
-  }
 }
 
 @media (min-width: 1280px){
+  .xl\:left-0{
+    left:0px
+  }
+
   .xl\:right-0{
     right:0px
   }
 
   .xl\:mt-0{
@@ -9868,49 +10529,9 @@
     justify-content:flex-end
   }
 }
 
 @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
-    }
-  }
-
   .\32xl\:mx-auto{
     margin-left:auto;
     margin-right:auto
   }
 