cekat-ui 1.0.7 → 1.2.0

package/dist/style.css

@@ -1,4 +1,6 @@
-*, ::before, ::after {
+@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+
+*, ::before, ::after{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -23,7 +25,7 @@
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-color: rgb(46 144 250 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -52,7 +54,7 @@
   --tw-contain-style:  ;
 }
 
-::backdrop {
+::backdrop{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -77,7 +79,7 @@
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-color: rgb(46 144 250 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -555,816 +557,2394 @@ video {
 }
 
 html {
-  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Nunito", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
-body {
+body{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(29 41 57 / var(--tw-text-opacity, 1));
 }
 
-.pointer-events-none {
+.container{
+  width: 100%;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 640px){
+  .container{
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px){
+  .container{
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px){
+  .container{
+    max-width: 1280px;
+  }
+}
+
+@media (min-width: 1536px){
+  .container{
+    max-width: 1536px;
+  }
+}
+
+.pointer-events-none{
   pointer-events: none;
 }
 
-.visible {
+.\!visible{
+  visibility: visible !important;
+}
+
+.visible{
   visibility: visible;
 }
 
-.invisible {
+.invisible{
   visibility: hidden;
 }
 
-.fixed {
+.fixed{
   position: fixed;
 }
 
-.absolute {
+.absolute{
   position: absolute;
 }
 
-.relative {
+.relative{
   position: relative;
 }
 
-.bottom-\[-4px\] {
-  bottom: -4px;
+.inset-0{
+  inset: 0px;
+}
+
+.bottom-0{
+  bottom: 0px;
+}
+
+.bottom-\[-6px\]{
+  bottom: -6px;
 }
 
-.bottom-\[calc\(100\%\+8px\)\] {
+.bottom-\[calc\(100\%\+8px\)\]{
   bottom: calc(100% + 8px);
 }
 
-.bottom-full {
+.bottom-full{
   bottom: 100%;
 }
 
-.left-0 {
+.left-0{
   left: 0px;
 }
 
-.left-1 {
-  left: 0.25rem;
-}
-
-.left-1\/2 {
+.left-1\/2{
   left: 50%;
 }
 
-.left-4 {
+.left-4{
   left: 1rem;
 }
 
-.left-\[-4px\] {
-  left: -4px;
+.left-\[-6px\]{
+  left: -6px;
 }
 
-.left-\[calc\(100\%\+8px\)\] {
+.left-\[calc\(100\%\+8px\)\]{
   left: calc(100% + 8px);
 }
 
-.left-full {
+.left-full{
   left: 100%;
 }
 
-.right-0 {
+.right-0{
   right: 0px;
 }
 
-.right-4 {
+.right-4{
   right: 1rem;
 }
 
-.right-\[-4px\] {
-  right: -4px;
+.right-\[-6px\]{
+  right: -6px;
 }
 
-.right-\[calc\(100\%\+8px\)\] {
+.right-\[calc\(100\%\+8px\)\]{
   right: calc(100% + 8px);
 }
 
-.right-full {
+.right-full{
   right: 100%;
 }
 
-.top-1 {
-  top: 0.25rem;
-}
-
-.top-1\/2 {
+.top-1\/2{
   top: 50%;
 }
 
-.top-\[-4px\] {
-  top: -4px;
+.top-\[-6px\]{
+  top: -6px;
 }
 
-.top-\[calc\(100\%\+8px\)\] {
+.top-\[calc\(100\%\+8px\)\]{
   top: calc(100% + 8px);
 }
 
-.top-full {
+.top-full{
   top: 100%;
 }
 
-.z-20 {
+.z-10{
+  z-index: 10;
+}
+
+.z-20{
   z-index: 20;
 }
 
-.z-\[9999\] {
+.z-\[9999\]{
   z-index: 9999;
 }
 
-.mx-auto {
+.mx-1{
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
+.mx-auto{
   margin-left: auto;
   margin-right: auto;
 }
 
-.my-10 {
+.my-1{
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.my-10{
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
 }
 
-.my-4 {
+.my-4{
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
 
-.mb-1 {
+.mb-1{
   margin-bottom: 0.25rem;
 }
 
-.mb-2 {
+.mb-2{
   margin-bottom: 0.5rem;
 }
 
-.ml-2\.5 {
+.ml-1{
+  margin-left: 0.25rem;
+}
+
+.ml-2{
+  margin-left: 0.5rem;
+}
+
+.ml-2\.5{
   margin-left: 0.625rem;
 }
 
-.mr-2\.5 {
+.ml-auto{
+  margin-left: auto;
+}
+
+.mr-2\.5{
   margin-right: 0.625rem;
 }
 
-.inline-block {
+.mt-1{
+  margin-top: 0.25rem;
+}
+
+.mt-2{
+  margin-top: 0.5rem;
+}
+
+.inline-block{
   display: inline-block;
 }
 
-.flex {
+.inline{
+  display: inline;
+}
+
+.flex{
   display: flex;
 }
 
-.inline-flex {
+.inline-flex{
   display: inline-flex;
 }
 
-.table {
+.table{
   display: table;
 }
 
-.h-0 {
+.grid{
+  display: grid;
+}
+
+.size-2{
+  width: 0.5rem;
+  height: 0.5rem;
+}
+
+.size-2\.5{
+  width: 0.625rem;
+  height: 0.625rem;
+}
+
+.size-3\.5{
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+.size-4{
+  width: 1rem;
+  height: 1rem;
+}
+
+.size-5{
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.size-6{
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.size-\[18px\]{
+  width: 18px;
+  height: 18px;
+}
+
+.size-full{
+  width: 100%;
+  height: 100%;
+}
+
+.\!h-\[26px\]{
+  height: 26px !important;
+}
+
+.\!h-\[36px\]{
+  height: 36px !important;
+}
+
+.\!h-\[44px\]{
+  height: 44px !important;
+}
+
+.\!h-\[52px\]{
+  height: 52px !important;
+}
+
+.\!h-\[60px\]{
+  height: 60px !important;
+}
+
+.\!h-\[68px\]{
+  height: 68px !important;
+}
+
+.h-0{
   height: 0px;
 }
 
-.h-0\.5 {
+.h-0\.5{
   height: 0.125rem;
 }
 
-.h-10 {
-  height: 2.5rem;
+.h-1\.5{
+  height: 0.375rem;
 }
 
-.h-2 {
-  height: 0.5rem;
+.h-11{
+  height: 2.75rem;
 }
 
-.h-2\.5 {
-  height: 0.625rem;
+.h-12{
+  height: 3rem;
 }
 
-.h-3 {
-  height: 0.75rem;
+.h-2{
+  height: 0.5rem;
 }
 
-.h-4 {
+.h-4{
   height: 1rem;
 }
 
-.h-5 {
+.h-5{
   height: 1.25rem;
 }
 
-.h-6 {
+.h-6{
   height: 1.5rem;
 }
 
-.h-8 {
+.h-7{
+  height: 1.75rem;
+}
+
+.h-8{
   height: 2rem;
 }
 
-.h-\[36px\] {
+.h-9{
+  height: 2.25rem;
+}
+
+.h-96{
+  height: 24rem;
+}
+
+.h-\[100px\]{
+  height: 100px;
+}
+
+.h-\[30px\]{
+  height: 30px;
+}
+
+.h-\[34px\]{
+  height: 34px;
+}
+
+.h-\[36px\]{
   height: 36px;
 }
 
-.h-\[44px\] {
+.h-\[44px\]{
   height: 44px;
 }
 
-.h-\[52px\] {
+.h-\[52px\]{
   height: 52px;
 }
 
-.h-\[60px\] {
+.h-\[60px\]{
   height: 60px;
 }
 
-.h-\[68px\] {
+.h-\[68px\]{
   height: 68px;
 }
 
-.h-auto {
+.h-auto{
   height: auto;
 }
 
-.w-0 {
-  width: 0px;
+.h-full{
+  height: 100%;
 }
 
-.w-10 {
-  width: 2.5rem;
+.h-px{
+  height: 1px;
 }
 
-.w-14 {
-  width: 3.5rem;
+.max-h-52{
+  max-height: 13rem;
 }
 
-.w-2 {
-  width: 0.5rem;
+.max-h-64{
+  max-height: 16rem;
 }
 
-.w-2\.5 {
-  width: 0.625rem;
+.max-h-80{
+  max-height: 20rem;
+}
+
+.min-h-\[\.\.\.\]{
+  min-height: ...;
+}
+
+.min-h-\[132px\]{
+  min-height: 132px;
+}
+
+.min-h-\[64px\]{
+  min-height: 64px;
+}
+
+.\!w-\[26px\]{
+  width: 26px !important;
+}
+
+.\!w-\[36px\]{
+  width: 36px !important;
+}
+
+.\!w-\[44px\]{
+  width: 44px !important;
+}
+
+.\!w-\[52px\]{
+  width: 52px !important;
+}
+
+.\!w-\[60px\]{
+  width: 60px !important;
+}
+
+.\!w-\[68px\]{
+  width: 68px !important;
+}
+
+.w-0{
+  width: 0px;
+}
+
+.w-1\.5{
+  width: 0.375rem;
+}
+
+.w-11{
+  width: 2.75rem;
+}
+
+.w-2{
+  width: 0.5rem;
 }
 
-.w-3 {
+.w-3{
   width: 0.75rem;
 }
 
-.w-4 {
+.w-4{
   width: 1rem;
 }
 
-.w-5 {
+.w-5{
   width: 1.25rem;
 }
 
-.w-6 {
+.w-6{
   width: 1.5rem;
 }
 
-.w-8 {
+.w-60{
+  width: 15rem;
+}
+
+.w-8{
   width: 2rem;
 }
 
-.w-\[72px\] {
-  width: 72px;
+.w-80{
+  width: 20rem;
+}
+
+.w-9{
+  width: 2.25rem;
+}
+
+.w-\[140px\]{
+  width: 140px;
+}
+
+.w-\[320px\]{
+  width: 320px;
+}
+
+.w-\[500px\]{
+  width: 500px;
+}
+
+.w-\[92px\]{
+  width: 92px;
+}
+
+.w-\[calc\(100\%-8px\)\]{
+  width: calc(100% - 8px);
+}
+
+.w-auto{
+  width: auto;
+}
+
+.w-full{
+  width: 100%;
+}
+
+.w-px{
+  width: 1px;
+}
+
+.min-w-0{
+  min-width: 0px;
+}
+
+.min-w-8{
+  min-width: 2rem;
+}
+
+.min-w-\[120px\]{
+  min-width: 120px;
+}
+
+.min-w-\[240px\]{
+  min-width: 240px;
 }
 
-.min-w-max {
+.min-w-max{
   min-width: -moz-max-content;
   min-width: max-content;
 }
 
-.max-w-\[240px\] {
+.max-w-\[240px\]{
   max-width: 240px;
 }
 
-.max-w-\[600px\] {
+.max-w-\[320px\]{
+  max-width: 320px;
+}
+
+.max-w-\[600px\]{
   max-width: 600px;
 }
 
-.shrink-0 {
+.max-w-\[720px\]{
+  max-width: 720px;
+}
+
+.flex-1{
+  flex: 1 1 0%;
+}
+
+.shrink{
+  flex-shrink: 1;
+}
+
+.shrink-0{
   flex-shrink: 0;
 }
 
-.-translate-x-1 {
+.-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 {
+.-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-y-1 {
+.-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 {
+.-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-0 {
+.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-x-1 {
+.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-4 {
-  --tw-translate-x: 1rem;
-  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-6 {
-  --tw-translate-x: 1.5rem;
-  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-8 {
-  --tw-translate-x: 2rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-y-0 {
+.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 {
+.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-45 {
-  --tw-rotate: 45deg;
-  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));
-}
-
-.scale-0 {
+.scale-0{
   --tw-scale-x: 0;
   --tw-scale-y: 0;
   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));
 }
 
-.scale-100 {
+.scale-100{
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   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{
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.cursor-not-allowed {
+@keyframes spin{
+  to{
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spin{
+  animation: spin 1s linear infinite;
+}
+
+.cursor-not-allowed{
   cursor: not-allowed;
 }
 
-.cursor-pointer {
+.cursor-pointer{
   cursor: pointer;
 }
 
-.select-none {
+.select-none{
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 
-.list-disc {
+.resize-none{
+  resize: none;
+}
+
+.resize-y{
+  resize: vertical;
+}
+
+.list-disc{
   list-style-type: disc;
 }
 
-.flex-col {
+.flex-row{
+  flex-direction: row;
+}
+
+.flex-col{
   flex-direction: column;
 }
 
-.items-center {
+.flex-wrap{
+  flex-wrap: wrap;
+}
+
+.items-start{
+  align-items: flex-start;
+}
+
+.items-center{
   align-items: center;
 }
 
-.justify-center {
+.items-stretch{
+  align-items: stretch;
+}
+
+.justify-start{
+  justify-content: flex-start;
+}
+
+.justify-end{
+  justify-content: flex-end;
+}
+
+.justify-center{
   justify-content: center;
 }
 
-.justify-between {
+.justify-between{
   justify-content: space-between;
 }
 
-.gap-1 {
+.gap-1{
   gap: 0.25rem;
 }
 
-.gap-2 {
+.gap-12{
+  gap: 3rem;
+}
+
+.gap-16{
+  gap: 4rem;
+}
+
+.gap-2{
   gap: 0.5rem;
 }
 
-.gap-2\.5 {
+.gap-2\.5{
   gap: 0.625rem;
 }
 
-.gap-3 {
+.gap-3{
   gap: 0.75rem;
 }
 
-.gap-4 {
+.gap-4{
   gap: 1rem;
 }
 
-.overflow-visible {
+.gap-5{
+  gap: 1.25rem;
+}
+
+.gap-6{
+  gap: 1.5rem;
+}
+
+.overflow-hidden{
+  overflow: hidden;
+}
+
+.overflow-clip{
+  overflow: clip;
+}
+
+.overflow-visible{
   overflow: visible;
 }
 
-.whitespace-nowrap {
+.overflow-x-auto{
+  overflow-x: auto;
+}
+
+.overflow-y-auto{
+  overflow-y: auto;
+}
+
+.overflow-y-hidden{
+  overflow-y: hidden;
+}
+
+.truncate{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.whitespace-nowrap{
   white-space: nowrap;
 }
 
-.\!rounded-md {
+.\!rounded-md{
   border-radius: 0.375rem !important;
 }
 
-.rounded-\[10px\] {
+.rounded{
+  border-radius: 0.25rem;
+}
+
+.rounded-\[10px\]{
   border-radius: 10px;
 }
 
-.rounded-\[4px\] {
-  border-radius: 4px;
+.rounded-\[3px\]{
+  border-radius: 3px;
 }
 
-.rounded-\[6px\] {
-  border-radius: 6px;
+.rounded-\[4px\]{
+  border-radius: 4px;
 }
 
-.rounded-\[8px\] {
-  border-radius: 8px;
+.rounded-\[6px\]{
+  border-radius: 6px;
 }
 
-.rounded-full {
+.rounded-full{
   border-radius: 9999px;
 }
 
-.rounded-lg {
+.rounded-lg{
   border-radius: 0.5rem;
 }
 
-.rounded-md {
+.rounded-md{
   border-radius: 0.375rem;
 }
 
-.rounded-sm {
+.rounded-none{
+  border-radius: 0px;
+}
+
+.rounded-sm{
   border-radius: 0.125rem;
 }
 
-.rounded-xl {
+.rounded-xl{
   border-radius: 0.75rem;
 }
 
-.border {
+.rounded-l-lg{
+  border-top-left-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-r-lg{
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
+
+.border{
   border-width: 1px;
 }
 
-.border-2 {
+.border-2{
   border-width: 2px;
 }
 
-.border-\[8px\] {
+.border-\[1\.5px\]{
+  border-width: 1.5px;
+}
+
+.border-\[8px\]{
   border-width: 8px;
 }
 
-.border-b {
-  border-bottom-width: 1px;
+.border-x-8{
+  border-left-width: 8px;
+  border-right-width: 8px;
 }
 
-.border-\[\#D0D5DD\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
+.border-y-8{
+  border-top-width: 8px;
+  border-bottom-width: 8px;
 }
 
-.border-\[\#E4E7EC\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
+.border-b{
+  border-bottom-width: 1px;
 }
 
-.border-\[\#d1d5db\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+.border-b-2{
+  border-bottom-width: 2px;
 }
 
-.border-black\/10 {
-  border-color: rgb(0 0 0 / 0.1);
+.border-b-\[6px\]{
+  border-bottom-width: 6px;
 }
 
-.border-primary-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
+.border-l{
+  border-left-width: 1px;
 }
 
-.border-transparent {
-  border-color: transparent;
+.border-l-2{
+  border-left-width: 2px;
 }
 
-.border-b-\[\#111827\] {
-  --tw-border-opacity: 1;
-  border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
+.border-l-\[6px\]{
+  border-left-width: 6px;
 }
 
-.border-l-\[\#111827\] {
-  --tw-border-opacity: 1;
+.border-r{
+  border-right-width: 1px;
+}
+
+.border-r-\[6px\]{
+  border-right-width: 6px;
+}
+
+.border-t-\[6px\]{
+  border-top-width: 6px;
+}
+
+.border-dashed{
+  border-style: dashed;
+}
+
+.border-\[\#d1d5db\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+}
+
+.border-\[\#e4e7ec\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
+}
+
+.border-\[\#f0f5f9\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(240 245 249 / var(--tw-border-opacity, 1));
+}
+
+.border-black\/10{
+  border-color: rgb(0 0 0 / 0.1);
+}
+
+.border-black\/\[0\.08\]{
+  border-color: rgb(0 0 0 / 0.08);
+}
+
+.border-blue-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(178 221 255 / var(--tw-border-opacity, 1));
+}
+
+.border-blue-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(21 112 239 / var(--tw-border-opacity, 1));
+}
+
+.border-blue-gray-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(213 217 235 / var(--tw-border-opacity, 1));
+}
+
+.border-blue-gray-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(62 71 132 / var(--tw-border-opacity, 1));
+}
+
+.border-blue-light-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(185 230 254 / var(--tw-border-opacity, 1));
+}
+
+.border-blue-light-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 134 201 / var(--tw-border-opacity, 1));
+}
+
+.border-error-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(252 190 165 / var(--tw-border-opacity, 1));
+}
+
+.border-error-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(246 144 118 / var(--tw-border-opacity, 1));
+}
+
+.border-error-500{
+  --tw-border-opacity: 1;
+  border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
+}
+
+.border-error-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(194 22 31 / var(--tw-border-opacity, 1));
+}
+
+.border-indigo-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(199 215 254 / var(--tw-border-opacity, 1));
+}
+
+.border-indigo-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(68 76 231 / var(--tw-border-opacity, 1));
+}
+
+.border-light-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
+}
+
+.border-light-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
+}
+
+.border-light-500{
+  --tw-border-opacity: 1;
+  border-color: rgb(102 112 133 / var(--tw-border-opacity, 1));
+}
+
+.border-light-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(71 84 103 / var(--tw-border-opacity, 1));
+}
+
+.border-orange-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(249 219 175 / var(--tw-border-opacity, 1));
+}
+
+.border-orange-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(224 79 22 / var(--tw-border-opacity, 1));
+}
+
+.border-pink-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(252 206 238 / var(--tw-border-opacity, 1));
+}
+
+.border-pink-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(221 37 144 / var(--tw-border-opacity, 1));
+}
+
+.border-primary-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(205 218 242 / var(--tw-border-opacity, 1));
+}
+
+.border-primary-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(158 184 229 / var(--tw-border-opacity, 1));
+}
+
+.border-primary-500{
+  --tw-border-opacity: 1;
+  border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
+}
+
+.border-purple-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(217 214 254 / var(--tw-border-opacity, 1));
+}
+
+.border-purple-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(105 56 239 / var(--tw-border-opacity, 1));
+}
+
+.border-success-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(151 244 165 / var(--tw-border-opacity, 1));
+}
+
+.border-success-500{
+  --tw-border-opacity: 1;
+  border-color: rgb(8 145 70 / var(--tw-border-opacity, 1));
+}
+
+.border-success-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(5 124 71 / var(--tw-border-opacity, 1));
+}
+
+.border-transparent{
+  border-color: #FFFFFF00;
+}
+
+.border-warning-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(254 240 199 / var(--tw-border-opacity, 1));
+}
+
+.border-warning-500{
+  --tw-border-opacity: 1;
+  border-color: rgb(247 144 9 / var(--tw-border-opacity, 1));
+}
+
+.border-warning-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(220 104 3 / var(--tw-border-opacity, 1));
+}
+
+.border-white{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+}
+
+.border-x-transparent{
+  border-left-color: #FFFFFF00;
+  border-right-color: #FFFFFF00;
+}
+
+.border-y-transparent{
+  border-top-color: #FFFFFF00;
+  border-bottom-color: #FFFFFF00;
+}
+
+.border-b-\[\#111827\]{
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
+}
+
+.border-b-primary-900{
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
+}
+
+.border-l-\[\#111827\]{
+  --tw-border-opacity: 1;
   border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-r-\[\#111827\] {
+.border-l-primary-900{
+  --tw-border-opacity: 1;
+  border-left-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
+}
+
+.border-r-\[\#111827\]{
   --tw-border-opacity: 1;
   border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-t-\[\#111827\] {
+.border-r-primary-900{
+  --tw-border-opacity: 1;
+  border-right-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
+}
+
+.border-t-\[\#111827\]{
   --tw-border-opacity: 1;
   border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.bg-\[\#020b1c\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(2 11 28 / var(--tw-bg-opacity, 1));
+.border-t-primary-900{
+  --tw-border-opacity: 1;
+  border-top-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
 }
 
-.bg-\[\#111827\] {
+.bg-\[\#111827\]{
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
 }
 
-.bg-\[\#F2F4F7\] {
+.bg-\[\#e7fdd8\]{
   --tw-bg-opacity: 1;
-  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+  background-color: rgb(231 253 216 / var(--tw-bg-opacity, 1));
 }
 
-.bg-\[\#e4e7ec\] {
+.bg-\[\#f7fafc\]{
   --tw-bg-opacity: 1;
-  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
+  background-color: rgb(247 250 252 / var(--tw-bg-opacity, 1));
 }
 
-.bg-\[\#e7fdd8\] {
+.bg-black{
   --tw-bg-opacity: 1;
-  background-color: rgb(231 253 216 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
+
+.bg-blue-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 248 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-current {
+.bg-blue-gray-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 249 252 / var(--tw-bg-opacity, 1));
+}
+
+.bg-blue-light-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-current{
   background-color: currentColor;
 }
 
-.bg-primary-500 {
+.bg-dark-100{
   --tw-bg-opacity: 1;
-  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
+  background-color: rgb(240 241 241 / var(--tw-bg-opacity, 1));
 }
 
-.bg-transparent {
-  background-color: transparent;
+.bg-dark-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 236 237 / var(--tw-bg-opacity, 1));
 }
 
-.bg-white {
+.bg-dark-300{
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  background-color: rgb(206 207 210 / var(--tw-bg-opacity, 1));
 }
 
-.fill-\[\#1ea7fd\] {
-  fill: #1ea7fd;
+.bg-dark-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(148 150 156 / var(--tw-bg-opacity, 1));
 }
 
-.p-20 {
-  padding: 5rem;
+.bg-dark-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 246 / var(--tw-bg-opacity, 1));
+}
+
+.bg-dark-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(133 136 142 / var(--tw-bg-opacity, 1));
+}
+
+.bg-dark-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(97 100 108 / var(--tw-bg-opacity, 1));
+}
+
+.bg-dark-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 55 65 / var(--tw-bg-opacity, 1));
+}
+
+.bg-dark-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 36 47 / var(--tw-bg-opacity, 1));
+}
+
+.bg-dark-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 27 38 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 226 209 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 190 165 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 144 118 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 102 83 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 239 229 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 38 31 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(194 22 31 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(162 15 35 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
+}
+
+.bg-error-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(108 5 36 / var(--tw-bg-opacity, 1));
+}
+
+.bg-grey-base{
+  --tw-bg-opacity: 1;
+  background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));
+}
+
+.bg-indigo-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(206 233 253 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(158 209 252 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(109 177 247 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(72 148 239 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 244 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 104 229 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 80 196 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(8 59 164 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(5 41 132 / var(--tw-bg-opacity, 1));
+}
+
+.bg-info-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(3 29 109 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(152 162 179 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(102 112 133 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 84 103 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 64 84 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 34 48 / var(--tw-bg-opacity, 1));
+}
+
+.bg-light-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 24 40 / var(--tw-bg-opacity, 1));
+}
+
+.bg-orange-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 246 238 / var(--tw-bg-opacity, 1));
+}
+
+.bg-pink-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 242 250 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(205 218 242 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(158 184 229 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(112 150 217 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 66 153 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 49 115 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(8 33 76 / var(--tw-bg-opacity, 1));
+}
+
+.bg-primary-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(4 16 38 / var(--tw-bg-opacity, 1));
+}
+
+.bg-purple-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 243 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(228 245 249 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(158 220 229 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(112 202 217 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(65 185 204 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 254 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 168 191 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 134 153 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 101 115 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(8 67 76 / var(--tw-bg-opacity, 1));
+}
+
+.bg-secondary-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(4 34 38 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 249 204 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(151 244 165 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(96 222 127 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 189 102 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 255 238 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(8 145 70 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(5 124 71 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(4 104 69 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(2 84 63 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(1 69 59 / var(--tw-bg-opacity, 1));
+}
+
+.bg-transparent{
+  background-color: #FFFFFF00;
+}
+
+.bg-warning-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 240 199 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 200 75 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 176 34 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 252 245 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 144 9 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 104 3 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-700{
+  --tw-bg-opacity: 1;
+  background-color: rgb(181 71 8 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 55 13 / var(--tw-bg-opacity, 1));
+}
+
+.bg-warning-900{
+  --tw-bg-opacity: 1;
+  background-color: rgb(122 46 14 / var(--tw-bg-opacity, 1));
+}
+
+.bg-white{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+
+.fill-\[\#1ea7fd\]{
+  fill: #1ea7fd;
+}
+
+.fill-primary-500{
+  fill: #1352BF;
+}
+
+.stroke-light-100{
+  stroke: #F2F4F7;
+}
+
+.stroke-primary-600{
+  stroke: #0F4299;
+}
+
+.stroke-white{
+  stroke: #FFFFFF;
+}
+
+.object-contain{
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+.object-cover{
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.\!p-0{
+  padding: 0px !important;
+}
+
+.p-0{
+  padding: 0px;
+}
+
+.p-0\.5{
+  padding: 0.125rem;
+}
+
+.p-1{
+  padding: 0.25rem;
+}
+
+.p-16{
+  padding: 4rem;
+}
+
+.p-2{
+  padding: 0.5rem;
+}
+
+.p-20{
+  padding: 5rem;
+}
+
+.p-3{
+  padding: 0.75rem;
+}
+
+.p-6{
+  padding: 1.5rem;
+}
+
+.p-\[2px\]{
+  padding: 2px;
+}
+
+.p-\[5px\]{
+  padding: 5px;
+}
+
+.\!px-2{
+  padding-left: 0.5rem !important;
+  padding-right: 0.5rem !important;
+}
+
+.px-1{
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
+.px-2{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.px-2\.5{
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+
+.px-3{
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-3\.5{
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+
+.px-4{
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.px-5{
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.px-6{
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.py-0\.5{
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.py-1{
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.py-1\.5{
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
+.py-12{
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+.py-2{
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.py-2\.5{
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+
+.py-3{
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-4{
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.py-6{
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.py-\[2px\]{
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.py-\[3px\]{
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.pb-0\.5{
+  padding-bottom: 0.125rem;
+}
+
+.pb-3{
+  padding-bottom: 0.75rem;
+}
+
+.pb-4{
+  padding-bottom: 1rem;
+}
+
+.pl-1{
+  padding-left: 0.25rem;
+}
+
+.pl-1\.5{
+  padding-left: 0.375rem;
+}
+
+.pl-2{
+  padding-left: 0.5rem;
+}
+
+.pl-2\.5{
+  padding-left: 0.625rem;
+}
+
+.pl-3{
+  padding-left: 0.75rem;
+}
+
+.pl-4{
+  padding-left: 1rem;
+}
+
+.pl-7{
+  padding-left: 1.75rem;
+}
+
+.pl-\[9px\]{
+  padding-left: 9px;
+}
+
+.pr-1{
+  padding-right: 0.25rem;
+}
+
+.pr-1\.5{
+  padding-right: 0.375rem;
+}
+
+.pr-2{
+  padding-right: 0.5rem;
+}
+
+.pr-2\.5{
+  padding-right: 0.625rem;
+}
+
+.pr-3{
+  padding-right: 0.75rem;
+}
+
+.pr-\[9px\]{
+  padding-right: 9px;
+}
+
+.text-left{
+  text-align: left;
+}
+
+.text-center{
+  text-align: center;
+}
+
+.text-right{
+  text-align: right;
+}
+
+.font-nunito{
+  font-family: Nunito, sans-serif;
+}
+
+.font-sans{
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+.text-\[11px\]{
+  font-size: 11px;
+}
+
+.text-\[13px\]{
+  font-size: 13px;
+}
+
+.text-\[20px\]{
+  font-size: 20px;
+}
+
+.text-\[32px\]{
+  font-size: 32px;
+}
+
+.text-base{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-body-lg{
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.text-body-sm{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-caption-lg{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-caption-sm{
+  font-size: 0.75rem;
+  line-height: 1.125rem;
+}
+
+.text-h1{
+  font-size: 3.75rem;
+  line-height: 4.5rem;
+}
+
+.text-h2{
+  font-size: 3rem;
+  line-height: 3.5rem;
+}
+
+.text-h3{
+  font-size: 2.25rem;
+  line-height: 2.75rem;
+}
+
+.text-h4{
+  font-size: 1.875rem;
+  line-height: 2.5rem;
+}
+
+.text-h5{
+  font-size: 1.5rem;
+  line-height: 2.25rem;
+}
+
+.text-h6{
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.text-sm{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-xs{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.font-black{
+  font-weight: 900;
+}
+
+.font-bold{
+  font-weight: 700;
+}
+
+.font-extrabold{
+  font-weight: 800;
+}
+
+.font-extralight{
+  font-weight: 200;
+}
+
+.font-light{
+  font-weight: 300;
+}
+
+.font-medium{
+  font-weight: 500;
+}
+
+.font-normal{
+  font-weight: 400;
+}
+
+.font-regular{
+  font-weight: 400;
+}
+
+.font-semibold{
+  font-weight: 600;
+}
+
+.uppercase{
+  text-transform: uppercase;
+}
+
+.leading-3{
+  line-height: .75rem;
+}
+
+.leading-5{
+  line-height: 1.25rem;
+}
+
+.leading-6{
+  line-height: 1.5rem;
+}
+
+.leading-7{
+  line-height: 1.75rem;
+}
+
+.leading-body-lg{
+  line-height: 1.75rem;
+}
+
+.leading-body-sm{
+  line-height: 1.5rem;
+}
+
+.leading-caption-lg{
+  line-height: 1.25rem;
+}
+
+.leading-caption-sm{
+  line-height: 1.125rem;
+}
+
+.leading-h1{
+  line-height: 4.5rem;
+}
+
+.leading-h2{
+  line-height: 3.5rem;
+}
+
+.leading-h3{
+  line-height: 2.75rem;
+}
+
+.leading-h4{
+  line-height: 2.5rem;
+}
+
+.leading-h5{
+  line-height: 2.25rem;
+}
+
+.leading-h6{
+  line-height: 1.75rem;
+}
+
+.leading-none{
+  line-height: 1;
+}
+
+.leading-snug{
+  line-height: 1.375;
+}
+
+.tracking-\[-1\.2px\]{
+  letter-spacing: -1.2px;
+}
+
+.text-\[\#101828\]{
+  --tw-text-opacity: 1;
+  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
+}
+
+.text-\[\#111827\]{
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+
+.text-\[\#1c293b\]{
+  --tw-text-opacity: 1;
+  color: rgb(28 41 59 / var(--tw-text-opacity, 1));
+}
+
+.text-\[\#1d2939\]{
+  --tw-text-opacity: 1;
+  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
+}
+
+.text-\[\#333\]{
+  --tw-text-opacity: 1;
+  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
+}
+
+.text-\[\#357a14\]{
+  --tw-text-opacity: 1;
+  color: rgb(53 122 20 / var(--tw-text-opacity, 1));
 }
 
-.\!px-2 {
-  padding-left: 0.5rem !important;
-  padding-right: 0.5rem !important;
+.text-\[\#475467\]{
+  --tw-text-opacity: 1;
+  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
 }
 
-.px-2\.5 {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
+.text-\[\#667a8c\]{
+  --tw-text-opacity: 1;
+  color: rgb(102 122 140 / var(--tw-text-opacity, 1));
 }
 
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+.text-\[\#9636ff\]{
+  --tw-text-opacity: 1;
+  color: rgb(150 54 255 / var(--tw-text-opacity, 1));
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
+.text-\[\#98a2b3\]{
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
 }
 
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+.text-blue-700{
+  --tw-text-opacity: 1;
+  color: rgb(23 92 211 / var(--tw-text-opacity, 1));
 }
 
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+.text-blue-gray-700{
+  --tw-text-opacity: 1;
+  color: rgb(54 63 114 / var(--tw-text-opacity, 1));
 }
 
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+.text-blue-light-700{
+  --tw-text-opacity: 1;
+  color: rgb(2 106 162 / var(--tw-text-opacity, 1));
 }
 
-.py-1\.5 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
+.text-current{
+  color: currentColor;
 }
 
-.py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
+.text-error-400{
+  --tw-text-opacity: 1;
+  color: rgb(237 102 83 / var(--tw-text-opacity, 1));
 }
 
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+.text-error-500{
+  --tw-text-opacity: 1;
+  color: rgb(226 38 31 / var(--tw-text-opacity, 1));
 }
 
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+.text-error-600{
+  --tw-text-opacity: 1;
+  color: rgb(194 22 31 / var(--tw-text-opacity, 1));
 }
 
-.pl-7 {
-  padding-left: 1.75rem;
+.text-error-700{
+  --tw-text-opacity: 1;
+  color: rgb(162 15 35 / var(--tw-text-opacity, 1));
 }
 
-.font-sans {
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+.text-indigo-700{
+  --tw-text-opacity: 1;
+  color: rgb(53 56 205 / var(--tw-text-opacity, 1));
 }
 
-.text-\[11px\] {
-  font-size: 11px;
+.text-light-100{
+  --tw-text-opacity: 1;
+  color: rgb(242 244 247 / var(--tw-text-opacity, 1));
 }
 
-.text-\[13px\] {
-  font-size: 13px;
+.text-light-300{
+  --tw-text-opacity: 1;
+  color: rgb(208 213 221 / var(--tw-text-opacity, 1));
 }
 
-.text-\[20px\] {
-  font-size: 20px;
+.text-light-400{
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
 }
 
-.text-\[32px\] {
-  font-size: 32px;
+.text-light-500{
+  --tw-text-opacity: 1;
+  color: rgb(102 112 133 / var(--tw-text-opacity, 1));
 }
 
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.text-light-600{
+  --tw-text-opacity: 1;
+  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
 }
 
-.font-bold {
-  font-weight: 700;
+.text-light-700{
+  --tw-text-opacity: 1;
+  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
 }
 
-.leading-3 {
-  line-height: .75rem;
+.text-light-800{
+  --tw-text-opacity: 1;
+  color: rgb(24 34 48 / var(--tw-text-opacity, 1));
 }
 
-.leading-5 {
-  line-height: 1.25rem;
+.text-light-900{
+  --tw-text-opacity: 1;
+  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
 }
 
-.leading-6 {
-  line-height: 1.5rem;
+.text-orange-700{
+  --tw-text-opacity: 1;
+  color: rgb(185 56 21 / var(--tw-text-opacity, 1));
 }
 
-.leading-none {
-  line-height: 1;
+.text-pink-700{
+  --tw-text-opacity: 1;
+  color: rgb(193 21 116 / var(--tw-text-opacity, 1));
 }
 
-.leading-snug {
-  line-height: 1.375;
+.text-primary-500{
+  --tw-text-opacity: 1;
+  color: rgb(19 82 191 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#111827\] {
+.text-primary-600{
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  color: rgb(15 66 153 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#1d2939\] {
+.text-primary-700{
   --tw-text-opacity: 1;
-  color: rgb(29 41 57 / var(--tw-text-opacity, 1));
+  color: rgb(11 49 115 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#333\] {
+.text-purple-700{
   --tw-text-opacity: 1;
-  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
+  color: rgb(89 37 220 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#357a14\] {
+.text-success-500{
   --tw-text-opacity: 1;
-  color: rgb(53 122 20 / var(--tw-text-opacity, 1));
+  color: rgb(8 145 70 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#98a2b3\] {
+.text-success-700{
   --tw-text-opacity: 1;
-  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+  color: rgb(4 104 69 / var(--tw-text-opacity, 1));
 }
 
-.text-current {
-  color: currentColor;
+.text-warning-500{
+  --tw-text-opacity: 1;
+  color: rgb(247 144 9 / var(--tw-text-opacity, 1));
 }
 
-.text-primary-500 {
+.text-warning-700{
   --tw-text-opacity: 1;
-  color: rgb(19 82 191 / var(--tw-text-opacity, 1));
+  color: rgb(181 71 8 / var(--tw-text-opacity, 1));
 }
 
-.text-white {
+.text-white{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.text-white\/80 {
+.text-white\/80{
   color: rgb(255 255 255 / 0.8);
 }
 
-.opacity-0 {
+.underline{
+  text-decoration-line: underline;
+}
+
+.opacity-0{
   opacity: 0;
 }
 
-.opacity-100 {
+.opacity-100{
   opacity: 1;
 }
 
-.opacity-60 {
-  opacity: 0.6;
+.opacity-50{
+  opacity: 0.5;
 }
 
-.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);
+.opacity-60{
+  opacity: 0.6;
 }
 
-.shadow-\[0_10px_30px_rgba\(2\2c 8\2c 23\2c 0\.2\)\] {
+.shadow-\[0_10px_30px_rgba\(2\2c 8\2c 23\2c 0\.2\)\]{
   --tw-shadow: 0 10px 30px rgba(2,8,23,0.2);
   --tw-shadow-colored: 0 10px 30px 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-\[0_10px_30px_rgba\(2\2c 8\2c 23\2c 0\.25\)\] {
-  --tw-shadow: 0 10px 30px rgba(2,8,23,0.25);
-  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
+.shadow-\[0_12px_16px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0_4px_6px_-2px_rgba\(16\2c 24\2c 40\2c 0\.03\)\]{
+  --tw-shadow: 0 12px 16px -4px rgba(16,24,40,0.08),0 4px 6px -2px rgba(16,24,40,0.03);
+  --tw-shadow-colored: 0 12px 16px -4px var(--tw-shadow-color), 0 4px 6px -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-\[0_1px_3px_0_rgba\(16\2c 24\2c 40\2c 0\.10\)\2c 0_1px_2px_0_rgba\(16\2c 24\2c 40\2c 0\.06\)\]{
+  --tw-shadow: 0 1px 3px 0 rgba(16,24,40,0.10),0 1px 2px 0 rgba(16,24,40,0.06);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 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);
+}
+
+.shadow-\[0px_0px_0px_2px_white\2c 0px_0px_0px_4px_rgba\(112\2c 150\2c 217\2c 1\)\]{
+  --tw-shadow: 0px 0px 0px 2px white,0px 0px 0px 4px rgba(112,150,217,1);
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 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-\[0px_12px_16px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_4px_6px_-2px_rgba\(16\2c 24\2c 40\2c 0\.03\)\]{
+  --tw-shadow: 0px 12px 16px -4px rgba(16,24,40,0.08),0px 4px 6px -2px rgba(16,24,40,0.03);
+  --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color), 0px 4px 6px -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-lg{
+  --tw-shadow: 0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.08);
+  --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-md{
+  --tw-shadow: 0px 2px 4px -2px rgba(16,24,40,0.06), 0px 4px 8px -2px rgba(16,24,40,0.1);
+  --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 8px -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-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);
+}
+
+.shadow-xs{
+  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);
+  --tw-shadow-colored: 0px 1px 2px 0px 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-none{
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.outline {
+.outline{
   outline-style: solid;
 }
 
-.filter {
+.outline-primary{
+  outline-color: #1352BF;
+}
+
+.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);
 }
 
-.transition-all {
-  transition-property: all;
+.transition-\[border-color\2c border-width\]{
+  transition-property: border-color,border-width;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+.transition-all{
+  transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.transition-shadow {
-  transition-property: box-shadow;
+.transition-colors{
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.transition-transform {
-  transition-property: transform;
+.transition-shadow{
+  transition-property: box-shadow;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.duration-150 {
+.duration-150{
   transition-duration: 150ms;
 }
 
-.duration-200 {
+.duration-200{
   transition-duration: 200ms;
 }
 
@@ -1381,86 +2961,310 @@ body {
 }
 */
 
-.hover\:bg-primary-800:hover {
+.placeholder\:text-light-500::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(102 112 133 / var(--tw-text-opacity, 1));
+}
+
+.placeholder\:text-light-500::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(102 112 133 / var(--tw-text-opacity, 1));
+}
+
+.focus-within\:border-2:focus-within{
+  border-width: 2px;
+}
+
+.focus-within\:border-error-500:focus-within{
+  --tw-border-opacity: 1;
+  border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
+}
+
+.focus-within\:border-primary-500:focus-within{
+  --tw-border-opacity: 1;
+  border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
+}
+
+.focus-within\:ring-2:focus-within{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-error-500:focus-within{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(226 38 31 / var(--tw-ring-opacity, 1));
+}
+
+.focus-within\:ring-primary-500:focus-within{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(19 82 191 / var(--tw-ring-opacity, 1));
+}
+
+.focus-within\:ring-offset-0:focus-within{
+  --tw-ring-offset-width: 0px;
+}
+
+.hover\:border-error-300:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(246 144 118 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-light-400:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(152 162 179 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-primary-300:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(158 184 229 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-primary-500:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
+}
+
+.hover\:border-primary-800:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(8 33 76 / var(--tw-border-opacity, 1));
+}
+
+.hover\:bg-black\/5:hover{
+  background-color: rgb(0 0 0 / 0.05);
+}
+
+.hover\:bg-error-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 226 209 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-error-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 239 229 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-error-800:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-light-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-light-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-primary-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-primary-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-primary-800:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(8 33 76 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-transparent:hover {
-  background-color: transparent;
+.hover\:bg-success-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 249 204 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-success-800:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(2 84 63 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-transparent:hover{
+  background-color: #FFFFFF00;
+}
+
+.hover\:bg-warning-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-white:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:text-primary-800:hover {
+.hover\:text-error-800:hover{
+  --tw-text-opacity: 1;
+  color: rgb(131 9 36 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-light-600:hover{
+  --tw-text-opacity: 1;
+  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-light-700:hover{
+  --tw-text-opacity: 1;
+  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-light-900:hover{
+  --tw-text-opacity: 1;
+  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-primary-700:hover{
+  --tw-text-opacity: 1;
+  color: rgb(11 49 115 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-primary-800:hover{
   --tw-text-opacity: 1;
   color: rgb(8 33 76 / var(--tw-text-opacity, 1));
 }
 
-.focus-visible\:border-\[\#2563eb\]:focus-visible {
+.hover\:shadow-sm:hover{
+  --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);
+}
+
+.focus\:bg-error-200:focus{
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 190 165 / var(--tw-bg-opacity, 1));
+}
+
+.focus\:bg-light-200:focus{
+  --tw-bg-opacity: 1;
+  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
+}
+
+.focus-visible\:border-\[\#2563eb\]:focus-visible{
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
 }
 
-.focus-visible\:shadow-\[0_0_0_3px_rgba\(37\2c 99\2c 235\2c 0\.25\)\]:focus-visible {
+.focus-visible\:shadow-\[0_0_0_3px_rgba\(37\2c 99\2c 235\2c 0\.25\)\]:focus-visible{
   --tw-shadow: 0 0 0 3px rgba(37,99,235,0.25);
   --tw-shadow-colored: 0 0 0 3px 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-visible\:outline-none:focus-visible {
+.focus-visible\:outline-none:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.focus-visible\:ring-2:focus-visible {
+.focus-visible\:ring-2:focus-visible{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus-visible\:ring-primary-400:focus-visible {
+.focus-visible\:ring-error-300:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(246 144 118 / var(--tw-ring-opacity, 1));
+}
+
+.focus-visible\:ring-primary-400:focus-visible{
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(159 184 245 / var(--tw-ring-opacity, 1));
+  --tw-ring-color: rgb(112 150 217 / var(--tw-ring-opacity, 1));
 }
 
-.focus-visible\:ring-offset-2:focus-visible {
+.focus-visible\:ring-success-500:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(8 145 70 / var(--tw-ring-opacity, 1));
+}
+
+.focus-visible\:ring-offset-2:focus-visible{
   --tw-ring-offset-width: 2px;
 }
 
-.focus-visible\:ring-offset-white:focus-visible {
-  --tw-ring-offset-color: #fff;
+.focus-visible\:ring-offset-white:focus-visible{
+  --tw-ring-offset-color: #FFFFFF;
 }
 
-.disabled\:cursor-not-allowed:disabled {
+.disabled\:cursor-not-allowed:disabled{
   cursor: not-allowed;
 }
 
-.disabled\:bg-light-100:disabled {
+.disabled\:resize-none:disabled{
+  resize: none;
+}
+
+.disabled\:border-light-200:disabled{
+  --tw-border-opacity: 1;
+  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
+}
+
+.disabled\:bg-light-100:disabled{
   --tw-bg-opacity: 1;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
 }
 
-.disabled\:bg-white:disabled {
+.disabled\:bg-white:disabled{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.disabled\:text-light-400:disabled {
+.disabled\:text-light-400:disabled{
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
+.disabled\:placeholder\:text-light-400:disabled::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
+.disabled\:placeholder\:text-light-400:disabled::placeholder{
   --tw-text-opacity: 1;
-  color: rgb(207 212 220 / var(--tw-text-opacity, 1));
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
 }
 
-.group:focus-within .group-focus-within\:visible {
+.group:focus-within .group-focus-within\:visible{
   visibility: visible;
 }
 
-.group:focus-within .group-focus-within\:opacity-100 {
+.group:focus-within .group-focus-within\:bg-error-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 38 31 / var(--tw-bg-opacity, 1));
+}
+
+.group:focus-within .group-focus-within\:bg-primary-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
+}
+
+.group:focus-within .group-focus-within\:opacity-100{
   opacity: 1;
 }
 
-.group:hover .group-hover\:visible {
+.group:hover .group-hover\:visible{
   visibility: visible;
 }
 
-.group:hover .group-hover\:opacity-100 {
+.group:hover .group-hover\:opacity-100{
   opacity: 1;
 }
+
+.\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator{
+  display: none;
+}
+
+.\[\&\:\:-webkit-clear-button\]\:hidden::-webkit-clear-button{
+  display: none;
+}
+
+.\[\&\:\:-webkit-datetime-edit-fields-wrapper\]\:p-0::-webkit-datetime-edit-fields-wrapper{
+  padding: 0px;
+}
+
+.\[\&\:\:-webkit-datetime-edit\]\:p-0::-webkit-datetime-edit{
+  padding: 0px;
+}