avo 1.21.1.pre.1 → 1.22.0.pre.1

data/app/assets/builds/avo.css

@@ -3503,7 +3503,7 @@ body.dark,body[data-theme=dark]{
   /* 2 */
   border-style: solid;
   /* 2 */
-  border-color: #e5e7eb;
+  border-color: #D8DBDE;
   /* 2 */
 }
 
@@ -3527,7 +3527,7 @@ html {
   /* 3 */
   tab-size: 4;
   /* 3 */
-  font-family: "Nunito", 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";
+  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 */
 }
 
@@ -3835,7 +3835,7 @@ input::placeholder,
 textarea::placeholder {
   opacity: 1;
   /* 1 */
-  color: #9ca3af;
+  color: #969CA6;
   /* 2 */
 }
 
@@ -3898,7 +3898,7 @@ Ensure the default browser behavior of the `hidden` attribute.
   -webkit-appearance:none;
           appearance:none;
   background-color:#fff;
-  border-color:#6b7280;
+  border-color:#757D8A;
   border-width:1px;
   border-radius:0px;
   padding-top:0.5rem;
@@ -3924,7 +3924,7 @@ Ensure the default browser behavior of the `hidden` attribute.
 }
 
 input::placeholder,textarea::placeholder{
-  color:#6b7280;
+  color:#757D8A;
   opacity:1
 }
 
@@ -3937,7 +3937,7 @@ input::placeholder,textarea::placeholder{
 }
 
 select{
-  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23757D8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
   background-position:right 0.5rem center;
   background-repeat:no-repeat;
   background-size:1.5em 1.5em;
@@ -3972,7 +3972,7 @@ select{
   width:1rem;
   color:#2563eb;
   background-color:#fff;
-  border-color:#6b7280;
+  border-color:#757D8A;
   border-width:1px;
   --tw-shadow:0 0 #0000
 }
@@ -4137,6 +4137,98 @@ select{
   /* Legacy iOS */
 }
 
+/* inter-regular - latin */
+
+@font-face {
+  font-family: 'Inter';
+
+  font-style: normal;
+
+  font-weight: 400;
+
+  src: url('/avo-assets/fonts/inter-v7-latin-regular.eot');
+
+  /* IE9 Compat Modes */
+
+  src: local(''),
+       url('/avo-assets/fonts/inter-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/avo-assets/fonts/inter-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/avo-assets/fonts/inter-v7-latin-regular.svg#Inter') format('svg');
+
+  /* Legacy iOS */
+}
+
+/* inter-500 - latin */
+
+@font-face {
+  font-family: 'Inter';
+
+  font-style: normal;
+
+  font-weight: 500;
+
+  src: url('/avo-assets/fonts/inter-v7-latin-500.eot');
+
+  /* IE9 Compat Modes */
+
+  src: local(''),
+       url('/avo-assets/fonts/inter-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/avo-assets/fonts/inter-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-500.woff') format('woff'), /* Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/avo-assets/fonts/inter-v7-latin-500.svg#Inter') format('svg');
+
+  /* Legacy iOS */
+}
+
+/* inter-600 - latin */
+
+@font-face {
+  font-family: 'Inter';
+
+  font-style: normal;
+
+  font-weight: 600;
+
+  src: url('/avo-assets/fonts/inter-v7-latin-600.eot');
+
+  /* IE9 Compat Modes */
+
+  src: local(''),
+       url('/avo-assets/fonts/inter-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/avo-assets/fonts/inter-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-600.woff') format('woff'), /* Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/avo-assets/fonts/inter-v7-latin-600.svg#Inter') format('svg');
+
+  /* Legacy iOS */
+}
+
+/* inter-700 - latin */
+
+@font-face {
+  font-family: 'Inter';
+
+  font-style: normal;
+
+  font-weight: 700;
+
+  src: url('/avo-assets/fonts/inter-v7-latin-700.eot');
+
+  /* IE9 Compat Modes */
+
+  src: local(''),
+       url('/avo-assets/fonts/inter-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/avo-assets/fonts/inter-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-700.woff') format('woff'), /* Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/avo-assets/fonts/inter-v7-latin-700.svg#Inter') format('svg');
+
+  /* Legacy iOS */
+}
+
 h1{
   font-size:2.25rem;
   line-height:2.5rem
@@ -4185,7 +4277,7 @@ a{
   font-size:0.75rem;
   line-height:1rem;
   --tw-text-opacity:1;
-  color:rgb(55 65 81 / var(--tw-text-opacity));
+  color:rgb(56 60 66 / var(--tw-text-opacity));
 }
 
 .tooltip .tooltip-arrow {
@@ -4291,7 +4383,7 @@ a{
   border-radius:0.375rem;
   border-width:1px;
   --tw-border-opacity:1;
-  border-color:rgb(229 231 235 / var(--tw-border-opacity));
+  border-color:rgb(216 219 222 / var(--tw-border-opacity));
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity));
   padding-top:0.75rem;
@@ -4311,12 +4403,12 @@ a{
 
 #toast-container > div .toast-title{
     --tw-text-opacity:1;
-    color:rgb(31 41 55 / var(--tw-text-opacity))
+    color:rgb(26 28 30 / var(--tw-text-opacity))
   }
 
 #toast-container > div .toast-message{
     --tw-text-opacity:1;
-    color:rgb(31 41 55 / var(--tw-text-opacity))
+    color:rgb(26 28 30 / var(--tw-text-opacity))
   }
 
 #toast-container > div.toast-success {
@@ -4411,7 +4503,7 @@ svg.tea #steamR {
 .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.5rem;
   --tw-bg-opacity:1;
-  background-color:rgb(229 231 235 / var(--tw-bg-opacity));
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
   padding-left:0.75rem;
   padding-right:0.75rem;
   padding-top:0.25rem;
@@ -4420,7 +4512,7 @@ svg.tea #steamR {
   line-height:1.25rem;
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgb(107 114 128 / var(--tw-text-opacity));
+  color:rgb(117 125 138 / var(--tw-text-opacity));
   --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);
@@ -4433,56 +4525,51 @@ svg.tea #steamR {
 
 .pagy-nav .page a:hover,.pagy-nav .page.active:hover,.pagy-nav .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page a:hover,.pagy-combo-nav-js .page a:hover,.pagy-combo-nav-js .pagy-combo-input a:hover{
     --tw-bg-opacity:1;
-    background-color:rgb(209 213 219 / var(--tw-bg-opacity))
+    background-color:rgb(216 219 222 / var(--tw-bg-opacity))
   }
 
 .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(156 163 175 / var(--tw-bg-opacity))
-  }
-
-.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-text-opacity:1;
-    color:rgb(255 255 255 / var(--tw-text-opacity))
+    background-color:rgb(216 219 222 / 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{
   cursor:default;
   --tw-text-opacity:1;
-  color:rgb(156 163 175 / var(--tw-text-opacity));
+  color:rgb(183 187 194 / var(--tw-text-opacity));
 }
 
 .pagy-nav .page.prev.disabled:hover,.pagy-nav-js .page.prev.disabled:hover,.pagy-combo-nav-js .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page.next.disabled:hover,.pagy-combo-nav-js .page.next.disabled:hover{
     --tw-bg-opacity:1;
-    background-color:rgb(229 231 235 / var(--tw-bg-opacity))
+    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
   }
 
 .pagy-nav .page.prev.disabled:hover,.pagy-nav-js .page.prev.disabled:hover,.pagy-combo-nav-js .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page.next.disabled:hover,.pagy-combo-nav-js .page.next.disabled:hover{
     --tw-text-opacity:1;
-    color:rgb(156 163 175 / var(--tw-text-opacity))
+    color:rgb(183 187 194 / var(--tw-text-opacity))
   }
 
 .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-bg-opacity:1;
-    background-color:rgb(229 231 235 / var(--tw-bg-opacity))
+    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
   }
 
 .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(156 163 175 / var(--tw-text-opacity))
+    color:rgb(183 187 194 / var(--tw-text-opacity))
   }
 
 .pagy-nav .page.active, .pagy-nav-js .page.active{
   cursor:default;
   --tw-bg-opacity:1;
-  background-color:rgb(156 163 175 / var(--tw-bg-opacity));
+  background-color:rgb(117 125 138 / var(--tw-bg-opacity));
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .pagy-nav .page.active:hover,.pagy-nav-js .page.active:hover{
     --tw-bg-opacity:1;
-    background-color:rgb(156 163 175 / var(--tw-bg-opacity))
+    background-color:rgb(117 125 138 / var(--tw-bg-opacity))
   }
 
 .pagy-nav .page.active:hover,.pagy-nav-js .page.active:hover{
@@ -4492,7 +4579,7 @@ svg.tea #steamR {
 
 .pagy-nav .page.active:active,.pagy-nav-js .page.active:active{
     --tw-bg-opacity:1;
-    background-color:rgb(156 163 175 / var(--tw-bg-opacity))
+    background-color:rgb(117 125 138 / var(--tw-bg-opacity))
   }
 
 .pagy-nav .page.active:active,.pagy-nav-js .page.active:active{
@@ -4506,7 +4593,7 @@ svg.tea #steamR {
   line-height:1.25rem;
   font-weight:700;
   --tw-text-opacity:1;
-  color:rgb(156 163 175 / var(--tw-text-opacity));
+  color:rgb(150 156 166 / var(--tw-text-opacity));
 }
 
 .breadcrumbs a, .breadcrumbs span{
@@ -4515,18 +4602,18 @@ svg.tea #steamR {
 
 .breadcrumbs a, .breadcrumbs span{
     --tw-text-opacity:1;
-    color:rgb(156 163 175 / var(--tw-text-opacity))
+    color:rgb(150 156 166 / var(--tw-text-opacity))
   }
 
 .breadcrumbs a:hover{
     --tw-text-opacity:1;
-    color:rgb(107 114 128 / var(--tw-text-opacity))
+    color:rgb(117 125 138 / var(--tw-text-opacity))
   }
 
 :root {
   --aa-primary-color: --tw-ring-color;
   --aa-selected-color: --tw-ring-color;
-  --aa-primary-color-rgb: 5, 150, 105;
+  --aa-primary-color-rgb: 117, 125, 138;
 }
 
 .global-search .aa-DetachedSearchButton:focus,
@@ -4534,17 +4621,22 @@ svg.tea #steamR {
     border: none !important;
   }
 
+.global-search .aa-DetachedSearchButton:focus, .global-search .aa-DetachedSearchButton{
+    --tw-text-opacity:1;
+    color:rgb(117 125 138 / var(--tw-text-opacity))
+  }
+
 .resource-search .aa-Autocomplete{
     width:100%
   }
 
 .resource-search .aa-DetachedSearchButton{
-    border-radius:9999px
+    border-radius:0.25rem
   }
 
 .resource-search .aa-DetachedSearchButton{
     --tw-border-opacity:1;
-    border-color:rgb(209 213 219 / var(--tw-border-opacity))
+    border-color:rgb(183 187 194 / var(--tw-border-opacity))
   }
 
 .aa-SourceHeader{
@@ -4630,7 +4722,7 @@ svg.tea #steamR {
 
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item .aa-ItemDescription{
           --tw-text-opacity:1;
-          color:rgb(107 114 128 / var(--tw-text-opacity))
+          color:rgb(117 125 138 / var(--tw-text-opacity))
         }
 
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
@@ -5643,7 +5735,7 @@ progress{
   border-radius:0.25rem;
   border-width:1px;
   --tw-border-opacity:1;
-  border-color:rgb(156 163 175 / var(--tw-border-opacity));
+  border-color:rgb(150 156 166 / var(--tw-border-opacity));
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity));
   --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
@@ -5655,7 +5747,7 @@ progress[value]::-webkit-progress-bar{
   border-radius:0.25rem;
   border-width:1px;
   --tw-border-opacity:1;
-  border-color:rgb(107 114 128 / var(--tw-border-opacity));
+  border-color:rgb(117 125 138 / var(--tw-border-opacity));
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity));
   --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
@@ -6453,9 +6545,9 @@ progress[value]::-moz-progress-bar{
   margin-bottom:1rem
 }
 
-.my-2{
-  margin-top:0.5rem;
-  margin-bottom:0.5rem
+.mx-6{
+  margin-left:1.5rem;
+  margin-right:1.5rem
 }
 
 .mx-2{
@@ -6539,28 +6631,16 @@ progress[value]::-moz-progress-bar{
   margin-top:-2.5rem
 }
 
-.mr-6{
-  margin-right:1.5rem
-}
-
-.mt-0{
-  margin-top:0px
-}
-
-.ml-1\/12{
-  margin-left:8.333333%
-}
-
 .ml-4{
   margin-left:1rem
 }
 
-.-mb-1{
-  margin-bottom:-0.25rem
+.mr-4{
+  margin-right:1rem
 }
 
-.mb-1{
-  margin-bottom:0.25rem
+.ml-1\/12{
+  margin-left:8.333333%
 }
 
 .mb-6{
@@ -6571,6 +6651,14 @@ progress[value]::-moz-progress-bar{
   margin-bottom:2rem
 }
 
+.mr-6{
+  margin-right:1.5rem
+}
+
+.mt-0{
+  margin-top:0px
+}
+
 .mb-2{
   margin-bottom:0.5rem
 }
@@ -6591,6 +6679,10 @@ progress[value]::-moz-progress-bar{
   margin-left:1.5rem
 }
 
+.mb-1{
+  margin-bottom:0.25rem
+}
+
 .block{
   display:block
 }
@@ -6623,6 +6715,10 @@ progress[value]::-moz-progress-bar{
   display:none
 }
 
+.aspect-square{
+  aspect-ratio:1 / 1
+}
+
 .h-4{
   height:1rem
 }
@@ -6651,18 +6747,14 @@ progress[value]::-moz-progress-bar{
   height:10rem
 }
 
-.h-full{
-  height:100%
-}
-
-.h-12{
-  height:3rem
-}
-
 .h-16{
   height:4rem
 }
 
+.h-full{
+  height:100%
+}
+
 .h-3{
   height:0.75rem
 }
@@ -6671,6 +6763,10 @@ progress[value]::-moz-progress-bar{
   height:2.5rem
 }
 
+.h-12{
+  height:3rem
+}
+
 .max-h-168{
   max-height:42rem
 }
@@ -6723,6 +6819,10 @@ progress[value]::-moz-progress-bar{
   width:4rem
 }
 
+.w-72{
+  width:18rem
+}
+
 .w-24{
   width:6rem
 }
@@ -6731,14 +6831,14 @@ progress[value]::-moz-progress-bar{
   width:83.333333%
 }
 
-.w-56{
-  width:14rem
-}
-
 .w-11\/12{
   width:91.666667%
 }
 
+.w-10{
+  width:2.5rem
+}
+
 .w-48{
   width:12rem
 }
@@ -6747,10 +6847,6 @@ progress[value]::-moz-progress-bar{
   width:66.666667%
 }
 
-.w-10{
-  width:2.5rem
-}
-
 .w-64{
   width:16rem
 }
@@ -6771,14 +6867,22 @@ progress[value]::-moz-progress-bar{
   min-width:300px
 }
 
-.min-w-\[200px\]{
-  min-width:200px
+.min-w-\[16rem\]{
+  min-width:16rem
 }
 
 .min-w-4{
   min-width:1rem
 }
 
+.min-w-full{
+  min-width:100%
+}
+
+.min-w-\[200px\]{
+  min-width:200px
+}
+
 .min-w-10{
   min-width:2.5rem
 }
@@ -6813,8 +6917,8 @@ progress[value]::-moz-progress-bar{
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.-rotate-90{
-  --tw-rotate:-90deg;
+.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))
 }
 
@@ -6871,6 +6975,10 @@ progress[value]::-moz-progress-bar{
   align-items:stretch
 }
 
+.justify-start{
+  justify-content:flex-start
+}
+
 .justify-end{
   justify-content:flex-end
 }
@@ -6943,7 +7051,7 @@ progress[value]::-moz-progress-bar{
 
 .divide-gray-300 > :not([hidden]) ~ :not([hidden]){
   --tw-divide-opacity:1;
-  border-color:rgb(209 213 219 / var(--tw-divide-opacity))
+  border-color:rgb(183 187 194 / var(--tw-divide-opacity))
 }
 
 .place-self-end{
@@ -6980,8 +7088,8 @@ progress[value]::-moz-progress-bar{
   overflow-wrap:break-word
 }
 
-.rounded-lg{
-  border-radius:0.5rem
+.rounded{
+  border-radius:0.25rem
 }
 
 .rounded-md{
@@ -6992,8 +7100,8 @@ progress[value]::-moz-progress-bar{
   border-radius:1rem
 }
 
-.rounded{
-  border-radius:0.25rem
+.rounded-lg{
+  border-radius:0.5rem
 }
 
 .rounded-full{
@@ -7019,10 +7127,6 @@ progress[value]::-moz-progress-bar{
   border-width:1px
 }
 
-.border-4{
-  border-width:4px
-}
-
 .border-t{
   border-top-width:1px
 }
@@ -7039,114 +7143,129 @@ progress[value]::-moz-progress-bar{
   border-left-width:1px
 }
 
-.border-slate-600{
+.border-slate-500{
   --tw-border-opacity:1;
-  border-color:rgb(71 85 105 / var(--tw-border-opacity))
+  border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
 
-.border-gray-600{
+.border-gray-500{
   --tw-border-opacity:1;
-  border-color:rgb(75 85 99 / var(--tw-border-opacity))
+  border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
 
-.border-zinc-600{
+.border-zinc-500{
   --tw-border-opacity:1;
-  border-color:rgb(82 82 91 / var(--tw-border-opacity))
+  border-color:rgb(113 113 122 / var(--tw-border-opacity))
 }
 
-.border-neutral-600{
+.border-neutral-500{
   --tw-border-opacity:1;
-  border-color:rgb(82 82 82 / var(--tw-border-opacity))
+  border-color:rgb(115 115 115 / var(--tw-border-opacity))
 }
 
-.border-stone-600{
+.border-stone-500{
   --tw-border-opacity:1;
-  border-color:rgb(87 83 78 / var(--tw-border-opacity))
+  border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
 
-.border-red-600{
+.border-red-500{
   --tw-border-opacity:1;
-  border-color:rgb(220 38 38 / var(--tw-border-opacity))
+  border-color:rgb(239 68 68 / var(--tw-border-opacity))
 }
 
-.border-orange-600{
+.border-orange-500{
   --tw-border-opacity:1;
-  border-color:rgb(234 88 12 / var(--tw-border-opacity))
+  border-color:rgb(249 115 22 / var(--tw-border-opacity))
 }
 
-.border-amber-600{
+.border-amber-500{
   --tw-border-opacity:1;
-  border-color:rgb(217 119 6 / var(--tw-border-opacity))
+  border-color:rgb(245 158 11 / var(--tw-border-opacity))
 }
 
-.border-yellow-600{
+.border-yellow-500{
   --tw-border-opacity:1;
-  border-color:rgb(202 138 4 / var(--tw-border-opacity))
+  border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
 
-.border-lime-600{
+.border-lime-500{
   --tw-border-opacity:1;
-  border-color:rgb(101 163 13 / var(--tw-border-opacity))
+  border-color:rgb(132 204 22 / var(--tw-border-opacity))
 }
 
-.border-green-600{
+.border-green-500{
   --tw-border-opacity:1;
-  border-color:rgb(22 163 74 / var(--tw-border-opacity))
+  border-color:rgb(34 197 94 / var(--tw-border-opacity))
 }
 
-.border-emerald-600{
+.border-emerald-500{
   --tw-border-opacity:1;
-  border-color:rgb(5 150 105 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
 
-.border-teal-600{
+.border-teal-500{
   --tw-border-opacity:1;
-  border-color:rgb(13 148 136 / var(--tw-border-opacity))
+  border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
 
-.border-cyan-600{
+.border-cyan-500{
   --tw-border-opacity:1;
-  border-color:rgb(8 145 178 / var(--tw-border-opacity))
+  border-color:rgb(6 182 212 / var(--tw-border-opacity))
 }
 
-.border-sky-600{
+.border-sky-500{
   --tw-border-opacity:1;
-  border-color:rgb(2 132 199 / var(--tw-border-opacity))
+  border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
 
-.border-blue-600{
+.border-blue-500{
   --tw-border-opacity:1;
-  border-color:rgb(37 99 235 / var(--tw-border-opacity))
+  border-color:rgb(59 130 246 / var(--tw-border-opacity))
 }
 
-.border-indigo-600{
+.border-indigo-500{
   --tw-border-opacity:1;
-  border-color:rgb(79 70 229 / var(--tw-border-opacity))
+  border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
 
-.border-violet-600{
+.border-violet-500{
   --tw-border-opacity:1;
-  border-color:rgb(124 58 237 / var(--tw-border-opacity))
+  border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
 
-.border-purple-600{
+.border-purple-500{
   --tw-border-opacity:1;
-  border-color:rgb(147 51 234 / var(--tw-border-opacity))
+  border-color:rgb(168 85 247 / var(--tw-border-opacity))
 }
 
-.border-fuchsia-600{
+.border-fuchsia-500{
   --tw-border-opacity:1;
-  border-color:rgb(192 38 211 / var(--tw-border-opacity))
+  border-color:rgb(217 70 239 / var(--tw-border-opacity))
 }
 
-.border-pink-600{
+.border-pink-500{
   --tw-border-opacity:1;
-  border-color:rgb(219 39 119 / var(--tw-border-opacity))
+  border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
 
-.border-rose-600{
+.border-rose-500{
   --tw-border-opacity:1;
-  border-color:rgb(225 29 72 / var(--tw-border-opacity))
+  border-color:rgb(244 63 94 / var(--tw-border-opacity))
+}
+
+.border-primary-500{
+  --tw-border-opacity:1;
+  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+}
+
+.border-ternary-500{
+  --tw-border-opacity:1;
+  border-color:rgb(117 125 138 / var(--tw-border-opacity))
+}
+
+.border-red-600{
+  --tw-border-opacity:1;
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
 }
 
 .border-slate-300{
@@ -7156,17 +7275,22 @@ progress[value]::-moz-progress-bar{
 
 .border-gray-300{
   --tw-border-opacity:1;
-  border-color:rgb(209 213 219 / var(--tw-border-opacity))
+  border-color:rgb(183 187 194 / var(--tw-border-opacity))
 }
 
-.border-white{
+.border-primary-300{
   --tw-border-opacity:1;
-  border-color:rgb(255 255 255 / var(--tw-border-opacity))
+  border-color:rgb(103 189 250 / var(--tw-border-opacity))
 }
 
-.border-gray-500{
+.border-gray-200{
+  --tw-border-opacity:1;
+  border-color:rgb(216 219 222 / var(--tw-border-opacity))
+}
+
+.border-gray-600{
   --tw-border-opacity:1;
-  border-color:rgb(107 114 128 / var(--tw-border-opacity))
+  border-color:rgb(87 93 102 / var(--tw-border-opacity))
 }
 
 .bg-slate-500{
@@ -7176,7 +7300,7 @@ progress[value]::-moz-progress-bar{
 
 .bg-gray-500{
   --tw-bg-opacity:1;
-  background-color:rgb(107 114 128 / var(--tw-bg-opacity))
+  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
 }
 
 .bg-zinc-500{
@@ -7279,6 +7403,16 @@ progress[value]::-moz-progress-bar{
   background-color:rgb(244 63 94 / var(--tw-bg-opacity))
 }
 
+.bg-primary-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+}
+
+.bg-ternary-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
+}
+
 .bg-white{
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity))
@@ -7291,7 +7425,7 @@ progress[value]::-moz-progress-bar{
 
 .bg-gray-100{
   --tw-bg-opacity:1;
-  background-color:rgb(243 244 246 / var(--tw-bg-opacity))
+  background-color:rgb(249 250 250 / var(--tw-bg-opacity))
 }
 
 .bg-green-700{
@@ -7299,19 +7433,19 @@ progress[value]::-moz-progress-bar{
   background-color:rgb(21 128 61 / var(--tw-bg-opacity))
 }
 
-.bg-slate-200{
+.bg-gray-200{
   --tw-bg-opacity:1;
-  background-color:rgb(226 232 240 / var(--tw-bg-opacity))
+  background-color:rgb(216 219 222 / var(--tw-bg-opacity))
 }
 
 .bg-gray-800{
   --tw-bg-opacity:1;
-  background-color:rgb(31 41 55 / var(--tw-bg-opacity))
+  background-color:rgb(26 28 30 / var(--tw-bg-opacity))
 }
 
-.bg-gray-200{
+.bg-slate-200{
   --tw-bg-opacity:1;
-  background-color:rgb(229 231 235 / var(--tw-bg-opacity))
+  background-color:rgb(226 232 240 / var(--tw-bg-opacity))
 }
 
 .bg-slate-600{
@@ -7321,7 +7455,7 @@ progress[value]::-moz-progress-bar{
 
 .bg-gray-600{
   --tw-bg-opacity:1;
-  background-color:rgb(75 85 99 / var(--tw-bg-opacity))
+  background-color:rgb(87 93 102 / var(--tw-bg-opacity))
 }
 
 .bg-opacity-25{
@@ -7344,10 +7478,6 @@ progress[value]::-moz-progress-bar{
   padding:0.5rem
 }
 
-.p-3{
-  padding:0.75rem
-}
-
 .p-4{
   padding:1rem
 }
@@ -7360,26 +7490,35 @@ progress[value]::-moz-progress-bar{
   padding:2rem
 }
 
+.p-3{
+  padding:0.75rem
+}
+
 .py-1{
   padding-top:0.25rem;
   padding-bottom:0.25rem
 }
 
+.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-4{
-  padding-left:1rem;
-  padding-right:1rem
-}
-
 .px-2{
   padding-left:0.5rem;
   padding-right:0.5rem
@@ -7435,11 +7574,6 @@ progress[value]::-moz-progress-bar{
   padding-right:6rem
 }
 
-.py-3{
-  padding-top:0.75rem;
-  padding-bottom:0.75rem
-}
-
 .py-px{
   padding-top:1px;
   padding-bottom:1px
@@ -7450,28 +7584,24 @@ progress[value]::-moz-progress-bar{
   padding-bottom:2rem
 }
 
-.pb-1{
-  padding-bottom:0.25rem
-}
-
-.pb-0{
-  padding-bottom:0px
+.pr-4{
+  padding-right:1rem
 }
 
 .pl-4{
   padding-left:1rem
 }
 
-.pb-3\/4{
-  padding-bottom:75%
+.pb-1{
+  padding-bottom:0.25rem
 }
 
-.pt-2{
-  padding-top:0.5rem
+.pb-0{
+  padding-bottom:0px
 }
 
-.pb-2{
-  padding-bottom:0.5rem
+.pb-3\/4{
+  padding-bottom:75%
 }
 
 .pl-6{
@@ -7491,7 +7621,7 @@ progress[value]::-moz-progress-bar{
 }
 
 .font-sans{
-  font-family:"Nunito", 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"
+  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{
@@ -7504,11 +7634,6 @@ progress[value]::-moz-progress-bar{
   line-height:1.75rem
 }
 
-.text-xs{
-  font-size:0.75rem;
-  line-height:1rem
-}
-
 .text-base{
   font-size:1rem;
   line-height:1.5rem
@@ -7519,20 +7644,21 @@ progress[value]::-moz-progress-bar{
   line-height:2rem
 }
 
-.font-bold{
-  font-weight:700
-}
-
-.font-medium{
-  font-weight:500
+.text-xs{
+  font-size:0.75rem;
+  line-height:1rem
 }
 
 .font-semibold{
   font-weight:600
 }
 
-.font-normal{
-  font-weight:400
+.font-medium{
+  font-weight:500
+}
+
+.font-bold{
+  font-weight:700
 }
 
 .uppercase{
@@ -7547,8 +7673,8 @@ progress[value]::-moz-progress-bar{
   font-style:italic
 }
 
-.leading-none{
-  line-height:1
+.leading-6{
+  line-height:1.5rem
 }
 
 .leading-tight{
@@ -7559,6 +7685,10 @@ progress[value]::-moz-progress-bar{
   line-height:1.25rem
 }
 
+.leading-none{
+  line-height:1
+}
+
 .tracking-tight{
   letter-spacing:-0.025em
 }
@@ -7578,7 +7708,7 @@ progress[value]::-moz-progress-bar{
 
 .text-gray-600{
   --tw-text-opacity:1;
-  color:rgb(75 85 99 / var(--tw-text-opacity))
+  color:rgb(87 93 102 / var(--tw-text-opacity))
 }
 
 .text-zinc-600{
@@ -7681,6 +7811,16 @@ progress[value]::-moz-progress-bar{
   color:rgb(225 29 72 / var(--tw-text-opacity))
 }
 
+.text-primary-600{
+  --tw-text-opacity:1;
+  color:rgb(6 95 158 / var(--tw-text-opacity))
+}
+
+.text-ternary-600{
+  --tw-text-opacity:1;
+  color:rgb(87 93 102 / var(--tw-text-opacity))
+}
+
 .text-white{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
@@ -7688,7 +7828,7 @@ progress[value]::-moz-progress-bar{
 
 .text-gray-700{
   --tw-text-opacity:1;
-  color:rgb(55 65 81 / var(--tw-text-opacity))
+  color:rgb(56 60 66 / var(--tw-text-opacity))
 }
 
 .text-slate-700{
@@ -7698,7 +7838,7 @@ progress[value]::-moz-progress-bar{
 
 .text-gray-500{
   --tw-text-opacity:1;
-  color:rgb(107 114 128 / var(--tw-text-opacity))
+  color:rgb(117 125 138 / var(--tw-text-opacity))
 }
 
 .text-slate-800{
@@ -7708,17 +7848,22 @@ progress[value]::-moz-progress-bar{
 
 .text-gray-300{
   --tw-text-opacity:1;
-  color:rgb(209 213 219 / var(--tw-text-opacity))
+  color:rgb(183 187 194 / var(--tw-text-opacity))
 }
 
 .text-gray-400{
   --tw-text-opacity:1;
-  color:rgb(156 163 175 / var(--tw-text-opacity))
+  color:rgb(150 156 166 / var(--tw-text-opacity))
+}
+
+.text-black{
+  --tw-text-opacity:1;
+  color:rgb(0 0 0 / var(--tw-text-opacity))
 }
 
 .text-gray-800{
   --tw-text-opacity:1;
-  color:rgb(31 41 55 / var(--tw-text-opacity))
+  color:rgb(26 28 30 / var(--tw-text-opacity))
 }
 
 .text-red-500{
@@ -7739,33 +7884,27 @@ progress[value]::-moz-progress-bar{
   opacity:0.5
 }
 
-.shadow-xl{
-  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
-  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
-}
-
 .shadow-context{
   --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 0 25px -5px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 0 25px -5px var(--tw-shadow-color);
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.shadow-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);
+.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-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);
+.shadow-xl{
+  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-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)
 }
 
@@ -7875,7 +8014,9 @@ html, body{
 
 .application-sidebar .active:hover, .application-sidebar .active{
   --tw-bg-opacity:1;
-  background-color:rgb(229 231 235 / var(--tw-bg-opacity))
+  background-color:rgb(219 234 254 / var(--tw-bg-opacity));
+  --tw-text-opacity:1;
+  color:rgb(59 130 246 / var(--tw-text-opacity))
 }
 
 .turbo-progress-bar{
@@ -7902,7 +8043,7 @@ body.os-pc .pc\:hidden {
 
 .hover\:border-gray-700:hover{
   --tw-border-opacity:1;
-  border-color:rgb(55 65 81 / var(--tw-border-opacity))
+  border-color:rgb(56 60 66 / var(--tw-border-opacity))
 }
 
 .hover\:border-zinc-700:hover{
@@ -8005,6 +8146,16 @@ body.os-pc .pc\:hidden {
   border-color:rgb(190 18 60 / var(--tw-border-opacity))
 }
 
+.hover\:border-primary-700:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(3 57 94 / var(--tw-border-opacity))
+}
+
+.hover\:border-ternary-700:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(56 60 66 / var(--tw-border-opacity))
+}
+
 .hover\:bg-slate-600:hover{
   --tw-bg-opacity:1;
   background-color:rgb(71 85 105 / var(--tw-bg-opacity))
@@ -8012,7 +8163,7 @@ body.os-pc .pc\:hidden {
 
 .hover\:bg-gray-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(75 85 99 / var(--tw-bg-opacity))
+  background-color:rgb(87 93 102 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-zinc-600:hover{
@@ -8115,9 +8266,19 @@ body.os-pc .pc\:hidden {
   background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
 
+.hover\:bg-primary-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 95 158 / var(--tw-bg-opacity))
+}
+
+.hover\:bg-ternary-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(87 93 102 / var(--tw-bg-opacity))
+}
+
 .hover\:bg-gray-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(243 244 246 / var(--tw-bg-opacity))
+  background-color:rgb(249 250 250 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-blue-500:hover{
@@ -8125,6 +8286,11 @@ body.os-pc .pc\:hidden {
   background-color:rgb(59 130 246 / var(--tw-bg-opacity))
 }
 
+.hover\:bg-blue-50:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(239 246 255 / var(--tw-bg-opacity))
+}
+
 .hover\:bg-green-500:hover{
   --tw-bg-opacity:1;
   background-color:rgb(34 197 94 / var(--tw-bg-opacity))
@@ -8142,7 +8308,7 @@ body.os-pc .pc\:hidden {
 
 .hover\:text-gray-700:hover{
   --tw-text-opacity:1;
-  color:rgb(55 65 81 / var(--tw-text-opacity))
+  color:rgb(56 60 66 / var(--tw-text-opacity))
 }
 
 .hover\:text-zinc-700:hover{
@@ -8245,14 +8411,24 @@ body.os-pc .pc\:hidden {
   color:rgb(190 18 60 / var(--tw-text-opacity))
 }
 
+.hover\:text-primary-700:hover{
+  --tw-text-opacity:1;
+  color:rgb(3 57 94 / var(--tw-text-opacity))
+}
+
+.hover\:text-ternary-700:hover{
+  --tw-text-opacity:1;
+  color:rgb(56 60 66 / var(--tw-text-opacity))
+}
+
 .hover\:text-gray-500:hover{
   --tw-text-opacity:1;
-  color:rgb(107 114 128 / var(--tw-text-opacity))
+  color:rgb(117 125 138 / var(--tw-text-opacity))
 }
 
 .hover\:text-gray-400:hover{
   --tw-text-opacity:1;
-  color:rgb(156 163 175 / var(--tw-text-opacity))
+  color:rgb(150 156 166 / var(--tw-text-opacity))
 }
 
 .hover\:text-white:hover{
@@ -8262,7 +8438,7 @@ body.os-pc .pc\:hidden {
 
 .hover\:text-gray-600:hover{
   --tw-text-opacity:1;
-  color:rgb(75 85 99 / var(--tw-text-opacity))
+  color:rgb(87 93 102 / var(--tw-text-opacity))
 }
 
 .hover\:opacity-100:hover{
@@ -8311,17 +8487,17 @@ body.os-pc .pc\:hidden {
 
 .active\:bg-gray-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(243 244 246 / var(--tw-bg-opacity))
+  background-color:rgb(249 250 250 / var(--tw-bg-opacity))
 }
 
 .active\:text-gray-700:active{
   --tw-text-opacity:1;
-  color:rgb(55 65 81 / var(--tw-text-opacity))
+  color:rgb(56 60 66 / var(--tw-text-opacity))
 }
 
 .active\:text-gray-500:active{
   --tw-text-opacity:1;
-  color:rgb(107 114 128 / var(--tw-text-opacity))
+  color:rgb(117 125 138 / var(--tw-text-opacity))
 }
 
 .disabled\:cursor-not-allowed:disabled{
@@ -8330,7 +8506,7 @@ body.os-pc .pc\:hidden {
 
 .disabled\:border-gray-300:disabled{
   --tw-border-opacity:1;
-  border-color:rgb(209 213 219 / var(--tw-border-opacity))
+  border-color:rgb(183 187 194 / var(--tw-border-opacity))
 }
 
 .disabled\:bg-slate-300:disabled{
@@ -8340,7 +8516,7 @@ body.os-pc .pc\:hidden {
 
 .disabled\:bg-gray-300:disabled{
   --tw-bg-opacity:1;
-  background-color:rgb(209 213 219 / var(--tw-bg-opacity))
+  background-color:rgb(183 187 194 / var(--tw-bg-opacity))
 }
 
 .disabled\:bg-zinc-300:disabled{
@@ -8443,6 +8619,16 @@ body.os-pc .pc\:hidden {
   background-color:rgb(253 164 175 / var(--tw-bg-opacity))
 }
 
+.disabled\:bg-primary-300:disabled{
+  --tw-bg-opacity:1;
+  background-color:rgb(103 189 250 / var(--tw-bg-opacity))
+}
+
+.disabled\:bg-ternary-300:disabled{
+  --tw-bg-opacity:1;
+  background-color:rgb(183 187 194 / var(--tw-bg-opacity))
+}
+
 .disabled\:bg-slate-400:disabled{
   --tw-bg-opacity:1;
   background-color:rgb(148 163 184 / var(--tw-bg-opacity))
@@ -8450,7 +8636,7 @@ body.os-pc .pc\:hidden {
 
 .disabled\:text-gray-600:disabled{
   --tw-text-opacity:1;
-  color:rgb(75 85 99 / var(--tw-text-opacity))
+  color:rgb(87 93 102 / var(--tw-text-opacity))
 }
 
 .disabled\:text-slate-700:disabled{
@@ -8491,11 +8677,6 @@ body.os-pc .pc\:hidden {
   .sm\:justify-between{
     justify-content:space-between
   }
-
-  .sm\:px-6{
-    padding-left:1.5rem;
-    padding-right:1.5rem
-  }
 }
 
 @media (min-width: 768px){