cekat-ui 1.2.9 → 1.3.1

package/dist/style.css

@@ -1,6 +1,4 @@
-@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{
+*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -54,7 +52,7 @@
   --tw-contain-style:  ;
 }
 
-::backdrop{
+::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -557,2653 +555,2762 @@ video {
 }
 
 html {
-  font-family: "Nunito", "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));
 }
 
-.container{
+.\!container {
+  width: 100% !important;
+  margin-right: auto !important;
+  margin-left: auto !important;
+}
+
+.container {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
 }
 
-@media (min-width: 640px){
-  .container{
+@media (min-width: 640px) {
+  .\!container {
+    max-width: 640px !important;
+  }
+
+  .container {
     max-width: 640px;
   }
 }
 
-@media (min-width: 768px){
-  .container{
+@media (min-width: 768px) {
+  .\!container {
+    max-width: 768px !important;
+  }
+
+  .container {
     max-width: 768px;
   }
 }
 
-@media (min-width: 1024px){
-  .container{
+@media (min-width: 1024px) {
+  .\!container {
+    max-width: 1024px !important;
+  }
+
+  .container {
     max-width: 1024px;
   }
 }
 
-@media (min-width: 1280px){
-  .container{
+@media (min-width: 1280px) {
+  .\!container {
+    max-width: 1280px !important;
+  }
+
+  .container {
     max-width: 1280px;
   }
 }
 
-@media (min-width: 1536px){
-  .container{
+@media (min-width: 1536px) {
+  .\!container {
+    max-width: 1536px !important;
+  }
+
+  .container {
     max-width: 1536px;
   }
 }
 
-.pointer-events-none{
+.pointer-events-none {
   pointer-events: none;
 }
 
-.\!visible{
+.\!visible {
   visibility: visible !important;
 }
 
-.visible{
+.visible {
   visibility: visible;
 }
 
-.invisible{
+.invisible {
   visibility: hidden;
 }
 
-.fixed{
+.collapse {
+  visibility: collapse;
+}
+
+.fixed {
   position: fixed;
 }
 
-.absolute{
+.absolute {
   position: absolute;
 }
 
-.relative{
+.relative {
   position: relative;
 }
 
-.inset-0{
+.inset-0 {
   inset: 0px;
 }
 
-.bottom-0{
+.bottom-0 {
   bottom: 0px;
 }
 
-.bottom-\[-6px\]{
+.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\/2{
+.left-1\/2 {
   left: 50%;
 }
 
-.left-4{
+.left-4 {
   left: 1rem;
 }
 
-.left-\[-6px\]{
+.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-2{
+.right-2 {
   right: 0.5rem;
 }
 
-.right-4{
+.right-4 {
   right: 1rem;
 }
 
-.right-\[-6px\]{
+.right-\[-6px\] {
   right: -6px;
 }
 
-.right-\[7px\]{
+.right-\[7px\] {
   right: 7px;
 }
 
-.right-\[calc\(100\%\+8px\)\]{
+.right-\[calc\(100\%\+8px\)\] {
   right: calc(100% + 8px);
 }
 
-.right-full{
+.right-full {
   right: 100%;
 }
 
-.top-0{
+.top-0 {
   top: 0px;
 }
 
-.top-1\/2{
+.top-1\/2 {
   top: 50%;
 }
 
-.top-2{
+.top-2 {
   top: 0.5rem;
 }
 
-.top-\[-6px\]{
+.top-\[-6px\] {
   top: -6px;
 }
 
-.top-\[7px\]{
+.top-\[7px\] {
   top: 7px;
 }
 
-.top-\[calc\(100\%\+8px\)\]{
+.top-\[calc\(100\%\+8px\)\] {
   top: calc(100% + 8px);
 }
 
-.top-full{
+.top-full {
   top: 100%;
 }
 
-.z-10{
+.z-10 {
   z-index: 10;
 }
 
-.z-20{
+.z-20 {
   z-index: 20;
 }
 
-.z-\[9999\]{
+.z-\[9999\] {
   z-index: 9999;
 }
 
-.mx-1{
+.mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
 }
 
-.mx-auto{
+.mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
 
-.my-1{
+.my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
 
-.my-10{
+.my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
 }
 
-.my-4{
+.my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
 
-.-mb-px{
+.-mb-px {
   margin-bottom: -1px;
 }
 
-.mb-1{
+.mb-1 {
   margin-bottom: 0.25rem;
 }
 
-.mb-2{
+.mb-2 {
   margin-bottom: 0.5rem;
 }
 
-.mb-3{
+.mb-3 {
   margin-bottom: 0.75rem;
 }
 
-.ml-1{
+.ml-1 {
   margin-left: 0.25rem;
 }
 
-.ml-2{
+.ml-2 {
   margin-left: 0.5rem;
 }
 
-.ml-2\.5{
+.ml-2\.5 {
   margin-left: 0.625rem;
 }
 
-.ml-auto{
+.ml-auto {
   margin-left: auto;
 }
 
-.mr-2\.5{
+.mr-2\.5 {
   margin-right: 0.625rem;
 }
 
-.mt-1{
+.mt-1 {
   margin-top: 0.25rem;
 }
 
-.mt-2{
+.mt-2 {
   margin-top: 0.5rem;
 }
 
-.block{
+.block {
   display: block;
 }
 
-.inline-block{
+.inline-block {
   display: inline-block;
 }
 
-.inline{
+.inline {
   display: inline;
 }
 
-.flex{
+.flex {
   display: flex;
 }
 
-.inline-flex{
+.inline-flex {
   display: inline-flex;
 }
 
-.table{
+.table {
   display: table;
 }
 
-.grid{
+.grid {
   display: grid;
 }
 
-.hidden{
+.hidden {
   display: none;
 }
 
-.size-10{
+.size-10 {
   width: 2.5rem;
   height: 2.5rem;
 }
 
-.size-2{
+.size-2 {
   width: 0.5rem;
   height: 0.5rem;
 }
 
-.size-2\.5{
+.size-2\.5 {
   width: 0.625rem;
   height: 0.625rem;
 }
 
-.size-3\.5{
+.size-3\.5 {
   width: 0.875rem;
   height: 0.875rem;
 }
 
-.size-4{
+.size-4 {
   width: 1rem;
   height: 1rem;
 }
 
-.size-5{
+.size-5 {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-.size-6{
+.size-6 {
   width: 1.5rem;
   height: 1.5rem;
 }
 
-.size-8{
+.size-8 {
   width: 2rem;
   height: 2rem;
 }
 
-.size-9{
+.size-9 {
   width: 2.25rem;
   height: 2.25rem;
 }
 
-.size-\[18px\]{
+.size-\[18px\] {
   width: 18px;
   height: 18px;
 }
 
-.size-full{
+.size-\[20px\] {
+  width: 20px;
+  height: 20px;
+}
+
+.size-\[24px\] {
+  width: 24px;
+  height: 24px;
+}
+
+.size-\[28px\] {
+  width: 28px;
+  height: 28px;
+}
+
+.size-full {
   width: 100%;
   height: 100%;
 }
 
-.\!h-\[26px\]{
+.\!h-\[26px\] {
   height: 26px !important;
 }
 
-.\!h-\[36px\]{
+.\!h-\[36px\] {
   height: 36px !important;
 }
 
-.\!h-\[44px\]{
+.\!h-\[44px\] {
   height: 44px !important;
 }
 
-.\!h-\[52px\]{
+.\!h-\[52px\] {
   height: 52px !important;
 }
 
-.\!h-\[60px\]{
+.\!h-\[60px\] {
   height: 60px !important;
 }
 
-.\!h-\[68px\]{
+.\!h-\[68px\] {
   height: 68px !important;
 }
 
-.h-0{
+.h-0 {
   height: 0px;
 }
 
-.h-0\.5{
+.h-0\.5 {
   height: 0.125rem;
 }
 
-.h-1\.5{
+.h-1\.5 {
   height: 0.375rem;
 }
 
-.h-10{
+.h-10 {
   height: 2.5rem;
 }
 
-.h-11{
+.h-11 {
   height: 2.75rem;
 }
 
-.h-12{
+.h-12 {
   height: 3rem;
 }
 
-.h-2{
+.h-2 {
   height: 0.5rem;
 }
 
-.h-4{
+.h-20 {
+  height: 5rem;
+}
+
+.h-4 {
   height: 1rem;
 }
 
-.h-5{
+.h-5 {
   height: 1.25rem;
 }
 
-.h-6{
+.h-6 {
   height: 1.5rem;
 }
 
-.h-7{
+.h-7 {
   height: 1.75rem;
 }
 
-.h-8{
+.h-8 {
   height: 2rem;
 }
 
-.h-9{
+.h-9 {
   height: 2.25rem;
 }
 
-.h-96{
+.h-96 {
   height: 24rem;
 }
 
-.h-\[100px\]{
+.h-\[100px\] {
   height: 100px;
 }
 
-.h-\[30px\]{
+.h-\[30px\] {
   height: 30px;
 }
 
-.h-\[34px\]{
+.h-\[34px\] {
   height: 34px;
 }
 
-.h-\[36px\]{
+.h-\[360px\] {
+  height: 360px;
+}
+
+.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;
 }
 
-.h-full{
+.h-full {
   height: 100%;
 }
 
-.h-px{
+.h-px {
   height: 1px;
 }
 
-.max-h-12{
+.max-h-12 {
   max-height: 3rem;
 }
 
-.max-h-52{
+.max-h-52 {
   max-height: 13rem;
 }
 
-.max-h-64{
+.max-h-64 {
   max-height: 16rem;
 }
 
-.max-h-80{
+.max-h-80 {
   max-height: 20rem;
 }
 
-.min-h-\[\.\.\.\]{
+.max-h-\[320px\] {
+  max-height: 320px;
+}
+
+.min-h-0 {
+  min-height: 0px;
+}
+
+.min-h-\[\.\.\.\] {
   min-height: ...;
 }
 
-.min-h-\[132px\]{
+.min-h-\[132px\] {
   min-height: 132px;
 }
 
-.min-h-\[64px\]{
+.min-h-\[64px\] {
   min-height: 64px;
 }
 
-.\!w-\[26px\]{
+.\!w-\[26px\] {
   width: 26px !important;
 }
 
-.\!w-\[36px\]{
+.\!w-\[36px\] {
   width: 36px !important;
 }
 
-.\!w-\[44px\]{
+.\!w-\[44px\] {
   width: 44px !important;
 }
 
-.\!w-\[52px\]{
+.\!w-\[52px\] {
   width: 52px !important;
 }
 
-.\!w-\[60px\]{
+.\!w-\[60px\] {
   width: 60px !important;
 }
 
-.\!w-\[68px\]{
+.\!w-\[68px\] {
   width: 68px !important;
 }
 
-.w-0{
+.w-0 {
   width: 0px;
 }
 
-.w-1\.5{
+.w-1\.5 {
   width: 0.375rem;
 }
 
-.w-11{
+.w-11 {
   width: 2.75rem;
 }
 
-.w-2{
+.w-2 {
   width: 0.5rem;
 }
 
-.w-3{
+.w-3 {
   width: 0.75rem;
 }
 
-.w-32{
+.w-32 {
   width: 8rem;
 }
 
-.w-4{
+.w-4 {
   width: 1rem;
 }
 
-.w-5{
+.w-5 {
   width: 1.25rem;
 }
 
-.w-6{
+.w-6 {
   width: 1.5rem;
 }
 
-.w-60{
+.w-60 {
   width: 15rem;
 }
 
-.w-7{
+.w-7 {
   width: 1.75rem;
 }
 
-.w-8{
+.w-8 {
   width: 2rem;
 }
 
-.w-80{
+.w-80 {
   width: 20rem;
 }
 
-.w-9{
+.w-9 {
   width: 2.25rem;
 }
 
-.w-\[140px\]{
+.w-\[140px\] {
   width: 140px;
 }
 
-.w-\[320px\]{
+.w-\[320px\] {
   width: 320px;
 }
 
-.w-\[92px\]{
+.w-\[600px\] {
+  width: 600px;
+}
+
+.w-\[92px\] {
   width: 92px;
 }
 
-.w-\[calc\(100\%-8px\)\]{
+.w-\[calc\(100\%-8px\)\] {
   width: calc(100% - 8px);
 }
 
-.w-auto{
+.w-auto {
   width: auto;
 }
 
-.w-full{
+.w-full {
   width: 100%;
 }
 
-.w-px{
+.w-px {
   width: 1px;
 }
 
-.min-w-0{
+.min-w-0 {
   min-width: 0px;
 }
 
-.min-w-8{
+.min-w-8 {
   min-width: 2rem;
 }
 
-.min-w-\[120px\]{
+.min-w-\[120px\] {
   min-width: 120px;
 }
 
-.min-w-\[240px\]{
+.min-w-\[160px\] {
+  min-width: 160px;
+}
+
+.min-w-\[240px\] {
   min-width: 240px;
 }
 
-.min-w-max{
+.min-w-\[80px\] {
+  min-width: 80px;
+}
+
+.min-w-max {
   min-width: -moz-max-content;
   min-width: max-content;
 }
 
-.min-w-px{
+.min-w-px {
   min-width: 1px;
 }
 
-.max-w-\[1280px\]{
+.max-w-\[1280px\] {
   max-width: 1280px;
 }
 
-.max-w-\[240px\]{
+.max-w-\[240px\] {
   max-width: 240px;
 }
 
-.max-w-\[320px\]{
+.max-w-\[320px\] {
   max-width: 320px;
 }
 
-.max-w-\[600px\]{
+.max-w-\[420px\] {
+  max-width: 420px;
+}
+
+.max-w-\[600px\] {
   max-width: 600px;
 }
 
-.max-w-\[720px\]{
+.max-w-\[720px\] {
   max-width: 720px;
 }
 
-.flex-1{
+.flex-1 {
   flex: 1 1 0%;
 }
 
-.shrink{
+.flex-shrink {
+  flex-shrink: 1;
+}
+
+.shrink {
   flex-shrink: 1;
 }
 
-.shrink-0{
+.shrink-0 {
   flex-shrink: 0;
 }
 
-.flex-grow{
+.flex-grow {
+  flex-grow: 1;
+}
+
+.grow {
   flex-grow: 1;
 }
 
-.-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-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));
 }
 
-.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));
 }
 
-@keyframes spin{
-  to{
+@keyframes spin {
+  to {
     transform: rotate(360deg);
   }
 }
 
-.animate-spin{
+.animate-spin {
   animation: spin 1s linear infinite;
 }
 
-.cursor-default{
+.cursor-default {
   cursor: default;
 }
 
-.cursor-not-allowed{
+.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;
 }
 
-.resize-none{
+.resize-none {
   resize: none;
 }
 
-.resize-y{
+.resize-y {
   resize: vertical;
 }
 
-.resize{
+.resize-x {
+  resize: horizontal;
+}
+
+.resize {
   resize: both;
 }
 
-.list-disc{
+.list-disc {
   list-style-type: disc;
 }
 
-.grid-cols-4{
+.grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 
-.flex-row{
+.flex-row {
   flex-direction: row;
 }
 
-.flex-col{
+.flex-col {
   flex-direction: column;
 }
 
-.flex-col-reverse{
+.flex-col-reverse {
   flex-direction: column-reverse;
 }
 
-.flex-wrap{
+.flex-wrap {
   flex-wrap: wrap;
 }
 
-.items-start{
+.items-start {
   align-items: flex-start;
 }
 
-.items-end{
+.items-end {
   align-items: flex-end;
 }
 
-.items-center{
+.items-center {
   align-items: center;
 }
 
-.items-stretch{
+.items-stretch {
   align-items: stretch;
 }
 
-.justify-start{
+.justify-start {
   justify-content: flex-start;
 }
 
-.justify-end{
+.justify-end {
   justify-content: flex-end;
 }
 
-.justify-center{
+.justify-center {
   justify-content: center;
 }
 
-.justify-between{
+.justify-between {
   justify-content: space-between;
 }
 
-.gap-0\.5{
+.gap-0\.5 {
   gap: 0.125rem;
 }
 
-.gap-1{
+.gap-1 {
   gap: 0.25rem;
 }
 
-.gap-12{
+.gap-12 {
   gap: 3rem;
 }
 
-.gap-16{
+.gap-16 {
   gap: 4rem;
 }
 
-.gap-2{
+.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;
 }
 
-.gap-5{
+.gap-5 {
   gap: 1.25rem;
 }
 
-.gap-6{
+.gap-6 {
   gap: 1.5rem;
 }
 
-.self-end{
+.self-end {
   align-self: flex-end;
 }
 
-.overflow-hidden{
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-hidden {
   overflow: hidden;
 }
 
-.overflow-clip{
+.overflow-clip {
   overflow: clip;
 }
 
-.overflow-visible{
+.overflow-visible {
   overflow: visible;
 }
 
-.overflow-x-auto{
+.overflow-x-auto {
   overflow-x: auto;
 }
 
-.overflow-y-auto{
+.overflow-y-auto {
   overflow-y: auto;
 }
 
-.overflow-y-hidden{
+.overflow-y-hidden {
   overflow-y: hidden;
 }
 
-.truncate{
+.truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.text-ellipsis{
+.text-ellipsis {
   text-overflow: ellipsis;
 }
 
-.whitespace-nowrap{
+.whitespace-nowrap {
   white-space: nowrap;
 }
 
-.\!rounded-md{
-  border-radius: 0.375rem !important;
-}
-
-.rounded{
+.rounded {
   border-radius: 0.25rem;
 }
 
-.rounded-\[10px\]{
+.rounded-\[10px\] {
   border-radius: 10px;
 }
 
-.rounded-\[3px\]{
+.rounded-\[3px\] {
   border-radius: 3px;
 }
 
-.rounded-\[4px\]{
+.rounded-\[4px\] {
   border-radius: 4px;
 }
 
-.rounded-\[6px\]{
+.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-none{
+.rounded-none {
   border-radius: 0px;
 }
 
-.rounded-sm{
+.rounded-sm {
   border-radius: 0.125rem;
 }
 
-.rounded-xl{
+.rounded-xl {
   border-radius: 0.75rem;
 }
 
-.rounded-l-lg{
+.rounded-l-lg {
   border-top-left-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
 }
 
-.rounded-r-lg{
+.rounded-r-lg {
   border-top-right-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
 }
 
-.rounded-t-lg{
+.rounded-t-lg {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
 }
 
-.border{
+.border {
   border-width: 1px;
 }
 
-.border-2{
+.border-2 {
   border-width: 2px;
 }
 
-.border-\[1\.5px\]{
+.border-\[1\.5px\] {
   border-width: 1.5px;
 }
 
-.border-\[8px\]{
+.border-\[8px\] {
   border-width: 8px;
 }
 
-.border-x{
+.border-x {
   border-left-width: 1px;
   border-right-width: 1px;
 }
 
-.border-x-8{
+.border-x-8 {
   border-left-width: 8px;
   border-right-width: 8px;
 }
 
-.border-y-8{
+.border-y-8 {
   border-top-width: 8px;
   border-bottom-width: 8px;
 }
 
-.border-b{
+.border-b {
   border-bottom-width: 1px;
 }
 
-.border-b-2{
+.border-b-2 {
   border-bottom-width: 2px;
 }
 
-.border-b-\[6px\]{
+.border-b-\[6px\] {
   border-bottom-width: 6px;
 }
 
-.border-l{
+.border-l {
   border-left-width: 1px;
 }
 
-.border-l-2{
+.border-l-2 {
   border-left-width: 2px;
 }
 
-.border-l-\[6px\]{
+.border-l-\[6px\] {
   border-left-width: 6px;
 }
 
-.border-r{
+.border-r {
   border-right-width: 1px;
 }
 
-.border-r-\[6px\]{
+.border-r-\[6px\] {
   border-right-width: 6px;
 }
 
-.border-t-\[6px\]{
+.border-t-\[6px\] {
   border-top-width: 6px;
 }
 
-.border-dashed{
+.border-dashed {
   border-style: dashed;
 }
 
-.border-\[\#d1d5db\]{
+.border-\[\#d1d5db\] {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
 }
 
-.border-\[\#e4e7ec\]{
+.border-\[\#e4e7ec\] {
   --tw-border-opacity: 1;
   border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
 }
 
-.border-\[\#f0f5f9\]{
+.border-\[\#f0f5f9\] {
   --tw-border-opacity: 1;
   border-color: rgb(240 245 249 / var(--tw-border-opacity, 1));
 }
 
-.border-black\/10{
+.border-black\/10 {
   border-color: rgb(0 0 0 / 0.1);
 }
 
-.border-black\/\[0\.08\]{
+.border-black\/\[0\.08\] {
   border-color: rgb(0 0 0 / 0.08);
 }
 
-.border-blue-200{
+.border-blue-200 {
   --tw-border-opacity: 1;
   border-color: rgb(178 221 255 / var(--tw-border-opacity, 1));
 }
 
-.border-blue-600{
+.border-blue-600 {
   --tw-border-opacity: 1;
   border-color: rgb(21 112 239 / var(--tw-border-opacity, 1));
 }
 
-.border-blue-gray-200{
+.border-blue-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(213 217 235 / var(--tw-border-opacity, 1));
 }
 
-.border-blue-gray-600{
+.border-blue-gray-600 {
   --tw-border-opacity: 1;
   border-color: rgb(62 71 132 / var(--tw-border-opacity, 1));
 }
 
-.border-blue-light-200{
+.border-blue-light-200 {
   --tw-border-opacity: 1;
   border-color: rgb(185 230 254 / var(--tw-border-opacity, 1));
 }
 
-.border-blue-light-600{
+.border-blue-light-600 {
   --tw-border-opacity: 1;
   border-color: rgb(0 134 201 / var(--tw-border-opacity, 1));
 }
 
-.border-error-200{
+.border-error-200 {
   --tw-border-opacity: 1;
   border-color: rgb(252 190 165 / var(--tw-border-opacity, 1));
 }
 
-.border-error-300{
+.border-error-300 {
   --tw-border-opacity: 1;
   border-color: rgb(246 144 118 / var(--tw-border-opacity, 1));
 }
 
-.border-error-500{
+.border-error-500 {
   --tw-border-opacity: 1;
   border-color: rgb(226 38 31 / var(--tw-border-opacity, 1));
 }
 
-.border-error-600{
+.border-error-600 {
   --tw-border-opacity: 1;
   border-color: rgb(194 22 31 / var(--tw-border-opacity, 1));
 }
 
-.border-indigo-200{
+.border-indigo-200 {
   --tw-border-opacity: 1;
   border-color: rgb(199 215 254 / var(--tw-border-opacity, 1));
 }
 
-.border-indigo-600{
+.border-indigo-600 {
   --tw-border-opacity: 1;
   border-color: rgb(68 76 231 / var(--tw-border-opacity, 1));
 }
 
-.border-light-200{
+.border-light-200 {
   --tw-border-opacity: 1;
   border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
 }
 
-.border-light-300{
+.border-light-300 {
   --tw-border-opacity: 1;
   border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
 }
 
-.border-light-500{
+.border-light-500 {
   --tw-border-opacity: 1;
   border-color: rgb(102 112 133 / var(--tw-border-opacity, 1));
 }
 
-.border-light-600{
+.border-light-600 {
   --tw-border-opacity: 1;
   border-color: rgb(71 84 103 / var(--tw-border-opacity, 1));
 }
 
-.border-orange-200{
+.border-orange-200 {
   --tw-border-opacity: 1;
   border-color: rgb(249 219 175 / var(--tw-border-opacity, 1));
 }
 
-.border-orange-600{
+.border-orange-600 {
   --tw-border-opacity: 1;
   border-color: rgb(224 79 22 / var(--tw-border-opacity, 1));
 }
 
-.border-pink-200{
+.border-pink-200 {
   --tw-border-opacity: 1;
   border-color: rgb(252 206 238 / var(--tw-border-opacity, 1));
 }
 
-.border-pink-600{
+.border-pink-600 {
   --tw-border-opacity: 1;
   border-color: rgb(221 37 144 / var(--tw-border-opacity, 1));
 }
 
-.border-primary-200{
+.border-primary-200 {
   --tw-border-opacity: 1;
   border-color: rgb(205 218 242 / var(--tw-border-opacity, 1));
 }
 
-.border-primary-300{
+.border-primary-300 {
   --tw-border-opacity: 1;
   border-color: rgb(158 184 229 / var(--tw-border-opacity, 1));
 }
 
-.border-primary-500{
+.border-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
 }
 
-.border-purple-200{
+.border-purple-200 {
   --tw-border-opacity: 1;
   border-color: rgb(217 214 254 / var(--tw-border-opacity, 1));
 }
 
-.border-purple-600{
+.border-purple-600 {
   --tw-border-opacity: 1;
   border-color: rgb(105 56 239 / var(--tw-border-opacity, 1));
 }
 
-.border-success-200{
+.border-success-200 {
   --tw-border-opacity: 1;
   border-color: rgb(151 244 165 / var(--tw-border-opacity, 1));
 }
 
-.border-success-300{
+.border-success-300 {
   --tw-border-opacity: 1;
   border-color: rgb(96 222 127 / var(--tw-border-opacity, 1));
 }
 
-.border-success-500{
+.border-success-500 {
   --tw-border-opacity: 1;
   border-color: rgb(8 145 70 / var(--tw-border-opacity, 1));
 }
 
-.border-success-600{
+.border-success-600 {
   --tw-border-opacity: 1;
   border-color: rgb(5 124 71 / var(--tw-border-opacity, 1));
 }
 
-.border-transparent{
+.border-transparent {
   border-color: #FFFFFF00;
 }
 
-.border-warning-200{
+.border-warning-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 199 / var(--tw-border-opacity, 1));
 }
 
-.border-warning-300{
+.border-warning-300 {
   --tw-border-opacity: 1;
   border-color: rgb(254 200 75 / var(--tw-border-opacity, 1));
 }
 
-.border-warning-500{
+.border-warning-500 {
   --tw-border-opacity: 1;
   border-color: rgb(247 144 9 / var(--tw-border-opacity, 1));
 }
 
-.border-warning-600{
+.border-warning-600 {
   --tw-border-opacity: 1;
   border-color: rgb(220 104 3 / var(--tw-border-opacity, 1));
 }
 
-.border-white{
+.border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
 
-.border-x-transparent{
+.border-x-transparent {
   border-left-color: #FFFFFF00;
   border-right-color: #FFFFFF00;
 }
 
-.border-y-transparent{
+.border-y-transparent {
   border-top-color: #FFFFFF00;
   border-bottom-color: #FFFFFF00;
 }
 
-.border-b-\[\#111827\]{
+.border-b-\[\#111827\] {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-b-primary-900{
+.border-b-primary-900 {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
 }
 
-.border-l-\[\#111827\]{
+.border-l-\[\#111827\] {
   --tw-border-opacity: 1;
   border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-l-primary-900{
+.border-l-primary-900 {
   --tw-border-opacity: 1;
   border-left-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
 }
 
-.border-r-\[\#111827\]{
+.border-r-\[\#111827\] {
   --tw-border-opacity: 1;
   border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-r-primary-900{
+.border-r-primary-900 {
   --tw-border-opacity: 1;
   border-right-color: rgb(4 16 38 / var(--tw-border-opacity, 1));
 }
 
-.border-t-\[\#111827\]{
+.border-t-\[\#111827\] {
   --tw-border-opacity: 1;
   border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
 
-.border-t-primary-900{
+.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-\[\#e7fdd8\]{
+.bg-\[\#e7fdd8\] {
   --tw-bg-opacity: 1;
   background-color: rgb(231 253 216 / var(--tw-bg-opacity, 1));
 }
 
-.bg-\[\#f7fafc\]{
+.bg-\[\#f7fafc\] {
   --tw-bg-opacity: 1;
   background-color: rgb(247 250 252 / var(--tw-bg-opacity, 1));
 }
 
-.bg-black{
+.bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 
-.bg-blue-50{
+.bg-blue-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 248 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-blue-gray-50{
+.bg-blue-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 249 252 / var(--tw-bg-opacity, 1));
 }
 
-.bg-blue-light-50{
+.bg-blue-light-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-current{
+.bg-current {
   background-color: currentColor;
 }
 
-.bg-dark-100{
+.bg-dark-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(240 241 241 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-200{
+.bg-dark-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(236 236 237 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-300{
+.bg-dark-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(206 207 210 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-400{
+.bg-dark-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(148 150 156 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-50{
+.bg-dark-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 246 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-500{
+.bg-dark-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(133 136 142 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-600{
+.bg-dark-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(97 100 108 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-700{
+.bg-dark-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(51 55 65 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-800{
+.bg-dark-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(31 36 47 / var(--tw-bg-opacity, 1));
 }
 
-.bg-dark-900{
+.bg-dark-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(22 27 38 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-100{
+.bg-error-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(253 226 209 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-200{
+.bg-error-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(252 190 165 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-300{
+.bg-error-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(246 144 118 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-400{
+.bg-error-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(237 102 83 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-50{
+.bg-error-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 239 229 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-500{
+.bg-error-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(226 38 31 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-600{
+.bg-error-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(194 22 31 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-700{
+.bg-error-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(162 15 35 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-800{
+.bg-error-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
 }
 
-.bg-error-900{
+.bg-error-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(108 5 36 / var(--tw-bg-opacity, 1));
 }
 
-.bg-grey-base{
+.bg-grey-base {
   --tw-bg-opacity: 1;
   background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));
 }
 
-.bg-indigo-100{
+.bg-indigo-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(224 234 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-indigo-50{
+.bg-indigo-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-100{
+.bg-info-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(206 233 253 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-200{
+.bg-info-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(158 209 252 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-300{
+.bg-info-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(109 177 247 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-400{
+.bg-info-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(72 148 239 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-50{
+.bg-info-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(229 244 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-500{
+.bg-info-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(16 104 229 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-600{
+.bg-info-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(11 80 196 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-700{
+.bg-info-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(8 59 164 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-800{
+.bg-info-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(5 41 132 / var(--tw-bg-opacity, 1));
 }
 
-.bg-info-900{
+.bg-info-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(3 29 109 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-100{
+.bg-light-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-200{
+.bg-light-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-300{
+.bg-light-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-400{
+.bg-light-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(152 162 179 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-50{
+.bg-light-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-500{
+.bg-light-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(102 112 133 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-600{
+.bg-light-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(71 84 103 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-700{
+.bg-light-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(52 64 84 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-800{
+.bg-light-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(24 34 48 / var(--tw-bg-opacity, 1));
 }
 
-.bg-light-900{
+.bg-light-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(16 24 40 / var(--tw-bg-opacity, 1));
 }
 
-.bg-orange-100{
+.bg-orange-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(253 234 215 / var(--tw-bg-opacity, 1));
 }
 
-.bg-orange-50{
+.bg-orange-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 246 238 / var(--tw-bg-opacity, 1));
 }
 
-.bg-pink-100{
+.bg-pink-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(252 231 246 / var(--tw-bg-opacity, 1));
 }
 
-.bg-pink-50{
+.bg-pink-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(253 242 250 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-100{
+.bg-primary-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-200{
+.bg-primary-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(205 218 242 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-300{
+.bg-primary-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(158 184 229 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-400{
+.bg-primary-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(112 150 217 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-50{
+.bg-primary-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-500{
+.bg-primary-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-600{
+.bg-primary-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(15 66 153 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-700{
+.bg-primary-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(11 49 115 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-800{
+.bg-primary-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(8 33 76 / var(--tw-bg-opacity, 1));
 }
 
-.bg-primary-900{
+.bg-primary-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(4 16 38 / var(--tw-bg-opacity, 1));
 }
 
-.bg-purple-100{
+.bg-purple-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(235 233 254 / var(--tw-bg-opacity, 1));
 }
 
-.bg-purple-50{
+.bg-purple-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(244 243 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-rose-100{
+.bg-rose-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 228 232 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-100{
+.bg-secondary-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(228 245 249 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-200{
+.bg-secondary-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(158 220 229 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-300{
+.bg-secondary-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(112 202 217 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-400{
+.bg-secondary-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(65 185 204 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-50{
+.bg-secondary-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(251 254 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-500{
+.bg-secondary-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(19 168 191 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-600{
+.bg-secondary-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(15 134 153 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-700{
+.bg-secondary-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(11 101 115 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-800{
+.bg-secondary-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(8 67 76 / var(--tw-bg-opacity, 1));
 }
 
-.bg-secondary-900{
+.bg-secondary-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(4 34 38 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-100{
+.bg-success-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(202 249 204 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-200{
+.bg-success-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(151 244 165 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-300{
+.bg-success-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(96 222 127 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-400{
+.bg-success-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(55 189 102 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-50{
+.bg-success-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(238 255 238 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-500{
+.bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(8 145 70 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-600{
+.bg-success-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(5 124 71 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-700{
+.bg-success-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(4 104 69 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-800{
+.bg-success-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(2 84 63 / var(--tw-bg-opacity, 1));
 }
 
-.bg-success-900{
+.bg-success-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(1 69 59 / var(--tw-bg-opacity, 1));
 }
 
-.bg-teal-100{
+.bg-teal-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(204 251 239 / var(--tw-bg-opacity, 1));
 }
 
-.bg-transparent{
+.bg-transparent {
   background-color: #FFFFFF00;
 }
 
-.bg-warning-100{
+.bg-warning-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-200{
+.bg-warning-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 240 199 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-300{
+.bg-warning-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 200 75 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-400{
+.bg-warning-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(253 176 34 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-50{
+.bg-warning-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 252 245 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-500{
+.bg-warning-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(247 144 9 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-600{
+.bg-warning-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(220 104 3 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-700{
+.bg-warning-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(181 71 8 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-800{
+.bg-warning-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(147 55 13 / var(--tw-bg-opacity, 1));
 }
 
-.bg-warning-900{
+.bg-warning-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(122 46 14 / var(--tw-bg-opacity, 1));
 }
 
-.bg-white{
+.bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-gradient-to-br{
+.bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
 
-.from-primary-200{
+.from-primary-200 {
   --tw-gradient-from: #CDDAF2 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(205 218 242 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.from-warning-200{
+.from-warning-200 {
   --tw-gradient-from: #FEF0C7 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(254 240 199 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.to-primary-50{
+.to-primary-50 {
   --tw-gradient-to: #FBFCFF var(--tw-gradient-to-position);
 }
 
-.to-warning-50{
+.to-warning-50 {
   --tw-gradient-to: #FFFCF5 var(--tw-gradient-to-position);
 }
 
-.fill-\[\#1ea7fd\]{
+.fill-\[\#1ea7fd\] {
   fill: #1ea7fd;
 }
 
-.fill-primary-500{
+.fill-primary-500 {
   fill: #1352BF;
 }
 
-.stroke-light-100{
+.stroke-light-100 {
   stroke: #F2F4F7;
 }
 
-.stroke-primary-600{
+.stroke-primary-600 {
   stroke: #0F4299;
 }
 
-.stroke-white{
+.stroke-white {
   stroke: #FFFFFF;
 }
 
-.object-contain{
+.object-contain {
   -o-object-fit: contain;
      object-fit: contain;
 }
 
-.object-cover{
+.object-cover {
   -o-object-fit: cover;
      object-fit: cover;
 }
 
-.\!p-0{
+.\!p-0 {
   padding: 0px !important;
 }
 
-.p-0{
+.p-0 {
   padding: 0px;
 }
 
-.p-0\.5{
+.p-0\.5 {
   padding: 0.125rem;
 }
 
-.p-1{
+.p-1 {
   padding: 0.25rem;
 }
 
-.p-16{
+.p-16 {
   padding: 4rem;
 }
 
-.p-2{
+.p-2 {
   padding: 0.5rem;
 }
 
-.p-20{
+.p-20 {
   padding: 5rem;
 }
 
-.p-3{
+.p-3 {
   padding: 0.75rem;
 }
 
-.p-4{
+.p-4 {
   padding: 1rem;
 }
 
-.p-6{
+.p-6 {
   padding: 1.5rem;
 }
 
-.p-\[2px\]{
+.p-\[2px\] {
   padding: 2px;
 }
 
-.p-\[5px\]{
+.p-\[5px\] {
   padding: 5px;
 }
 
-.\!px-2{
-  padding-left: 0.5rem !important;
-  padding-right: 0.5rem !important;
-}
-
-.px-1{
+.px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
 
-.px-2{
+.px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
 
-.px-2\.5{
+.px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }
 
-.px-3{
+.px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
 
-.px-3\.5{
+.px-3\.5 {
   padding-left: 0.875rem;
   padding-right: 0.875rem;
 }
 
-.px-4{
+.px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
-.px-5{
+.px-5 {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
 
-.px-6{
+.px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
 
-.py-0\.5{
+.py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
 
-.py-1{
+.py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
 
-.py-1\.5{
+.py-1\.5 {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
 
-.py-12{
+.py-12 {
   padding-top: 3rem;
   padding-bottom: 3rem;
 }
 
-.py-2{
+.py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
-.py-2\.5{
+.py-2\.5 {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }
 
-.py-3{
+.py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
 
-.py-4{
+.py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
 
-.py-6{
+.py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
 
-.py-\[2px\]{
+.py-\[2px\] {
   padding-top: 2px;
   padding-bottom: 2px;
 }
 
-.py-\[3px\]{
+.py-\[3px\] {
   padding-top: 3px;
   padding-bottom: 3px;
 }
 
-.pb-0\.5{
+.pb-0\.5 {
   padding-bottom: 0.125rem;
 }
 
-.pb-3{
+.pb-3 {
   padding-bottom: 0.75rem;
 }
 
-.pb-4{
+.pb-4 {
   padding-bottom: 1rem;
 }
 
-.pl-1{
+.pl-1 {
   padding-left: 0.25rem;
 }
 
-.pl-1\.5{
+.pl-1\.5 {
   padding-left: 0.375rem;
 }
 
-.pl-2{
+.pl-2 {
   padding-left: 0.5rem;
 }
 
-.pl-2\.5{
+.pl-2\.5 {
   padding-left: 0.625rem;
 }
 
-.pl-3{
+.pl-3 {
   padding-left: 0.75rem;
 }
 
-.pl-4{
+.pl-4 {
   padding-left: 1rem;
 }
 
-.pl-7{
+.pl-7 {
   padding-left: 1.75rem;
 }
 
-.pl-\[9px\]{
+.pl-\[9px\] {
   padding-left: 9px;
 }
 
-.pr-1{
+.pr-1 {
   padding-right: 0.25rem;
 }
 
-.pr-1\.5{
+.pr-1\.5 {
   padding-right: 0.375rem;
 }
 
-.pr-2{
+.pr-2 {
   padding-right: 0.5rem;
 }
 
-.pr-2\.5{
+.pr-2\.5 {
   padding-right: 0.625rem;
 }
 
-.pr-3{
+.pr-3 {
   padding-right: 0.75rem;
 }
 
-.pr-8{
+.pr-8 {
   padding-right: 2rem;
 }
 
-.pr-\[9px\]{
+.pr-\[9px\] {
   padding-right: 9px;
 }
 
-.pt-3{
+.pt-3 {
   padding-top: 0.75rem;
 }
 
-.pt-4{
+.pt-4 {
   padding-top: 1rem;
 }
 
-.pt-px{
+.pt-px {
   padding-top: 1px;
 }
 
-.text-left{
+.text-left {
   text-align: left;
 }
 
-.text-center{
+.text-center {
   text-align: center;
 }
 
-.text-right{
+.text-right {
   text-align: right;
 }
 
-.font-nunito{
+.font-nunito {
   font-family: Nunito, sans-serif;
 }
 
-.font-sans{
+.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\]{
+.text-\[11px\] {
   font-size: 11px;
 }
 
-.text-\[13px\]{
+.text-\[13px\] {
   font-size: 13px;
 }
 
-.text-\[20px\]{
+.text-\[20px\] {
   font-size: 20px;
 }
 
-.text-\[32px\]{
+.text-\[32px\] {
   font-size: 32px;
 }
 
-.text-base{
+.text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
 
-.text-body-lg{
+.text-body-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
 
-.text-body-sm{
+.text-body-sm {
   font-size: 1rem;
   line-height: 1.5rem;
 }
 
-.text-caption-lg{
+.text-caption-lg {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
-.text-caption-sm{
+.text-caption-sm {
   font-size: 0.75rem;
   line-height: 1.125rem;
 }
 
-.text-h1{
+.text-h1 {
   font-size: 3.75rem;
   line-height: 4.5rem;
 }
 
-.text-h2{
+.text-h2 {
   font-size: 3rem;
   line-height: 3.5rem;
 }
 
-.text-h3{
+.text-h3 {
   font-size: 2.25rem;
   line-height: 2.75rem;
 }
 
-.text-h4{
+.text-h4 {
   font-size: 1.875rem;
   line-height: 2.5rem;
 }
 
-.text-h5{
+.text-h5 {
   font-size: 1.5rem;
   line-height: 2.25rem;
 }
 
-.text-h6{
+.text-h6 {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
 
-.text-sm{
+.text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
-.text-xs{
+.text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
 }
 
-.font-black{
+.font-black {
   font-weight: 900;
 }
 
-.font-bold{
+.font-bold {
   font-weight: 700;
 }
 
-.font-extrabold{
+.font-extrabold {
   font-weight: 800;
 }
 
-.font-extralight{
+.font-extralight {
   font-weight: 200;
 }
 
-.font-light{
+.font-light {
   font-weight: 300;
 }
 
-.font-medium{
+.font-medium {
   font-weight: 500;
 }
 
-.font-normal{
+.font-normal {
   font-weight: 400;
 }
 
-.font-regular{
+.font-regular {
   font-weight: 400;
 }
 
-.font-semibold{
+.font-semibold {
   font-weight: 600;
 }
 
-.uppercase{
+.uppercase {
   text-transform: uppercase;
 }
 
-.leading-3{
+.leading-3 {
   line-height: .75rem;
 }
 
-.leading-4{
+.leading-4 {
   line-height: 1rem;
 }
 
-.leading-5{
+.leading-5 {
   line-height: 1.25rem;
 }
 
-.leading-6{
+.leading-6 {
   line-height: 1.5rem;
 }
 
-.leading-7{
+.leading-7 {
   line-height: 1.75rem;
 }
 
-.leading-body-lg{
+.leading-body-lg {
   line-height: 1.75rem;
 }
 
-.leading-body-sm{
+.leading-body-sm {
   line-height: 1.5rem;
 }
 
-.leading-caption-lg{
+.leading-caption-lg {
   line-height: 1.25rem;
 }
 
-.leading-caption-sm{
+.leading-caption-sm {
   line-height: 1.125rem;
 }
 
-.leading-h1{
+.leading-h1 {
   line-height: 4.5rem;
 }
 
-.leading-h2{
+.leading-h2 {
   line-height: 3.5rem;
 }
 
-.leading-h3{
+.leading-h3 {
   line-height: 2.75rem;
 }
 
-.leading-h4{
+.leading-h4 {
   line-height: 2.5rem;
 }
 
-.leading-h5{
+.leading-h5 {
   line-height: 2.25rem;
 }
 
-.leading-h6{
+.leading-h6 {
   line-height: 1.75rem;
 }
 
-.leading-none{
+.leading-none {
   line-height: 1;
 }
 
-.leading-snug{
+.leading-snug {
   line-height: 1.375;
 }
 
-.tracking-\[-1\.2px\]{
+.tracking-\[-1\.2px\] {
   letter-spacing: -1.2px;
 }
 
-.text-\[\#101828\]{
+.text-\[\#101828\] {
   --tw-text-opacity: 1;
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#111827\]{
+.text-\[\#111827\] {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#1c293b\]{
+.text-\[\#1c293b\] {
   --tw-text-opacity: 1;
   color: rgb(28 41 59 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#1d2939\]{
+.text-\[\#1d2939\] {
   --tw-text-opacity: 1;
   color: rgb(29 41 57 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#333\]{
+.text-\[\#333\] {
   --tw-text-opacity: 1;
   color: rgb(51 51 51 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#357a14\]{
+.text-\[\#357a14\] {
   --tw-text-opacity: 1;
   color: rgb(53 122 20 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#475467\]{
+.text-\[\#475467\] {
   --tw-text-opacity: 1;
   color: rgb(71 84 103 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#667a8c\]{
+.text-\[\#667a8c\] {
   --tw-text-opacity: 1;
   color: rgb(102 122 140 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#9636ff\]{
+.text-\[\#9636ff\] {
   --tw-text-opacity: 1;
   color: rgb(150 54 255 / var(--tw-text-opacity, 1));
 }
 
-.text-\[\#98a2b3\]{
+.text-\[\#98a2b3\] {
   --tw-text-opacity: 1;
   color: rgb(152 162 179 / var(--tw-text-opacity, 1));
 }
 
-.text-blue-700{
+.text-blue-700 {
   --tw-text-opacity: 1;
   color: rgb(23 92 211 / var(--tw-text-opacity, 1));
 }
 
-.text-blue-gray-700{
+.text-blue-gray-700 {
   --tw-text-opacity: 1;
   color: rgb(54 63 114 / var(--tw-text-opacity, 1));
 }
 
-.text-blue-light-700{
+.text-blue-light-700 {
   --tw-text-opacity: 1;
   color: rgb(2 106 162 / var(--tw-text-opacity, 1));
 }
 
-.text-current{
+.text-current {
   color: currentColor;
 }
 
-.text-error-400{
+.text-error-400 {
   --tw-text-opacity: 1;
   color: rgb(237 102 83 / var(--tw-text-opacity, 1));
 }
 
-.text-error-500{
+.text-error-500 {
   --tw-text-opacity: 1;
   color: rgb(226 38 31 / var(--tw-text-opacity, 1));
 }
 
-.text-error-600{
+.text-error-600 {
   --tw-text-opacity: 1;
   color: rgb(194 22 31 / var(--tw-text-opacity, 1));
 }
 
-.text-error-700{
+.text-error-700 {
   --tw-text-opacity: 1;
   color: rgb(162 15 35 / var(--tw-text-opacity, 1));
 }
 
-.text-indigo-600{
+.text-indigo-600 {
   --tw-text-opacity: 1;
   color: rgb(68 76 231 / var(--tw-text-opacity, 1));
 }
 
-.text-indigo-700{
+.text-indigo-700 {
   --tw-text-opacity: 1;
   color: rgb(53 56 205 / var(--tw-text-opacity, 1));
 }
 
-.text-info-700{
+.text-info-700 {
   --tw-text-opacity: 1;
   color: rgb(8 59 164 / var(--tw-text-opacity, 1));
 }
 
-.text-light-100{
+.text-light-100 {
   --tw-text-opacity: 1;
   color: rgb(242 244 247 / var(--tw-text-opacity, 1));
 }
 
-.text-light-300{
+.text-light-300 {
   --tw-text-opacity: 1;
   color: rgb(208 213 221 / var(--tw-text-opacity, 1));
 }
 
-.text-light-400{
+.text-light-400 {
   --tw-text-opacity: 1;
   color: rgb(152 162 179 / var(--tw-text-opacity, 1));
 }
 
-.text-light-500{
+.text-light-500 {
   --tw-text-opacity: 1;
   color: rgb(102 112 133 / var(--tw-text-opacity, 1));
 }
 
-.text-light-600{
+.text-light-600 {
   --tw-text-opacity: 1;
   color: rgb(71 84 103 / var(--tw-text-opacity, 1));
 }
 
-.text-light-700{
+.text-light-700 {
   --tw-text-opacity: 1;
   color: rgb(52 64 84 / var(--tw-text-opacity, 1));
 }
 
-.text-light-800{
+.text-light-800 {
   --tw-text-opacity: 1;
   color: rgb(24 34 48 / var(--tw-text-opacity, 1));
 }
 
-.text-light-900{
+.text-light-900 {
   --tw-text-opacity: 1;
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
 }
 
-.text-orange-600{
+.text-orange-600 {
   --tw-text-opacity: 1;
   color: rgb(224 79 22 / var(--tw-text-opacity, 1));
 }
 
-.text-orange-700{
+.text-orange-700 {
   --tw-text-opacity: 1;
   color: rgb(185 56 21 / var(--tw-text-opacity, 1));
 }
 
-.text-pink-600{
+.text-pink-600 {
   --tw-text-opacity: 1;
   color: rgb(221 37 144 / var(--tw-text-opacity, 1));
 }
 
-.text-pink-700{
+.text-pink-700 {
   --tw-text-opacity: 1;
   color: rgb(193 21 116 / var(--tw-text-opacity, 1));
 }
 
-.text-primary-500{
+.text-primary-500 {
   --tw-text-opacity: 1;
   color: rgb(19 82 191 / var(--tw-text-opacity, 1));
 }
 
-.text-primary-600{
+.text-primary-600 {
   --tw-text-opacity: 1;
   color: rgb(15 66 153 / var(--tw-text-opacity, 1));
 }
 
-.text-primary-700{
+.text-primary-700 {
   --tw-text-opacity: 1;
   color: rgb(11 49 115 / var(--tw-text-opacity, 1));
 }
 
-.text-purple-600{
+.text-purple-600 {
   --tw-text-opacity: 1;
   color: rgb(105 56 239 / var(--tw-text-opacity, 1));
 }
 
-.text-purple-700{
+.text-purple-700 {
   --tw-text-opacity: 1;
   color: rgb(89 37 220 / var(--tw-text-opacity, 1));
 }
 
-.text-rose-600{
+.text-rose-600 {
   --tw-text-opacity: 1;
   color: rgb(227 27 84 / var(--tw-text-opacity, 1));
 }
 
-.text-secondary-600{
+.text-secondary-600 {
   --tw-text-opacity: 1;
   color: rgb(15 134 153 / var(--tw-text-opacity, 1));
 }
 
-.text-success-500{
+.text-success-500 {
   --tw-text-opacity: 1;
   color: rgb(8 145 70 / var(--tw-text-opacity, 1));
 }
 
-.text-success-700{
+.text-success-700 {
   --tw-text-opacity: 1;
   color: rgb(4 104 69 / var(--tw-text-opacity, 1));
 }
 
-.text-teal-600{
+.text-teal-600 {
   --tw-text-opacity: 1;
   color: rgb(14 147 132 / var(--tw-text-opacity, 1));
 }
 
-.text-warning-500{
+.text-warning-500 {
   --tw-text-opacity: 1;
   color: rgb(247 144 9 / var(--tw-text-opacity, 1));
 }
 
-.text-warning-700{
+.text-warning-700 {
   --tw-text-opacity: 1;
   color: rgb(181 71 8 / var(--tw-text-opacity, 1));
 }
 
-.text-warning-800{
+.text-warning-800 {
   --tw-text-opacity: 1;
   color: rgb(147 55 13 / 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);
 }
 
-.underline{
+.underline {
   text-decoration-line: underline;
 }
 
-.opacity-0{
+.opacity-0 {
   opacity: 0;
 }
 
-.opacity-100{
+.opacity-100 {
   opacity: 1;
 }
 
-.opacity-50{
+.opacity-50 {
   opacity: 0.5;
 }
 
-.opacity-60{
+.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_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\)\]{
+.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\)\]{
+.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\)\]{
+.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\)\]{
+.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{
+.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{
+.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{
+.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{
+.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;
 }
 
-.outline-primary{
+.outline-primary {
   outline-color: #1352BF;
 }
 
-.ring{
+.ring {
   --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(3px + 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);
 }
 
-.filter{
+.invert {
+  --tw-invert: invert(100%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.transition-\[border-color\2c border-width\]{
+.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-\[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-all{
+.transition-\[color\2c background-color\2c border-color\2c box-shadow\2c filter\2c transform\] {
+  transition-property: color,background-color,border-color,box-shadow,filter,transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.transition-colors{
+.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-shadow{
+.transition-shadow {
   transition-property: box-shadow;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.duration-150{
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.duration-150 {
   transition-duration: 150ms;
 }
 
-.duration-200{
+.duration-200 {
   transition-duration: 200ms;
 }
 
+.\[-webkit-tap-highlight-color\:transparent\] {
+  -webkit-tap-highlight-color: transparent;
+}
+
+.\[scrollbar-width\:none\] {
+  scrollbar-width: none;
+}
+
 /* =========================================
    Optional: component defaults
    (boleh kosong kalau belum perlu)
@@ -3217,432 +3324,532 @@ body{
 }
 */
 
-.placeholder\:text-light-500::-moz-placeholder{
+.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{
+.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{
+.after\:absolute::after {
+  content: var(--tw-content);
+  position: absolute;
+}
+
+.after\:-right-px::after {
+  content: var(--tw-content);
+  right: -1px;
+}
+
+.after\:bottom-3::after {
+  content: var(--tw-content);
+  bottom: 0.75rem;
+}
+
+.after\:h-5::after {
+  content: var(--tw-content);
+  height: 1.25rem;
+}
+
+.after\:w-px::after {
+  content: var(--tw-content);
+  width: 1px;
+}
+
+.after\:bg-light-200::after {
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
+}
+
+.after\:content-\[\'\'\]::after {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
+.focus-within\:border-2:focus-within {
   border-width: 2px;
 }
 
-.focus-within\:border-error-500:focus-within{
+.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{
+.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{
+.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{
+.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{
+.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{
+.focus-within\:ring-offset-0:focus-within {
   --tw-ring-offset-width: 0px;
 }
 
-.hover\:border-error-300:hover{
+.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{
+.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{
+.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{
+.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{
+.hover\:border-primary-800:hover {
   --tw-border-opacity: 1;
   border-color: rgb(8 33 76 / var(--tw-border-opacity, 1));
 }
 
-.hover\:border-x-transparent:hover{
+.hover\:border-x-transparent:hover {
   border-left-color: #FFFFFF00;
   border-right-color: #FFFFFF00;
 }
 
-.hover\:bg-black\/5:hover{
+.hover\:bg-black\/5:hover {
   background-color: rgb(0 0 0 / 0.05);
 }
 
-.hover\:bg-error-100:hover{
+.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{
+.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{
+.hover\:bg-error-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-info-100:hover{
+.hover\:bg-info-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(206 233 253 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-info-500:hover{
+.hover\:bg-info-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(16 104 229 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-light-100:hover{
+.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{
+.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{
+.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{
+.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{
+.hover\:bg-primary-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(8 33 76 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-success-100:hover{
+.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{
+.hover\:bg-success-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(2 84 63 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-transparent:hover{
+.hover\:bg-transparent:hover {
   background-color: #FFFFFF00;
 }
 
-.hover\:bg-warning-100:hover{
+.hover\:bg-warning-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-white:hover{
+.hover\:bg-white:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:text-black:hover{
+.hover\:text-black:hover {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-error-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{
+.hover\:text-light-600:hover {
   --tw-text-opacity: 1;
   color: rgb(71 84 103 / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-light-700:hover{
+.hover\:text-light-700:hover {
   --tw-text-opacity: 1;
   color: rgb(52 64 84 / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-light-800:hover{
+.hover\:text-light-800:hover {
   --tw-text-opacity: 1;
   color: rgb(24 34 48 / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-light-900:hover{
+.hover\:text-light-900:hover {
   --tw-text-opacity: 1;
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-primary-700:hover{
+.hover\:text-primary-700:hover {
   --tw-text-opacity: 1;
   color: rgb(11 49 115 / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-primary-800:hover{
+.hover\:text-primary-800:hover {
   --tw-text-opacity: 1;
   color: rgb(8 33 76 / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-red-700:hover{
+.hover\:text-red-700:hover {
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
 }
 
-.hover\:shadow-sm:hover{
+.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{
+.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{
+.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{
+.focus-visible\:rounded:focus-visible {
+  border-radius: 0.25rem;
+}
+
+.focus-visible\:border-\[\#2563eb\]:focus-visible {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
 }
 
-.focus-visible\:bg-primary-400:focus-visible{
+.focus-visible\:bg-primary-400:focus-visible {
   --tw-bg-opacity: 1;
   background-color: rgb(112 150 217 / var(--tw-bg-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-error-300: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{
+.focus-visible\:ring-primary-400:focus-visible {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(112 150 217 / var(--tw-ring-opacity, 1));
 }
 
-.focus-visible\:ring-success-500: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{
+.focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
 
-.focus-visible\:ring-offset-white:focus-visible{
+.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\:resize-none:disabled{
+.disabled\:resize-none:disabled {
   resize: none;
 }
 
-.disabled\:border-light-200:disabled{
+.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{
+.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{
+.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{
+.disabled\:placeholder\:text-light-400:disabled::placeholder {
   --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\:bg-error-500{
+.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{
+.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{
+.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\:bg-light-100{
+.group:hover .group-hover\:bg-light-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
 }
 
-.group:hover .group-hover\:text-light-800{
+.group:hover .group-hover\:text-light-800 {
   --tw-text-opacity: 1;
   color: rgb(24 34 48 / var(--tw-text-opacity, 1));
 }
 
-.group:hover .group-hover\:opacity-100{
+.group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
 
-.group:focus-visible .group-focus-visible\:rounded-b-lg{
+.group:focus-visible .group-focus-visible\:rounded-b-lg {
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
 }
 
-.group:focus-visible .group-focus-visible\:ring-2{
+.group:focus-visible .group-focus-visible\:ring-2 {
   --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);
 }
 
-.group:focus-visible .group-focus-visible\:ring-primary-400{
+.group:focus-visible .group-focus-visible\:ring-primary-400 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(112 150 217 / var(--tw-ring-opacity, 1));
 }
 
-.group:focus-visible .group-focus-visible\:ring-offset-2{
+.group:focus-visible .group-focus-visible\:ring-offset-2 {
   --tw-ring-offset-width: 2px;
 }
 
-@media (min-width: 640px){
-  .sm\:static{
+.data-\[disabled\]\:cursor-not-allowed[data-disabled] {
+  cursor: not-allowed;
+}
+
+.data-\[pending\]\:cursor-wait[data-pending] {
+  cursor: wait;
+}
+
+.data-\[pending\]\:\!border-light-200[data-pending] {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1)) !important;
+}
+
+.data-\[focused\]\:bg-light-50[data-focused] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
+.data-\[pending\]\:\!bg-light-100[data-pending] {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1)) !important;
+}
+
+.data-\[pending\]\:\!bg-transparent[data-pending] {
+  background-color: #FFFFFF00 !important;
+}
+
+.data-\[pending\]\:\!bg-white[data-pending] {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
+}
+
+.data-\[focused\]\:text-light-900[data-focused] {
+  --tw-text-opacity: 1;
+  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
+}
+
+.data-\[pending\]\:\!text-light-400[data-pending] {
+  --tw-text-opacity: 1 !important;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1)) !important;
+}
+
+.data-\[disabled\]\:opacity-60[data-disabled] {
+  opacity: 0.6;
+}
+
+.data-\[pressed\]\:brightness-\[0\.96\][data-pressed] {
+  --tw-brightness: brightness(0.96);
+  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);
+}
+
+@media (min-width: 640px) {
+  .sm\:static {
     position: static;
   }
 
-  .sm\:flex{
+  .sm\:flex {
     display: flex;
   }
 
-  .sm\:w-auto{
+  .sm\:w-auto {
     width: auto;
   }
 
-  .sm\:flex-row{
+  .sm\:flex-row {
     flex-direction: row;
   }
 
-  .sm\:flex-wrap{
+  .sm\:flex-wrap {
     flex-wrap: wrap;
   }
 
-  .sm\:items-start{
+  .sm\:items-start {
     align-items: flex-start;
   }
 
-  .sm\:items-center{
+  .sm\:items-center {
     align-items: center;
   }
 
-  .sm\:gap-2{
+  .sm\:gap-2 {
     gap: 0.5rem;
   }
 
-  .sm\:gap-3{
+  .sm\:gap-3 {
     gap: 0.75rem;
   }
 
-  .sm\:gap-x-1\.5{
+  .sm\:gap-x-1\.5 {
     -moz-column-gap: 0.375rem;
          column-gap: 0.375rem;
   }
 
-  .sm\:px-8{
+  .sm\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
   }
 
-  .sm\:py-3{
+  .sm\:py-3 {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
   }
 
-  .sm\:pr-0{
+  .sm\:pr-0 {
     padding-right: 0px;
   }
 }
 
-.\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator{
+.\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
   display: none;
 }
 
-.\[\&\:\:-webkit-clear-button\]\:hidden::-webkit-clear-button{
+.\[\&\:\:-webkit-clear-button\]\:hidden::-webkit-clear-button {
   display: none;
 }
 
-.\[\&\:\:-webkit-datetime-edit-fields-wrapper\]\:p-0::-webkit-datetime-edit-fields-wrapper{
+.\[\&\:\:-webkit-datetime-edit-fields-wrapper\]\:p-0::-webkit-datetime-edit-fields-wrapper {
   padding: 0px;
 }
 
-.\[\&\:\:-webkit-datetime-edit\]\:p-0::-webkit-datetime-edit{
+.\[\&\:\:-webkit-datetime-edit\]\:p-0::-webkit-datetime-edit {
   padding: 0px;
 }
+
+.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+  display: none;
+}
+
+.\[\&_svg\]\:size-full svg {
+  width: 100%;
+  height: 100%;
+}