From ec0d0c347bae9a31ecfaf0ddd74fde537c76d053 Mon Sep 17 00:00:00 2001
From: Batyr <awbatyr@gmail.com>
Date: Thu, 6 Feb 2025 18:01:47 +0500
Subject: [PATCH] utitlites replaced

---
 src/index.css | 66 +++++++++++++++++++++++++++------------------------
 1 file changed, 35 insertions(+), 31 deletions(-)

diff --git a/src/index.css b/src/index.css
index 4a7169f..295aa57 100644
--- a/src/index.css
+++ b/src/index.css
@@ -30,46 +30,50 @@
     font-family: "Gilroy-Medium";
     @apply bg-background;
   }
+}
 
-  @layer utilities {
-    .normal {
-      @apply font-["Gilroy-Regular"] font-normal;
-    }
+@layer utilities {
+  .normal {
+    @apply font-["Gilroy-Regular"] font-normal;
+  }
 
-    .semibold {
-      @apply font-["Gilroy-Semibold"] font-semibold;
-    }
+  .semibold {
+    @apply font-["Gilroy-Semibold"] font-semibold;
+  }
 
-    .h1 {
-      @apply text-[28px] leading-[130%] font-medium;
-    }
+  .h1 {
+    @apply text-[28px] leading-[130%] font-medium;
+  }
 
-    .h2 {
-      @apply md:text-3xl text-2xl  text-[#171717];
-    }
+  .h2 {
+    @apply md:text-3xl text-2xl  text-[#171717];
+  }
 
-    .p {
-      @apply md:text-lg text-base text-on_surface_v;
-    }
+  .p {
+    @apply md:text-lg text-base text-on_surface_v;
+  }
 
-    .text-18 {
-      @apply text-lg normal text-on_surface_v;
-    }
+  .text-18 {
+    @apply text-lg normal text-on_surface_v;
+  }
 
-    .dot {
-      @apply w-5 h-1 cursor-pointer bg-on_surface_v rounded-[2px];
-    }
+  .dot {
+    @apply w-5 h-1 cursor-pointer bg-on_surface_v rounded-[2px];
+  }
 
-    .dot-active {
-      @apply w-5 h-1 bg-on_surface rounded-[2px];
-    }
+  .dot-active {
+    @apply w-5 h-1 bg-on_surface rounded-[2px];
+  }
 
-    .nav-btn {
-      @apply bg-[#D9D9D9] size-12 rounded-full flex items-center justify-center;
-    }
+  .nav-btn {
+    @apply bg-[#D9D9D9] size-12 rounded-full flex items-center justify-center;
+  }
 
-    .progress-circle {
-      @apply size-14 rounded-full text-2xl z-10 text-[#5F6674];
-    }
+  .progress-circle {
+    @apply size-14 rounded-full text-2xl z-10 text-[#5F6674];
+  }
+
+  .input {
+    @apply flex h-14 rounded-[2px] border p-4 focus:ring-[3px] focus:outline-none focus:ring-primary transition-all hover:ring-on_surface ring-outline ring-1 bg-transparent text-base normal file:border-0 file:bg-secondary_container file:outline-none file:text-sm file:w-fit file:text-on_secondary_container file:font-medium  focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50;
   }
 }