geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/styles.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
 
 *, ::before, ::after{
   --tw-border-spacing-x: 0;
@@ -148,7 +148,7 @@ html,
   -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
-  font-family: Kumbh Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-family: Plus Jakarta Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
   font-feature-settings: normal; /* 5 */
   font-variation-settings: normal; /* 6 */
   -webkit-tap-highlight-color: transparent; /* 7 */
@@ -868,18 +868,30 @@ video {
 .z-10{
   z-index: 10;
 }
+.z-30{
+  z-index: 30;
+}
+.z-40{
+  z-index: 40;
+}
 .z-50{
   z-index: 50;
 }
 .z-\[100\]{
   z-index: 100;
 }
+.z-\[2147483000\]{
+  z-index: 2147483000;
+}
 .col-span-2{
   grid-column: span 2 / span 2;
 }
 .m-0{
   margin: 0px;
 }
+.m-auto{
+  margin: auto;
+}
 .-mx-1{
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -892,6 +904,10 @@ video {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
 }
+.mx-2{
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
 .mx-3{
   margin-left: 0.75rem;
   margin-right: 0.75rem;
@@ -908,6 +924,10 @@ video {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
+.my-3\.5{
+  margin-top: 0.875rem;
+  margin-bottom: 0.875rem;
+}
 .-ml-4{
   margin-left: -1rem;
 }
@@ -926,9 +946,15 @@ video {
 .mb-3{
   margin-bottom: 0.75rem;
 }
+.mb-3\.5{
+  margin-bottom: 0.875rem;
+}
 .mb-4{
   margin-bottom: 1rem;
 }
+.ml-0\.5{
+  margin-left: 0.125rem;
+}
 .ml-1{
   margin-left: 0.25rem;
 }
@@ -953,6 +979,9 @@ video {
 .mr-8{
   margin-right: 2rem;
 }
+.mr-auto{
+  margin-right: auto;
+}
 .mt-1{
   margin-top: 0.25rem;
 }
@@ -962,6 +991,12 @@ video {
 .mt-2{
   margin-top: 0.5rem;
 }
+.mt-2\.5{
+  margin-top: 0.625rem;
+}
+.mt-3{
+  margin-top: 0.75rem;
+}
 .mt-4{
   margin-top: 1rem;
 }
@@ -974,6 +1009,9 @@ video {
 .block{
   display: block;
 }
+.inline-block{
+  display: inline-block;
+}
 .inline{
   display: inline;
 }
@@ -1001,6 +1039,9 @@ video {
 .h-1{
   height: 0.25rem;
 }
+.h-1\.5{
+  height: 0.375rem;
+}
 .h-10{
   height: 2.5rem;
 }
@@ -1088,6 +1129,15 @@ video {
 .h-\[20px\]{
   height: 20px;
 }
+.h-\[26px\]{
+  height: 26px;
+}
+.h-\[30px\]{
+  height: 30px;
+}
+.h-\[34px\]{
+  height: 34px;
+}
 .h-\[38px\]{
   height: 38px;
 }
@@ -1115,9 +1165,6 @@ video {
 .h-\[90\%\]{
   height: 90%;
 }
-.h-\[var\(--radix-select-trigger-height\)\]{
-  height: var(--radix-select-trigger-height);
-}
 .h-auto{
   height: auto;
 }
@@ -1152,9 +1199,6 @@ video {
 .max-h-full{
   max-height: 100%;
 }
-.max-h-screen{
-  max-height: 100vh;
-}
 .min-h-0{
   min-height: 0px;
 }
@@ -1167,6 +1211,9 @@ video {
 .min-h-\[42px\]{
   min-height: 42px;
 }
+.min-h-\[52px\]{
+  min-height: 52px;
+}
 .min-h-\[80px\]{
   min-height: 80px;
 }
@@ -1176,6 +1223,9 @@ video {
 .w-1{
   width: 0.25rem;
 }
+.w-1\.5{
+  width: 0.375rem;
+}
 .w-1\/2{
   width: 50%;
 }
@@ -1188,6 +1238,9 @@ video {
 .w-12{
   width: 3rem;
 }
+.w-14{
+  width: 3.5rem;
+}
 .w-16{
   width: 4rem;
 }
@@ -1281,9 +1334,15 @@ video {
 .w-\[250px\]{
   width: 250px;
 }
+.w-\[26px\]{
+  width: 26px;
+}
 .w-\[280px\]{
   width: 280px;
 }
+.w-\[30px\]{
+  width: 30px;
+}
 .w-\[30rem\]{
   width: 30rem;
 }
@@ -1343,12 +1402,18 @@ video {
 .min-w-\[200px\]{
   min-width: 200px;
 }
+.min-w-\[38px\]{
+  min-width: 38px;
+}
 .min-w-\[420px\]{
   min-width: 420px;
 }
 .min-w-\[50px\]{
   min-width: 50px;
 }
+.min-w-\[52px\]{
+  min-width: 52px;
+}
 .min-w-\[8rem\]{
   min-width: 8rem;
 }
@@ -1368,6 +1433,9 @@ video {
 .max-w-96{
   max-width: 24rem;
 }
+.max-w-\[120px\]{
+  max-width: 120px;
+}
 .max-w-\[180px\]{
   max-width: 180px;
 }
@@ -1377,6 +1445,9 @@ video {
 .max-w-\[300px\]{
   max-width: 300px;
 }
+.max-w-\[340px\]{
+  max-width: 340px;
+}
 .max-w-\[fit-content\]{
   max-width: -moz-fit-content;
   max-width: fit-content;
@@ -1387,6 +1458,9 @@ video {
 .max-w-lg{
   max-width: 32rem;
 }
+.max-w-xs{
+  max-width: 20rem;
+}
 .flex-1{
   flex: 1 1 0%;
 }
@@ -1436,6 +1510,10 @@ video {
   --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));
 }
+.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));
+}
 .rotate-90{
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1486,11 +1564,21 @@ video {
 .touch-none{
   touch-action: none;
 }
+.touch-pan-y{
+  --tw-pan-y: pan-y;
+  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
+}
 .select-none{
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
+.resize-none{
+  resize: none;
+}
+.resize{
+  resize: both;
+}
 .grid-flow-col{
   grid-auto-flow: column;
 }
@@ -1530,6 +1618,12 @@ video {
 .items-center{
   align-items: center;
 }
+.items-baseline{
+  align-items: baseline;
+}
+.items-stretch{
+  align-items: stretch;
+}
 .justify-start{
   justify-content: flex-start;
 }
@@ -1620,6 +1714,9 @@ video {
 .overflow-scroll{
   overflow: scroll;
 }
+.overflow-x-auto{
+  overflow-x: auto;
+}
 .overflow-y-auto{
   overflow-y: auto;
 }
@@ -1632,6 +1729,15 @@ video {
 .overflow-y-scroll{
   overflow-y: scroll;
 }
+.overscroll-contain{
+  overscroll-behavior: contain;
+}
+.overscroll-y-contain{
+  overscroll-behavior-y: contain;
+}
+.overscroll-x-contain{
+  overscroll-behavior-x: contain;
+}
 .truncate{
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1807,6 +1913,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
 }
+.border-rest-p1{
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--primary-500) / var(--tw-border-opacity, 1));
+}
 .border-rest-s2{
   border-color: rgb(var(--neutral-100));
 }
@@ -1821,6 +1931,12 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(var(--warning-200) / var(--tw-border-opacity, 1));
 }
+.border-white\/10{
+  border-color: rgb(255 255 255 / 0.1);
+}
+.border-white\/60{
+  border-color: rgb(255 255 255 / 0.6);
+}
 .\!bg-red-500{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important;
@@ -1833,6 +1949,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
 }
+.bg-\[rgba\(24\2c 22\2c 18\2c \.55\)\]{
+  background-color: rgba(24,22,18,.55);
+}
 .bg-black{
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -1907,6 +2026,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-100) / var(--tw-bg-opacity, 1));
 }
+.bg-primary-3\/15{
+  background-color: rgb(var(--primary-600) / 0.15);
+}
 .bg-rest-p1{
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-500) / var(--tw-bg-opacity, 1));
@@ -1941,6 +2063,18 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/10{
+  background-color: rgb(255 255 255 / 0.1);
+}
+.bg-white\/15{
+  background-color: rgb(255 255 255 / 0.15);
+}
+.bg-white\/20{
+  background-color: rgb(255 255 255 / 0.2);
+}
+.bg-white\/5{
+  background-color: rgb(255 255 255 / 0.05);
+}
 .bg-yellow-500{
   --tw-bg-opacity: 1;
   background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
@@ -1966,6 +2100,9 @@ video {
 .stroke-light-2{
   stroke: rgb(var(--neutral-300) / 1);
 }
+.stroke-\[1\.2\]{
+  stroke-width: 1.2;
+}
 .object-contain{
   -o-object-fit: contain;
      object-fit: contain;
@@ -1977,6 +2114,9 @@ video {
 .p-0{
   padding: 0px;
 }
+.p-0\.5{
+  padding: 0.125rem;
+}
 .p-1{
   padding: 0.25rem;
 }
@@ -2044,6 +2184,10 @@ video {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+.px-8{
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
 .py-0{
   padding-top: 0px;
   padding-bottom: 0px;
@@ -2105,6 +2249,9 @@ video {
 .pl-1\.5{
   padding-left: 0.375rem;
 }
+.pl-2{
+  padding-left: 0.5rem;
+}
 .pl-4{
   padding-left: 1rem;
 }
@@ -2165,9 +2312,15 @@ video {
 .text-\[1\.75rem\]{
   font-size: 1.75rem;
 }
+.text-\[10\.5px\]{
+  font-size: 10.5px;
+}
 .text-\[10px\]{
   font-size: 10px;
 }
+.text-\[11px\]{
+  font-size: 11px;
+}
 .text-\[12px\]{
   font-size: 12px;
 }
@@ -2221,6 +2374,16 @@ video {
 .normal-case{
   text-transform: none;
 }
+.italic{
+  font-style: italic;
+}
+.tabular-nums{
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+.leading-\[1\.1\]{
+  line-height: 1.1;
+}
 .leading-\[130\%\]{
   line-height: 130%;
 }
@@ -2239,6 +2402,9 @@ video {
 .leading-none{
   line-height: 1;
 }
+.leading-relaxed{
+  line-height: 1.625;
+}
 .tracking-\[-0\.015rem\]{
   letter-spacing: -0.015rem;
 }
@@ -2251,9 +2417,18 @@ video {
 .tracking-tight{
   letter-spacing: -0.025em;
 }
+.tracking-wider{
+  letter-spacing: 0.05em;
+}
 .tracking-widest{
   letter-spacing: 0.1em;
 }
+.text-\[rgb\(var\(--primary-300\)\)\]{
+  color: rgb(var(--primary-300));
+}
+.text-\[rgb\(var\(--primary-400\)\)\]{
+  color: rgb(var(--primary-400));
+}
 .text-current{
   color: currentColor;
 }
@@ -2317,6 +2492,18 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-white\/40{
+  color: rgb(255 255 255 / 0.4);
+}
+.text-white\/50{
+  color: rgb(255 255 255 / 0.5);
+}
+.text-white\/60{
+  color: rgb(255 255 255 / 0.6);
+}
+.text-white\/70{
+  color: rgb(255 255 255 / 0.7);
+}
 .underline{
   text-decoration-line: underline;
 }
@@ -2341,6 +2528,11 @@ video {
 .opacity-70{
   opacity: 0.7;
 }
+.shadow-2xl{
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-lg{
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2374,6 +2566,11 @@ video {
   --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);
 }
+.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-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);
@@ -2392,6 +2589,10 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(var(--primary-100) / var(--tw-ring-opacity, 1));
 }
+.ring-rest-p1{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(var(--primary-500) / var(--tw-ring-opacity, 1));
+}
 .ring-slate-100{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity, 1));
@@ -2402,9 +2603,25 @@ video {
 .\!ring-offset-0{
   --tw-ring-offset-width: 0px !important;
 }
+.blur{
+  --tw-blur: blur(8px);
+  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);
+}
+.grayscale{
+  --tw-grayscale: grayscale(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);
+}
+.sepia{
+  --tw-sepia: sepia(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);
+}
 .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);
 }
+.backdrop-blur-sm{
+  --tw-backdrop-blur: blur(4px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .transition{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2495,6 +2712,73 @@ video {
 .\[scrollbar-width\:\'none\'\]{
   scrollbar-width: 'none';
 }
+
+svg.lucide {
+  flex-shrink: 0;
+}
+
+.image-editor-canvas {
+  touch-action: none;
+}
+
+.image-editor-modal-panel {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+       user-select: none;
+}
+.image-editor-modal-panel input,
+.image-editor-modal-panel textarea {
+  -webkit-touch-callout: default;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+       user-select: text;
+}
+
+/* 100vh/100vw don't track the browser's actual visual viewport on mobile —
+   when the address-bar/toolbar chrome collapses mid-interaction (which it
+   does automatically, ~1s into a touch gesture), these values can reflow
+   out from under an in-progress drag. Since drag math throughout the
+   editor is (pointer position - element's bounding-rect origin), any
+   layout shift mid-gesture snaps the result toward 0 (leftmost/smallest).
+   100dvh/100dvw track the real visual viewport instead; the plain vh/vw
+   above stays as a fallback for browsers that don't support dvh/dvw
+   (unsupported units invalidate just that one declaration, not the rule). */
+.image-editor-modal-panel {
+  height: 100vh;
+  height: 100dvh;
+  width: 100vw;
+  width: 100dvw;
+  border-radius: 0;
+}
+.image-editor-stage-panel-wrap {
+  flex-direction: column;
+}
+.image-editor-panel {
+  width: 100%;
+  max-height: 30vh;
+  max-height: 30dvh;
+  border-top: 1px solid rgb(var(--neutral-100));
+  border-left: none;
+}
+@media (min-width: 768px) {
+  .image-editor-modal-panel {
+    height: min(760px, 92vh);
+    height: min(760px, 92dvh);
+    width: min(1180px, 94vw);
+    width: min(1180px, 94dvw);
+    border-radius: 1rem;
+  }
+  .image-editor-stage-panel-wrap {
+    flex-direction: row;
+  }
+  .image-editor-panel {
+    width: 270px;
+    max-height: none;
+    border-top: none;
+    border-left: 1px solid rgb(var(--neutral-100));
+  }
+}
 .file\:border-0::file-selector-button{
   border-width: 0px;
 }
@@ -2515,6 +2799,46 @@ video {
   --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;
@@ -2576,6 +2900,14 @@ video {
   --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-hover-p1:hover{
   background-color: rgb(var(--primary-600));
 }
@@ -2611,6 +2943,13 @@ video {
 .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));
@@ -2619,6 +2958,10 @@ video {
   --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;
 }
@@ -2746,6 +3089,9 @@ video {
 .disabled\:bg-transparent:disabled{
   background-color: transparent;
 }
+.disabled\:opacity-40:disabled{
+  opacity: 0.4;
+}
 .disabled\:opacity-50:disabled{
   opacity: 0.5;
 }
@@ -3004,6 +3350,9 @@ video {
 .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%;
 }
@@ -3019,9 +3368,6 @@ video {
 .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
   --tw-enter-translate-y: -48%;
 }
-.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]{
-  --tw-enter-translate-y: -100%;
-}
 .data-\[state\=closed\]\:duration-300[data-state="closed"]{
   animation-duration: 300ms;
 }
@@ -3059,18 +3405,6 @@ video {
 }
 @media (min-width: 640px){
 
-  .sm\:bottom-0{
-    bottom: 0px;
-  }
-
-  .sm\:right-0{
-    right: 0px;
-  }
-
-  .sm\:top-auto{
-    top: auto;
-  }
-
   .sm\:max-w-sm{
     max-width: 24rem;
   }
@@ -3087,10 +3421,6 @@ video {
     flex-direction: row;
   }
 
-  .sm\:flex-col{
-    flex-direction: column;
-  }
-
   .sm\:justify-start{
     justify-content: flex-start;
   }
@@ -3132,10 +3462,6 @@ video {
   .sm\:text-left{
     text-align: left;
   }
-
-  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{
-    --tw-enter-translate-y: 100%;
-  }
 }
 @media (min-width: 768px){
 
@@ -3310,6 +3636,12 @@ video {
 .\[\&_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;
 }