geoiq-frontend-ui-kit 2.0.4 → 2.0.6

package/dist/styles.css

@@ -110,9 +110,7 @@
 
 /*
 ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
-*/
-
-/*
+*//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
@@ -429,7 +427,6 @@ menu {
 /*
 Reset default styling for dialogs.
 */
-
 dialog {
   padding: 0;
 }
@@ -470,7 +467,6 @@ button,
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
-
 :disabled {
   cursor: default;
 }
@@ -504,12 +500,10 @@ video {
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
-
 [hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
-
-:root {
+  :root {
     /* Neutral */
     --neutral-0: 255 255 255;
     --neutral-25: 249 250 251;
@@ -573,7 +567,7 @@ video {
     --info-500: 59 130 246;
   }
 
-.dark {
+  .dark {
     /* Dark Theme Colors */
     --neutral-0: 255 255 255 1;
     --neutral-25: 249 250 251 1;
@@ -637,24 +631,24 @@ video {
     --info-500: 59 130 246 1;
   }
 
-/* ====================To change scrollbar of radix components ================================= */
+  /* ====================To change scrollbar of radix components ================================= */
 
-[data-radix-select-viewport],
+  [data-radix-select-viewport],
   .custom-scrollbar {
     scrollbar-width: thin !important; /* For Firefox */ /* For Firefox */
     scroll-margin: 10px;
   }
 
-/* ====================To introduce new gradient =============================================== */
+  /* ====================To introduce new gradient =============================================== */
 
-.brand-primary-secondary-gradient {
+  .brand-primary-secondary-gradient {
     /* TODO change it to css variable */
     background: linear-gradient(90deg, #9178e9 0%, #f19089 100%);
   }
 
-/* ====================Animated Input ========================================================== */
+  /* ====================Animated Input ========================================================== */
 
-@keyframes animatedInputMiddleToTop {
+  @keyframes animatedInputMiddleToTop {
     0% {
       transform: translateY(0%);
       opacity: 1;
@@ -671,7 +665,7 @@ video {
     }
   }
 
-@keyframes animatedInputFadeInBottom {
+  @keyframes animatedInputFadeInBottom {
     0% {
       transform: translateY(100%);
       opacity: 0;
@@ -689,7 +683,7 @@ video {
     }
   }
 
-/* ============================================================================================== */
+  /* ============================================================================================== */
 .container{
   width: 100%;
 }
@@ -847,6 +841,9 @@ video {
 .right-4{
   right: 1rem;
 }
+.right-5{
+  right: 1.25rem;
+}
 .top-0{
   top: 0px;
 }
@@ -859,6 +856,9 @@ video {
 .top-4{
   top: 1rem;
 }
+.top-5{
+  top: 1.25rem;
+}
 .top-\[-50\%\]{
   top: -50%;
 }
@@ -1019,6 +1019,9 @@ video {
 .mt-6{
   margin-top: 1.5rem;
 }
+.mt-auto{
+  margin-top: auto;
+}
 .box-border{
   box-sizing: border-box;
 }
@@ -1224,6 +1227,9 @@ video {
 .min-h-\[160px\]{
   min-height: 160px;
 }
+.min-h-\[24px\]{
+  min-height: 24px;
+}
 .min-h-\[40px\]{
   min-height: 40px;
 }
@@ -1236,6 +1242,9 @@ video {
 .min-h-\[52px\]{
   min-height: 52px;
 }
+.min-h-\[60px\]{
+  min-height: 60px;
+}
 .min-h-\[80px\]{
   min-height: 80px;
 }
@@ -1392,6 +1401,9 @@ video {
 .w-\[6px\]{
   width: 6px;
 }
+.w-\[960px\]{
+  width: 960px;
+}
 .w-auto{
   width: auto;
 }
@@ -1470,6 +1482,9 @@ video {
 .max-w-\[340px\]{
   max-width: 340px;
 }
+.max-w-\[95vw\]{
+  max-width: 95vw;
+}
 .max-w-\[fit-content\]{
   max-width: -moz-fit-content;
   max-width: fit-content;
@@ -1664,6 +1679,9 @@ video {
 .justify-evenly{
   justify-content: space-evenly;
 }
+.gap-0{
+  gap: 0px;
+}
 .gap-0\.5{
   gap: 0.125rem;
 }
@@ -1700,6 +1718,17 @@ video {
 .gap-\[6px\]{
   gap: 6px;
 }
+.gap-x-2\.5{
+  -moz-column-gap: 0.625rem;
+       column-gap: 0.625rem;
+}
+.gap-x-3{
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+.gap-y-1{
+  row-gap: 0.25rem;
+}
 .space-x-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -1786,6 +1815,9 @@ video {
 .rounded{
   border-radius: 0.25rem;
 }
+.rounded-2xl{
+  border-radius: 1rem;
+}
 .rounded-\[\.5rem\]{
   border-radius: .5rem;
 }
@@ -2110,6 +2142,20 @@ video {
 .bg-opacity-70{
   --tw-bg-opacity: 0.7;
 }
+.bg-gradient-to-r{
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.from-\[\#d7d6fe\]{
+  --tw-gradient-from: #d7d6fe var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(215 214 254 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.to-\[\#fdf4f3\]{
+  --tw-gradient-to: #fdf4f3 var(--tw-gradient-to-position);
+}
+.fill-\[rgb\(var\(--info-500\)\)\]{
+  fill: rgb(var(--info-500));
+}
 .fill-current{
   fill: currentColor;
 }
@@ -2139,6 +2185,9 @@ video {
   -o-object-fit: cover;
      object-fit: cover;
 }
+.\!p-0{
+  padding: 0px !important;
+}
 .p-0{
   padding: 0px;
 }
@@ -2278,18 +2327,27 @@ video {
 .pb-4{
   padding-bottom: 1rem;
 }
+.pb-6{
+  padding-bottom: 1.5rem;
+}
 .pl-1\.5{
   padding-left: 0.375rem;
 }
 .pl-2{
   padding-left: 0.5rem;
 }
+.pl-2\.5{
+  padding-left: 0.625rem;
+}
 .pl-4{
   padding-left: 1rem;
 }
 .pl-8{
   padding-left: 2rem;
 }
+.pr-0{
+  padding-right: 0px;
+}
 .pr-2{
   padding-right: 0.5rem;
 }
@@ -2314,6 +2372,9 @@ video {
 .pt-4{
   padding-top: 1rem;
 }
+.pt-8{
+  padding-top: 2rem;
+}
 .text-left{
   text-align: left;
 }
@@ -2365,6 +2426,9 @@ video {
 .text-\[16px\]{
   font-size: 16px;
 }
+.text-\[20px\]{
+  font-size: 20px;
+}
 .text-\[2rem\]{
   font-size: 2rem;
 }
@@ -2422,6 +2486,9 @@ video {
 .leading-\[130\%\]{
   line-height: 130%;
 }
+.leading-\[135\%\]{
+  line-height: 135%;
+}
 .leading-\[140\%\]{
   line-height: 140%;
 }
@@ -2443,6 +2510,9 @@ video {
 .leading-snug{
   line-height: 1.375;
 }
+.tracking-\[-0\.015em\]{
+  letter-spacing: -0.015em;
+}
 .tracking-\[-0\.015rem\]{
   letter-spacing: -0.015rem;
 }
@@ -2464,6 +2534,9 @@ video {
 .tracking-widest{
   letter-spacing: 0.1em;
 }
+.text-\[rgb\(var\(--neutral-300\)\)\]{
+  color: rgb(var(--neutral-300));
+}
 .text-\[rgb\(var\(--primary-300\)\)\]{
   color: rgb(var(--primary-300));
 }
@@ -2548,9 +2621,21 @@ video {
 .text-white\/85{
   color: rgb(255 255 255 / 0.85);
 }
+.\!underline{
+  text-decoration-line: underline !important;
+}
 .underline{
   text-decoration-line: underline;
 }
+.\!decoration-solid{
+  text-decoration-style: solid !important;
+}
+.decoration-\[0\.12em\]{
+  text-decoration-thickness: 0.12em;
+}
+.underline-offset-\[0\.25em\]{
+  text-underline-offset: 0.25em;
+}
 .caret-transparent{
   caret-color: transparent;
 }
@@ -2757,6 +2842,13 @@ video {
 .\[-ms-overflow-style\:\'none\'\]{
   -ms-overflow-style: 'none';
 }
+.\[-webkit-mask-image\:linear-gradient\(180deg\2c \#000_82\.3\%\2c transparent_100\%\)\]{
+  -webkit-mask-image: linear-gradient(180deg,#000 82.3%,transparent 100%);
+}
+.\[mask-image\:linear-gradient\(180deg\2c \#000_82\.3\%\2c transparent_100\%\)\]{
+  -webkit-mask-image: linear-gradient(180deg,#000 82.3%,transparent 100%);
+          mask-image: linear-gradient(180deg,#000 82.3%,transparent 100%);
+}
 .\[scrollbar-width\:\'none\'\]{
   scrollbar-width: 'none';
 }
@@ -2827,404 +2919,604 @@ svg.lucide {
     border-left: 1px solid rgb(var(--neutral-100));
   }
 }
+
+@keyframes gq-dialog-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+@keyframes gq-dialog-out {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.95);
+  }
+}
+
+@keyframes gq-overlay-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes gq-overlay-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.gq-dialog-animated[data-state='open'] {
+  animation: gq-dialog-in 200ms ease-out;
+}
+
+.gq-dialog-animated[data-state='closed'] {
+  animation: gq-dialog-out 200ms ease-in;
+}
+
+.gq-overlay-animated[data-state='open'] {
+  animation: gq-overlay-in 200ms ease-out;
+}
+
+.gq-overlay-animated[data-state='closed'] {
+  animation: gq-overlay-out 200ms ease-in;
+}
+
+@keyframes gq-announcement-drift {
+  0%,
+  100% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+}
+
+.gq-announcement-animated {
+  background-image: linear-gradient(
+    100deg,
+    #d7d6fe 0%,
+    #fdf4f3 50%,
+    #d7d6fe 100%
+  );
+  background-size: 300% 100%;
+  animation: gq-announcement-drift 6s ease-in-out infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .gq-announcement-animated {
+    animation: none;
+  }
+}
+
 .file\:border-0::file-selector-button{
   border-width: 0px;
 }
+
 .file\:bg-transparent::file-selector-button{
   background-color: transparent;
 }
+
 .placeholder\:font-normal::-moz-placeholder{
   font-weight: 400;
 }
+
 .placeholder\:font-normal::placeholder{
   font-weight: 400;
 }
+
 .placeholder\:text-light-4::-moz-placeholder{
   --tw-text-opacity: 1;
   color: rgb(var(--neutral-400) / var(--tw-text-opacity, 1));
 }
+
 .placeholder\:text-light-4::placeholder{
   --tw-text-opacity: 1;
   color: rgb(var(--neutral-400) / var(--tw-text-opacity, 1));
 }
+
 .before\:absolute::before{
   content: var(--tw-content);
   position: absolute;
 }
+
 .before\:inset-y-0::before{
   content: var(--tw-content);
   top: 0px;
   bottom: 0px;
 }
+
 .before\:left-0::before{
   content: var(--tw-content);
   left: 0px;
 }
+
 .before\:w-\[3px\]::before{
   content: var(--tw-content);
   width: 3px;
 }
+
 .before\:bg-gradient-to-b::before{
   content: var(--tw-content);
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
 }
+
 .before\:from-\[\#F19089\]::before{
   content: var(--tw-content);
   --tw-gradient-from: #F19089 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(241 144 137 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+
 .before\:via-\[\#B16DBA\]::before{
   content: var(--tw-content);
   --tw-gradient-to: rgb(177 109 186 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), #B16DBA var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
+
 .before\:to-\[\#6D48EF\]::before{
   content: var(--tw-content);
   --tw-gradient-to: #6D48EF var(--tw-gradient-to-position);
 }
+
 .before\:content-\[\'\'\]::before{
   --tw-content: '';
   content: var(--tw-content);
 }
+
 .first\:rounded-l-md:first-child{
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
 }
+
 .first\:border-l:first-child{
   border-left-width: 1px;
 }
+
 .last\:rounded-r-md:last-child{
   border-top-right-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
 }
+
 .last\:border-b-0:last-child{
   border-bottom-width: 0px;
 }
+
 .focus-within\:relative:focus-within{
   position: relative;
 }
+
 .focus-within\:z-20:focus-within{
   z-index: 20;
 }
+
 .hover\:h-6:hover{
   height: 1.5rem;
 }
+
 .hover\:w-6:hover{
   width: 1.5rem;
 }
+
 .hover\:cursor-pointer:hover{
   cursor: pointer;
 }
+
 .hover\:rounded-lg:hover{
   border-radius: 0.5rem;
 }
+
 .hover\:rounded-md:hover{
   border-radius: 0.375rem;
 }
+
 .hover\:rounded-none:hover{
   border-radius: 0px;
 }
+
 .hover\:rounded-l-lg:hover{
   border-top-left-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
 }
+
 .hover\:rounded-l-none:hover{
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }
+
 .hover\:rounded-r-lg:hover{
   border-top-right-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
 }
+
 .hover\:rounded-r-none:hover{
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
+
 .hover\:border:hover{
   border-width: 1px;
 }
+
 .hover\:border-neutral-3:hover{
   --tw-border-opacity: 1;
   border-color: rgb(var(--neutral-300) / var(--tw-border-opacity, 1));
 }
+
 .hover\:border-rest-p1:hover{
   --tw-border-opacity: 1;
   border-color: rgb(var(--primary-500) / var(--tw-border-opacity, 1));
 }
+
 .hover\:bg-\[rgb\(45\2c 45\2c 45\)\]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(45 45 45 / var(--tw-bg-opacity, 1));
 }
+
+.hover\:bg-black\/5:hover{
+  background-color: rgb(0 0 0 / 0.05);
+}
+
 .hover\:bg-hover-p1:hover{
   background-color: rgb(var(--primary-600));
 }
+
 .hover\:bg-hover-s1:hover{
   background-color: rgb(var(--neutral-50));
 }
+
 .hover\:bg-hover-s3:hover{
   background-color: rgb(var(--neutral-600));
 }
+
 .hover\:bg-hover-t1:hover{
   background-color: rgb(var(--primary-50));
 }
+
 .hover\:bg-light-2:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-25) / var(--tw-bg-opacity, 1));
 }
+
 .hover\:bg-light-3:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-50) / var(--tw-bg-opacity, 1));
 }
+
 .hover\:bg-light-4:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-100) / var(--tw-bg-opacity, 1));
 }
+
 .hover\:bg-primary-1:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-50) / var(--tw-bg-opacity, 1));
 }
+
 .hover\:bg-rest-p1:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-500) / var(--tw-bg-opacity, 1));
 }
+
 .hover\:bg-white\/10:hover{
   background-color: rgb(255 255 255 / 0.1);
 }
+
 .hover\:stroke-light-1:hover{
   stroke: rgb(var(--neutral-700) / 1);
 }
+
 .hover\:text-\[rgb\(var\(--primary-200\)\)\]:hover{
   color: rgb(var(--primary-200));
 }
+
 .hover\:text-danger-1:hover{
   --tw-text-opacity: 1;
   color: rgb(var(--danger-500) / var(--tw-text-opacity, 1));
 }
+
 .hover\:text-light-1:hover{
   --tw-text-opacity: 1;
   color: rgb(var(--neutral-950) / var(--tw-text-opacity, 1));
 }
+
 .hover\:text-light-2:hover{
   --tw-text-opacity: 1;
   color: rgb(var(--neutral-700) / var(--tw-text-opacity, 1));
 }
+
 .hover\:text-white:hover{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+
 .hover\:underline:hover{
   text-decoration-line: underline;
 }
+
 .hover\:opacity-100:hover{
   opacity: 1;
 }
+
 .hover\:opacity-90:hover{
   opacity: 0.9;
 }
+
 .hover\:ring-1:hover{
   --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);
 }
+
 .hover\:ring-gray-300:hover{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
 }
+
 .focus\:border-primary-2:focus{
   --tw-border-opacity: 1;
   border-color: rgb(var(--primary-700) / var(--tw-border-opacity, 1));
 }
+
 .focus\:bg-click-s1:focus{
   background-color: rgb(var(--neutral-100));
 }
+
 .focus\:bg-light-2:focus{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-25) / var(--tw-bg-opacity, 1));
 }
+
 .focus\:opacity-100:focus{
   opacity: 1;
 }
+
 .focus\:outline-none:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+
 .focus\:ring-0: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(0px + 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-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-4: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(4px + 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-1:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(var(--primary-100) / var(--tw-ring-opacity, 1));
 }
+
 .focus\:ring-offset-2:focus{
   --tw-ring-offset-width: 2px;
 }
+
 .focus-visible\:cursor-pointer:focus-visible{
   cursor: pointer;
 }
+
 .focus-visible\:border-primary-2:focus-visible{
   --tw-border-opacity: 1;
   border-color: rgb(var(--primary-700) / var(--tw-border-opacity, 1));
 }
+
 .focus-visible\:outline-none:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+
 .focus-visible\:ring-1: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(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);
 }
+
 .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-4: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(4px + 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-offset-1:focus-visible{
   --tw-ring-offset-width: 1px;
 }
+
 .focus-visible\:ring-offset-2:focus-visible{
   --tw-ring-offset-width: 2px;
 }
+
+.active\:bg-black\/10:active{
+  background-color: rgb(0 0 0 / 0.1);
+}
+
 .active\:bg-click-p1:active{
   background-color: rgb(var(--primary-700));
 }
+
 .active\:bg-click-s1:active{
   background-color: rgb(var(--neutral-100));
 }
+
 .active\:bg-click-t1:active{
   background-color: rgb(var(--primary-100));
 }
+
 .active\:text-light-1:active{
   --tw-text-opacity: 1;
   color: rgb(var(--neutral-950) / var(--tw-text-opacity, 1));
 }
+
 .active\:text-primary-1:active{
   --tw-text-opacity: 1;
   color: rgb(var(--primary-700) / var(--tw-text-opacity, 1));
 }
+
 .active\:underline:active{
   text-decoration-line: underline;
 }
+
 .disabled\:pointer-events-none:disabled{
   pointer-events: none;
 }
+
 .disabled\:cursor-not-allowed:disabled{
   cursor: not-allowed;
 }
+
 .disabled\:border-neutral-1:disabled{
   --tw-border-opacity: 1;
   border-color: rgb(var(--neutral-100) / var(--tw-border-opacity, 1));
 }
+
 .disabled\:bg-light-3:disabled{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-50) / var(--tw-bg-opacity, 1));
 }
+
 .disabled\:bg-transparent:disabled{
   background-color: transparent;
 }
+
 .disabled\:opacity-40:disabled{
   opacity: 0.4;
 }
+
 .disabled\:opacity-50:disabled{
   opacity: 0.5;
 }
+
 .disabled\:opacity-70:disabled{
   opacity: 0.7;
 }
+
 .group:hover .group-hover\:opacity-100{
   opacity: 1;
 }
+
 .aria-selected\:w-10[aria-selected="true"]{
   width: 2.5rem;
 }
+
 .aria-selected\:bg-light-2[aria-selected="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-25) / var(--tw-bg-opacity, 1));
 }
+
 .aria-selected\:bg-primary-2[aria-selected="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-100) / var(--tw-bg-opacity, 1));
 }
+
 .aria-selected\:bg-rest-p1[aria-selected="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-500) / var(--tw-bg-opacity, 1));
 }
+
 .aria-selected\:text-light-2[aria-selected="true"]{
   --tw-text-opacity: 1;
   color: rgb(var(--neutral-700) / var(--tw-text-opacity, 1));
 }
+
 .aria-selected\:text-white[aria-selected="true"]{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+
 .aria-selected\:opacity-100[aria-selected="true"]{
   opacity: 1;
 }
+
 .aria-selected\:hover\:bg-rest-p1:hover[aria-selected="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-500) / var(--tw-bg-opacity, 1));
 }
+
 .data-\[disabled\]\:pointer-events-none[data-disabled]{
   pointer-events: none;
 }
+
 .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
   --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));
 }
+
 .data-\[side\=left\]\:-translate-x-1[data-side="left"]{
   --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));
 }
+
 .data-\[side\=right\]\:translate-x-1[data-side="right"]{
   --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));
 }
+
 .data-\[side\=top\]\:-translate-y-1[data-side="top"]{
   --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));
 }
+
 .data-\[state\=checked\]\:translate-x-5[data-state="checked"]{
   --tw-translate-x: 1.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));
 }
+
 .data-\[state\=checked\]\:translate-x-6[data-state="checked"]{
   --tw-translate-x: 1.5rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+
 .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
   --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));
 }
+
 .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{
   --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));
 }
+
 .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{
   --tw-translate-x: var(--radix-toast-swipe-end-x);
   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));
 }
+
 .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{
   --tw-translate-x: var(--radix-toast-swipe-move-x);
   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 accordion-up{
 
   from{
@@ -3235,9 +3527,11 @@ svg.lucide {
     height: 0;
   }
 }
+
 .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{
   animation: accordion-up 0.2s ease-out;
 }
+
 @keyframes accordion-down{
 
   from{
@@ -3248,81 +3542,104 @@ svg.lucide {
     height: var(--radix-accordion-content-height);
   }
 }
+
 .data-\[state\=open\]\:animate-accordion-down[data-state="open"]{
   animation: accordion-down 0.2s ease-out;
 }
+
 .data-\[disabled\]\:cursor-not-allowed[data-disabled]{
   cursor: not-allowed;
 }
+
 .data-\[state\=active\]\:border[data-state="active"]{
   border-width: 1px;
 }
+
 .data-\[state\=checked\]\:border-0[data-state="checked"]{
   border-width: 0px;
 }
+
 .data-\[state\=active\]\:border-b-2[data-state="active"]{
   border-bottom-width: 2px;
 }
+
 .data-\[state\=active\]\:border-neutral-1[data-state="active"]{
   --tw-border-opacity: 1;
   border-color: rgb(var(--neutral-100) / var(--tw-border-opacity, 1));
 }
+
 .data-\[state\=active\]\:border-primary-2[data-state="active"]{
   --tw-border-opacity: 1;
   border-color: rgb(var(--primary-700) / var(--tw-border-opacity, 1));
 }
+
 .data-\[state\=active\]\:bg-rest-s1[data-state="active"]{
   background-color: rgb(var(--neutral-0));
 }
+
 .data-\[state\=checked\]\:bg-light-2[data-state="checked"]{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-25) / var(--tw-bg-opacity, 1));
 }
+
 .data-\[state\=checked\]\:bg-rest-p1[data-state="checked"]{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-500) / var(--tw-bg-opacity, 1));
 }
+
 .data-\[state\=unchecked\]\:bg-rest-s2[data-state="unchecked"]{
   background-color: rgb(var(--neutral-100));
 }
+
 .data-\[state\=active\]\:font-semibold[data-state="active"]{
   font-weight: 600;
 }
+
 .data-\[state\=checked\]\:font-black[data-state="checked"]{
   font-weight: 900;
 }
+
 .data-\[placeholder\]\:text-light-4[data-placeholder]{
   --tw-text-opacity: 1;
   color: rgb(var(--neutral-400) / var(--tw-text-opacity, 1));
 }
+
 .data-\[state\=active\]\:text-primary-1[data-state="active"]{
   --tw-text-opacity: 1;
   color: rgb(var(--primary-700) / var(--tw-text-opacity, 1));
 }
+
 .data-\[state\=checked\]\:text-white[data-state="checked"]{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+
 .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{
   opacity: 0.5;
 }
+
 .data-\[disabled\]\:opacity-50[data-disabled]{
   opacity: 0.5;
 }
+
 .data-\[state\=active\]\:shadow-sm[data-state="active"]{
   --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);
 }
+
 .data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
   transition-property: none;
 }
+
 .data-\[state\=closed\]\:duration-300[data-state="closed"]{
   transition-duration: 300ms;
 }
+
 .data-\[state\=open\]\:duration-500[data-state="open"]{
   transition-duration: 500ms;
 }
+
 .data-\[state\=open\]\:animate-in[data-state="open"]{
   animation-name: enter;
   animation-duration: 150ms;
@@ -3332,6 +3649,7 @@ svg.lucide {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
+
 .data-\[state\=closed\]\:animate-out[data-state="closed"]{
   animation-name: exit;
   animation-duration: 150ms;
@@ -3341,6 +3659,7 @@ svg.lucide {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
+
 .data-\[swipe\=end\]\:animate-out[data-swipe="end"]{
   animation-name: exit;
   animation-duration: 150ms;
@@ -3350,110 +3669,140 @@ svg.lucide {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
+
 .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
   --tw-exit-opacity: 0;
 }
+
 .data-\[state\=closed\]\:fade-out-80[data-state="closed"]{
   --tw-exit-opacity: 0.8;
 }
+
 .data-\[state\=open\]\:fade-in-0[data-state="open"]{
   --tw-enter-opacity: 0;
 }
+
 .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
   --tw-exit-scale: .95;
 }
+
 .data-\[state\=open\]\:zoom-in-95[data-state="open"]{
   --tw-enter-scale: .95;
 }
+
 .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
   --tw-enter-translate-y: -0.5rem;
 }
+
 .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
   --tw-enter-translate-x: 0.5rem;
 }
+
 .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
   --tw-enter-translate-x: -0.5rem;
 }
+
 .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
   --tw-enter-translate-y: 0.5rem;
 }
+
 .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
   --tw-exit-translate-y: 100%;
 }
+
 .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
   --tw-exit-translate-x: -100%;
 }
-.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
-  --tw-exit-translate-x: -50%;
-}
+
 .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
   --tw-exit-translate-x: 100%;
 }
+
 .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{
   --tw-exit-translate-x: 100%;
 }
+
 .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
   --tw-exit-translate-y: -100%;
 }
-.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
-  --tw-exit-translate-y: -48%;
-}
+
 .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
   --tw-enter-translate-y: 100%;
 }
+
 .data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"]{
   --tw-enter-translate-y: 100%;
 }
+
 .data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
   --tw-enter-translate-x: -100%;
 }
-.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
-  --tw-enter-translate-x: -50%;
-}
+
 .data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
   --tw-enter-translate-x: 100%;
 }
+
 .data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
   --tw-enter-translate-y: -100%;
 }
-.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
-  --tw-enter-translate-y: -48%;
-}
+
 .data-\[state\=closed\]\:duration-300[data-state="closed"]{
   animation-duration: 300ms;
 }
+
 .data-\[state\=open\]\:duration-500[data-state="open"]{
   animation-duration: 500ms;
 }
+
 .data-\[state\=checked\]\:hover\:border-0:hover[data-state="checked"]{
   border-width: 0px;
 }
+
 .data-\[disabled\]\:hover\:bg-light-1:hover[data-disabled]{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-0) / var(--tw-bg-opacity, 1));
 }
+
 .data-\[state\=checked\]\:hover\:bg-hover-p1:hover[data-state="checked"]{
   background-color: rgb(var(--primary-600));
 }
+
 .data-\[state\=unchecked\]\:hover\:bg-hover-s1:hover[data-state="unchecked"]{
   background-color: rgb(var(--neutral-50));
 }
+
 .data-\[state\=unchecked\]\:hover\:bg-hover-s2:hover[data-state="unchecked"]{
   background-color: rgb(var(--neutral-200));
 }
+
 .data-\[state\=checked\]\:active\:bg-click-p1:active[data-state="checked"]{
   background-color: rgb(var(--primary-700));
 }
+
 .data-\[state\=unchecked\]\:active\:bg-click-s2:active[data-state="unchecked"]{
   background-color: rgb(var(--neutral-300));
 }
+
 .data-\[state\=checked\]\:active\:outline-\[\#5327DA\]\/10:active[data-state="checked"]{
   outline-color: rgb(83 39 218 / 0.1);
 }
+
 .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{
   --tw-rotate: 180deg;
   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));
 }
+
+@media not all and (min-width: 1024px){
+
+  .max-lg\:w-full{
+    width: 100%;
+  }
+
+  .max-lg\:flex-col{
+    flex-direction: column;
+  }
+}
+
 @media (min-width: 640px){
 
   .sm\:inline{
@@ -3518,6 +3867,7 @@ svg.lucide {
     text-align: left;
   }
 }
+
 @media (min-width: 768px){
 
   .md\:\!left-\[218px\]{
@@ -3597,109 +3947,158 @@ svg.lucide {
     line-height: 150%;
   }
 }
+
+@media (min-width: 1024px){
+
+  .lg\:min-h-\[491px\]{
+    min-height: 491px;
+  }
+
+  .lg\:w-\[480px\]{
+    width: 480px;
+  }
+
+  .lg\:shrink-0{
+    flex-shrink: 0;
+  }
+
+  .lg\:flex-row{
+    flex-direction: row;
+  }
+}
+
 .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
   display: none;
 }
+
 .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){
   border-top-right-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
 }
+
 .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
 }
+
 .\[\&\:has\(\[aria-selected\]\)\]\:rounded-lg:has([aria-selected]){
   border-radius: 0.5rem;
 }
+
 .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
 }
+
 .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{
   border-top-right-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
 }
+
 .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
   padding-right: 0px;
 }
+
 .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{
   --tw-translate-y: 2px;
   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));
 }
+
 .\[\&\>span\]\:line-clamp-1>span{
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
+
 .\[\&\>svg\]\:size-3\.5>svg{
   width: 0.875rem;
   height: 0.875rem;
 }
+
 .\[\&\>tr\]\:last\:border-b-0:last-child>tr{
   border-bottom-width: 0px;
 }
+
 .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
   --tw-rotate: 180deg;
   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));
 }
+
 .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
+
 .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
+
 .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
   font-size: 0.75rem;
   line-height: 1rem;
 }
+
 .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
   font-weight: 500;
 }
+
 .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{
   padding-top: 0px;
 }
+
 .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
+
 .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
   height: 1.25rem;
 }
+
 .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
   width: 1.25rem;
 }
+
 .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
   height: 3rem;
 }
+
 .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
+
 .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+
 .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
   height: 1.25rem;
 }
+
 .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
   width: 1.25rem;
 }
+
 .\[\&_p\]\:leading-relaxed p{
   line-height: 1.625;
 }
+
 .\[\&_svg\]\:h-5 svg{
   height: 1.25rem;
 }
+
 .\[\&_svg\]\:w-5 svg{
   width: 1.25rem;
 }
+
 .\[\&_tr\:last-child\]\:border-0 tr:last-child{
   border-width: 0px;
 }
+
 .\[\&_tr\]\:border-b tr{
   border-bottom-width: 1px;
 }