feat(project): init

components/login/Tab.module.css

@@ -0,0 +1,36 @@
+.list {
+  position: relative;
+  margin-bottom: var(--mantine-spacing-md);
+}
+
+.indicator {
+  /* background-color: var(--mantine-color-white); */
+  /* border-radius: var(--mantine-radius-md); */
+  border-bottom: 2px solid var(--mantine-color-blue-6);
+  top: 2px;
+  /* box-shadow: var(--mantine-shadow-sm); */
+
+  @mixin dark {
+    /* background-color: var(--mantine-color-dark-6); */
+    border-color: var(--mantine-color-blue-4);
+  }
+}
+
+.tab {
+  z-index: 1;
+  font-weight: 500;
+  transition: color 100ms ease;
+  color: var(--mantine-color-gray-7);
+
+  &[data-active] {
+    color: var(--mantine-color-black);
+  }
+
+  @mixin dark {
+    color: var(--mantine-color-dark-1);
+
+    &[data-active] {
+      color: var(--mantine-color-white);
+    }
+  }
+}