@liner-fe/design-token 2.3.30 → 2.4.1

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 (18) hide show
  1. package/lib/generated/classNames.d.ts +0 -17
  2. package/lib/index.css +49 -330
  3. package/lib/index.css.map +2 -2
  4. package/lib/index.d.ts +0 -2
  5. package/lib/index.js +1 -500
  6. package/lib/index.js.map +4 -4
  7. package/package.json +2 -2
  8. package/src/generated/classNames.ts +1 -1
  9. package/src/index.ts +0 -2
  10. package/src/style/global.css +193 -225
  11. package/lib/helpers/getTypoStyle.d.ts +0 -2
  12. package/lib/helpers/primitive.d.ts +0 -35
  13. package/lib/helpers/typography/index.d.ts +0 -13
  14. package/lib/types/types.d.ts +0 -18
  15. package/src/helpers/getTypoStyle.ts +0 -35
  16. package/src/helpers/primitive.ts +0 -37
  17. package/src/helpers/typography/index.ts +0 -493
  18. package/src/types/types.ts +0 -98
package/lib/generated/classNames.d.ts CHANGED
@@ -1,9 +1,5 @@
1
1
  export declare const classNames: {
2
2
  typography: {
3
- "lp-sys-typo-display2-accent-black": string;
4
- "lp-sys-typo-display3-accent-black": string;
5
- "lp-sys-typo-display2-normal-black": string;
6
- "lp-sys-typo-display3-normal-black": string;
7
3
  "lp-sys-typo-heading1-answer": string;
8
4
  "lp-sys-typo-heading2-answer": string;
9
5
  "lp-sys-typo-heading3-answer": string;
@@ -14,10 +10,6 @@ export declare const classNames: {
14
10
  "lp-sys-typo-title2-accent-bold": string;
15
11
  "lp-sys-typo-title3-accent-bold": string;
16
12
  "lp-sys-typo-title4-accent-bold": string;
17
- "lp-sys-typo-title1-accent-medium": string;
18
- "lp-sys-typo-title2-accent-medium": string;
19
- "lp-sys-typo-title3-accent-medium": string;
20
- "lp-sys-typo-title4-accent-medium": string;
21
13
  "lp-sys-typo-title1-normal-bold": string;
22
14
  "lp-sys-typo-title2-normal-bold": string;
23
15
  "lp-sys-typo-title3-normal-bold": string;
@@ -26,15 +18,6 @@ export declare const classNames: {
26
18
  "lp-sys-typo-title2-normal-medium": string;
27
19
  "lp-sys-typo-title3-normal-medium": string;
28
20
  "lp-sys-typo-title4-normal-medium": string;
29
- "lp-sys-typo-paragraph1-accent-bold": string;
30
- "lp-sys-typo-paragraph2-accent-bold": string;
31
- "lp-sys-typo-paragraph3-accent-bold": string;
32
- "lp-sys-typo-paragraph1-accent-medium": string;
33
- "lp-sys-typo-paragraph2-accent-medium": string;
34
- "lp-sys-typo-paragraph3-accent-medium": string;
35
- "lp-sys-typo-paragraph1-accent-regular": string;
36
- "lp-sys-typo-paragraph2-accent-regular": string;
37
- "lp-sys-typo-paragraph3-accent-regular": string;
38
21
  "lp-sys-typo-paragraph1-normal-bold": string;
39
22
  "lp-sys-typo-paragraph2-normal-bold": string;
40
23
  "lp-sys-typo-paragraph3-normal-bold": string;
package/lib/index.css CHANGED
@@ -316,9 +316,13 @@
316
316
  --lp-pri-font-size-16: 16px;
317
317
  --lp-pri-font-size-17: 17px;
318
318
  --lp-pri-font-size-20: 20px;
319
+ --lp-pri-font-size-22: 22px;
319
320
  --lp-pri-font-size-24: 24px;
321
+ --lp-pri-font-size-26: 26px;
320
322
  --lp-pri-font-size-28: 28px;
323
+ --lp-pri-font-size-30: 30px;
321
324
  --lp-pri-font-size-32: 32px;
325
+ --lp-pri-font-size-34: 34px;
322
326
  --lp-pri-font-size-40: 40px;
323
327
  --lp-pri-font-size-56: 56px;
324
328
  --lp-pri-font-size-64: 64px;
@@ -331,6 +335,7 @@
331
335
  --lp-pri-font-weight-350: 350;
332
336
  --lp-pri-font-weight-400: 400;
333
337
  --lp-pri-font-weight-500: 500;
338
+ --lp-pri-font-weight-600: 600;
334
339
  --lp-pri-font-weight-700: 700;
335
340
  --lp-pri-font-weight-800: 800;
336
341
  --lp-pri-font-weight-900: 900;
@@ -339,30 +344,6 @@
339
344
  --lp-sys-icon-size-m: 24px;
340
345
  --lp-sys-icon-size-l: 32px;
341
346
  --lp-sys-icon-size-xl: 40px;
342
- .lp-sys-typo-display2-accent-black {
343
- font-family: "Pretendard Variable";
344
- font-size: var(--lp-pri-font-size-64);
345
- font-weight: var(--lp-pri-font-weight-800);
346
- line-height: var(--lp-pri-font-lineheight-120);
347
- }
348
- .lp-sys-typo-display3-accent-black {
349
- font-family: "Pretendard Variable";
350
- font-size: var(--lp-pri-font-size-40);
351
- font-weight: var(--lp-pri-font-weight-800);
352
- line-height: var(--lp-pri-font-lineheight-120);
353
- }
354
- .lp-sys-typo-display2-normal-black {
355
- font-family: "Pretendard Variable";
356
- font-size: var(--lp-pri-font-size-56);
357
- font-weight: var(--lp-pri-font-weight-800);
358
- line-height: var(--lp-pri-font-lineheight-130);
359
- }
360
- .lp-sys-typo-display3-normal-black {
361
- font-family: "Pretendard Variable";
362
- font-size: var(--lp-pri-font-size-40);
363
- font-weight: var(--lp-pri-font-weight-800);
364
- line-height: var(--lp-pri-font-lineheight-130);
365
- }
366
347
  .lp-sys-typo-heading1-answer {
367
348
  font-family: "Pretendard Variable";
368
349
  font-size: var(--lp-pri-font-size-28);
@@ -402,49 +383,25 @@
402
383
  .lp-sys-typo-title1-accent-bold {
403
384
  font-family: "Pretendard Variable";
404
385
  font-size: var(--lp-pri-font-size-32);
405
- font-weight: var(--lp-pri-font-weight-700);
386
+ font-weight: var(--lp-pri-font-weight-600);
406
387
  line-height: var(--lp-pri-font-lineheight-130);
407
388
  }
408
389
  .lp-sys-typo-title2-accent-bold {
409
390
  font-family: "Pretendard Variable";
410
391
  font-size: var(--lp-pri-font-size-28);
411
- font-weight: var(--lp-pri-font-weight-700);
392
+ font-weight: var(--lp-pri-font-weight-600);
412
393
  line-height: var(--lp-pri-font-lineheight-130);
413
394
  }
414
395
  .lp-sys-typo-title3-accent-bold {
415
396
  font-family: "Pretendard Variable";
416
397
  font-size: var(--lp-pri-font-size-24);
417
- font-weight: var(--lp-pri-font-weight-700);
398
+ font-weight: var(--lp-pri-font-weight-600);
418
399
  line-height: var(--lp-pri-font-lineheight-130);
419
400
  }
420
401
  .lp-sys-typo-title4-accent-bold {
421
402
  font-family: "Pretendard Variable";
422
403
  font-size: var(--lp-pri-font-size-20);
423
- font-weight: var(--lp-pri-font-weight-700);
424
- line-height: var(--lp-pri-font-lineheight-130);
425
- }
426
- .lp-sys-typo-title1-accent-medium {
427
- font-family: "Pretendard Variable";
428
- font-size: var(--lp-pri-font-size-32);
429
- font-weight: var(--lp-pri-font-weight-500);
430
- line-height: var(--lp-pri-font-lineheight-130);
431
- }
432
- .lp-sys-typo-title2-accent-medium {
433
- font-family: "Pretendard Variable";
434
- font-size: var(--lp-pri-font-size-28);
435
- font-weight: var(--lp-pri-font-weight-500);
436
- line-height: var(--lp-pri-font-lineheight-130);
437
- }
438
- .lp-sys-typo-title3-accent-medium {
439
- font-family: "Pretendard Variable";
440
- font-size: var(--lp-pri-font-size-24);
441
- font-weight: var(--lp-pri-font-weight-500);
442
- line-height: var(--lp-pri-font-lineheight-130);
443
- }
444
- .lp-sys-typo-title4-accent-medium {
445
- font-family: "Pretendard Variable";
446
- font-size: var(--lp-pri-font-size-20);
447
- font-weight: var(--lp-pri-font-weight-500);
404
+ font-weight: var(--lp-pri-font-weight-600);
448
405
  line-height: var(--lp-pri-font-lineheight-130);
449
406
  }
450
407
  .lp-sys-typo-title1-normal-bold {
@@ -495,60 +452,6 @@
495
452
  font-weight: var(--lp-pri-font-weight-500);
496
453
  line-height: var(--lp-pri-font-lineheight-130);
497
454
  }
498
- .lp-sys-typo-paragraph1-accent-bold {
499
- font-family: "Pretendard Variable";
500
- font-size: var(--lp-pri-font-size-17);
501
- font-weight: var(--lp-pri-font-weight-700);
502
- line-height: var(--lp-pri-font-lineheight-130);
503
- }
504
- .lp-sys-typo-paragraph2-accent-bold {
505
- font-family: "Pretendard Variable";
506
- font-size: var(--lp-pri-font-size-16);
507
- font-weight: var(--lp-pri-font-weight-700);
508
- line-height: var(--lp-pri-font-lineheight-130);
509
- }
510
- .lp-sys-typo-paragraph3-accent-bold {
511
- font-family: "Pretendard Variable";
512
- font-size: var(--lp-pri-font-size-15);
513
- font-weight: var(--lp-pri-font-weight-700);
514
- line-height: var(--lp-pri-font-lineheight-130);
515
- }
516
- .lp-sys-typo-paragraph1-accent-medium {
517
- font-family: "Pretendard Variable";
518
- font-size: var(--lp-pri-font-size-17);
519
- font-weight: var(--lp-pri-font-weight-500);
520
- line-height: var(--lp-pri-font-lineheight-130);
521
- }
522
- .lp-sys-typo-paragraph2-accent-medium {
523
- font-family: "Pretendard Variable";
524
- font-size: var(--lp-pri-font-size-16);
525
- font-weight: var(--lp-pri-font-weight-500);
526
- line-height: var(--lp-pri-font-lineheight-130);
527
- }
528
- .lp-sys-typo-paragraph3-accent-medium {
529
- font-family: "Pretendard Variable";
530
- font-size: var(--lp-pri-font-size-15);
531
- font-weight: var(--lp-pri-font-weight-500);
532
- line-height: var(--lp-pri-font-lineheight-130);
533
- }
534
- .lp-sys-typo-paragraph1-accent-regular {
535
- font-family: "Pretendard Variable";
536
- font-size: var(--lp-pri-font-size-17);
537
- font-weight: var(--lp-pri-font-weight-350);
538
- line-height: var(--lp-pri-font-lineheight-130);
539
- }
540
- .lp-sys-typo-paragraph2-accent-regular {
541
- font-family: "Pretendard Variable";
542
- font-size: var(--lp-pri-font-size-16);
543
- font-weight: var(--lp-pri-font-weight-350);
544
- line-height: var(--lp-pri-font-lineheight-130);
545
- }
546
- .lp-sys-typo-paragraph3-accent-regular {
547
- font-family: "Pretendard Variable";
548
- font-size: var(--lp-pri-font-size-15);
549
- font-weight: var(--lp-pri-font-weight-350);
550
- line-height: var(--lp-pri-font-lineheight-130);
551
- }
552
455
  .lp-sys-typo-paragraph1-normal-bold {
553
456
  font-family: "Pretendard Variable";
554
457
  font-size: var(--lp-pri-font-size-17);
@@ -909,125 +812,33 @@
909
812
  0px 0px 8px 0px rgba(0, 0, 0, 0.08);
910
813
  }
911
814
  :root[lang=en] {
912
- .lp-sys-typo-display2-accent-black {
913
- font-family: "Merriweather", serif;
914
- font-size: var(--lp-pri-font-size-64);
915
- font-weight: var(--lp-pri-font-weight-900);
916
- line-height: var(--lp-pri-font-lineheight-120);
917
- }
918
- .lp-sys-typo-display3-accent-black {
919
- font-family: "Merriweather", serif;
920
- font-size: var(--lp-pri-font-size-40);
921
- font-weight: var(--lp-pri-font-weight-900);
922
- line-height: var(--lp-pri-font-lineheight-120);
923
- }
924
815
  .lp-sys-typo-title1-accent-bold {
925
- font-family: "Merriweather", serif;
926
- font-size: var(--lp-pri-font-size-32);
927
- font-weight: var(--lp-pri-font-weight-700);
928
- line-height: var(--lp-pri-font-lineheight-130);
816
+ font-family: Flare;
817
+ font-size: var(--lp-pri-font-size-34);
818
+ font-weight: var(--lp-pri-font-weight-600);
819
+ line-height: var(--lp-pri-font-lineheight-120);
820
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
929
821
  }
930
822
  .lp-sys-typo-title2-accent-bold {
931
- font-family: "Merriweather", serif;
932
- font-size: var(--lp-pri-font-size-28);
933
- font-weight: var(--lp-pri-font-weight-700);
934
- line-height: var(--lp-pri-font-lineheight-130);
823
+ font-family: Flare;
824
+ font-size: var(--lp-pri-font-size-30);
825
+ font-weight: var(--lp-pri-font-weight-600);
826
+ line-height: var(--lp-pri-font-lineheight-120);
827
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
935
828
  }
936
829
  .lp-sys-typo-title3-accent-bold {
937
- font-family: "Merriweather", serif;
938
- font-size: var(--lp-pri-font-size-24);
939
- font-weight: var(--lp-pri-font-weight-700);
940
- line-height: var(--lp-pri-font-lineheight-130);
830
+ font-family: Flare;
831
+ font-size: var(--lp-pri-font-size-26);
832
+ font-weight: var(--lp-pri-font-weight-600);
833
+ line-height: var(--lp-pri-font-lineheight-120);
834
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
941
835
  }
942
836
  .lp-sys-typo-title4-accent-bold {
943
- font-family: "Merriweather", serif;
944
- font-size: var(--lp-pri-font-size-20);
945
- font-weight: var(--lp-pri-font-weight-700);
946
- line-height: var(--lp-pri-font-lineheight-130);
947
- }
948
- .lp-sys-typo-title1-accent-medium {
949
- font-family: "Merriweather", serif;
950
- font-size: var(--lp-pri-font-size-32);
951
- font-weight: var(--lp-pri-font-weight-500);
952
- line-height: var(--lp-pri-font-lineheight-130);
953
- }
954
- .lp-sys-typo-title2-accent-medium {
955
- font-family: "Merriweather", serif;
956
- font-size: var(--lp-pri-font-size-28);
957
- font-weight: var(--lp-pri-font-weight-500);
958
- line-height: var(--lp-pri-font-lineheight-130);
959
- }
960
- .lp-sys-typo-title3-accent-medium {
961
- font-family: "Merriweather", serif;
962
- font-size: var(--lp-pri-font-size-24);
963
- font-weight: var(--lp-pri-font-weight-500);
964
- line-height: var(--lp-pri-font-lineheight-130);
965
- }
966
- .lp-sys-typo-title4-accent-medium {
967
- font-family: "Merriweather", serif;
968
- font-size: var(--lp-pri-font-size-20);
969
- font-weight: var(--lp-pri-font-weight-500);
970
- line-height: var(--lp-pri-font-lineheight-130);
971
- }
972
- .lp-sys-typo-paragraph1-accent-bold {
973
- font-family: "Merriweather", serif;
974
- font-size: var(--lp-pri-font-size-17);
975
- font-weight: var(--lp-pri-font-weight-700);
976
- line-height: var(--lp-pri-font-lineheight-130);
977
- }
978
- .lp-sys-typo-paragraph2-accent-bold {
979
- font-family: "Pretendard Variable";
980
- font-size: var(--lp-pri-font-size-16);
981
- font-weight: var(--lp-pri-font-weight-700);
982
- line-height: var(--lp-pri-font-lineheight-130);
983
- }
984
- .lp-sys-typo-paragraph3-accent-bold {
985
- font-family: "Pretendard Variable";
986
- font-size: var(--lp-pri-font-size-15);
987
- font-weight: var(--lp-pri-font-weight-700);
988
- line-height: var(--lp-pri-font-lineheight-130);
989
- }
990
- .lp-sys-typo-paragraph1-accent-medium {
991
- font-family: "Merriweather", serif;
992
- font-size: var(--lp-pri-font-size-17);
993
- font-weight: var(--lp-pri-font-weight-500);
994
- line-height: var(--lp-pri-font-lineheight-130);
995
- }
996
- .lp-sys-typo-paragraph2-accent-medium {
997
- font-family: "Merriweather", serif;
998
- font-size: var(--lp-pri-font-size-16);
999
- font-weight: var(--lp-pri-font-weight-500);
1000
- line-height: var(--lp-pri-font-lineheight-130);
1001
- }
1002
- .lp-sys-typo-paragraph3-accent-medium {
1003
- font-family: "Merriweather", serif;
1004
- font-size: var(--lp-pri-font-size-15);
1005
- font-weight: var(--lp-pri-font-weight-500);
1006
- line-height: var(--lp-pri-font-lineheight-130);
1007
- }
1008
- .lp-sys-typo-paragraph1-accent-regular {
1009
- font-family: "Merriweather", serif;
1010
- font-size: var(--lp-pri-font-size-17);
1011
- font-weight: var(--lp-pri-font-weight-300);
1012
- line-height: var(--lp-pri-font-lineheight-130);
1013
- }
1014
- .lp-sys-typo-paragraph2-accent-regular {
1015
- font-family: "Merriweather", serif;
1016
- font-size: var(--lp-pri-font-size-16);
1017
- font-weight: var(--lp-pri-font-weight-300);
1018
- line-height: var(--lp-pri-font-lineheight-130);
1019
- }
1020
- .lp-sys-typo-paragraph3-accent-regular {
1021
- font-family: "Merriweather", serif;
1022
- font-size: var(--lp-pri-font-size-15);
1023
- font-weight: var(--lp-pri-font-weight-300);
1024
- line-height: var(--lp-pri-font-lineheight-130);
1025
- }
1026
- .lp-sys-typo-display2-normal-black {
1027
- font-family: "Pretendard Variable";
1028
- font-size: var(--lp-pri-font-size-56);
1029
- font-weight: var(--lp-pri-font-weight-800);
1030
- line-height: var(--lp-pri-font-lineheight-130);
837
+ font-family: Flare;
838
+ font-size: var(--lp-pri-font-size-22);
839
+ font-weight: var(--lp-pri-font-weight-600);
840
+ line-height: var(--lp-pri-font-lineheight-120);
841
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
1031
842
  }
1032
843
  .lp-sys-typo-paragraph1-answer-bold {
1033
844
  font-family: "Merriweather", serif;
@@ -1043,125 +854,33 @@
1043
854
  }
1044
855
  }
1045
856
  :root[lang=default] {
1046
- .lp-sys-typo-display2-accent-black {
1047
- font-family: "Merriweather", serif;
1048
- font-size: var(--lp-pri-font-size-64);
1049
- font-weight: var(--lp-pri-font-weight-900);
1050
- line-height: var(--lp-pri-font-lineheight-120);
1051
- }
1052
- .lp-sys-typo-display3-accent-black {
1053
- font-family: "Merriweather", serif;
1054
- font-size: var(--lp-pri-font-size-40);
1055
- font-weight: var(--lp-pri-font-weight-900);
1056
- line-height: var(--lp-pri-font-lineheight-120);
1057
- }
1058
857
  .lp-sys-typo-title1-accent-bold {
1059
- font-family: "Merriweather", serif;
1060
- font-size: var(--lp-pri-font-size-32);
1061
- font-weight: var(--lp-pri-font-weight-700);
1062
- line-height: var(--lp-pri-font-lineheight-130);
858
+ font-family: Flare;
859
+ font-size: var(--lp-pri-font-size-34);
860
+ font-weight: var(--lp-pri-font-weight-600);
861
+ line-height: var(--lp-pri-font-lineheight-120);
862
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
1063
863
  }
1064
864
  .lp-sys-typo-title2-accent-bold {
1065
- font-family: "Merriweather", serif;
1066
- font-size: var(--lp-pri-font-size-28);
1067
- font-weight: var(--lp-pri-font-weight-700);
1068
- line-height: var(--lp-pri-font-lineheight-130);
865
+ font-family: Flare;
866
+ font-size: var(--lp-pri-font-size-30);
867
+ font-weight: var(--lp-pri-font-weight-600);
868
+ line-height: var(--lp-pri-font-lineheight-120);
869
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
1069
870
  }
1070
871
  .lp-sys-typo-title3-accent-bold {
1071
- font-family: "Merriweather", serif;
1072
- font-size: var(--lp-pri-font-size-24);
1073
- font-weight: var(--lp-pri-font-weight-700);
1074
- line-height: var(--lp-pri-font-lineheight-130);
872
+ font-family: Flare;
873
+ font-size: var(--lp-pri-font-size-26);
874
+ font-weight: var(--lp-pri-font-weight-600);
875
+ line-height: var(--lp-pri-font-lineheight-120);
876
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
1075
877
  }
1076
878
  .lp-sys-typo-title4-accent-bold {
1077
- font-family: "Merriweather", serif;
1078
- font-size: var(--lp-pri-font-size-20);
1079
- font-weight: var(--lp-pri-font-weight-700);
1080
- line-height: var(--lp-pri-font-lineheight-130);
1081
- }
1082
- .lp-sys-typo-title1-accent-medium {
1083
- font-family: "Merriweather", serif;
1084
- font-size: var(--lp-pri-font-size-32);
1085
- font-weight: var(--lp-pri-font-weight-500);
1086
- line-height: var(--lp-pri-font-lineheight-130);
1087
- }
1088
- .lp-sys-typo-title2-accent-medium {
1089
- font-family: "Merriweather", serif;
1090
- font-size: var(--lp-pri-font-size-28);
1091
- font-weight: var(--lp-pri-font-weight-500);
1092
- line-height: var(--lp-pri-font-lineheight-130);
1093
- }
1094
- .lp-sys-typo-title3-accent-medium {
1095
- font-family: "Merriweather", serif;
1096
- font-size: var(--lp-pri-font-size-24);
1097
- font-weight: var(--lp-pri-font-weight-500);
1098
- line-height: var(--lp-pri-font-lineheight-130);
1099
- }
1100
- .lp-sys-typo-title4-accent-medium {
1101
- font-family: "Merriweather", serif;
1102
- font-size: var(--lp-pri-font-size-20);
1103
- font-weight: var(--lp-pri-font-weight-500);
1104
- line-height: var(--lp-pri-font-lineheight-130);
1105
- }
1106
- .lp-sys-typo-paragraph1-accent-bold {
1107
- font-family: "Merriweather", serif;
1108
- font-size: var(--lp-pri-font-size-17);
1109
- font-weight: var(--lp-pri-font-weight-700);
1110
- line-height: var(--lp-pri-font-lineheight-130);
1111
- }
1112
- .lp-sys-typo-paragraph2-accent-bold {
1113
- font-family: "Pretendard Variable";
1114
- font-size: var(--lp-pri-font-size-16);
1115
- font-weight: var(--lp-pri-font-weight-700);
1116
- line-height: var(--lp-pri-font-lineheight-130);
1117
- }
1118
- .lp-sys-typo-paragraph3-accent-bold {
1119
- font-family: "Pretendard Variable";
1120
- font-size: var(--lp-pri-font-size-15);
1121
- font-weight: var(--lp-pri-font-weight-700);
1122
- line-height: var(--lp-pri-font-lineheight-130);
1123
- }
1124
- .lp-sys-typo-paragraph1-accent-medium {
1125
- font-family: "Merriweather", serif;
1126
- font-size: var(--lp-pri-font-size-17);
1127
- font-weight: var(--lp-pri-font-weight-500);
1128
- line-height: var(--lp-pri-font-lineheight-130);
1129
- }
1130
- .lp-sys-typo-paragraph2-accent-medium {
1131
- font-family: "Merriweather", serif;
1132
- font-size: var(--lp-pri-font-size-16);
1133
- font-weight: var(--lp-pri-font-weight-500);
1134
- line-height: var(--lp-pri-font-lineheight-130);
1135
- }
1136
- .lp-sys-typo-paragraph3-accent-medium {
1137
- font-family: "Merriweather", serif;
1138
- font-size: var(--lp-pri-font-size-15);
1139
- font-weight: var(--lp-pri-font-weight-500);
1140
- line-height: var(--lp-pri-font-lineheight-130);
1141
- }
1142
- .lp-sys-typo-paragraph1-accent-regular {
1143
- font-family: "Merriweather", serif;
1144
- font-size: var(--lp-pri-font-size-17);
1145
- font-weight: var(--lp-pri-font-weight-300);
1146
- line-height: var(--lp-pri-font-lineheight-130);
1147
- }
1148
- .lp-sys-typo-paragraph2-accent-regular {
1149
- font-family: "Merriweather", serif;
1150
- font-size: var(--lp-pri-font-size-16);
1151
- font-weight: var(--lp-pri-font-weight-300);
1152
- line-height: var(--lp-pri-font-lineheight-130);
1153
- }
1154
- .lp-sys-typo-paragraph3-accent-regular {
1155
- font-family: "Merriweather", serif;
1156
- font-size: var(--lp-pri-font-size-15);
1157
- font-weight: var(--lp-pri-font-weight-300);
1158
- line-height: var(--lp-pri-font-lineheight-130);
1159
- }
1160
- .lp-sys-typo-display2-normal-black {
1161
- font-family: "Pretendard Variable";
1162
- font-size: var(--lp-pri-font-size-56);
1163
- font-weight: var(--lp-pri-font-weight-800);
1164
- line-height: var(--lp-pri-font-lineheight-130);
879
+ font-family: Flare;
880
+ font-size: var(--lp-pri-font-size-22);
881
+ font-weight: var(--lp-pri-font-weight-600);
882
+ line-height: var(--lp-pri-font-lineheight-120);
883
+ letter-spacing: var(--lp-pri-font-letterspacing-tight);
1165
884
  }
1166
885
  .lp-sys-typo-paragraph1-answer-bold {
1167
886
  font-family: "Merriweather", serif;