atomos_next_genesis 0.0.4 → 0.0.6

package/dist/index.css

@@ -423,6 +423,20 @@ video {
       --primary-900: #3e1c96;
     } */
 
+    /* .theme-primary {
+      --primary-25: #ffffff;
+      --primary-50: #fff8e4;
+      --primary-100: #ffecba;
+      --primary-200: #ffe08f;
+      --primary-300: #ffd665;
+      --primary-400: #ffcb4c;
+      --primary-500: #ffc342;
+      --primary-600: #ffb53d;
+      --primary-700: #ffa33a;
+      --primary-800: #fd9438;
+      --primary-900: #f97835;
+    } */
+
     /* Gray Colors */
     --gray-25: #fff;
     --gray-50: #f9fafb;
@@ -501,7 +515,7 @@ video {
   --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,7 +569,7 @@ video {
   --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;
@@ -597,6 +611,12 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.\!visible {
+  visibility: visible !important;
+}
+.visible {
+  visibility: visible;
+}
 .fixed {
   position: fixed;
 }
@@ -609,6 +629,9 @@ video {
 .sticky {
   position: sticky;
 }
+.inset-0 {
+  inset: 0px;
+}
 .-left-1 {
   left: -0.25rem;
 }
@@ -651,6 +674,12 @@ video {
 .bottom-\[calc\(100\%\+0px\)\] {
   bottom: calc(100% + 0px);
 }
+.bottom-\[calc\(100\%\+8px\)\] {
+  bottom: calc(100% + 8px);
+}
+.bottom-full {
+  bottom: 100%;
+}
 .left-0 {
   left: 0px;
 }
@@ -663,12 +692,27 @@ video {
 .left-1\.5 {
   left: 0.375rem;
 }
+.left-1\/2 {
+  left: 50%;
+}
 .left-2\/4 {
   left: 50%;
 }
+.left-4 {
+  left: 1rem;
+}
+.left-5 {
+  left: 1.25rem;
+}
 .left-\[calc\(100\%\+0px\)\] {
   left: calc(100% + 0px);
 }
+.left-\[calc\(100\%\+8px\)\] {
+  left: calc(100% + 8px);
+}
+.left-full {
+  left: 100%;
+}
 .right-0 {
   right: 0px;
 }
@@ -699,6 +743,12 @@ video {
 .right-\[calc\(100\%\+0px\)\] {
   right: calc(100% + 0px);
 }
+.right-\[calc\(100\%\+8px\)\] {
+  right: calc(100% + 8px);
+}
+.right-full {
+  right: 100%;
+}
 .top-0 {
   top: 0px;
 }
@@ -711,12 +761,18 @@ video {
 .top-2\/4 {
   top: 50%;
 }
+.top-3 {
+  top: 0.75rem;
+}
 .top-4 {
   top: 1rem;
 }
 .top-\[calc\(100\%\+0px\)\] {
   top: calc(100% + 0px);
 }
+.top-\[calc\(100\%\+8px\)\] {
+  top: calc(100% + 8px);
+}
 .top-full {
   top: 100%;
 }
@@ -732,12 +788,15 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[100000000000000000\] {
+  z-index: 100000000000000000;
+}
+.z-\[10000000000000000\] {
+  z-index: 10000000000000000;
+}
 .z-\[1000000\] {
   z-index: 1000000;
 }
-.z-\[100000\] {
-  z-index: 100000;
-}
 .z-\[1000\] {
   z-index: 1000;
 }
@@ -756,9 +815,13 @@ video {
 .m-auto {
   margin: auto;
 }
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
 }
 .mx-4 {
   margin-left: 1rem;
@@ -772,6 +835,22 @@ video {
   margin-left: auto;
   margin-right: auto;
 }
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+.my-0\.5 {
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
+}
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.my-1\.5 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
 .my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -788,6 +867,9 @@ video {
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
 }
+.-ml-\[2px\] {
+  margin-left: -2px;
+}
 .-mt-1 {
   margin-top: -0.25rem;
 }
@@ -797,6 +879,9 @@ video {
 .mb-1 {
   margin-bottom: 0.25rem;
 }
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -806,6 +891,9 @@ video {
 .mb-\[6px\] {
   margin-bottom: 6px;
 }
+.ml-1 {
+  margin-left: 0.25rem;
+}
 .ml-10 {
   margin-left: 2.5rem;
 }
@@ -821,9 +909,18 @@ video {
 .ml-\[80px\] {
   margin-left: 80px;
 }
+.ml-auto {
+  margin-left: auto;
+}
 .mr-8 {
   margin-right: 2rem;
 }
+.mt-0 {
+  margin-top: 0px;
+}
+.mt-0\.5 {
+  margin-top: 0.125rem;
+}
 .mt-1 {
   margin-top: 0.25rem;
 }
@@ -836,6 +933,9 @@ video {
 .mt-3 {
   margin-top: 0.75rem;
 }
+.mt-4 {
+  margin-top: 1rem;
+}
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
@@ -869,6 +969,12 @@ video {
 .hidden {
   display: none;
 }
+.aspect-\[2\/1\] {
+  aspect-ratio: 2/1;
+}
+.h-0 {
+  height: 0px;
+}
 .h-1 {
   height: 0.25rem;
 }
@@ -911,6 +1017,9 @@ video {
 .h-6 {
   height: 1.5rem;
 }
+.h-64 {
+  height: 16rem;
+}
 .h-7 {
   height: 1.75rem;
 }
@@ -926,26 +1035,36 @@ video {
 .h-\[126px\] {
   height: 126px;
 }
+.h-\[14px\] {
+  height: 14px;
+}
 .h-\[1px\] {
   height: 1px;
 }
-.h-\[200px\] {
-  height: 200px;
-}
 .h-\[20px\] {
   height: 20px;
 }
+.h-\[30px\] {
+  height: 30px;
+}
 .h-\[35px\] {
   height: 35px;
 }
 .h-\[4\.5px\] {
   height: 4.5px;
 }
-.h-\[50\%\] {
-  height: 50%;
+.h-\[42px\] {
+  height: 42px;
+}
+.h-\[500px\] {
+  height: 500px;
+}
+.h-auto {
+  height: auto;
 }
-.h-\[91px\] {
-  height: 91px;
+.h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
 }
 .h-full {
   height: 100%;
@@ -953,30 +1072,51 @@ video {
 .max-h-0 {
   max-height: 0px;
 }
+.max-h-96 {
+  max-height: 24rem;
+}
+.max-h-\[1000px\] {
+  max-height: 1000px;
+}
 .max-h-\[200px\] {
   max-height: 200px;
 }
+.max-h-\[226px\] {
+  max-height: 226px;
+}
 .max-h-\[230px\] {
   max-height: 230px;
 }
-.max-h-\[320px\] {
-  max-height: 320px;
+.max-h-\[300px\] {
+  max-height: 300px;
+}
+.max-h-\[360px\] {
+  max-height: 360px;
 }
 .max-h-\[60vh\] {
   max-height: 60vh;
 }
-.max-h-full {
-  max-height: 100%;
+.max-h-\[70vh\] {
+  max-height: 70vh;
+}
+.max-h-\[80vh\] {
+  max-height: 80vh;
 }
 .min-h-screen {
   min-height: 100vh;
 }
+.w-0 {
+  width: 0px;
+}
 .w-1 {
   width: 0.25rem;
 }
 .w-1\.5 {
   width: 0.375rem;
 }
+.w-1\/2 {
+  width: 50%;
+}
 .w-10 {
   width: 2.5rem;
 }
@@ -1007,24 +1147,48 @@ video {
 .w-4 {
   width: 1rem;
 }
+.w-48 {
+  width: 12rem;
+}
 .w-5 {
   width: 1.25rem;
 }
+.w-56 {
+  width: 14rem;
+}
+.w-6 {
+  width: 1.5rem;
+}
+.w-64 {
+  width: 16rem;
+}
 .w-8 {
   width: 2rem;
 }
+.w-80 {
+  width: 20rem;
+}
 .w-9 {
   width: 2.25rem;
 }
+.w-96 {
+  width: 24rem;
+}
 .w-\[100px\] {
   width: 100px;
 }
 .w-\[10px\] {
   width: 10px;
 }
+.w-\[15\%\] {
+  width: 15%;
+}
 .w-\[1px\] {
   width: 1px;
 }
+.w-\[20\%\] {
+  width: 20%;
+}
 .w-\[20px\] {
   width: 20px;
 }
@@ -1034,6 +1198,9 @@ video {
 .w-\[300px\] {
   width: 300px;
 }
+.w-\[304px\] {
+  width: 304px;
+}
 .w-\[308px\] {
   width: 308px;
 }
@@ -1043,14 +1210,17 @@ video {
 .w-\[320px\] {
   width: 320px;
 }
+.w-\[35px\] {
+  width: 35px;
+}
 .w-\[37px\] {
   width: 37px;
 }
 .w-\[4\.5px\] {
   width: 4.5px;
 }
-.w-\[400px\] {
-  width: 400px;
+.w-\[40px\] {
+  width: 40px;
 }
 .w-\[50\%\] {
   width: 50%;
@@ -1058,9 +1228,15 @@ video {
 .w-\[500px\] {
   width: 500px;
 }
+.w-\[53\%\] {
+  width: 53%;
+}
 .w-\[55\%\] {
   width: 55%;
 }
+.w-\[76px\] {
+  width: 76px;
+}
 .w-\[80\%\] {
   width: 80%;
 }
@@ -1073,6 +1249,9 @@ video {
 .w-\[88px\] {
   width: 88px;
 }
+.w-auto {
+  width: auto;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1084,33 +1263,89 @@ video {
   width: -moz-max-content;
   width: max-content;
 }
+.min-w-0 {
+  min-width: 0px;
+}
+.min-w-\[100px\] {
+  min-width: 100px;
+}
+.min-w-\[120px\] {
+  min-width: 120px;
+}
 .min-w-\[200px\] {
   min-width: 200px;
 }
+.max-w-2xl {
+  max-width: 42rem;
+}
+.max-w-\[138px\] {
+  max-width: 138px;
+}
+.max-w-\[167px\] {
+  max-width: 167px;
+}
 .max-w-\[270px\] {
   max-width: 270px;
 }
 .max-w-\[328px\] {
   max-width: 328px;
 }
+.max-w-\[500px\] {
+  max-width: 500px;
+}
+.max-w-\[564px\] {
+  max-width: 564px;
+}
+.max-w-\[900px\] {
+  max-width: 900px;
+}
+.max-w-\[90vw\] {
+  max-width: 90vw;
+}
 .max-w-lg {
   max-width: 32rem;
 }
+.flex-1 {
+  flex: 1 1 0%;
+}
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
 .flex-grow {
   flex-grow: 1;
 }
+.-translate-x-1\/2 {
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-translate-x-2\/4 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-x-full {
+  --tw-translate-x: -100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-translate-y-1\/2 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-y-2 {
+  --tw-translate-y: -0.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-y-2\/4 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-y-full {
+  --tw-translate-y: -100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.translate-x-0 {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-\[-10px\] {
   --tw-translate-x: -10px;
   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));
@@ -1119,6 +1354,14 @@ video {
   --tw-translate-x: 10px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-full {
+  --tw-translate-x: 100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.translate-y-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-\[-10px\] {
   --tw-translate-y: -10px;
   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));
@@ -1127,6 +1370,10 @@ video {
   --tw-translate-y: 10px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-y-full {
+  --tw-translate-y: 100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .rotate-0 {
   --tw-rotate: 0deg;
   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));
@@ -1188,16 +1435,19 @@ video {
      -moz-user-select: none;
           user-select: none;
 }
+.list-none {
+  list-style-type: none;
+}
 .appearance-none {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
 }
-.grid-rows-\[0fr\] {
-  grid-template-rows: 0fr;
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
 }
-.grid-rows-\[1fr\] {
-  grid-template-rows: 1fr;
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .flex-col {
   flex-direction: column;
@@ -1205,8 +1455,8 @@ video {
 .flex-wrap {
   flex-wrap: wrap;
 }
-.place-content-center {
-  place-content: center;
+.place-items-center {
+  place-items: center;
 }
 .items-start {
   align-items: flex-start;
@@ -1232,6 +1482,9 @@ video {
 .justify-evenly {
   justify-content: space-evenly;
 }
+.gap-0 {
+  gap: 0px;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1274,6 +1527,16 @@ video {
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
 .space-y-5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1296,6 +1559,11 @@ video {
 .overflow-y-scroll {
   overflow-y: scroll;
 }
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .text-ellipsis {
   text-overflow: ellipsis;
 }
@@ -1350,10 +1618,18 @@ video {
   border-top-left-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
 }
+.rounded-l-none {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
 .rounded-r-lg {
   border-top-right-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
 }
+.rounded-r-none {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
 .border {
   border-width: 1px;
 }
@@ -1366,9 +1642,13 @@ video {
 .border-\[6px\] {
   border-width: 6px;
 }
-.border-y-\[0\.5px\] {
-  border-top-width: 0.5px;
-  border-bottom-width: 0.5px;
+.border-x-\[6px\] {
+  border-left-width: 6px;
+  border-right-width: 6px;
+}
+.border-y-\[6px\] {
+  border-top-width: 6px;
+  border-bottom-width: 6px;
 }
 .border-b {
   border-bottom-width: 1px;
@@ -1379,24 +1659,82 @@ video {
 .border-b-2 {
   border-bottom-width: 2px;
 }
+.border-b-\[6px\] {
+  border-bottom-width: 6px;
+}
+.border-l {
+  border-left-width: 1px;
+}
+.border-l-0 {
+  border-left-width: 0px;
+}
 .border-l-4 {
   border-left-width: 4px;
 }
+.border-l-\[6px\] {
+  border-left-width: 6px;
+}
+.border-r {
+  border-right-width: 1px;
+}
+.border-r-0 {
+  border-right-width: 0px;
+}
+.border-r-2 {
+  border-right-width: 2px;
+}
+.border-r-\[6px\] {
+  border-right-width: 6px;
+}
 .border-t {
   border-top-width: 1px;
 }
+.border-t-0 {
+  border-top-width: 0px;
+}
+.border-t-\[6px\] {
+  border-top-width: 6px;
+}
+.border-solid {
+  border-style: solid;
+}
 .border-dashed {
   border-style: dashed;
 }
 .border-none {
   border-style: none;
 }
+.border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(46 144 250 / var(--tw-border-opacity));
+}
+.border-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(21 112 239 / var(--tw-border-opacity));
+}
+.border-bluegray-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(62 71 132 / var(--tw-border-opacity));
+}
+.border-bluelight-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 134 201 / var(--tw-border-opacity));
+}
+.border-error-200 {
+  border-color: var(--error-200);
+}
+.border-error-500 {
+  border-color: var(--error-500);
+}
 .border-error-600 {
   border-color: var(--error-600);
 }
 .border-error-700 {
   border-color: var(--error-700);
 }
+.border-gray-100 {
+  border-color: var(--gray-100);
+}
 .border-gray-200 {
   border-color: var(--gray-200);
 }
@@ -1412,46 +1750,115 @@ video {
 .border-gray-700 {
   border-color: var(--gray-700);
 }
-.border-gray-800 {
-  border-color: var(--gray-800);
+.border-indigo-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(68 76 231 / var(--tw-border-opacity));
+}
+.border-orange-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(236 74 10 / var(--tw-border-opacity));
 }
-.border-primary-100 {
-  border-color: var(--primary-100);
+.border-pink-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(221 37 144 / var(--tw-border-opacity));
 }
-.border-primary-400 {
-  border-color: var(--primary-400);
+.border-primary-200 {
+  border-color: var(--primary-200);
 }
 .border-primary-50 {
   border-color: var(--primary-50);
 }
+.border-primary-500 {
+  border-color: var(--primary-500);
+}
 .border-primary-600 {
   border-color: var(--primary-600);
 }
-.border-primary-900 {
-  border-color: var(--primary-900);
+.border-purple-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(105 56 239 / var(--tw-border-opacity));
 }
 .border-red-600 {
   --tw-border-opacity: 1;
   border-color: rgb(220 38 38 / var(--tw-border-opacity));
 }
+.border-rose-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(227 27 84 / var(--tw-border-opacity));
+}
+.border-success-200 {
+  border-color: var(--success-200);
+}
 .border-success-600 {
   border-color: var(--success-600);
 }
 .border-transparent {
   border-color: transparent;
 }
+.border-violet-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(127 86 217 / var(--tw-border-opacity));
+}
+.border-warning-200 {
+  border-color: var(--warning-200);
+}
 .border-warning-500 {
   border-color: var(--warning-500);
 }
 .border-warning-600 {
   border-color: var(--warning-600);
 }
+.border-x-transparent {
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.border-y-transparent {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+.border-b-white {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+.border-l-gray-300 {
+  border-left-color: var(--gray-300);
+}
+.border-l-primary-200 {
+  border-left-color: var(--primary-200);
+}
+.border-l-white {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+.border-r-white {
+  --tw-border-opacity: 1;
+  border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+.border-t-white {
+  --tw-border-opacity: 1;
+  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
 .bg-backdrop {
   background-color: rgba(0, 0, 0, 0.5);
 }
+.bg-black\/50 {
+  background-color: rgb(0 0 0 / 0.5);
+}
+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 233 255 / var(--tw-bg-opacity));
+}
+.bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 248 255 / var(--tw-bg-opacity));
+}
 .bg-blue-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+  background-color: rgb(46 144 250 / var(--tw-bg-opacity));
+}
+.bg-blue-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 112 239 / var(--tw-bg-opacity));
 }
 .bg-bluegray-100 {
   --tw-bg-opacity: 1;
@@ -1461,6 +1868,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(78 91 166 / var(--tw-bg-opacity));
 }
+.bg-bluegray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(62 71 132 / var(--tw-bg-opacity));
+}
 .bg-bluelight-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(224 242 254 / var(--tw-bg-opacity));
@@ -1493,16 +1904,27 @@ video {
 .bg-gray-300 {
   background-color: var(--gray-300);
 }
+.bg-gray-400 {
+  background-color: var(--gray-400);
+}
 .bg-gray-50 {
   background-color: var(--gray-50);
 }
 .bg-gray-600 {
   background-color: var(--gray-600);
 }
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
+}
 .bg-indigo-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(224 234 255 / var(--tw-bg-opacity));
 }
+.bg-indigo-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(68 76 231 / var(--tw-bg-opacity));
+}
 .bg-indigo-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(53 56 205 / var(--tw-bg-opacity));
@@ -1519,6 +1941,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(254 246 251 / var(--tw-bg-opacity));
 }
+.bg-pink-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(221 37 144 / var(--tw-bg-opacity));
+}
 .bg-pink-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(193 21 116 / var(--tw-bg-opacity));
@@ -1539,6 +1965,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(244 243 255 / var(--tw-bg-opacity));
 }
+.bg-purple-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(105 56 239 / var(--tw-bg-opacity));
+}
 .bg-purple-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(89 37 220 / var(--tw-bg-opacity));
@@ -1547,6 +1977,14 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
 }
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+}
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+}
 .bg-rose-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 241 243 / var(--tw-bg-opacity));
@@ -1574,6 +2012,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(249 245 255 / var(--tw-bg-opacity));
 }
+.bg-violet-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
+}
 .bg-violet-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(105 65 198 / var(--tw-bg-opacity));
@@ -1591,6 +2033,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
+.bg-yellow-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
+}
 .fill-none {
   fill: none;
 }
@@ -1600,10 +2046,17 @@ video {
 .stroke-primary-600 {
   stroke: var(--primary-600);
 }
+.object-contain {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
 }
+.p-0 {
+  padding: 0px;
+}
 .p-1 {
   padding: 0.25rem;
 }
@@ -1625,6 +2078,12 @@ video {
 .p-5 {
   padding: 1.25rem;
 }
+.p-6 {
+  padding: 1.5rem;
+}
+.p-8 {
+  padding: 2rem;
+}
 .p-\[18px\] {
   padding: 18px;
 }
@@ -1656,6 +2115,10 @@ video {
   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;
@@ -1664,6 +2127,10 @@ video {
   padding-left: 14px;
   padding-right: 14px;
 }
+.px-\[15px\] {
+  padding-left: 15px;
+  padding-right: 15px;
+}
 .px-\[17px\] {
   padding-left: 17px;
   padding-right: 17px;
@@ -1712,6 +2179,14 @@ video {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
 }
+.py-\[19px\] {
+  padding-top: 19px;
+  padding-bottom: 19px;
+}
+.py-\[20px\] {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
 .py-\[21px\] {
   padding-top: 21px;
   padding-bottom: 21px;
@@ -1728,15 +2203,21 @@ video {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.pb-3 {
-  padding-bottom: 0.75rem;
+.pb-4 {
+  padding-bottom: 1rem;
 }
-.pb-3\.5 {
-  padding-bottom: 0.875rem;
+.pl-0 {
+  padding-left: 0px;
 }
 .pl-3 {
   padding-left: 0.75rem;
 }
+.pl-6 {
+  padding-left: 1.5rem;
+}
+.pt-0 {
+  padding-top: 0px;
+}
 .pt-\[2px\] {
   padding-top: 2px;
 }
@@ -1746,35 +2227,52 @@ video {
 .text-center {
   text-align: center;
 }
+.text-right {
+  text-align: right;
+}
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
+}
+.text-7xl {
+  font-size: 4.5rem;
+  line-height: 1;
+}
+.text-8xl {
+  font-size: 6rem;
+  line-height: 1;
+}
+.text-\[12px\] {
+  font-size: 12px;
+}
 .text-\[14px\] {
   font-size: 14px;
 }
 .text-\[16px\] {
   font-size: 16px;
 }
+.text-\[32px\] {
+  font-size: 32px;
+}
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
-.text-display-2xl {
-  font-size: 4.5rem;
-}
-.text-display-lg {
-  font-size: 3rem;
-}
-.text-display-md {
-  font-size: 2.25rem;
-}
 .text-display-sm {
   font-size: 1.875rem;
 }
-.text-display-xl {
-  font-size: 3.75rem;
-}
 .text-display-xs {
   font-size: 1.5rem;
 }
@@ -1786,21 +2284,6 @@ video {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.text-text-lg {
-  font-size: 1.125rem;
-}
-.text-text-md {
-  font-size: 1rem;
-}
-.text-text-sm {
-  font-size: 0.875rem;
-}
-.text-text-xl {
-  font-size: 1.25rem;
-}
-.text-text-xs {
-  font-size: 0.75rem;
-}
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
@@ -1818,19 +2301,35 @@ video {
 .font-normal {
   font-weight: 400;
 }
-.font-regular {
-  font-weight: 400;
-}
 .font-semibold {
   font-weight: 600;
 }
 .capitalize {
   text-transform: capitalize;
 }
+.italic {
+  font-style: italic;
+}
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+.text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgb(21 112 239 / var(--tw-text-opacity));
+}
+.text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgb(23 92 211 / var(--tw-text-opacity));
+}
 .text-bluegray-500 {
   --tw-text-opacity: 1;
   color: rgb(78 91 166 / var(--tw-text-opacity));
 }
+.text-bluegray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(62 71 132 / var(--tw-text-opacity));
+}
 .text-bluelight-600 {
   --tw-text-opacity: 1;
   color: rgb(0 134 201 / var(--tw-text-opacity));
@@ -1844,6 +2343,9 @@ video {
 .text-error-700 {
   color: var(--error-700);
 }
+.text-gray-300 {
+  color: var(--gray-300);
+}
 .text-gray-400 {
   color: var(--gray-400);
 }
@@ -1862,17 +2364,26 @@ video {
 .text-gray-900 {
   color: var(--gray-900);
 }
+.text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity));
+}
+.text-indigo-600 {
+  --tw-text-opacity: 1;
+  color: rgb(68 76 231 / var(--tw-text-opacity));
+}
 .text-indigo-700 {
   --tw-text-opacity: 1;
   color: rgb(53 56 205 / var(--tw-text-opacity));
 }
-.text-inherit {
-  color: inherit;
-}
 .text-orange-600 {
   --tw-text-opacity: 1;
   color: rgb(236 74 10 / var(--tw-text-opacity));
 }
+.text-pink-600 {
+  --tw-text-opacity: 1;
+  color: rgb(221 37 144 / var(--tw-text-opacity));
+}
 .text-pink-700 {
   --tw-text-opacity: 1;
   color: rgb(193 21 116 / var(--tw-text-opacity));
@@ -1880,12 +2391,19 @@ video {
 .text-primary-400 {
   color: var(--primary-400);
 }
+.text-primary-500 {
+  color: var(--primary-500);
+}
 .text-primary-600 {
   color: var(--primary-600);
 }
 .text-primary-700 {
   color: var(--primary-700);
 }
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgb(105 56 239 / var(--tw-text-opacity));
+}
 .text-purple-700 {
   --tw-text-opacity: 1;
   color: rgb(89 37 220 / var(--tw-text-opacity));
@@ -1894,6 +2412,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
 .text-rose-600 {
   --tw-text-opacity: 1;
   color: rgb(227 27 84 / var(--tw-text-opacity));
@@ -1904,6 +2426,10 @@ video {
 .text-success-600 {
   color: var(--success-600);
 }
+.text-violet-600 {
+  --tw-text-opacity: 1;
+  color: rgb(127 86 217 / var(--tw-text-opacity));
+}
 .text-violet-700 {
   --tw-text-opacity: 1;
   color: rgb(105 65 198 / var(--tw-text-opacity));
@@ -1914,10 +2440,17 @@ video {
 .text-warning-500 {
   color: var(--warning-500);
 }
+.text-warning-600 {
+  color: var(--warning-600);
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity));
+}
 .opacity-0 {
   opacity: 0;
 }
@@ -1941,6 +2474,16 @@ video {
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-\[0px_0px_0px_2px\] {
+  --tw-shadow: 0px 0px 0px 2px;
+  --tw-shadow-colored: 0px 0px 0px 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-\[0px_1px_2px_0px_\#1018280D\] {
+  --tw-shadow: 0px 1px 2px 0px #1018280D;
+  --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);
+}
 .shadow-lg {
   --tw-shadow: 0px 4px 12px 0px rgba(16, 24, 40, 0.25);
   --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);
@@ -1961,14 +2504,40 @@ video {
   --tw-shadow-colored: inset -3px 0px 0px 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);
 }
+.shadow-tableRight {
+  --tw-shadow: inset 3px 0px 0px 0px #EAECF0;
+  --tw-shadow-colored: inset 3px 0px 0px 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);
+}
+.shadow-xl {
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-backdrop {
   --tw-shadow-color: rgba(0, 0, 0, 0.5);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-primary-700 {
+  --tw-shadow-color: var(--primary-700);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.ring-1 {
+  --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(1px + 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);
+}
+.ring-black {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
+}
+.ring-opacity-5 {
+  --tw-ring-opacity: 0.05;
+}
 .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);
 }
@@ -2019,9 +2588,6 @@ video {
 .duration-300 {
   transition-duration: 300ms;
 }
-.duration-500 {
-  transition-duration: 500ms;
-}
 .duration-700 {
   transition-duration: 700ms;
 }
@@ -2038,9 +2604,9 @@ video {
   transition-timing-function: linear;
 }
 
-/* .test {
+.test {
   border: 1px solid red;
-} */
+}
 
 * {
   box-sizing: border-box;
@@ -2048,7 +2614,7 @@ video {
   padding: 0;
 }
 
-.skeleton {
+/* .skeleton {
   border-radius: 2px;
   display: inline-block;
   line-height: 100%;
@@ -2064,7 +2630,6 @@ video {
   animation: placeholderShimmer 1.5s linear infinite forwards;
 }
 
-/* Skeleton animation*/
 @keyframes placeholderShimmer {
   0% {
     background-position: -500px 0;
@@ -2080,6 +2645,87 @@ video {
 
 .handle {
   cursor: grabbing;
+} */
+
+.skeleton {
+  border-radius: 2px;
+  display: block;
+  line-height: 100%;
+  width: 100%;
+  background-color: #e8e8e8;
+}
+
+/* Shimmer animation */
+.skeleton.skeleton-shimmer {
+  background-size: 1000px 1000px;
+  background-image: linear-gradient(
+    100deg,
+    #e8e8e8 20%,
+    #fafafa 50%,
+    #e8e8e8 60%
+  );
+  animation: shimmer 1.5s linear infinite;
+}
+
+@keyframes shimmer {
+  0% {
+    background-position: -500px 0;
+  }
+  100% {
+    background-position: 500px 0;
+  }
+}
+
+/* Wave animation */
+.skeleton.skeleton-wave {
+  position: relative;
+  overflow: hidden;
+  background-color: #e8e8e8;
+}
+
+.skeleton.skeleton-wave::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.4),
+    transparent
+  );
+  transform: translateX(-100%);
+  animation: wave 1.5s linear infinite;
+}
+
+@keyframes wave {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+/* Pulse animation */
+.skeleton.skeleton-pulse {
+  background-color: #e8e8e8;
+  animation: pulse 1.5s ease-in-out infinite;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.skeleton.circle {
+  border-radius: 50%;
 }
 
 /* Chrome, Safari, Edge, Opera */
@@ -2166,6 +2812,53 @@ input[type="number"] {
   cursor: pointer;
 }
 
+.spinner {
+  --spinner-color-1: var(--primary-500);
+  --spinner-color-2: var(--primary-200);
+
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background: 
+    linear-gradient(
+      0deg,
+      var(--spinner-color-1) 30%,
+      transparent 30% 70%,
+      var(--spinner-color-1) 70%
+    ) 50% / 8% 100%,
+    linear-gradient(
+      90deg,
+      var(--spinner-color-2) 30%,
+      transparent 30% 70%,
+      var(--spinner-color-2) 70%
+    ) 50% / 100% 8%;
+  background-repeat: no-repeat;
+  animation: l23 2s infinite steps(12);
+  position: relative;
+}
+
+.spinner::before,
+.spinner::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  background: inherit;
+  opacity: 0.915;
+  transform: rotate(30deg);
+}
+
+.spinner::after {
+  opacity: 0.83;
+  transform: rotate(60deg);
+}
+
+@keyframes l23 {
+  100% {
+    transform: rotate(1turn);
+  }
+}
+
 .placeholder\:text-gray-500::-moz-placeholder {
   color: var(--gray-500);
 }
@@ -2242,14 +2935,14 @@ input[type="number"] {
   content: var(--tw-content);
 }
 
-.first\:rounded-t:first-child {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
+.first\:rounded-l-2xl:first-child {
+  border-top-left-radius: 1rem;
+  border-bottom-left-radius: 1rem;
 }
 
-.last\:border-y:last-child {
-  border-top-width: 1px;
-  border-bottom-width: 1px;
+.last\:rounded-r-2xl:last-child {
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
 }
 
 .checked\:border-primary-600:checked {
@@ -2281,10 +2974,6 @@ input[type="number"] {
   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));
 }
 
-.hover\:rounded:hover {
-  border-radius: 0.25rem;
-}
-
 .hover\:rounded-2xl:hover {
   border-radius: 1rem;
 }
@@ -2293,11 +2982,35 @@ input[type="number"] {
   border-radius: 0.5rem;
 }
 
+.hover\:rounded-l:hover {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
 .hover\:rounded-t:hover {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }
 
+.hover\:border-blue-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 92 211 / var(--tw-border-opacity));
+}
+
+.hover\:border-bluegray-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(54 63 114 / var(--tw-border-opacity));
+}
+
+.hover\:border-bluelight-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(2 106 162 / var(--tw-border-opacity));
+}
+
+.hover\:border-error-600:hover {
+  border-color: var(--error-600);
+}
+
 .hover\:border-error-700:hover {
   border-color: var(--error-700);
 }
@@ -2310,10 +3023,29 @@ input[type="number"] {
   border-color: var(--gray-300);
 }
 
+.hover\:border-gray-400:hover {
+  border-color: var(--gray-400);
+}
+
 .hover\:border-gray-700:hover {
   border-color: var(--gray-700);
 }
 
+.hover\:border-indigo-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(53 56 205 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(196 50 10 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(193 21 116 / var(--tw-border-opacity));
+}
+
 .hover\:border-primary-600:hover {
   border-color: var(--primary-600);
 }
@@ -2322,10 +3054,25 @@ input[type="number"] {
   border-color: var(--primary-700);
 }
 
+.hover\:border-purple-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(89 37 220 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(192 16 72 / var(--tw-border-opacity));
+}
+
 .hover\:border-success-700:hover {
   border-color: var(--success-700);
 }
 
+.hover\:border-violet-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(105 65 198 / var(--tw-border-opacity));
+}
+
 .hover\:border-warning-600:hover {
   border-color: var(--warning-600);
 }
@@ -2334,6 +3081,36 @@ input[type="number"] {
   border-color: var(--warning-700);
 }
 
+.hover\:bg-blue-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 248 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 92 211 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-bluegray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-bluegray-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(54 63 114 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-bluelight-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-bluelight-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(2 106 162 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-error-100:hover {
   background-color: var(--error-100);
 }
@@ -2362,12 +3139,38 @@ input[type="number"] {
   background-color: var(--gray-700);
 }
 
-.hover\:bg-primary-100:hover {
-  background-color: var(--primary-100);
+.hover\:bg-indigo-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 244 255 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary-200:hover {
-  background-color: var(--primary-200);
+.hover\:bg-indigo-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(53 56 205 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 246 237 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(196 50 10 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 242 250 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(193 21 116 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-100:hover {
+  background-color: var(--primary-100);
 }
 
 .hover\:bg-primary-50:hover {
@@ -2382,6 +3185,26 @@ input[type="number"] {
   background-color: var(--primary-700);
 }
 
+.hover\:bg-purple-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(89 37 220 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 243 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(192 16 72 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-success-50:hover {
   background-color: var(--success-50);
 }
@@ -2390,6 +3213,16 @@ input[type="number"] {
   background-color: var(--success-700);
 }
 
+.hover\:bg-violet-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-warning-50:hover {
   background-color: var(--warning-50);
 }
@@ -2408,6 +3241,21 @@ input[type="number"] {
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
+.hover\:text-blue-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(23 92 211 / var(--tw-text-opacity));
+}
+
+.hover\:text-bluegray-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(54 63 114 / var(--tw-text-opacity));
+}
+
+.hover\:text-bluelight-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(2 106 162 / var(--tw-text-opacity));
+}
+
 .hover\:text-error-700:hover {
   color: var(--error-700);
 }
@@ -2416,18 +3264,64 @@ input[type="number"] {
   color: var(--gray-700);
 }
 
+.hover\:text-indigo-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(53 56 205 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(196 50 10 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(193 21 116 / var(--tw-text-opacity));
+}
+
 .hover\:text-primary-700:hover {
   color: var(--primary-700);
 }
 
+.hover\:text-purple-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(89 37 220 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(192 16 72 / var(--tw-text-opacity));
+}
+
 .hover\:text-success-700:hover {
   color: var(--success-700);
 }
 
+.hover\:text-violet-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(105 65 198 / var(--tw-text-opacity));
+}
+
 .hover\:text-warning-600:hover {
   color: var(--warning-600);
 }
 
+.hover\:shadow-\[0px_0px_0px_2px\]:hover {
+  --tw-shadow: 0px 0px 0px 2px;
+  --tw-shadow-colored: 0px 0px 0px 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);
+}
+
+.hover\:shadow-primary-700:hover {
+  --tw-shadow-color: var(--primary-700);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+
 .hover\:placeholder\:text-gray-500:hover::-moz-placeholder {
   color: var(--gray-500);
 }
@@ -2436,6 +3330,10 @@ input[type="number"] {
   color: var(--gray-500);
 }
 
+.focus-within\:hover\:border-error-500:hover:focus-within {
+  border-color: var(--error-500);
+}
+
 .focus-within\:hover\:border-gray-800:hover:focus-within {
   border-color: var(--gray-800);
 }
@@ -2457,6 +3355,62 @@ input[type="number"] {
   outline-offset: 2px;
 }
 
+.focus\:ring-2:focus {
+  --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\:ring-primary-500:focus {
+  --tw-ring-color: var(--primary-500);
+}
+
+.focus\:ring-primary-600:focus {
+  --tw-ring-color: var(--primary-600);
+}
+
+.focus\:ring-offset-0:focus {
+  --tw-ring-offset-width: 0px;
+}
+
+.focus-visible\:outline-none:focus-visible {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.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-500:focus-visible {
+  --tw-ring-color: var(--primary-500);
+}
+
+.focus-visible\:ring-primary-600:focus-visible {
+  --tw-ring-color: var(--primary-600);
+}
+
+.focus-visible\:ring-offset-2:focus-visible {
+  --tw-ring-offset-width: 2px;
+}
+
+.active\:border-blue-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(25 65 133 / var(--tw-border-opacity));
+}
+
+.active\:border-bluegray-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(16 19 35 / var(--tw-border-opacity));
+}
+
+.active\:border-bluelight-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(11 74 111 / var(--tw-border-opacity));
+}
+
 .active\:border-error-800:active {
   border-color: var(--error-800);
 }
@@ -2473,6 +3427,21 @@ input[type="number"] {
   border-color: var(--gray-900);
 }
 
+.active\:border-indigo-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(45 50 130 / var(--tw-border-opacity));
+}
+
+.active\:border-orange-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(126 36 16 / var(--tw-border-opacity));
+}
+
+.active\:border-pink-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(133 22 81 / var(--tw-border-opacity));
+}
+
 .active\:border-primary-700:active {
   border-color: var(--primary-700);
 }
@@ -2481,10 +3450,25 @@ input[type="number"] {
   border-color: var(--primary-900);
 }
 
+.active\:border-purple-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(62 28 150 / var(--tw-border-opacity));
+}
+
+.active\:border-rose-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(137 18 62 / var(--tw-border-opacity));
+}
+
 .active\:border-success-900:active {
   border-color: var(--success-900);
 }
 
+.active\:border-violet-900:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(66 48 125 / var(--tw-border-opacity));
+}
+
 .active\:border-warning-700:active {
   border-color: var(--warning-700);
 }
@@ -2493,6 +3477,36 @@ input[type="number"] {
   border-color: var(--warning-900);
 }
 
+.active\:bg-blue-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 233 255 / var(--tw-bg-opacity));
+}
+
+.active\:bg-blue-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(25 65 133 / var(--tw-bg-opacity));
+}
+
+.active\:bg-bluegray-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 236 245 / var(--tw-bg-opacity));
+}
+
+.active\:bg-bluegray-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 19 35 / var(--tw-bg-opacity));
+}
+
+.active\:bg-bluelight-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
+}
+
+.active\:bg-bluelight-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 74 111 / var(--tw-bg-opacity));
+}
+
 .active\:bg-error-200:active {
   background-color: var(--error-200);
 }
@@ -2509,6 +3523,36 @@ input[type="number"] {
   background-color: var(--gray-900);
 }
 
+.active\:bg-indigo-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 234 255 / var(--tw-bg-opacity));
+}
+
+.active\:bg-indigo-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(45 50 130 / var(--tw-bg-opacity));
+}
+
+.active\:bg-orange-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 234 213 / var(--tw-bg-opacity));
+}
+
+.active\:bg-orange-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(126 36 16 / var(--tw-bg-opacity));
+}
+
+.active\:bg-pink-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 231 246 / var(--tw-bg-opacity));
+}
+
+.active\:bg-pink-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(133 22 81 / var(--tw-bg-opacity));
+}
+
 .active\:bg-primary-200:active {
   background-color: var(--primary-200);
 }
@@ -2517,6 +3561,26 @@ input[type="number"] {
   background-color: var(--primary-900);
 }
 
+.active\:bg-purple-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 233 254 / var(--tw-bg-opacity));
+}
+
+.active\:bg-purple-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(62 28 150 / var(--tw-bg-opacity));
+}
+
+.active\:bg-rose-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 228 232 / var(--tw-bg-opacity));
+}
+
+.active\:bg-rose-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(137 18 62 / var(--tw-bg-opacity));
+}
+
 .active\:bg-success-100:active {
   background-color: var(--success-100);
 }
@@ -2525,6 +3589,16 @@ input[type="number"] {
   background-color: var(--success-900);
 }
 
+.active\:bg-violet-100:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
+}
+
+.active\:bg-violet-900:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(66 48 125 / var(--tw-bg-opacity));
+}
+
 .active\:bg-warning-100:active {
   background-color: var(--warning-100);
 }
@@ -2533,6 +3607,21 @@ input[type="number"] {
   background-color: var(--warning-900);
 }
 
+.active\:text-blue-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(25 65 133 / var(--tw-text-opacity));
+}
+
+.active\:text-bluegray-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(16 19 35 / var(--tw-text-opacity));
+}
+
+.active\:text-bluelight-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(11 74 111 / var(--tw-text-opacity));
+}
+
 .active\:text-error-700:active {
   color: var(--error-700);
 }
@@ -2541,10 +3630,40 @@ input[type="number"] {
   color: var(--gray-800);
 }
 
+.active\:text-indigo-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(45 50 130 / var(--tw-text-opacity));
+}
+
+.active\:text-orange-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(126 36 16 / var(--tw-text-opacity));
+}
+
+.active\:text-pink-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(133 22 81 / var(--tw-text-opacity));
+}
+
+.active\:text-purple-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(62 28 150 / var(--tw-text-opacity));
+}
+
+.active\:text-rose-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(137 18 62 / var(--tw-text-opacity));
+}
+
 .active\:text-success-900:active {
   color: var(--success-900);
 }
 
+.active\:text-violet-900:active {
+  --tw-text-opacity: 1;
+  color: rgb(66 48 125 / var(--tw-text-opacity));
+}
+
 .active\:text-warning-700:active {
   color: var(--warning-700);
 }
@@ -2635,9 +3754,18 @@ input[type="number"] {
   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));
 }
 
-.peer:focus ~ .peer-focus\:outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+.peer:focus ~ .peer-focus\: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);
+}
+
+.peer:focus ~ .peer-focus\:ring-primary-600 {
+  --tw-ring-color: var(--primary-600);
+}
+
+.peer:focus ~ .peer-focus\:ring-offset-2 {
+  --tw-ring-offset-width: 2px;
 }
 
 .has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
@@ -2682,8 +3810,31 @@ input[type="number"] {
 
 @media (min-width: 640px) {
 
-  .sm\:w-\[50\%\] {
-    width: 50%;
+  .sm\:inline-block {
+    display: inline-block;
+  }
+
+  .sm\:hidden {
+    display: none;
+  }
+
+  .sm\:h-\[100px\] {
+    height: 100px;
+  }
+
+  .sm\:w-\[100px\] {
+    width: 100px;
+  }
+}
+
+@media (min-width: 1280px) {
+
+  .xl\:h-\[500px\] {
+    height: 500px;
+  }
+
+  .xl\:w-\[500px\] {
+    width: 500px;
   }
 }