@liner-fe/design-token 2.3.4 → 2.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/lib/components/ThemeProvider.d.ts +2 -2
  2. package/lib/helpers/setDarkModeScript.d.ts +1 -2
  3. package/lib/index.css +1 -0
  4. package/lib/index.d.ts +3 -1
  5. package/lib/index.js +293 -0
  6. package/lib/scripts/create-css/constants/PATH.d.ts +3 -0
  7. package/lib/scripts/create-css/constants/breakpoint/index.d.ts +9 -0
  8. package/lib/scripts/create-css/constants/color/index.d.ts +8 -0
  9. package/lib/scripts/create-css/constants/color/types.d.ts +132 -0
  10. package/lib/scripts/create-css/constants/gap/index.d.ts +16 -0
  11. package/lib/scripts/create-css/constants/icon/index.d.ts +7 -0
  12. package/lib/scripts/create-css/constants/index.d.ts +10 -0
  13. package/lib/scripts/create-css/constants/opacity/index.d.ts +21 -0
  14. package/lib/scripts/create-css/constants/padding/index.d.ts +23 -0
  15. package/lib/scripts/create-css/constants/primitiveRoot.d.ts +1 -0
  16. package/lib/scripts/create-css/constants/radius/index.d.ts +2 -0
  17. package/lib/scripts/create-css/constants/radius/type.d.ts +10 -0
  18. package/lib/scripts/create-css/constants/rootScheme.d.ts +4 -0
  19. package/lib/scripts/create-css/constants/shadow/index.d.ts +2 -0
  20. package/lib/scripts/create-css/constants/size/index.d.ts +2 -0
  21. package/lib/scripts/create-css/constants/size/type.d.ts +31 -0
  22. package/lib/scripts/create-css/constants/typography/types.d.ts +1 -0
  23. package/lib/scripts/create-css/index.d.ts +1 -0
  24. package/lib/scripts/create-css/utils/convertFontFamily.d.ts +2 -0
  25. package/lib/scripts/create-css/utils/convertObjectToCSSVariables.d.ts +1 -0
  26. package/lib/scripts/create-css/utils/createFile.d.ts +2 -0
  27. package/lib/scripts/create-css/utils/fileToString.d.ts +1 -0
  28. package/lib/scripts/create-css/utils/generateTokenMap.d.ts +1 -0
  29. package/lib/scripts/create-css/utils/hexToRGBA.d.ts +1 -0
  30. package/lib/scripts/create-css/utils/makeDir.d.ts +1 -0
  31. package/lib/scripts/create-css/utils/removeTokenPrefix.d.ts +1 -0
  32. package/lib/scripts/create-css/utils/replaceValuesWithKeys.d.ts +1 -0
  33. package/lib/style/index.d.ts +1 -0
  34. package/package.json +9 -9
  35. package/src/assets/Merriweather-Black.ttf +0 -0
  36. package/src/assets/Merriweather-Bold.ttf +0 -0
  37. package/src/assets/Merriweather-Light.ttf +0 -0
  38. package/src/assets/Merriweather-Regular.ttf +0 -0
  39. package/src/assets/PretendardJPVariable.woff2 +0 -0
  40. package/src/assets/PretendardVariable.woff2 +0 -0
  41. package/src/index.ts +3 -3
  42. package/src/scripts/create-css/constants/font/font.css +6 -14
  43. package/src/scripts/create-css/constants/index.ts +1 -0
  44. package/src/scripts/create-css/constants/rootScheme.ts +4 -20
  45. package/src/scripts/create-css/constants/typography/types.ts +7 -0
  46. package/src/scripts/create-css/index.ts +5 -14
  47. package/src/style/global.css +908 -0
  48. package/src/style/index.ts +1 -0
  49. package/global.css +0 -1160
  50. package/lib/components/Head.d.ts +0 -2
  51. package/lib/index.cjs +0 -642
  52. package/lib/index.cjs.map +0 -7
  53. package/lib/index.mjs +0 -611
  54. package/lib/index.mjs.map +0 -7
  55. package/src/components/Head.tsx +0 -36
  56. /package/{src/fonts/Merriweather-Black.ttf → lib/assets/Merriweather-Black-26IFHXBP.ttf} +0 -0
  57. /package/{src/fonts/Merriweather-Bold.ttf → lib/assets/Merriweather-Bold-OJOZX5RF.ttf} +0 -0
  58. /package/{src/fonts/Merriweather-Light.ttf → lib/assets/Merriweather-Light-CFMS753Z.ttf} +0 -0
  59. /package/{src/fonts/Merriweather-Regular.ttf → lib/assets/Merriweather-Regular-NACAIEN3.ttf} +0 -0
  60. /package/{src/fonts/PretendardJPVariable.woff2 → lib/assets/PretendardJPVariable-7Y3M4KVC.woff2} +0 -0
  61. /package/{src/fonts/PretendardVariable.woff2 → lib/assets/PretendardVariable-76CAZ7V7.woff2} +0 -0
package/src/style/global.css ADDED
@@ -0,0 +1,908 @@
1
+ /* Pretendard Variable */
2
+ @font-face {
3
+ font-family: 'Pretendard Variable';
4
+ font-weight: 45 920;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ src: url('../assets/PretendardVariable.woff2') format('woff2-variations');
8
+ }
9
+
10
+ /* Pretendard JP */
11
+ @font-face {
12
+ font-family: 'Pretendard JP Variable';
13
+ font-weight: 45 920;
14
+ font-style: normal;
15
+ font-display: swap;
16
+ src: url('../assets/PretendardJPVariable.woff2') format('woff2-variations');
17
+ }
18
+
19
+ /* Merryweather */
20
+ @font-face {
21
+ font-family: 'Merriweather';
22
+ font-weight: 900;
23
+ font-display: swap;
24
+ src: local('Merriweather Black'), url('../assets/Merriweather-Black.ttf') format('woff2');
25
+ }
26
+
27
+ @font-face {
28
+ font-family: 'Merriweather';
29
+ font-weight: 700;
30
+ font-display: swap;
31
+ src: local('Merriweather Bold'), url('../assets/Merriweather-Bold.ttf') format('woff2');
32
+ }
33
+
34
+ @font-face {
35
+ font-family: 'Merriweather';
36
+ font-weight: 400;
37
+ font-display: swap;
38
+ src: local('Merriweather Regular'), url('../assets/Merriweather-Regular.ttf') format('woff2');
39
+ }
40
+
41
+ @font-face {
42
+ font-family: 'Merriweather';
43
+ font-weight: 300;
44
+ font-display: swap;
45
+ src: local('Merriweather Light'), url('../assets/Merriweather-Light.ttf') format('woff2');
46
+ }
47
+
48
+
49
+ :root{
50
+ --lp-pri-achromatic-white: #ffffff;
51
+ --lp-pri-achromatic-black: #000000;
52
+ --lp-pri-gray-cool-980: #F9F9FA;
53
+ --lp-pri-gray-cool-970: #F6F6F7;
54
+ --lp-pri-gray-cool-940: #EDEEF0;
55
+ --lp-pri-gray-cool-920: #E9E9EB;
56
+ --lp-pri-gray-cool-900: #E3E3E6;
57
+ --lp-pri-gray-cool-850: #D7D7D9;
58
+ --lp-pri-gray-cool-750: #BEBFC2;
59
+ --lp-pri-gray-cool-600: #939499;
60
+ --lp-pri-gray-cool-450: #6D6D70;
61
+ --lp-pri-gray-cool-350: #58595C;
62
+ --lp-pri-gray-cool-300: #4A4A4D;
63
+ --lp-pri-gray-cool-250: #3B3B3D;
64
+ --lp-pri-gray-cool-200: #313133;
65
+ --lp-pri-gray-cool-100: #1E1E1F;
66
+ --lp-pri-brand-original-950: #FAFBFF;
67
+ --lp-pri-brand-original-900: #F4F5FF;
68
+ --lp-pri-brand-original-800: #D9DEFF;
69
+ --lp-pri-brand-original-700: #B7C1FF;
70
+ --lp-pri-brand-original-600: #6B7FFF;
71
+ --lp-pri-brand-original-500: #4058FF;
72
+ --lp-pri-brand-original-400: #273FD9;
73
+ --lp-pri-brand-original-200: #152AB3;
74
+ --lp-pri-brand-original-100: #071780;
75
+ --lp-pri-brand-original-50: #041166;
76
+ --lp-pri-brand-variation-950: #FAFBFF;
77
+ --lp-pri-brand-variation-900: #F4F7FF;
78
+ --lp-pri-brand-variation-800: #D9E4FF;
79
+ --lp-pri-brand-variation-700: #B7CDFF;
80
+ --lp-pri-brand-variation-600: #759EFF;
81
+ --lp-pri-brand-variation-500: #5487FF;
82
+ --lp-pri-brand-variation-400: #4E70BF;
83
+ --lp-pri-brand-variation-200: #4A6299;
84
+ --lp-pri-brand-variation-100: #384666;
85
+ --lp-pri-brand-variation-50: #2C364D;
86
+ --lp-pri-rainbow-red-950: #FFF5F5;
87
+ --lp-pri-rainbow-red-900: #FFE7E7;
88
+ --lp-pri-rainbow-red-800: #FFC3C3;
89
+ --lp-pri-rainbow-red-700: #FF9090;
90
+ --lp-pri-rainbow-red-600: #FF6060;
91
+ --lp-pri-rainbow-red-500: #FF3333;
92
+ --lp-pri-rainbow-red-400: #DB2323;
93
+ --lp-pri-rainbow-red-300: #B81616;
94
+ --lp-pri-rainbow-red-200: #710808;
95
+ --lp-pri-rainbow-red-100: #410404;
96
+ --lp-pri-rainbow-orange-950: #FFFBF4;
97
+ --lp-pri-rainbow-orange-900: #FFF4E3;
98
+ --lp-pri-rainbow-orange-800: #FFE1B4;
99
+ --lp-pri-rainbow-orange-700: #FFC875;
100
+ --lp-pri-rainbow-orange-600: #FFB039;
101
+ --lp-pri-rainbow-orange-500: #FF9900;
102
+ --lp-pri-rainbow-orange-400: #DB8503;
103
+ --lp-pri-rainbow-orange-300: #B87005;
104
+ --lp-pri-rainbow-orange-200: #714605;
105
+ --lp-pri-rainbow-orange-100: #412803;
106
+ --lp-pri-rainbow-yellow-950: #FFFDF4;
107
+ --lp-pri-rainbow-yellow-900: #FFF9E3;
108
+ --lp-pri-rainbow-yellow-800: #FFF0B4;
109
+ --lp-pri-rainbow-yellow-700: #FFE375;
110
+ --lp-pri-rainbow-yellow-600: #FFD739;
111
+ --lp-pri-rainbow-yellow-500: #FFCC00;
112
+ --lp-pri-rainbow-yellow-400: #DBB003;
113
+ --lp-pri-rainbow-yellow-300: #B89405;
114
+ --lp-pri-rainbow-yellow-200: #715B05;
115
+ --lp-pri-rainbow-yellow-100: #413503;
116
+ --lp-pri-rainbow-green-950: #F5FEF7;
117
+ --lp-pri-rainbow-green-900: #E6FCEA;
118
+ --lp-pri-rainbow-green-800: #BFF5C8;
119
+ --lp-pri-rainbow-green-700: #8CEC9C;
120
+ --lp-pri-rainbow-green-600: #5DDF73;
121
+ --lp-pri-rainbow-green-500: #30BF48;
122
+ --lp-pri-rainbow-green-400: #20A536;
123
+ --lp-pri-rainbow-green-300: #148B28;
124
+ --lp-pri-rainbow-green-200: #075714;
125
+ --lp-pri-rainbow-green-100: #03350B;
126
+ --lp-pri-rainbow-mint-950: #F3FEFE;
127
+ --lp-pri-rainbow-mint-900: #AFF7F7;
128
+ --lp-pri-rainbow-mint-800: #6EF0F0;
129
+ --lp-pri-rainbow-mint-700: #33E6E6;
130
+ --lp-pri-rainbow-mint-600: #00CCCC;
131
+ --lp-pri-rainbow-mint-500: #02B0B0;
132
+ --lp-pri-rainbow-mint-400: #02B0B0;
133
+ --lp-pri-rainbow-mint-300: #049494;
134
+ --lp-pri-rainbow-mint-200: #045C5C;
135
+ --lp-pri-rainbow-mint-100: #033737;
136
+ --lp-pri-rainbow-cyan-950: #F6FBFF;
137
+ --lp-pri-rainbow-cyan-900: #E8F6FF;
138
+ --lp-pri-rainbow-cyan-800: #C6E8FF;
139
+ --lp-pri-rainbow-cyan-700: #97D5FF;
140
+ --lp-pri-rainbow-cyan-600: #6AC4FF;
141
+ --lp-pri-rainbow-cyan-500: #40B3FF;
142
+ --lp-pri-rainbow-cyan-400: #2B95DB;
143
+ --lp-pri-rainbow-cyan-300: #1A79B8;
144
+ --lp-pri-rainbow-cyan-200: #094771;
145
+ --lp-pri-rainbow-cyan-100: #042941;
146
+ --lp-pri-rainbow-purple-950: #FCF6FF;
147
+ --lp-pri-rainbow-purple-900: #F7EAFE;
148
+ --lp-pri-rainbow-purple-800: #EBCAFB;
149
+ --lp-pri-rainbow-purple-700: #DAA0F7;
150
+ --lp-pri-rainbow-purple-600: #C978F2;
151
+ --lp-pri-rainbow-purple-500: #B450E6;
152
+ --lp-pri-rainbow-purple-400: #9535C6;
153
+ --lp-pri-rainbow-purple-300: #7920A6;
154
+ --lp-pri-rainbow-purple-200: #480A67;
155
+ --lp-pri-rainbow-purple-100: #29043C;
156
+ --lp-pri-rainbow-pink-950: #FFF5F8;
157
+ --lp-pri-rainbow-pink-900: #FFE7EF;
158
+ --lp-pri-rainbow-pink-800: #FFC3D7;
159
+ --lp-pri-rainbow-pink-700: #FF90B5;
160
+ --lp-pri-rainbow-pink-600: #FF6095;
161
+ --lp-pri-rainbow-pink-500: #FF3377;
162
+ --lp-pri-rainbow-pink-400: #DB2360;
163
+ --lp-pri-rainbow-pink-300: #B8164C;
164
+ --lp-pri-rainbow-pink-200: #71082B;
165
+ --lp-pri-rainbow-pink-100: #120107;
166
+ --lp-pri-achromatic-white-alpha-80: rgba(255, 255, 255, 0.8);
167
+ --lp-pri-achromatic-white-alpha-72: rgba(255, 255, 255, 0.72);
168
+ --lp-pri-achromatic-white-alpha-64: rgba(255, 255, 255, 0.64);
169
+ --lp-pri-achromatic-white-alpha-56: rgba(255, 255, 255, 0.56);
170
+ --lp-pri-achromatic-white-alpha-50: rgba(255, 255, 255, 0.5);
171
+ --lp-pri-achromatic-white-alpha-48: rgba(255, 255, 255, 0.48);
172
+ --lp-pri-achromatic-white-alpha-44: rgba(255, 255, 255, 0.44);
173
+ --lp-pri-achromatic-white-alpha-40: rgba(255, 255, 255, 0.4);
174
+ --lp-pri-achromatic-white-alpha-36: rgba(255, 255, 255, 0.36);
175
+ --lp-pri-achromatic-white-alpha-32: rgba(255, 255, 255, 0.32);
176
+ --lp-pri-achromatic-white-alpha-28: rgba(255, 255, 255, 0.28);
177
+ --lp-pri-achromatic-white-alpha-24: rgba(255, 255, 255, 0.24);
178
+ --lp-pri-achromatic-white-alpha-20: rgba(255, 255, 255, 0.2);
179
+ --lp-pri-achromatic-white-alpha-16: rgba(255, 255, 255, 0.16);
180
+ --lp-pri-achromatic-white-alpha-12: rgba(255, 255, 255, 0.12);
181
+ --lp-pri-achromatic-white-alpha-8: rgba(255, 255, 255, 0.08);
182
+ --lp-pri-achromatic-white-alpha-6: rgba(255, 255, 255, 0.06);
183
+ --lp-pri-achromatic-white-alpha-4: rgba(255, 255, 255, 0.04);
184
+ --lp-pri-achromatic-white-alpha-1: rgba(255, 255, 255, 0.01);
185
+ --lp-pri-achromatic-white-alpha-0: rgba(255, 255, 255, 0);
186
+ --lp-pri-gray-cool-dark-alpha-80: rgba(109, 109, 112, 0.8);
187
+ --lp-pri-gray-cool-dark-alpha-72: rgba(109, 109, 112, 0.72);
188
+ --lp-pri-gray-cool-dark-alpha-64: rgba(109, 109, 112, 0.64);
189
+ --lp-pri-gray-cool-dark-alpha-56: rgba(109, 109, 112, 0.56);
190
+ --lp-pri-gray-cool-dark-alpha-50: rgba(109, 109, 112, 0.5);
191
+ --lp-pri-gray-cool-dark-alpha-48: rgba(109, 109, 112, 0.48);
192
+ --lp-pri-gray-cool-dark-alpha-44: rgba(109, 109, 112, 0.44);
193
+ --lp-pri-gray-cool-dark-alpha-40: rgba(109, 109, 112, 0.4);
194
+ --lp-pri-gray-cool-dark-alpha-36: rgba(109, 109, 112, 0.36);
195
+ --lp-pri-gray-cool-dark-alpha-32: rgba(109, 109, 112, 0.32);
196
+ --lp-pri-gray-cool-dark-alpha-28: rgba(109, 109, 112, 0.28);
197
+ --lp-pri-gray-cool-dark-alpha-24: rgba(109, 109, 112, 0.24);
198
+ --lp-pri-gray-cool-dark-alpha-20: rgba(109, 109, 112, 0.2);
199
+ --lp-pri-gray-cool-dark-alpha-16: rgba(109, 109, 112, 0.16);
200
+ --lp-pri-gray-cool-dark-alpha-12: rgba(109, 109, 112, 0.12);
201
+ --lp-pri-gray-cool-dark-alpha-8: rgba(109, 109, 112, 0.08);
202
+ --lp-pri-gray-cool-dark-alpha-6: rgba(109, 109, 112, 0.06);
203
+ --lp-pri-gray-cool-dark-alpha-4: rgba(109, 109, 112, 0.04);
204
+ --lp-pri-gray-cool-dark-alpha-1: rgba(109, 109, 112, 0.01);
205
+ --lp-pri-gray-cool-dark-alpha-0: rgba(109, 109, 112, 0);
206
+ --lp-pri-gray-cool-light-alpha-80: rgba(233, 233, 235, 0.8);
207
+ --lp-pri-gray-cool-light-alpha-72: rgba(233, 233, 235, 0.72);
208
+ --lp-pri-gray-cool-light-alpha-64: rgba(233, 233, 235, 0.64);
209
+ --lp-pri-gray-cool-light-alpha-56: rgba(233, 233, 235, 0.56);
210
+ --lp-pri-gray-cool-light-alpha-50: rgba(233, 233, 235, 0.5);
211
+ --lp-pri-gray-cool-light-alpha-48: rgba(233, 233, 235, 0.48);
212
+ --lp-pri-gray-cool-light-alpha-44: rgba(233, 233, 235, 0.44);
213
+ --lp-pri-gray-cool-light-alpha-40: rgba(233, 233, 235, 0.4);
214
+ --lp-pri-gray-cool-light-alpha-36: rgba(233, 233, 235, 0.36);
215
+ --lp-pri-gray-cool-light-alpha-32: rgba(233, 233, 235, 0.32);
216
+ --lp-pri-gray-cool-light-alpha-28: rgba(233, 233, 235, 0.28);
217
+ --lp-pri-gray-cool-light-alpha-24: rgba(233, 233, 235, 0.24);
218
+ --lp-pri-gray-cool-light-alpha-20: rgba(233, 233, 235, 0.2);
219
+ --lp-pri-gray-cool-light-alpha-16: rgba(233, 233, 235, 0.16);
220
+ --lp-pri-gray-cool-light-alpha-12: rgba(233, 233, 235, 0.12);
221
+ --lp-pri-gray-cool-light-alpha-8: rgba(233, 233, 235, 0.08);
222
+ --lp-pri-gray-cool-light-alpha-6: rgba(233, 233, 235, 0.06);
223
+ --lp-pri-gray-cool-light-alpha-4: rgba(233, 233, 235, 0.04);
224
+ --lp-pri-gray-cool-light-alpha-1: rgba(233, 233, 235, 0.01);
225
+ --lp-pri-gray-cool-light-alpha-0: rgba(233, 233, 235, 0);
226
+ --lp-pri-brand-original-alpha-80: rgba(4, 17, 102, 0.8);
227
+ --lp-pri-brand-original-alpha-72: rgba(4, 17, 102, 0.72);
228
+ --lp-pri-brand-original-alpha-64: rgba(4, 17, 102, 0.64);
229
+ --lp-pri-brand-original-alpha-56: rgba(4, 17, 102, 0.56);
230
+ --lp-pri-brand-original-alpha-50: rgba(4, 17, 102, 0.5);
231
+ --lp-pri-brand-original-alpha-48: rgba(4, 17, 102, 0.48);
232
+ --lp-pri-brand-original-alpha-44: rgba(4, 17, 102, 0.44);
233
+ --lp-pri-brand-original-alpha-40: rgba(4, 17, 102, 0.4);
234
+ --lp-pri-brand-original-alpha-36: rgba(4, 17, 102, 0.36);
235
+ --lp-pri-brand-original-alpha-32: rgba(4, 17, 102, 0.32);
236
+ --lp-pri-brand-original-alpha-28: rgba(4, 17, 102, 0.28);
237
+ --lp-pri-brand-original-alpha-24: rgba(4, 17, 102, 0.24);
238
+ --lp-pri-brand-original-alpha-20: rgba(4, 17, 102, 0.2);
239
+ --lp-pri-brand-original-alpha-16: rgba(4, 17, 102, 0.16);
240
+ --lp-pri-brand-original-alpha-12: rgba(4, 17, 102, 0.12);
241
+ --lp-pri-brand-original-alpha-8: rgba(4, 17, 102, 0.08);
242
+ --lp-pri-brand-original-alpha-6: rgba(4, 17, 102, 0.06);
243
+ --lp-pri-brand-original-alpha-4: rgba(4, 17, 102, 0.04);
244
+ --lp-pri-brand-original-alpha-1: rgba(4, 17, 102, 0.01);
245
+ --lp-pri-brand-original-alpha-0: rgba(4, 17, 102, 0);
246
+ --lp-pri-achromatic-black-alpha-80: rgba(0, 0, 0, 0.8);
247
+ --lp-pri-achromatic-black-alpha-72: rgba(0, 0, 0, 0.72);
248
+ --lp-pri-achromatic-black-alpha-64: rgba(0, 0, 0, 0.64);
249
+ --lp-pri-achromatic-black-alpha-56: rgba(0, 0, 0, 0.56);
250
+ --lp-pri-achromatic-black-alpha-50: rgba(0, 0, 0, 0.5);
251
+ --lp-pri-achromatic-black-alpha-48: rgba(0, 0, 0, 0.48);
252
+ --lp-pri-achromatic-black-alpha-44: rgba(0, 0, 0, 0.44);
253
+ --lp-pri-achromatic-black-alpha-40: rgba(0, 0, 0, 0.4);
254
+ --lp-pri-achromatic-black-alpha-36: rgba(0, 0, 0, 0.36);
255
+ --lp-pri-achromatic-black-alpha-32: rgba(0, 0, 0, 0.32);
256
+ --lp-pri-achromatic-black-alpha-28: rgba(0, 0, 0, 0.28);
257
+ --lp-pri-achromatic-black-alpha-24: rgba(0, 0, 0, 0.24);
258
+ --lp-pri-achromatic-black-alpha-20: rgba(0, 0, 0, 0.2);
259
+ --lp-pri-achromatic-black-alpha-16: rgba(0, 0, 0, 0.16);
260
+ --lp-pri-achromatic-black-alpha-12: rgba(0, 0, 0, 0.12);
261
+ --lp-pri-achromatic-black-alpha-8: rgba(0, 0, 0, 0.08);
262
+ --lp-pri-achromatic-black-alpha-6: rgba(0, 0, 0, 0.06);
263
+ --lp-pri-achromatic-black-alpha-4: rgba(0, 0, 0, 0.04);
264
+ --lp-pri-achromatic-black-alpha-1: rgba(0, 0, 0, 0.01);
265
+ --lp-pri-achromatic-black-alpha-0: rgba(0, 0, 0, 0);
266
+
267
+ --lp-sys-radius-xxs: 2px;
268
+ --lp-sys-radius-xs: 4px;
269
+ --lp-sys-radius-s: 6px;
270
+ --lp-sys-radius-m: 8px;
271
+ --lp-sys-radius-l: 10px;
272
+ --lp-sys-radius-xl: 12px;
273
+ --lp-sys-radius-xxl: 200px;
274
+
275
+ --lp-pri-size-minus6: -6px;
276
+ --lp-pri-size-minus4: -4px;
277
+ --lp-pri-size-minus2: -2px;
278
+ --lp-pri-size-0: 0px;
279
+ --lp-pri-size-1: 1px;
280
+ --lp-pri-size-2: 2px;
281
+ --lp-pri-size-3: 3px;
282
+ --lp-pri-size-4: 4px;
283
+ --lp-pri-size-6: 6px;
284
+ --lp-pri-size-8: 8px;
285
+ --lp-pri-size-10: 10px;
286
+ --lp-pri-size-12: 12px;
287
+ --lp-pri-size-14: 14px;
288
+ --lp-pri-size-16: 16px;
289
+ --lp-pri-size-18: 18px;
290
+ --lp-pri-size-20: 20px;
291
+ --lp-pri-size-24: 24px;
292
+ --lp-pri-size-32: 32px;
293
+ --lp-pri-size-40: 40px;
294
+ --lp-pri-size-48: 48px;
295
+ --lp-pri-size-56: 56px;
296
+ --lp-pri-size-64: 64px;
297
+ --lp-pri-size-80: 80px;
298
+ --lp-pri-size-100: 100px;
299
+ --lp-pri-size-120: 120px;
300
+ --lp-pri-size-140: 140px;
301
+ --lp-pri-size-160: 160px;
302
+ --lp-pri-size-180: 180px;
303
+ --lp-pri-size-200: 200px;
304
+
305
+ --lp-pri-opacity-80: 80%;
306
+ --lp-pri-opacity-72: 72%;
307
+ --lp-pri-opacity-64: 64%;
308
+ --lp-pri-opacity-56: 56%;
309
+ --lp-pri-opacity-50: 50%;
310
+ --lp-pri-opacity-48: 48%;
311
+ --lp-pri-opacity-44: 44%;
312
+ --lp-pri-opacity-40: 40%;
313
+ --lp-pri-opacity-36: 36%;
314
+ --lp-pri-opacity-32: 32%;
315
+ --lp-pri-opacity-28: 28%;
316
+ --lp-pri-opacity-24: 24%;
317
+ --lp-pri-opacity-20: 20%;
318
+ --lp-pri-opacity-16: 16%;
319
+ --lp-pri-opacity-12: 12%;
320
+ --lp-pri-opacity-8: 8%;
321
+ --lp-pri-opacity-4: 4%;
322
+ --lp-pri-opacity-1: 1%;
323
+ --lp-pri-opacity-0: 0%;
324
+
325
+ --lp-sys-padding-component-50: 2px;
326
+ --lp-sys-padding-component-100: 4px;
327
+ --lp-sys-padding-component-150: 6px;
328
+ --lp-sys-padding-component-200: 8px;
329
+ --lp-sys-padding-component-300: 12px;
330
+ --lp-sys-padding-component-400: 16px;
331
+ --lp-sys-padding-component-500: 20px;
332
+ --lp-sys-padding-component-600: 24px;
333
+ --lp-sys-padding-component-700: 32px;
334
+ --lp-sys-padding-component-800: 40px;
335
+ --lp-sys-padding-component-900: 48px;
336
+ --lp-sys-padding-section-50: 20px;
337
+ --lp-sys-padding-section-100: 24px;
338
+ --lp-sys-padding-section-200: 32px;
339
+ --lp-sys-padding-section-300: 40px;
340
+ --lp-sys-padding-section-400: 48px;
341
+ --lp-sys-padding-section-500: 56px;
342
+ --lp-sys-padding-section-600: 64px;
343
+ --lp-sys-padding-section-700: 80px;
344
+ --lp-sys-padding-section-800: 100px;
345
+ --lp-sys-padding-section-900: 120px;
346
+
347
+ --lp-sys-gap-positive-50: 2px;
348
+ --lp-sys-gap-positive-100: 4px;
349
+ --lp-sys-gap-positive-150: 6px;
350
+ --lp-sys-gap-positive-200: 8px;
351
+ --lp-sys-gap-positive-300: 12px;
352
+ --lp-sys-gap-positive-400: 16px;
353
+ --lp-sys-gap-positive-500: 20px;
354
+ --lp-sys-gap-positive-600: 24px;
355
+ --lp-sys-gap-positive-700: 32px;
356
+ --lp-sys-gap-positive-800: 40px;
357
+ --lp-sys-gap-positive-900: 48px;
358
+ --lp-sys-gap-negative-700: -2px;
359
+ --lp-sys-gap-negative-800: -4px;
360
+ --lp-sys-gap-negative-900: -6px;
361
+
362
+ --lp-pri-font-size-8: 8px;
363
+ --lp-pri-font-size-11: 11px;
364
+ --lp-pri-font-size-12: 12px;
365
+ --lp-pri-font-size-13: 13px;
366
+ --lp-pri-font-size-14: 14px;
367
+ --lp-pri-font-size-15: 15px;
368
+ --lp-pri-font-size-16: 16px;
369
+ --lp-pri-font-size-17: 17px;
370
+ --lp-pri-font-size-20: 20px;
371
+ --lp-pri-font-size-24: 24px;
372
+ --lp-pri-font-size-28: 28px;
373
+ --lp-pri-font-size-32: 32px;
374
+ --lp-pri-font-size-40: 40px;
375
+ --lp-pri-font-size-56: 56px;
376
+ --lp-pri-font-size-64: 64px;
377
+ --lp-pri-font-size-72: 72px;
378
+
379
+ --lp-pri-font-lineheight-120: 120%;
380
+ --lp-pri-font-lineheight-130: 130%;
381
+ --lp-pri-font-lineheight-150: 150%;
382
+ --lp-pri-font-lineheight-180: 180%;
383
+ --lp-pri-font-weight-300: 300;
384
+ --lp-pri-font-weight-350: 350;
385
+ --lp-pri-font-weight-400: 400;
386
+ --lp-pri-font-weight-500: 500;
387
+ --lp-pri-font-weight-700: 700;
388
+ --lp-pri-font-weight-800: 800;
389
+ --lp-pri-font-weight-900: 900;
390
+
391
+
392
+
393
+ --lp-sys-icon-size-xs: 16px;
394
+ --lp-sys-icon-size-s: 20px;
395
+ --lp-sys-icon-size-m: 24px;
396
+ --lp-sys-icon-size-l: 32px;
397
+ --lp-sys-icon-size-xl: 40px;
398
+
399
+ --lp-pri-breakpoint-xs: 0px;
400
+ --lp-pri-breakpoint-s: 600px;
401
+ --lp-pri-breakpoint-m: 1024px;
402
+ --lp-pri-breakpoint-l: 1366px;
403
+ --lp-pri-breakpoint-xl: 1536px;
404
+ --lp-pri-breakpoint-xxl: 1920px;
405
+ --lp-pri-breakpoint-xxxl: 2560px;
406
+
407
+ .lp-sys-typo-display2-accent-black { font-family: "Pretendard Variable";
408
+ font-size: var(--lp-pri-font-size-64);
409
+ font-weight: var(--lp-pri-font-weight-800);
410
+ line-height: var(--lp-pri-font-lineheight-120);}.lp-sys-typo-display3-accent-black { font-family: "Pretendard Variable";
411
+ font-size: var(--lp-pri-font-size-40);
412
+ font-weight: var(--lp-pri-font-weight-800);
413
+ line-height: var(--lp-pri-font-lineheight-120);}.lp-sys-typo-display2-normal-black { font-family: "Pretendard Variable";
414
+ font-size: var(--lp-pri-font-size-56);
415
+ font-weight: var(--lp-pri-font-weight-800);
416
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-display3-normal-black { font-family: "Pretendard Variable";
417
+ font-size: var(--lp-pri-font-size-40);
418
+ font-weight: var(--lp-pri-font-weight-800);
419
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-heading1-answer { font-family: "Pretendard Variable";
420
+ font-size: var(--lp-pri-font-size-28);
421
+ font-weight: var(--lp-pri-font-weight-700);
422
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-heading2-answer { font-family: "Pretendard Variable";
423
+ font-size: var(--lp-pri-font-size-24);
424
+ font-weight: var(--lp-pri-font-weight-700);
425
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-heading3-answer { font-family: "Pretendard Variable";
426
+ font-size: var(--lp-pri-font-size-20);
427
+ font-weight: var(--lp-pri-font-weight-700);
428
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-heading4-answer { font-family: "Pretendard Variable";
429
+ font-size: var(--lp-pri-font-size-17);
430
+ font-weight: var(--lp-pri-font-weight-700);
431
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-heading5-answer { font-family: "Pretendard Variable";
432
+ font-size: var(--lp-pri-font-size-17);
433
+ font-weight: var(--lp-pri-font-weight-700);
434
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-heading6-answer { font-family: "Pretendard Variable";
435
+ font-size: var(--lp-pri-font-size-17);
436
+ font-weight: var(--lp-pri-font-weight-700);
437
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-title1-accent-bold { font-family: "Pretendard Variable";
438
+ font-size: var(--lp-pri-font-size-32);
439
+ font-weight: var(--lp-pri-font-weight-700);
440
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title2-accent-bold { font-family: "Pretendard Variable";
441
+ font-size: var(--lp-pri-font-size-28);
442
+ font-weight: var(--lp-pri-font-weight-700);
443
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title3-accent-bold { font-family: "Pretendard Variable";
444
+ font-size: var(--lp-pri-font-size-24);
445
+ font-weight: var(--lp-pri-font-weight-700);
446
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title4-accent-bold { font-family: "Pretendard Variable";
447
+ font-size: var(--lp-pri-font-size-20);
448
+ font-weight: var(--lp-pri-font-weight-700);
449
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title1-accent-medium { font-family: "Pretendard Variable";
450
+ font-size: var(--lp-pri-font-size-32);
451
+ font-weight: var(--lp-pri-font-weight-500);
452
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title2-accent-medium { font-family: "Pretendard Variable";
453
+ font-size: var(--lp-pri-font-size-28);
454
+ font-weight: var(--lp-pri-font-weight-500);
455
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title3-accent-medium { font-family: "Pretendard Variable";
456
+ font-size: var(--lp-pri-font-size-24);
457
+ font-weight: var(--lp-pri-font-weight-500);
458
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title4-accent-medium { font-family: "Pretendard Variable";
459
+ font-size: var(--lp-pri-font-size-20);
460
+ font-weight: var(--lp-pri-font-weight-500);
461
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title1-normal-bold { font-family: "Pretendard Variable";
462
+ font-size: var(--lp-pri-font-size-32);
463
+ font-weight: var(--lp-pri-font-weight-700);
464
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title2-normal-bold { font-family: "Pretendard Variable";
465
+ font-size: var(--lp-pri-font-size-28);
466
+ font-weight: var(--lp-pri-font-weight-700);
467
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title3-normal-bold { font-family: "Pretendard Variable";
468
+ font-size: var(--lp-pri-font-size-24);
469
+ font-weight: var(--lp-pri-font-weight-700);
470
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title4-normal-bold { font-family: "Pretendard Variable";
471
+ font-size: var(--lp-pri-font-size-20);
472
+ font-weight: var(--lp-pri-font-weight-700);
473
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title1-normal-medium { font-family: "Pretendard Variable";
474
+ font-size: var(--lp-pri-font-size-32);
475
+ font-weight: var(--lp-pri-font-weight-500);
476
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title2-normal-medium { font-family: "Pretendard Variable";
477
+ font-size: var(--lp-pri-font-size-28);
478
+ font-weight: var(--lp-pri-font-weight-500);
479
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title3-normal-medium { font-family: "Pretendard Variable";
480
+ font-size: var(--lp-pri-font-size-24);
481
+ font-weight: var(--lp-pri-font-weight-500);
482
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title4-normal-medium { font-family: "Pretendard Variable";
483
+ font-size: var(--lp-pri-font-size-20);
484
+ font-weight: var(--lp-pri-font-weight-500);
485
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-bold { font-family: "Pretendard Variable";
486
+ font-size: var(--lp-pri-font-size-17);
487
+ font-weight: var(--lp-pri-font-weight-700);
488
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-bold { font-family: "Pretendard Variable";
489
+ font-size: var(--lp-pri-font-size-16);
490
+ font-weight: var(--lp-pri-font-weight-700);
491
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-bold { font-family: "Pretendard Variable";
492
+ font-size: var(--lp-pri-font-size-15);
493
+ font-weight: var(--lp-pri-font-weight-700);
494
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-medium { font-family: "Pretendard Variable";
495
+ font-size: var(--lp-pri-font-size-17);
496
+ font-weight: var(--lp-pri-font-weight-500);
497
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-medium { font-family: "Pretendard Variable";
498
+ font-size: var(--lp-pri-font-size-16);
499
+ font-weight: var(--lp-pri-font-weight-500);
500
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-medium { font-family: "Pretendard Variable";
501
+ font-size: var(--lp-pri-font-size-15);
502
+ font-weight: var(--lp-pri-font-weight-500);
503
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-regular { font-family: "Pretendard Variable";
504
+ font-size: var(--lp-pri-font-size-17);
505
+ font-weight: var(--lp-pri-font-weight-350);
506
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-regular { font-family: "Pretendard Variable";
507
+ font-size: var(--lp-pri-font-size-16);
508
+ font-weight: var(--lp-pri-font-weight-350);
509
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-regular { font-family: "Pretendard Variable";
510
+ font-size: var(--lp-pri-font-size-15);
511
+ font-weight: var(--lp-pri-font-weight-350);
512
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-normal-bold { font-family: "Pretendard Variable";
513
+ font-size: var(--lp-pri-font-size-17);
514
+ font-weight: var(--lp-pri-font-weight-700);
515
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-normal-bold { font-family: "Pretendard Variable";
516
+ font-size: var(--lp-pri-font-size-16);
517
+ font-weight: var(--lp-pri-font-weight-700);
518
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-normal-bold { font-family: "Pretendard Variable";
519
+ font-size: var(--lp-pri-font-size-15);
520
+ font-weight: var(--lp-pri-font-weight-700);
521
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph4-normal-bold { font-family: "Pretendard Variable";
522
+ font-size: var(--lp-pri-font-size-14);
523
+ font-weight: var(--lp-pri-font-weight-700);
524
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-normal-medium { font-family: "Pretendard Variable";
525
+ font-size: var(--lp-pri-font-size-17);
526
+ font-weight: var(--lp-pri-font-weight-500);
527
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-normal-medium { font-family: "Pretendard Variable";
528
+ font-size: var(--lp-pri-font-size-16);
529
+ font-weight: var(--lp-pri-font-weight-500);
530
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-normal-medium { font-family: "Pretendard Variable";
531
+ font-size: var(--lp-pri-font-size-15);
532
+ font-weight: var(--lp-pri-font-weight-500);
533
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph4-normal-medium { font-family: "Pretendard Variable";
534
+ font-size: var(--lp-pri-font-size-14);
535
+ font-weight: var(--lp-pri-font-weight-500);
536
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-normal-regular { font-family: "Pretendard Variable";
537
+ font-size: var(--lp-pri-font-size-17);
538
+ font-weight: var(--lp-pri-font-weight-350);
539
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-normal-regular { font-family: "Pretendard Variable";
540
+ font-size: var(--lp-pri-font-size-16);
541
+ font-weight: var(--lp-pri-font-weight-350);
542
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-normal-regular { font-family: "Pretendard Variable";
543
+ font-size: var(--lp-pri-font-size-15);
544
+ font-weight: var(--lp-pri-font-weight-350);
545
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph4-normal-regular { font-family: "Pretendard Variable";
546
+ font-size: var(--lp-pri-font-size-14);
547
+ font-weight: var(--lp-pri-font-weight-350);
548
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-post-regular { font-family: "Pretendard Variable";
549
+ font-size: var(--lp-pri-font-size-17);
550
+ font-weight: var(--lp-pri-font-weight-350);
551
+ line-height: var(--lp-pri-font-lineheight-150);}.lp-sys-typo-paragraph3-post-regular { font-family: "Pretendard Variable";
552
+ font-size: var(--lp-pri-font-size-15);
553
+ font-weight: var(--lp-pri-font-weight-350);
554
+ line-height: var(--lp-pri-font-lineheight-150);}.lp-sys-typo-paragraph1-answer-bold { font-family: "Pretendard Variable";
555
+ font-size: var(--lp-pri-font-size-16);
556
+ font-weight: var(--lp-pri-font-weight-800);
557
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-paragraph1-answer-regular { font-family: "Pretendard Variable";
558
+ font-size: var(--lp-pri-font-size-16);
559
+ font-weight: var(--lp-pri-font-weight-350);
560
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-caption1-normal-bold { font-family: "Pretendard Variable";
561
+ font-size: var(--lp-pri-font-size-13);
562
+ font-weight: var(--lp-pri-font-weight-700);
563
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-caption2-normal-bold { font-family: "Pretendard Variable";
564
+ font-size: var(--lp-pri-font-size-12);
565
+ font-weight: var(--lp-pri-font-weight-700);
566
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-caption3-normal-bold { font-family: "Pretendard Variable";
567
+ font-size: var(--lp-pri-font-size-11);
568
+ font-weight: var(--lp-pri-font-weight-700);
569
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-caption1-normal-medium { font-family: "Pretendard Variable";
570
+ font-size: var(--lp-pri-font-size-13);
571
+ font-weight: var(--lp-pri-font-weight-500);
572
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-caption2-normal-medium { font-family: "Pretendard Variable";
573
+ font-size: var(--lp-pri-font-size-12);
574
+ font-weight: var(--lp-pri-font-weight-500);
575
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-caption3-normal-medium { font-family: "Pretendard Variable";
576
+ font-size: var(--lp-pri-font-size-11);
577
+ font-weight: var(--lp-pri-font-weight-500);
578
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-caption1-normal-regular { font-family: "Pretendard Variable";
579
+ font-size: var(--lp-pri-font-size-13);
580
+ font-weight: var(--lp-pri-font-weight-350);
581
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-caption2-normal-regular { font-family: "Pretendard Variable";
582
+ font-size: var(--lp-pri-font-size-12);
583
+ font-weight: var(--lp-pri-font-weight-350);
584
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-caption3-normal-regular { font-family: "Pretendard Variable";
585
+ font-size: var(--lp-pri-font-size-11);
586
+ font-weight: var(--lp-pri-font-weight-350);
587
+ line-height: var(--lp-pri-font-lineheight-130);}
588
+ }
589
+
590
+
591
+
592
+ :root[color-theme='dark'],
593
+ :root[class='dark'] {
594
+ --neutral-container-lowest: var(--lp-pri-gray-cool-100);
595
+ --neutral-container-lowest-hover: var(--lp-pri-gray-cool-200);
596
+ --neutral-container-low: var(--lp-pri-gray-cool-200);
597
+ --neutral-container-low-hover: var(--lp-pri-gray-cool-250);
598
+ --neutral-container-mid: var(--lp-pri-gray-cool-250);
599
+ --neutral-container-mid-hover: var(--lp-pri-gray-cool-300);
600
+ --neutral-container-high: var(--lp-pri-gray-cool-250);
601
+ --neutral-container-high-hover: var(--lp-pri-gray-cool-300);
602
+ --neutral-container-highest: var(--lp-pri-gray-cool-300);
603
+ --neutral-container-static-lowest: var(--lp-pri-achromatic-white);
604
+ --neutral-container-static-lowest-hover: var(--lp-pri-gray-cool-900);
605
+ --neutral-fill-lowest: var(--lp-pri-gray-cool-dark-alpha-0);
606
+ --neutral-fill-lowest-hover: var(--lp-pri-gray-cool-dark-alpha-12);
607
+ --neutral-fill-low: var(--lp-pri-gray-cool-dark-alpha-20);
608
+ --neutral-fill-low-hover: var(--lp-pri-gray-cool-dark-alpha-8);
609
+ --neutral-fill-mid: var(--lp-pri-gray-cool-dark-alpha-16);
610
+ --neutral-fill-mid-hover: var(--lp-pri-gray-cool-dark-alpha-32);
611
+ --neutral-fill-high: var(--lp-pri-gray-cool-dark-alpha-32);
612
+ --neutral-fill-high-hover: var(--lp-pri-gray-cool-dark-alpha-44);
613
+ --neutral-fill-highest: var(--lp-pri-gray-cool-dark-alpha-72);
614
+ --neutral-label-primary: var(--lp-pri-achromatic-white);
615
+ --neutral-label-secondary: var(--lp-pri-gray-cool-light-alpha-64);
616
+ --neutral-label-tertiary: var(--lp-pri-gray-cool-light-alpha-32);
617
+ --neutral-label-quaternary: var(--lp-pri-gray-cool-light-alpha-20);
618
+ --neutral-label-static-primary: var(--lp-pri-gray-cool-100);
619
+ --neutral-label-static-secondary: var(--lp-pri-gray-cool-dark-alpha-80);
620
+ --neutral-border-overlay-strong: var(--lp-pri-gray-cool-light-alpha-64);
621
+ --neutral-border-overlay-normal: var(--lp-pri-gray-cool-light-alpha-28);
622
+ --neutral-border-overlay-subtle: var(--lp-pri-gray-cool-light-alpha-20);
623
+ --neutral-border-opaque-strong: var(--lp-pri-achromatic-white);
624
+ --neutral-border-opaque-normal: var(--lp-pri-gray-cool-350);
625
+ --neutral-border-opaque-subtle: var(--lp-pri-gray-cool-250);
626
+ --inverse-container-lowest: var(--lp-pri-achromatic-white);
627
+ --inverse-container-lowest-hover: var(--lp-pri-gray-cool-970);
628
+ --inverse-container-low: var(--lp-pri-gray-cool-980);
629
+ --inverse-container-low-hover: var(--lp-pri-gray-cool-970);
630
+ --inverse-container-mid: var(--lp-pri-gray-cool-970);
631
+ --inverse-container-mid-hover: var(--lp-pri-gray-cool-940);
632
+ --inverse-container-high: var(--lp-pri-gray-cool-940);
633
+ --inverse-container-high-hover: var(--lp-pri-gray-cool-900);
634
+ --inverse-container-static-high: var(--lp-pri-gray-cool-250);
635
+ --inverse-container-static-high-hover: var(--lp-pri-gray-cool-350);
636
+ --inverse-container-highest: var(--lp-pri-gray-cool-920);
637
+ --inverse-fill-mid: var(--lp-pri-gray-cool-light-alpha-24);
638
+ --inverse-fill-mid-hover: var(--lp-pri-gray-cool-light-alpha-0);
639
+ --inverse-label-primary: var(--lp-pri-gray-cool-100);
640
+ --inverse-label-secondary: var(--lp-pri-gray-cool-dark-alpha-80);
641
+ --inverse-label-tertiary: var(--lp-pri-gray-cool-dark-alpha-48);
642
+ --inverse-label-quaternary: var(--lp-pri-gray-cool-dark-alpha-24);
643
+ --inverse-label-static-primary: var(--lp-pri-achromatic-white);
644
+ --inverse-label-static-secondary: var(--lp-pri-gray-cool-light-alpha-64);
645
+ --inverse-border-overlay-strong: var(--lp-pri-gray-cool-dark-alpha-64);
646
+ --inverse-border-overlay-normal: var(--lp-pri-gray-cool-dark-alpha-24);
647
+ --inverse-border-overlay-subtle: var(--lp-pri-gray-cool-dark-alpha-16);
648
+ --inverse-border-opaque-strong: var(--lp-pri-gray-cool-100);
649
+ --inverse-border-opaque-normal: var(--lp-pri-gray-cool-850);
650
+ --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);
651
+ --brand-container-mid: var(--lp-pri-brand-original-500);
652
+ --brand-container-mid-hover: var(--lp-pri-brand-original-600);
653
+ --brand-container-high: var(--lp-pri-brand-original-400);
654
+ --brand-label-primary: var(--lp-pri-brand-variation-500);
655
+ --brand-label-secondary: var(--lp-pri-brand-original-alpha-80);
656
+ --brand-border-opaque-normal: var(--lp-pri-brand-original-500);
657
+ --brand-border-overlay-normal: var(--lp-pri-brand-original-alpha-20);
658
+ --accent-yellow: var(--lp-pri-rainbow-yellow-600);
659
+ --accent-mint: var(--lp-pri-rainbow-mint-600);
660
+ --accent-cyan: var(--lp-pri-rainbow-cyan-600);
661
+ --accent-purple: var(--lp-pri-rainbow-purple-600);
662
+ --accent-pink: var(--lp-pri-rainbow-pink-600);
663
+ --function-container-positive: var(--lp-pri-rainbow-green-600);
664
+ --function-container-negative: var(--lp-pri-rainbow-red-500);
665
+ --function-container-negative-hover: var(--lp-pri-rainbow-red-600);
666
+ --function-container-caution: var(--lp-pri-rainbow-orange-500);
667
+ --function-container-highlight: var(--lp-pri-rainbow-yellow-100);
668
+ --function-container-selection: var(--lp-pri-brand-variation-100);
669
+ --function-label-positive: var(--lp-pri-rainbow-green-600);
670
+ --function-label-negative: var(--lp-pri-rainbow-red-500);
671
+ --function-label-caution: var(--lp-pri-rainbow-orange-500);
672
+ --cover-dim-page: var(--lp-pri-achromatic-black-alpha-56);
673
+
674
+ --lp-sys-shadow-normal: 0px 2px 12px 0px rgba(0, 0, 0, 0.24), 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
675
+ --lp-sys-shadow-strong: 0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24);
676
+ --lp-sys-shadow-heavy: 0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24);
677
+ }
678
+
679
+
680
+
681
+
682
+ :root[color-theme='light'],
683
+ :root[class='light'] {
684
+ --neutral-container-lowest: var(--lp-pri-achromatic-white);
685
+ --neutral-container-lowest-hover: var(--lp-pri-gray-cool-970);
686
+ --neutral-container-low: var(--lp-pri-gray-cool-980);
687
+ --neutral-container-low-hover: var(--lp-pri-gray-cool-970);
688
+ --neutral-container-mid: var(--lp-pri-gray-cool-970);
689
+ --neutral-container-mid-hover: var(--lp-pri-gray-cool-940);
690
+ --neutral-container-high: var(--lp-pri-gray-cool-940);
691
+ --neutral-container-high-hover: var(--lp-pri-gray-cool-900);
692
+ --neutral-container-highest: var(--lp-pri-gray-cool-920);
693
+ --neutral-container-static-lowest: var(--lp-pri-achromatic-white);
694
+ --neutral-container-static-lowest-hover: var(--lp-pri-gray-cool-970);
695
+ --neutral-fill-lowest: var(--lp-pri-gray-cool-dark-alpha-0);
696
+ --neutral-fill-lowest-hover: var(--lp-pri-gray-cool-dark-alpha-6);
697
+ --neutral-fill-low: var(--lp-pri-gray-cool-dark-alpha-8);
698
+ --neutral-fill-low-hover: var(--lp-pri-gray-cool-dark-alpha-4);
699
+ --neutral-fill-mid: var(--lp-pri-gray-cool-dark-alpha-8);
700
+ --neutral-fill-mid-hover: var(--lp-pri-gray-cool-dark-alpha-16);
701
+ --neutral-fill-high: var(--lp-pri-gray-cool-dark-alpha-20);
702
+ --neutral-fill-high-hover: var(--lp-pri-gray-cool-dark-alpha-28);
703
+ --neutral-fill-highest: var(--lp-pri-gray-cool-dark-alpha-72);
704
+ --neutral-label-primary: var(--lp-pri-gray-cool-100);
705
+ --neutral-label-secondary: var(--lp-pri-gray-cool-dark-alpha-80);
706
+ --neutral-label-tertiary: var(--lp-pri-gray-cool-dark-alpha-48);
707
+ --neutral-label-quaternary: var(--lp-pri-gray-cool-dark-alpha-24);
708
+ --neutral-label-static-primary: var(--lp-pri-gray-cool-100);
709
+ --neutral-label-static-secondary: var(--lp-pri-gray-cool-dark-alpha-80);
710
+ --neutral-border-overlay-strong: var(--lp-pri-gray-cool-dark-alpha-64);
711
+ --neutral-border-overlay-normal: var(--lp-pri-gray-cool-dark-alpha-24);
712
+ --neutral-border-overlay-subtle: var(--lp-pri-gray-cool-dark-alpha-16);
713
+ --neutral-border-opaque-strong: var(--lp-pri-gray-cool-100);
714
+ --neutral-border-opaque-normal: var(--lp-pri-gray-cool-850);
715
+ --neutral-border-opaque-subtle: var(--lp-pri-gray-cool-920);
716
+ --inverse-container-lowest: var(--lp-pri-gray-cool-100);
717
+ --inverse-container-lowest-hover: var(--lp-pri-gray-cool-200);
718
+ --inverse-container-low: var(--lp-pri-gray-cool-200);
719
+ --inverse-container-low-hover: var(--lp-pri-gray-cool-250);
720
+ --inverse-container-mid: var(--lp-pri-gray-cool-200);
721
+ --inverse-container-mid-hover: var(--lp-pri-gray-cool-300);
722
+ --inverse-container-high: var(--lp-pri-gray-cool-250);
723
+ --inverse-container-high-hover: var(--lp-pri-gray-cool-300);
724
+ --inverse-container-static-high: var(--lp-pri-gray-cool-250);
725
+ --inverse-container-static-high-hover: var(--lp-pri-gray-cool-350);
726
+ --inverse-container-highest: var(--lp-pri-gray-cool-300);
727
+ --inverse-fill-mid: var(--lp-pri-achromatic-white);
728
+ --inverse-fill-mid-hover: var(--lp-pri-gray-cool-970);
729
+ --inverse-label-primary: var(--lp-pri-achromatic-white);
730
+ --inverse-label-secondary: var(--lp-pri-gray-cool-light-alpha-64);
731
+ --inverse-label-tertiary: var(--lp-pri-gray-cool-light-alpha-32);
732
+ --inverse-label-quaternary: var(--lp-pri-gray-cool-light-alpha-20);
733
+ --inverse-label-static-primary: var(--lp-pri-achromatic-white);
734
+ --inverse-label-static-secondary: var(--lp-pri-gray-cool-light-alpha-64);
735
+ --inverse-border-overlay-strong: var(--lp-pri-gray-cool-light-alpha-64);
736
+ --inverse-border-overlay-normal: var(--lp-pri-gray-cool-light-alpha-28);
737
+ --inverse-border-overlay-subtle: var(--lp-pri-gray-cool-light-alpha-20);
738
+ --inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
739
+ --inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
740
+ --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-250);
741
+ --brand-container-mid: var(--lp-pri-brand-original-500);
742
+ --brand-container-mid-hover: var(--lp-pri-brand-original-400);
743
+ --brand-container-high: var(--lp-pri-brand-original-400);
744
+ --brand-label-primary: var(--lp-pri-brand-original-500);
745
+ --brand-label-secondary: var(--lp-pri-brand-original-alpha-80);
746
+ --brand-border-opaque-normal: var(--lp-pri-brand-original-500);
747
+ --brand-border-overlay-normal: var(--lp-pri-brand-original-alpha-20);
748
+ --accent-yellow: var(--lp-pri-rainbow-yellow-500);
749
+ --accent-mint: var(--lp-pri-rainbow-mint-500);
750
+ --accent-cyan: var(--lp-pri-rainbow-cyan-500);
751
+ --accent-purple: var(--lp-pri-rainbow-purple-500);
752
+ --accent-pink: var(--lp-pri-rainbow-pink-500);
753
+ --function-container-positive: var(--lp-pri-rainbow-green-500);
754
+ --function-container-negative: var(--lp-pri-rainbow-red-500);
755
+ --function-container-negative-hover: var(--lp-pri-rainbow-red-400);
756
+ --function-container-caution: var(--lp-pri-rainbow-orange-500);
757
+ --function-container-highlight: var(--lp-pri-rainbow-yellow-900);
758
+ --function-container-selection: var(--lp-pri-brand-variation-950);
759
+ --function-label-positive: var(--lp-pri-rainbow-green-500);
760
+ --function-label-negative: var(--lp-pri-rainbow-red-500);
761
+ --function-label-caution: var(--lp-pri-rainbow-orange-500);
762
+ --cover-dim-page: var(--lp-pri-achromatic-black-alpha-56);
763
+
764
+
765
+ --lp-sys-shadow-normal: 0px 2px 12px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.06);
766
+ --lp-sys-shadow-strong: 0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
767
+ --lp-sys-shadow-heavy: 0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
768
+ }
769
+
770
+
771
+ :root[lang="en"] {
772
+ .lp-sys-typo-display2-accent-black { font-family: "Merriweather", serif;
773
+ font-size: var(--lp-pri-font-size-64);
774
+ font-weight: var(--lp-pri-font-weight-900);
775
+ line-height: var(--lp-pri-font-lineheight-120);}.lp-sys-typo-display3-accent-black { font-family: "Merriweather", serif;
776
+ font-size: var(--lp-pri-font-size-40);
777
+ font-weight: var(--lp-pri-font-weight-900);
778
+ line-height: var(--lp-pri-font-lineheight-120);}.lp-sys-typo-title1-accent-bold { font-family: "Merriweather", serif;
779
+ font-size: var(--lp-pri-font-size-32);
780
+ font-weight: var(--lp-pri-font-weight-700);
781
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title2-accent-bold { font-family: "Merriweather", serif;
782
+ font-size: var(--lp-pri-font-size-28);
783
+ font-weight: var(--lp-pri-font-weight-700);
784
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title3-accent-bold { font-family: "Merriweather", serif;
785
+ font-size: var(--lp-pri-font-size-24);
786
+ font-weight: var(--lp-pri-font-weight-700);
787
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title4-accent-bold { font-family: "Merriweather", serif;
788
+ font-size: var(--lp-pri-font-size-20);
789
+ font-weight: var(--lp-pri-font-weight-700);
790
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title1-accent-medium { font-family: "Merriweather", serif;
791
+ font-size: var(--lp-pri-font-size-32);
792
+ font-weight: var(--lp-pri-font-weight-500);
793
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title2-accent-medium { font-family: "Merriweather", serif;
794
+ font-size: var(--lp-pri-font-size-28);
795
+ font-weight: var(--lp-pri-font-weight-500);
796
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title3-accent-medium { font-family: "Merriweather", serif;
797
+ font-size: var(--lp-pri-font-size-24);
798
+ font-weight: var(--lp-pri-font-weight-500);
799
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title4-accent-medium { font-family: "Merriweather", serif;
800
+ font-size: var(--lp-pri-font-size-20);
801
+ font-weight: var(--lp-pri-font-weight-500);
802
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-bold { font-family: "Merriweather", serif;
803
+ font-size: var(--lp-pri-font-size-17);
804
+ font-weight: var(--lp-pri-font-weight-700);
805
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-bold { font-family: "Pretendard Variable";
806
+ font-size: var(--lp-pri-font-size-16);
807
+ font-weight: var(--lp-pri-font-weight-700);
808
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-bold { font-family: "Pretendard Variable";
809
+ font-size: var(--lp-pri-font-size-15);
810
+ font-weight: var(--lp-pri-font-weight-700);
811
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-medium { font-family: "Merriweather", serif;
812
+ font-size: var(--lp-pri-font-size-17);
813
+ font-weight: var(--lp-pri-font-weight-500);
814
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-medium { font-family: "Merriweather", serif;
815
+ font-size: var(--lp-pri-font-size-16);
816
+ font-weight: var(--lp-pri-font-weight-500);
817
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-medium { font-family: "Merriweather", serif;
818
+ font-size: var(--lp-pri-font-size-15);
819
+ font-weight: var(--lp-pri-font-weight-500);
820
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-regular { font-family: "Merriweather", serif;
821
+ font-size: var(--lp-pri-font-size-17);
822
+ font-weight: var(--lp-pri-font-weight-300);
823
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-regular { font-family: "Merriweather", serif;
824
+ font-size: var(--lp-pri-font-size-16);
825
+ font-weight: var(--lp-pri-font-weight-300);
826
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-regular { font-family: "Merriweather", serif;
827
+ font-size: var(--lp-pri-font-size-15);
828
+ font-weight: var(--lp-pri-font-weight-300);
829
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-display2-normal-black { font-family: "Pretendard Variable";
830
+ font-size: var(--lp-pri-font-size-56);
831
+ font-weight: var(--lp-pri-font-weight-800);
832
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-answer-bold { font-family: "Merriweather", serif;
833
+ font-size: var(--lp-pri-font-size-16);
834
+ font-weight: var(--lp-pri-font-weight-800);
835
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-paragraph1-answer-regular { font-family: "Merriweather", serif;
836
+ font-size: var(--lp-pri-font-size-16);
837
+ font-weight: var(--lp-pri-font-weight-350);
838
+ line-height: var(--lp-pri-font-lineheight-180);}
839
+ }
840
+ :root[lang="default"] {
841
+ .lp-sys-typo-display2-accent-black { font-family: "Merriweather", serif;
842
+ font-size: var(--lp-pri-font-size-64);
843
+ font-weight: var(--lp-pri-font-weight-900);
844
+ line-height: var(--lp-pri-font-lineheight-120);}.lp-sys-typo-display3-accent-black { font-family: "Merriweather", serif;
845
+ font-size: var(--lp-pri-font-size-40);
846
+ font-weight: var(--lp-pri-font-weight-900);
847
+ line-height: var(--lp-pri-font-lineheight-120);}.lp-sys-typo-title1-accent-bold { font-family: "Merriweather", serif;
848
+ font-size: var(--lp-pri-font-size-32);
849
+ font-weight: var(--lp-pri-font-weight-700);
850
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title2-accent-bold { font-family: "Merriweather", serif;
851
+ font-size: var(--lp-pri-font-size-28);
852
+ font-weight: var(--lp-pri-font-weight-700);
853
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title3-accent-bold { font-family: "Merriweather", serif;
854
+ font-size: var(--lp-pri-font-size-24);
855
+ font-weight: var(--lp-pri-font-weight-700);
856
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title4-accent-bold { font-family: "Merriweather", serif;
857
+ font-size: var(--lp-pri-font-size-20);
858
+ font-weight: var(--lp-pri-font-weight-700);
859
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title1-accent-medium { font-family: "Merriweather", serif;
860
+ font-size: var(--lp-pri-font-size-32);
861
+ font-weight: var(--lp-pri-font-weight-500);
862
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title2-accent-medium { font-family: "Merriweather", serif;
863
+ font-size: var(--lp-pri-font-size-28);
864
+ font-weight: var(--lp-pri-font-weight-500);
865
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title3-accent-medium { font-family: "Merriweather", serif;
866
+ font-size: var(--lp-pri-font-size-24);
867
+ font-weight: var(--lp-pri-font-weight-500);
868
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-title4-accent-medium { font-family: "Merriweather", serif;
869
+ font-size: var(--lp-pri-font-size-20);
870
+ font-weight: var(--lp-pri-font-weight-500);
871
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-bold { font-family: "Merriweather", serif;
872
+ font-size: var(--lp-pri-font-size-17);
873
+ font-weight: var(--lp-pri-font-weight-700);
874
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-bold { font-family: "Pretendard Variable";
875
+ font-size: var(--lp-pri-font-size-16);
876
+ font-weight: var(--lp-pri-font-weight-700);
877
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-bold { font-family: "Pretendard Variable";
878
+ font-size: var(--lp-pri-font-size-15);
879
+ font-weight: var(--lp-pri-font-weight-700);
880
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-medium { font-family: "Merriweather", serif;
881
+ font-size: var(--lp-pri-font-size-17);
882
+ font-weight: var(--lp-pri-font-weight-500);
883
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-medium { font-family: "Merriweather", serif;
884
+ font-size: var(--lp-pri-font-size-16);
885
+ font-weight: var(--lp-pri-font-weight-500);
886
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-medium { font-family: "Merriweather", serif;
887
+ font-size: var(--lp-pri-font-size-15);
888
+ font-weight: var(--lp-pri-font-weight-500);
889
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-accent-regular { font-family: "Merriweather", serif;
890
+ font-size: var(--lp-pri-font-size-17);
891
+ font-weight: var(--lp-pri-font-weight-300);
892
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph2-accent-regular { font-family: "Merriweather", serif;
893
+ font-size: var(--lp-pri-font-size-16);
894
+ font-weight: var(--lp-pri-font-weight-300);
895
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph3-accent-regular { font-family: "Merriweather", serif;
896
+ font-size: var(--lp-pri-font-size-15);
897
+ font-weight: var(--lp-pri-font-weight-300);
898
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-display2-normal-black { font-family: "Pretendard Variable";
899
+ font-size: var(--lp-pri-font-size-56);
900
+ font-weight: var(--lp-pri-font-weight-800);
901
+ line-height: var(--lp-pri-font-lineheight-130);}.lp-sys-typo-paragraph1-answer-bold { font-family: "Merriweather", serif;
902
+ font-size: var(--lp-pri-font-size-16);
903
+ font-weight: var(--lp-pri-font-weight-800);
904
+ line-height: var(--lp-pri-font-lineheight-180);}.lp-sys-typo-paragraph1-answer-regular { font-family: "Merriweather", serif;
905
+ font-size: var(--lp-pri-font-size-16);
906
+ font-weight: var(--lp-pri-font-weight-350);
907
+ line-height: var(--lp-pri-font-lineheight-180);}
908
+ }