Moved code into src folder. Added build for component library.

src/styles/index.css

@@ -0,0 +1,91 @@
+html,
+body {
+  font-family: Inter, sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.5rem;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  color: var(--font-color100);
+  background: var(--base50);
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 400;
+  line-height: 30px;
+  padding: 0;
+  margin: 0;
+}
+
+a,
+a:active,
+a:visited {
+  color: var(--primary400);
+  text-decoration: none;
+}
+
+p {
+  line-height: 1.8rem;
+}
+
+main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+svg {
+  shape-rendering: geometricPrecision;
+}
+
+#__next {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+}
+
+::-webkit-scrollbar {
+  width: 15px;
+  background: var(--base50);
+}
+
+::-webkit-scrollbar-track {
+  border: 7px solid rgba(0, 0, 0, 0);
+  background-color: var(--base300);
+  background-clip: padding-box;
+}
+
+body::-webkit-scrollbar-track,
+main::-webkit-scrollbar-track {
+  background-color: var(--base50);
+}
+
+::-webkit-scrollbar-thumb {
+  border: 7px solid rgba(0, 0, 0, 0);
+  background-color: var(--base600);
+  background-clip: padding-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  border: 4px solid rgba(0, 0, 0, 0);
+  background-color: var(--base800);
+  background-clip: padding-box;
+}

src/styles/locale.css

@@ -0,0 +1,29 @@
+.zh-CN {
+  font-family: '方体', 'PingFang SC', '黑体', 'Heiti SC', 'Microsoft JhengHei UI',
+    'Microsoft JhengHei', Roboto, Noto, 'Noto Sans CJK SC', sans-serif !important;
+}
+
+.zh-TW {
+  font-family: '方體', 'PingFang TC', '黑體', 'Heiti TC', 'Microsoft JhengHei UI',
+    'Microsoft JhengHei', Roboto, Noto, 'Noto Sans CJK TC', sans-serif !important;
+}
+
+.ja-JP {
+  font-family: '游ゴシック体', YuGothic, 'ヒラギノ丸ゴ', 'Hiragino Sans', 'Yu Gothic UI',
+    'Meiryo UI', 'MS Gothic', Roboto, Noto, 'Noto Sans CJK JP', sans-serif !important;
+}
+
+.ko-KR {
+  font-family: 'Nanum Gothic', 'Apple SD Gothic Neo', 'Malgun Gothic', Roboto, Noto,
+    'Noto Sans CJK KR', sans-serif !important;
+}
+
+.ar-SA {
+  font-family: 'Geeza Pro', 'Arabic Typesetting', Roboto, Noto, 'Noto Naskh Arabic',
+    'Times New Roman', serif !important;
+}
+
+.he-IL {
+  font-family: 'New Peninim MT', 'Arial Hebrew', Gisha, 'Times New Roman', Roboto, Noto,
+    'Noto Sans Hebrew', sans-serif !important;
+}

src/styles/variables.css

@@ -0,0 +1,6 @@
+:root {
+  --primary400: var(--blue800);
+  --primary500: var(--blue900);
+  --primary600: var(--blue1000);
+  --primary700: var(--blue1100);
+}