@salutejs/plasma-themes 0.39.0-canary.2241.19959327691.0 → 0.39.0-canary.2408.20948286136.0

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 (141) hide show
  1. package/css/plasma_b2c.module.css +36 -0
  2. package/css/plasma_b2c__dark.css +36 -0
  3. package/css/plasma_b2c__light.css +36 -0
  4. package/css/plasma_giga.module.css +36 -0
  5. package/css/plasma_giga__dark.css +36 -0
  6. package/css/plasma_giga__light.css +36 -0
  7. package/css/plasma_giga_app.module.css +36 -0
  8. package/css/plasma_giga_app__dark.css +36 -0
  9. package/css/plasma_giga_app__light.css +36 -0
  10. package/css/plasma_homeds.module.css +36 -0
  11. package/css/plasma_homeds__dark.css +36 -0
  12. package/css/plasma_homeds__light.css +36 -0
  13. package/css/plasma_web.module.css +36 -0
  14. package/css/plasma_web_ACTUAL_TYPOGRAPHY.module.css +36 -0
  15. package/css/plasma_web_ACTUAL_TYPOGRAPHY__dark.css +36 -0
  16. package/css/plasma_web_ACTUAL_TYPOGRAPHY__light.css +36 -0
  17. package/css/plasma_web__dark.css +36 -0
  18. package/css/plasma_web__light.css +36 -0
  19. package/css/stylesSalute.module.css +36 -0
  20. package/css/stylesSalute__dark.css +36 -0
  21. package/css/stylesSalute__light.css +36 -0
  22. package/es/themes/index.js +0 -2
  23. package/es/themes/index.js.map +1 -1
  24. package/es/themes/plasma_b2c__dark.js +1 -1
  25. package/es/themes/plasma_b2c__dark.js.map +1 -1
  26. package/es/themes/plasma_b2c__light.js +1 -1
  27. package/es/themes/plasma_b2c__light.js.map +1 -1
  28. package/es/themes/plasma_giga__dark.js +1 -1
  29. package/es/themes/plasma_giga__dark.js.map +1 -1
  30. package/es/themes/plasma_giga__light.js +1 -1
  31. package/es/themes/plasma_giga__light.js.map +1 -1
  32. package/es/themes/plasma_giga_app__dark.js +1 -1
  33. package/es/themes/plasma_giga_app__dark.js.map +1 -1
  34. package/es/themes/plasma_giga_app__light.js +1 -1
  35. package/es/themes/plasma_giga_app__light.js.map +1 -1
  36. package/es/themes/plasma_homeds__dark.js +1 -1
  37. package/es/themes/plasma_homeds__dark.js.map +1 -1
  38. package/es/themes/plasma_homeds__light.js +1 -1
  39. package/es/themes/plasma_homeds__light.js.map +1 -1
  40. package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js +1 -1
  41. package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js.map +1 -1
  42. package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js +1 -1
  43. package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js.map +1 -1
  44. package/es/themes/plasma_web__dark.js +1 -1
  45. package/es/themes/plasma_web__dark.js.map +1 -1
  46. package/es/themes/plasma_web__light.js +1 -1
  47. package/es/themes/plasma_web__light.js.map +1 -1
  48. package/es/themes/stylesSalute__dark.js +1 -1
  49. package/es/themes/stylesSalute__dark.js.map +1 -1
  50. package/es/themes/stylesSalute__light.js +1 -1
  51. package/es/themes/stylesSalute__light.js.map +1 -1
  52. package/es/tokens/index.js +27 -0
  53. package/es/tokens/index.js.map +1 -1
  54. package/es/tokens/plasma_b2c/index.js +27 -0
  55. package/es/tokens/plasma_b2c/index.js.map +1 -1
  56. package/es/tokens/plasma_giga/index.js +27 -0
  57. package/es/tokens/plasma_giga/index.js.map +1 -1
  58. package/es/tokens/plasma_giga_app/index.js +27 -0
  59. package/es/tokens/plasma_giga_app/index.js.map +1 -1
  60. package/es/tokens/plasma_homeds/index.js +27 -0
  61. package/es/tokens/plasma_homeds/index.js.map +1 -1
  62. package/es/tokens/plasma_web/index.js +27 -0
  63. package/es/tokens/plasma_web/index.js.map +1 -1
  64. package/es/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.js +27 -0
  65. package/es/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.js.map +1 -1
  66. package/es/tokens/stylesSalute/index.js +27 -0
  67. package/es/tokens/stylesSalute/index.js.map +1 -1
  68. package/package.json +2 -2
  69. package/themes/index.d.ts +0 -2
  70. package/themes/index.js +1 -5
  71. package/themes/index.js.map +1 -1
  72. package/themes/plasma_b2c__dark.js +1 -1
  73. package/themes/plasma_b2c__dark.js.map +1 -1
  74. package/themes/plasma_b2c__light.js +1 -1
  75. package/themes/plasma_b2c__light.js.map +1 -1
  76. package/themes/plasma_giga__dark.js +1 -1
  77. package/themes/plasma_giga__dark.js.map +1 -1
  78. package/themes/plasma_giga__light.js +1 -1
  79. package/themes/plasma_giga__light.js.map +1 -1
  80. package/themes/plasma_giga_app__dark.js +1 -1
  81. package/themes/plasma_giga_app__dark.js.map +1 -1
  82. package/themes/plasma_giga_app__light.js +1 -1
  83. package/themes/plasma_giga_app__light.js.map +1 -1
  84. package/themes/plasma_homeds__dark.js +1 -1
  85. package/themes/plasma_homeds__dark.js.map +1 -1
  86. package/themes/plasma_homeds__light.js +1 -1
  87. package/themes/plasma_homeds__light.js.map +1 -1
  88. package/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js +1 -1
  89. package/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js.map +1 -1
  90. package/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js +1 -1
  91. package/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js.map +1 -1
  92. package/themes/plasma_web__dark.js +1 -1
  93. package/themes/plasma_web__dark.js.map +1 -1
  94. package/themes/plasma_web__light.js +1 -1
  95. package/themes/plasma_web__light.js.map +1 -1
  96. package/themes/stylesSalute__dark.js +1 -1
  97. package/themes/stylesSalute__dark.js.map +1 -1
  98. package/themes/stylesSalute__light.js +1 -1
  99. package/themes/stylesSalute__light.js.map +1 -1
  100. package/tokens/index.d.ts +27 -0
  101. package/tokens/index.js +29 -2
  102. package/tokens/index.js.map +1 -1
  103. package/tokens/plasma_b2c/index.d.ts +27 -0
  104. package/tokens/plasma_b2c/index.js +29 -2
  105. package/tokens/plasma_b2c/index.js.map +1 -1
  106. package/tokens/plasma_giga/index.d.ts +27 -0
  107. package/tokens/plasma_giga/index.js +28 -1
  108. package/tokens/plasma_giga/index.js.map +1 -1
  109. package/tokens/plasma_giga_app/index.d.ts +27 -0
  110. package/tokens/plasma_giga_app/index.js +29 -2
  111. package/tokens/plasma_giga_app/index.js.map +1 -1
  112. package/tokens/plasma_homeds/index.d.ts +27 -0
  113. package/tokens/plasma_homeds/index.js +28 -1
  114. package/tokens/plasma_homeds/index.js.map +1 -1
  115. package/tokens/plasma_web/index.d.ts +27 -0
  116. package/tokens/plasma_web/index.js +28 -1
  117. package/tokens/plasma_web/index.js.map +1 -1
  118. package/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.d.ts +27 -0
  119. package/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.js +29 -2
  120. package/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.js.map +1 -1
  121. package/tokens/stylesSalute/index.d.ts +27 -0
  122. package/tokens/stylesSalute/index.js +29 -2
  123. package/tokens/stylesSalute/index.js.map +1 -1
  124. package/css/plasma_infra.module.css +0 -1073
  125. package/css/plasma_infra__dark.css +0 -877
  126. package/css/plasma_infra__light.css +0 -877
  127. package/es/themes/plasma_infra__dark.js +0 -3
  128. package/es/themes/plasma_infra__dark.js.map +0 -1
  129. package/es/themes/plasma_infra__light.js +0 -3
  130. package/es/themes/plasma_infra__light.js.map +0 -1
  131. package/es/tokens/plasma_infra/index.js +0 -909
  132. package/es/tokens/plasma_infra/index.js.map +0 -1
  133. package/themes/plasma_infra__dark.d.ts +0 -1
  134. package/themes/plasma_infra__dark.js +0 -6
  135. package/themes/plasma_infra__dark.js.map +0 -1
  136. package/themes/plasma_infra__light.d.ts +0 -1
  137. package/themes/plasma_infra__light.js +0 -6
  138. package/themes/plasma_infra__light.js.map +0 -1
  139. package/tokens/plasma_infra/index.d.ts +0 -907
  140. package/tokens/plasma_infra/index.js +0 -917
  141. package/tokens/plasma_infra/index.js.map +0 -1
@@ -1,877 +0,0 @@
1
- /* Generated by robots, do not change this manually! */
2
-
3
- :root {
4
- --text-primary-hover: #5C657AFF;
5
- --text-primary-active: #393E4CFF;
6
- --text-primary-brightness: #23262FFF;
7
- --text-secondary-hover: #FFFFFFFF;
8
- --text-secondary-active: #3D3E48FF;
9
- --text-tertiary-hover: #FFFFFFFF;
10
- --text-tertiary-active: #717484FF;
11
- --text-paragraph-hover: #FFFFFFFF;
12
- --text-paragraph-active: #5F616DFF;
13
- --text-negative-hover: #F54254FF;
14
- --text-negative-active: #DA0B20FF;
15
- --text-primary: #16181DFF;
16
- --text-secondary: #4B4C58FF;
17
- --text-tertiary: #9194A1FF;
18
- --text-paragraph: #777A88FF;
19
- --text-negative: #F31B31;
20
- --on-dark-text-primary-hover: #FFFFFFFF;
21
- --on-dark-text-primary-active: #AEB2D0FF;
22
- --on-dark-text-primary-brightness: #FFFFFFFF;
23
- --on-dark-text-secondary-hover: #FFFFFFFF;
24
- --on-dark-text-secondary-active: #858BA3FF;
25
- --on-dark-text-tertiary-hover: #FFFFFFFF;
26
- --on-dark-text-tertiary-active: #3D3E48FF;
27
- --on-dark-text-paragraph-hover: #FFFFFFFF;
28
- --on-dark-text-paragraph-active: #666975FF;
29
- --on-dark-text-negative-hover: #F54254FF;
30
- --on-dark-text-negative-active: #DA0B20FF;
31
- --on-dark-text-primary: #ECEDF4FF;
32
- --on-dark-text-secondary: #AEB2C2FF;
33
- --on-dark-text-tertiary: #4B4C58FF;
34
- --on-dark-text-paragraph: #828592FF;
35
- --on-dark-text-negative: #F31B31;
36
- --on-light-text-primary-hover: #5C657AFF;
37
- --on-light-text-primary-active: #393E4CFF;
38
- --on-light-text-primary-brightness: #23262FFF;
39
- --on-light-text-secondary-hover: #FFFFFFFF;
40
- --on-light-text-secondary-active: #3D3E48FF;
41
- --on-light-text-tertiary-hover: #FFFFFFFF;
42
- --on-light-text-tertiary-active: #717484FF;
43
- --on-light-text-paragraph-hover: #FFFFFFFF;
44
- --on-light-text-paragraph-active: #5F616DFF;
45
- --on-light-text-negative-hover: #F54254FF;
46
- --on-light-text-negative-active: #DA0B20FF;
47
- --on-light-text-primary: #16181DFF;
48
- --on-light-text-secondary: #4B4C58FF;
49
- --on-light-text-tertiary: #9194A1FF;
50
- --on-light-text-paragraph: #777A88FF;
51
- --on-light-text-negative: #F31B31;
52
- --inverse-text-primary-hover: #FFFFFFFF;
53
- --inverse-text-primary-active: #AEB2D0FF;
54
- --inverse-text-primary-brightness: #FFFFFFFF;
55
- --inverse-text-secondary-hover: #FFFFFFFF;
56
- --inverse-text-secondary-active: #858BA3FF;
57
- --inverse-text-tertiary-hover: #FFFFFFFF;
58
- --inverse-text-tertiary-active: #3D3E48FF;
59
- --inverse-text-paragraph-hover: #FFFFFFFF;
60
- --inverse-text-paragraph-active: #666975FF;
61
- --inverse-text-negative-hover: #F54254FF;
62
- --inverse-text-negative-active: #DA0B20FF;
63
- --inverse-text-primary: #ECEDF4FF;
64
- --inverse-text-secondary: #AEB2C2FF;
65
- --inverse-text-tertiary: #4B4C58FF;
66
- --inverse-text-paragraph: #828592FF;
67
- --inverse-text-negative: #F31B31;
68
- --surface-solid-card-hover: #F9F9FBFF;
69
- --surface-solid-card-active: #E5E6F0FF;
70
- --surface-solid-card-brightness: #FFFFFFFF;
71
- --surface-solid-default-hover: #878A97FF;
72
- --surface-solid-default-active: #6D707EFF;
73
- --surface-transparent-primary-hover: #08090C05;
74
- --surface-transparent-primary-active: #08090C0F;
75
- --surface-transparent-secondary-hover: #08090C05;
76
- --surface-transparent-secondary-active: #08090C1A;
77
- --surface-solid-card: #ECEDF4FF;
78
- --surface-solid-default: #777A88FF;
79
- --surface-transparent-primary: #07080B0A;
80
- --surface-transparent-secondary: #07080B0F;
81
- --on-dark-surface-solid-card-hover: #5E5F6EFF;
82
- --on-dark-surface-solid-card-active: #42434DFF;
83
- --on-dark-surface-solid-card-brightness: #595A69FF;
84
- --on-dark-surface-solid-default-hover: #B9BDCAFF;
85
- --on-dark-surface-solid-default-active: #A2A7B9FF;
86
- --on-dark-surface-transparent-primary-hover: #F8F9FC05;
87
- --on-dark-surface-transparent-primary-active: #F8F9FC0F;
88
- --on-dark-surface-transparent-secondary-hover: #F8F9FC05;
89
- --on-dark-surface-transparent-secondary-active: #F8F9FC1A;
90
- --on-dark-surface-solid-card: #4B4C58FF;
91
- --on-dark-surface-solid-default: #AEB2C2FF;
92
- --on-dark-surface-transparent-primary: #F7F8FB0A;
93
- --on-dark-surface-transparent-secondary: #F7F8FB0F;
94
- --on-light-surface-solid-card-hover: #F9F9FBFF;
95
- --on-light-surface-solid-card-active: #E5E6F0FF;
96
- --on-light-surface-solid-card-brightness: #FFFFFFFF;
97
- --on-light-surface-solid-default-hover: #878A97FF;
98
- --on-light-surface-solid-default-active: #6D707EFF;
99
- --on-light-surface-transparent-primary-hover: #08090C05;
100
- --on-light-surface-transparent-primary-active: #08090C0F;
101
- --on-light-surface-transparent-secondary-hover: #08090C05;
102
- --on-light-surface-transparent-secondary-active: #08090C1A;
103
- --on-light-surface-solid-card: #ECEDF4FF;
104
- --on-light-surface-solid-default: #777A88FF;
105
- --on-light-surface-transparent-primary: #07080B0A;
106
- --on-light-surface-transparent-secondary: #07080B0F;
107
- --inverse-surface-solid-card-hover: #5E5F6EFF;
108
- --inverse-surface-solid-card-active: #42434DFF;
109
- --inverse-surface-solid-card-brightness: #595A69FF;
110
- --inverse-surface-solid-default-hover: #B9BDCAFF;
111
- --inverse-surface-solid-default-active: #A2A7B9FF;
112
- --inverse-surface-transparent-primary-hover: #F8F9FC05;
113
- --inverse-surface-transparent-primary-active: #F8F9FC0F;
114
- --inverse-surface-transparent-secondary-hover: #F8F9FC05;
115
- --inverse-surface-transparent-secondary-active: #F8F9FC1A;
116
- --inverse-surface-solid-card: #4B4C58FF;
117
- --inverse-surface-solid-default: #AEB2C2FF;
118
- --inverse-surface-transparent-primary: #F7F8FB0A;
119
- --inverse-surface-transparent-secondary: #F7F8FB0F;
120
- --background-primary: #AEB2C2FF;
121
- --background-secondary: #C4C7D4FF;
122
- --background-tertiary: #D8DCE8FF;
123
- --dark-background-primary: #07080BFF;
124
- --dark-background-secondary: #16181DFF;
125
- --dark-background-tertiary: #25262DFF;
126
- --light-background-primary: #AEB2C2FF;
127
- --light-background-secondary: #C4C7D4FF;
128
- --light-background-tertiary: #D8DCE8FF;
129
- --inverse-background-primary: #07080BFF;
130
- --inverse-background-secondary: #16181DFF;
131
- --inverse-background-tertiary: #25262DFF;
132
- --outline-solid-primary-hover: #FFFFFFFF;
133
- --outline-solid-primary-active: #9FA9C6FF;
134
- --outline-solid-secondary-hover: #FFFFFFFF;
135
- --outline-solid-secondary-active: #858BA3FF;
136
- --outline-transparent-primary-hover: #08090CFF;
137
- --outline-transparent-primary-active: #08090C25;
138
- --outline-solid-primary: #D8DCE8FF;
139
- --outline-solid-secondary: #AEB2C2FF;
140
- --outline-transparent-primary: #07080B1F;
141
- --on-dark-outline-solid-primary-hover: #6E7187FF;
142
- --on-dark-outline-solid-primary-active: #494B5AFF;
143
- --on-dark-outline-solid-secondary-hover: #FFFFFFFF;
144
- --on-dark-outline-solid-secondary-active: #3D3E48FF;
145
- --on-dark-outline-transparent-primary-hover: #F8F9FCFF;
146
- --on-dark-outline-transparent-primary-active: #F8F9FC25;
147
- --on-dark-outline-solid-primary: #25262DFF;
148
- --on-dark-outline-solid-secondary: #4B4C58FF;
149
- --on-dark-outline-transparent-primary: #F7F8FB1F;
150
- --on-light-outline-solid-primary-hover: #FFFFFFFF;
151
- --on-light-outline-solid-primary-active: #9FA9C6FF;
152
- --on-light-outline-solid-secondary-hover: #FFFFFFFF;
153
- --on-light-outline-solid-secondary-active: #858BA3FF;
154
- --on-light-outline-transparent-primary-hover: #08090CFF;
155
- --on-light-outline-transparent-primary-active: #08090C25;
156
- --on-light-outline-solid-primary: #D8DCE8FF;
157
- --on-light-outline-solid-secondary: #AEB2C2FF;
158
- --on-light-outline-transparent-primary: #07080B1F;
159
- --inverse-outline-solid-primary-hover: #6E7187FF;
160
- --inverse-outline-solid-primary-active: #494B5AFF;
161
- --inverse-outline-solid-secondary-hover: #FFFFFFFF;
162
- --inverse-outline-solid-secondary-active: #3D3E48FF;
163
- --inverse-outline-transparent-primary-hover: #F8F9FCFF;
164
- --inverse-outline-transparent-primary-active: #F8F9FC25;
165
- --inverse-outline-solid-primary: #25262DFF;
166
- --inverse-outline-solid-secondary: #4B4C58FF;
167
- --inverse-outline-transparent-primary: #F7F8FB1F;
168
- color: var(--text-primary);
169
- background-color: var(--background-primary);
170
- }
171
-
172
- :root {
173
- --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
174
- --surface-skeleton-gradient-hover: #FFFFFFFF;
175
- --surface-skeleton-gradient-active: #FFFFFFFF;
176
- --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
177
- --surface-skeleton-deep-gradient-hover: #FFFFFFFF;
178
- --surface-skeleton-deep-gradient-active: #FFFFFFFF;
179
- --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
180
- --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
181
- --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
182
- --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
183
- --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
184
- --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
185
- --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
186
- --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
187
- --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
188
- --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
189
- --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
190
- --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
191
- --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
192
- --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
193
- --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
194
- --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
195
- --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
196
- --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
197
- }
198
-
199
- :root {
200
- --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;
201
- --shadow-down-soft-m: 0px 24px 48px -8px #00000014;
202
- --shadow-down-soft-l: 0px 60px 112px -8px #00000014;
203
- --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;
204
- --shadow-down-hard-m: 0px 16px 32px -8px #0000003D;
205
- --shadow-down-hard-l: 0px 60px 112px -8px #00000066;
206
- --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;
207
- --shadow-up-soft-m: 0px -24px 48px -8px #00000014;
208
- --shadow-up-soft-l: 0px -60px 112px -8px #00000014;
209
- --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;
210
- --shadow-up-hard-m: 0px -16px 32px -8px #0000003D;
211
- --shadow-up-hard-l: 0px -60px 112px -8px #00000066;
212
- }
213
-
214
- :root {
215
- --border-radius-xxs: 4px;
216
- --border-radius-xs: 6px;
217
- --border-radius-s: 8px;
218
- --border-radius-m: 12px;
219
- --border-radius-l: 16px;
220
- --border-radius-xl: 20px;
221
- --border-radius-xxl: 32px;
222
- }
223
-
224
- :root {
225
- --spacing-0x: 0px;
226
- --spacing-1x: 2px;
227
- --spacing-2x: 4px;
228
- --spacing-3x: 6px;
229
- --spacing-4x: 8px;
230
- --spacing-6x: 12px;
231
- --spacing-8x: 16px;
232
- --spacing-10x: 20px;
233
- --spacing-12x: 24px;
234
- --spacing-16x: 32px;
235
- --spacing-20x: 40px;
236
- --spacing-24x: 48px;
237
- --spacing-32x: 64px;
238
- --spacing-40x: 80px;
239
- --spacing-60x: 120px;
240
- }
241
-
242
- :root {
243
- font-size: 16px;
244
- --plasma-typo-overflow-wrap: break-word;
245
- --plasma-typo-hyphens: auto;
246
- --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;
247
- --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;
248
- --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;
249
- --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;
250
- --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);
251
- --plasma-typo-dspl-l-letter-spacing: normal;
252
- --plasma-typo-dspl-l-font-style: normal;
253
- --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);
254
- --plasma-typo-dspl-l-bold-letter-spacing: normal;
255
- --plasma-typo-dspl-l-bold-font-style: normal;
256
- --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);
257
- --plasma-typo-dspl-m-letter-spacing: normal;
258
- --plasma-typo-dspl-m-font-style: normal;
259
- --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);
260
- --plasma-typo-dspl-m-bold-letter-spacing: normal;
261
- --plasma-typo-dspl-m-bold-font-style: normal;
262
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
263
- --plasma-typo-dspl-s-letter-spacing: normal;
264
- --plasma-typo-dspl-s-font-style: normal;
265
- --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
266
- --plasma-typo-dspl-s-bold-letter-spacing: normal;
267
- --plasma-typo-dspl-s-bold-font-style: normal;
268
- --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);
269
- --plasma-typo-h1-letter-spacing: normal;
270
- --plasma-typo-h1-font-style: normal;
271
- --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);
272
- --plasma-typo-h1-bold-letter-spacing: normal;
273
- --plasma-typo-h1-bold-font-style: normal;
274
- --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);
275
- --plasma-typo-h2-letter-spacing: normal;
276
- --plasma-typo-h2-font-style: normal;
277
- --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);
278
- --plasma-typo-h2-bold-letter-spacing: normal;
279
- --plasma-typo-h2-bold-font-style: normal;
280
- --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);
281
- --plasma-typo-h3-letter-spacing: normal;
282
- --plasma-typo-h3-font-style: normal;
283
- --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
284
- --plasma-typo-h3-bold-letter-spacing: normal;
285
- --plasma-typo-h3-bold-font-style: normal;
286
- --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);
287
- --plasma-typo-h4-letter-spacing: normal;
288
- --plasma-typo-h4-font-style: normal;
289
- --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);
290
- --plasma-typo-h4-bold-letter-spacing: normal;
291
- --plasma-typo-h4-bold-font-style: normal;
292
- --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);
293
- --plasma-typo-h5-letter-spacing: normal;
294
- --plasma-typo-h5-font-style: normal;
295
- --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);
296
- --plasma-typo-h5-bold-letter-spacing: normal;
297
- --plasma-typo-h5-bold-font-style: normal;
298
- --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);
299
- --plasma-typo-body-l-letter-spacing: -0.02em;
300
- --plasma-typo-body-l-font-style: normal;
301
- --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);
302
- --plasma-typo-body-l-bold-letter-spacing: -0.02em;
303
- --plasma-typo-body-l-bold-font-style: normal;
304
- --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);
305
- --plasma-typo-body-m-letter-spacing: -0.02em;
306
- --plasma-typo-body-m-font-style: normal;
307
- --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);
308
- --plasma-typo-body-m-bold-letter-spacing: -0.02em;
309
- --plasma-typo-body-m-bold-font-style: normal;
310
- --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);
311
- --plasma-typo-body-s-letter-spacing: -0.02em;
312
- --plasma-typo-body-s-font-style: normal;
313
- --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);
314
- --plasma-typo-body-s-bold-letter-spacing: -0.02em;
315
- --plasma-typo-body-s-bold-font-style: normal;
316
- --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);
317
- --plasma-typo-body-xs-letter-spacing: -0.02em;
318
- --plasma-typo-body-xs-font-style: normal;
319
- --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);
320
- --plasma-typo-body-xs-bold-letter-spacing: -0.02em;
321
- --plasma-typo-body-xs-bold-font-style: normal;
322
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
323
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
324
- --plasma-typo-body-xxs-font-style: normal;
325
- --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
326
- --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
327
- --plasma-typo-body-xxs-bold-font-style: normal;
328
- --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
329
- --plasma-typo-text-l-letter-spacing: -0.02em;
330
- --plasma-typo-text-l-font-style: normal;
331
- --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
332
- --plasma-typo-text-l-bold-letter-spacing: -0.02em;
333
- --plasma-typo-text-l-bold-font-style: normal;
334
- --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
335
- --plasma-typo-text-m-letter-spacing: -0.02em;
336
- --plasma-typo-text-m-font-style: normal;
337
- --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
338
- --plasma-typo-text-m-bold-letter-spacing: -0.02em;
339
- --plasma-typo-text-m-bold-font-style: normal;
340
- --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);
341
- --plasma-typo-text-s-letter-spacing: -0.02em;
342
- --plasma-typo-text-s-font-style: normal;
343
- --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
344
- --plasma-typo-text-s-bold-letter-spacing: -0.02em;
345
- --plasma-typo-text-s-bold-font-style: normal;
346
- --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
347
- --plasma-typo-text-xs-letter-spacing: -0.02em;
348
- --plasma-typo-text-xs-font-style: normal;
349
- --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
350
- --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
351
- --plasma-typo-text-xs-bold-font-style: normal;
352
- --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);
353
- --plasma-typo-dspl-l-medium-letter-spacing: normal;
354
- --plasma-typo-dspl-l-medium-font-style: normal;
355
- --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);
356
- --plasma-typo-dspl-m-medium-letter-spacing: normal;
357
- --plasma-typo-dspl-m-medium-font-style: normal;
358
- --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
359
- --plasma-typo-dspl-s-medium-letter-spacing: normal;
360
- --plasma-typo-dspl-s-medium-font-style: normal;
361
- --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);
362
- --plasma-typo-h1-medium-letter-spacing: normal;
363
- --plasma-typo-h1-medium-font-style: normal;
364
- --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);
365
- --plasma-typo-h2-medium-letter-spacing: normal;
366
- --plasma-typo-h2-medium-font-style: normal;
367
- --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);
368
- --plasma-typo-h3-medium-letter-spacing: normal;
369
- --plasma-typo-h3-medium-font-style: normal;
370
- --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);
371
- --plasma-typo-h4-medium-letter-spacing: normal;
372
- --plasma-typo-h4-medium-font-style: normal;
373
- --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);
374
- --plasma-typo-h5-medium-letter-spacing: normal;
375
- --plasma-typo-h5-medium-font-style: normal;
376
- --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);
377
- --plasma-typo-body-l-medium-letter-spacing: -0.02em;
378
- --plasma-typo-body-l-medium-font-style: normal;
379
- --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);
380
- --plasma-typo-body-m-medium-letter-spacing: -0.02em;
381
- --plasma-typo-body-m-medium-font-style: normal;
382
- --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);
383
- --plasma-typo-body-s-medium-letter-spacing: -0.02em;
384
- --plasma-typo-body-s-medium-font-style: normal;
385
- --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);
386
- --plasma-typo-body-xs-medium-letter-spacing: -0.02em;
387
- --plasma-typo-body-xs-medium-font-style: normal;
388
- --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
389
- --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
390
- --plasma-typo-body-xxs-medium-font-style: normal;
391
- --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);
392
- --plasma-typo-text-l-medium-letter-spacing: -0.02em;
393
- --plasma-typo-text-l-medium-font-style: normal;
394
- --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);
395
- --plasma-typo-text-m-medium-letter-spacing: -0.02em;
396
- --plasma-typo-text-m-medium-font-style: normal;
397
- --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);
398
- --plasma-typo-text-s-medium-letter-spacing: -0.02em;
399
- --plasma-typo-text-s-medium-font-style: normal;
400
- --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
401
- --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
402
- --plasma-typo-text-xs-medium-font-style: normal;
403
- }
404
-
405
- @media (max-width: 559px) {
406
- :root {
407
- --plasma-typo-dspl-l-font-size: 5.5rem;
408
- --plasma-typo-dspl-l-font-weight: 300;
409
- --plasma-typo-dspl-l-line-height: 5.75rem;
410
- --plasma-typo-dspl-l-bold-font-size: 5.5rem;
411
- --plasma-typo-dspl-l-bold-font-weight: 600;
412
- --plasma-typo-dspl-l-bold-line-height: 5.75rem;
413
- --plasma-typo-dspl-m-font-size: 3.5rem;
414
- --plasma-typo-dspl-m-font-weight: 300;
415
- --plasma-typo-dspl-m-line-height: 3.875rem;
416
- --plasma-typo-dspl-m-bold-font-size: 3.5rem;
417
- --plasma-typo-dspl-m-bold-font-weight: 600;
418
- --plasma-typo-dspl-m-bold-line-height: 3.875rem;
419
- --plasma-typo-dspl-s-font-size: 2.5rem;
420
- --plasma-typo-dspl-s-font-weight: 300;
421
- --plasma-typo-dspl-s-line-height: 2.875rem;
422
- --plasma-typo-dspl-s-bold-font-size: 2.5rem;
423
- --plasma-typo-dspl-s-bold-font-weight: 600;
424
- --plasma-typo-dspl-s-bold-line-height: 2.875rem;
425
- --plasma-typo-h1-font-size: 1.75rem;
426
- --plasma-typo-h1-font-weight: 400;
427
- --plasma-typo-h1-line-height: 2.125rem;
428
- --plasma-typo-h1-bold-font-size: 1.75rem;
429
- --plasma-typo-h1-bold-font-weight: 600;
430
- --plasma-typo-h1-bold-line-height: 2.125rem;
431
- --plasma-typo-h2-font-size: 1.5rem;
432
- --plasma-typo-h2-font-weight: 400;
433
- --plasma-typo-h2-line-height: 1.875rem;
434
- --plasma-typo-h2-bold-font-size: 1.5rem;
435
- --plasma-typo-h2-bold-font-weight: 600;
436
- --plasma-typo-h2-bold-line-height: 1.875rem;
437
- --plasma-typo-h3-font-size: 1.25rem;
438
- --plasma-typo-h3-font-weight: 400;
439
- --plasma-typo-h3-line-height: 1.625rem;
440
- --plasma-typo-h3-bold-font-size: 1.25rem;
441
- --plasma-typo-h3-bold-font-weight: 600;
442
- --plasma-typo-h3-bold-line-height: 1.625rem;
443
- --plasma-typo-h4-font-size: 1.125rem;
444
- --plasma-typo-h4-font-weight: 400;
445
- --plasma-typo-h4-line-height: 1.5rem;
446
- --plasma-typo-h4-bold-font-size: 1.125rem;
447
- --plasma-typo-h4-bold-font-weight: 600;
448
- --plasma-typo-h4-bold-line-height: 1.5rem;
449
- --plasma-typo-h5-font-size: 1rem;
450
- --plasma-typo-h5-font-weight: 400;
451
- --plasma-typo-h5-line-height: 1.375rem;
452
- --plasma-typo-h5-bold-font-size: 1rem;
453
- --plasma-typo-h5-bold-font-weight: 600;
454
- --plasma-typo-h5-bold-line-height: 1.375rem;
455
- --plasma-typo-body-l-font-size: 1.125rem;
456
- --plasma-typo-body-l-font-weight: 400;
457
- --plasma-typo-body-l-line-height: 1.375rem;
458
- --plasma-typo-body-l-bold-font-size: 1.125rem;
459
- --plasma-typo-body-l-bold-font-weight: 600;
460
- --plasma-typo-body-l-bold-line-height: 1.375rem;
461
- --plasma-typo-body-m-font-size: 1rem;
462
- --plasma-typo-body-m-font-weight: 400;
463
- --plasma-typo-body-m-line-height: 1.25rem;
464
- --plasma-typo-body-m-bold-font-size: 1rem;
465
- --plasma-typo-body-m-bold-font-weight: 600;
466
- --plasma-typo-body-m-bold-line-height: 1.25rem;
467
- --plasma-typo-body-s-font-size: 0.875rem;
468
- --plasma-typo-body-s-font-weight: 400;
469
- --plasma-typo-body-s-line-height: 1.125rem;
470
- --plasma-typo-body-s-bold-font-size: 0.875rem;
471
- --plasma-typo-body-s-bold-font-weight: 600;
472
- --plasma-typo-body-s-bold-line-height: 1.125rem;
473
- --plasma-typo-body-xs-font-size: 0.75rem;
474
- --plasma-typo-body-xs-font-weight: 400;
475
- --plasma-typo-body-xs-line-height: 0.875rem;
476
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
477
- --plasma-typo-body-xs-bold-font-weight: 600;
478
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
479
- --plasma-typo-body-xxs-font-size: 0.625rem;
480
- --plasma-typo-body-xxs-font-weight: 400;
481
- --plasma-typo-body-xxs-line-height: 0.75rem;
482
- --plasma-typo-body-xxs-bold-font-size: 0.625rem;
483
- --plasma-typo-body-xxs-bold-font-weight: 600;
484
- --plasma-typo-body-xxs-bold-line-height: 0.75rem;
485
- --plasma-typo-text-l-font-size: 1.125rem;
486
- --plasma-typo-text-l-font-weight: 400;
487
- --plasma-typo-text-l-line-height: 1.625rem;
488
- --plasma-typo-text-l-bold-font-size: 1.125rem;
489
- --plasma-typo-text-l-bold-font-weight: 600;
490
- --plasma-typo-text-l-bold-line-height: 1.625rem;
491
- --plasma-typo-text-m-font-size: 1rem;
492
- --plasma-typo-text-m-font-weight: 400;
493
- --plasma-typo-text-m-line-height: 1.5rem;
494
- --plasma-typo-text-m-bold-font-size: 1rem;
495
- --plasma-typo-text-m-bold-font-weight: 600;
496
- --plasma-typo-text-m-bold-line-height: 1.5rem;
497
- --plasma-typo-text-s-font-size: 0.875rem;
498
- --plasma-typo-text-s-font-weight: 400;
499
- --plasma-typo-text-s-line-height: 1.25rem;
500
- --plasma-typo-text-s-bold-font-size: 0.875rem;
501
- --plasma-typo-text-s-bold-font-weight: 600;
502
- --plasma-typo-text-s-bold-line-height: 1.25rem;
503
- --plasma-typo-text-xs-font-size: 0.75rem;
504
- --plasma-typo-text-xs-font-weight: 400;
505
- --plasma-typo-text-xs-line-height: 1rem;
506
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
507
- --plasma-typo-text-xs-bold-font-weight: 600;
508
- --plasma-typo-text-xs-bold-line-height: 1rem;
509
- --plasma-typo-dspl-l-medium-font-size: 5.5rem;
510
- --plasma-typo-dspl-l-medium-font-weight: 500;
511
- --plasma-typo-dspl-l-medium-line-height: 5.75rem;
512
- --plasma-typo-dspl-m-medium-font-size: 3.5rem;
513
- --plasma-typo-dspl-m-medium-font-weight: 500;
514
- --plasma-typo-dspl-m-medium-line-height: 3.875rem;
515
- --plasma-typo-dspl-s-medium-font-size: 2.5rem;
516
- --plasma-typo-dspl-s-medium-font-weight: 500;
517
- --plasma-typo-dspl-s-medium-line-height: 2.875rem;
518
- --plasma-typo-h1-medium-font-size: 1.75rem;
519
- --plasma-typo-h1-medium-font-weight: 500;
520
- --plasma-typo-h1-medium-line-height: 2.125rem;
521
- --plasma-typo-h2-medium-font-size: 1.5rem;
522
- --plasma-typo-h2-medium-font-weight: 500;
523
- --plasma-typo-h2-medium-line-height: 1.875rem;
524
- --plasma-typo-h3-medium-font-size: 1.25rem;
525
- --plasma-typo-h3-medium-font-weight: 500;
526
- --plasma-typo-h3-medium-line-height: 1.625rem;
527
- --plasma-typo-h4-medium-font-size: 1.125rem;
528
- --plasma-typo-h4-medium-font-weight: 500;
529
- --plasma-typo-h4-medium-line-height: 1.5rem;
530
- --plasma-typo-h5-medium-font-size: 1rem;
531
- --plasma-typo-h5-medium-font-weight: 500;
532
- --plasma-typo-h5-medium-line-height: 1.375rem;
533
- --plasma-typo-body-l-medium-font-size: 1.125rem;
534
- --plasma-typo-body-l-medium-font-weight: 500;
535
- --plasma-typo-body-l-medium-line-height: 1.375rem;
536
- --plasma-typo-body-m-medium-font-size: 1rem;
537
- --plasma-typo-body-m-medium-font-weight: 500;
538
- --plasma-typo-body-m-medium-line-height: 1.25rem;
539
- --plasma-typo-body-s-medium-font-size: 0.875rem;
540
- --plasma-typo-body-s-medium-font-weight: 500;
541
- --plasma-typo-body-s-medium-line-height: 1.125rem;
542
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
543
- --plasma-typo-body-xs-medium-font-weight: 500;
544
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
545
- --plasma-typo-body-xxs-medium-font-size: 0.625rem;
546
- --plasma-typo-body-xxs-medium-font-weight: 500;
547
- --plasma-typo-body-xxs-medium-line-height: 0.75rem;
548
- --plasma-typo-text-l-medium-font-size: 1.125rem;
549
- --plasma-typo-text-l-medium-font-weight: 500;
550
- --plasma-typo-text-l-medium-line-height: 1.625rem;
551
- --plasma-typo-text-m-medium-font-size: 1rem;
552
- --plasma-typo-text-m-medium-font-weight: 500;
553
- --plasma-typo-text-m-medium-line-height: 1.5rem;
554
- --plasma-typo-text-s-medium-font-size: 0.875rem;
555
- --plasma-typo-text-s-medium-font-weight: 500;
556
- --plasma-typo-text-s-medium-line-height: 1.25rem;
557
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
558
- --plasma-typo-text-xs-medium-font-weight: 500;
559
- --plasma-typo-text-xs-medium-line-height: 1rem;
560
- }
561
- }
562
-
563
- @media (min-width: 560px) and (max-width: 959px) {
564
- :root {
565
- --plasma-typo-dspl-l-font-size: 7rem;
566
- --plasma-typo-dspl-l-font-weight: 300;
567
- --plasma-typo-dspl-l-line-height: 7rem;
568
- --plasma-typo-dspl-l-bold-font-size: 7rem;
569
- --plasma-typo-dspl-l-bold-font-weight: 600;
570
- --plasma-typo-dspl-l-bold-line-height: 7rem;
571
- --plasma-typo-dspl-m-font-size: 4.5rem;
572
- --plasma-typo-dspl-m-font-weight: 300;
573
- --plasma-typo-dspl-m-line-height: 4.75rem;
574
- --plasma-typo-dspl-m-bold-font-size: 4.5rem;
575
- --plasma-typo-dspl-m-bold-font-weight: 600;
576
- --plasma-typo-dspl-m-bold-line-height: 4.75rem;
577
- --plasma-typo-dspl-s-font-size: 3rem;
578
- --plasma-typo-dspl-s-font-weight: 300;
579
- --plasma-typo-dspl-s-line-height: 3.375rem;
580
- --plasma-typo-dspl-s-bold-font-size: 3rem;
581
- --plasma-typo-dspl-s-bold-font-weight: 600;
582
- --plasma-typo-dspl-s-bold-line-height: 3.375rem;
583
- --plasma-typo-h1-font-size: 2.5rem;
584
- --plasma-typo-h1-font-weight: 400;
585
- --plasma-typo-h1-line-height: 2.875rem;
586
- --plasma-typo-h1-bold-font-size: 2.5rem;
587
- --plasma-typo-h1-bold-font-weight: 600;
588
- --plasma-typo-h1-bold-line-height: 2.875rem;
589
- --plasma-typo-h2-font-size: 1.75rem;
590
- --plasma-typo-h2-font-weight: 400;
591
- --plasma-typo-h2-line-height: 2.125rem;
592
- --plasma-typo-h2-bold-font-size: 1.75rem;
593
- --plasma-typo-h2-bold-font-weight: 600;
594
- --plasma-typo-h2-bold-line-height: 2.125rem;
595
- --plasma-typo-h3-font-size: 1.25rem;
596
- --plasma-typo-h3-font-weight: 400;
597
- --plasma-typo-h3-line-height: 1.625rem;
598
- --plasma-typo-h3-bold-font-size: 1.25rem;
599
- --plasma-typo-h3-bold-font-weight: 600;
600
- --plasma-typo-h3-bold-line-height: 1.625rem;
601
- --plasma-typo-h4-font-size: 1.125rem;
602
- --plasma-typo-h4-font-weight: 400;
603
- --plasma-typo-h4-line-height: 1.5rem;
604
- --plasma-typo-h4-bold-font-size: 1.125rem;
605
- --plasma-typo-h4-bold-font-weight: 600;
606
- --plasma-typo-h4-bold-line-height: 1.5rem;
607
- --plasma-typo-h5-font-size: 1rem;
608
- --plasma-typo-h5-font-weight: 400;
609
- --plasma-typo-h5-line-height: 1.375rem;
610
- --plasma-typo-h5-bold-font-size: 1rem;
611
- --plasma-typo-h5-bold-font-weight: 600;
612
- --plasma-typo-h5-bold-line-height: 1.375rem;
613
- --plasma-typo-body-l-font-size: 1.125rem;
614
- --plasma-typo-body-l-font-weight: 400;
615
- --plasma-typo-body-l-line-height: 1.375rem;
616
- --plasma-typo-body-l-bold-font-size: 1.125rem;
617
- --plasma-typo-body-l-bold-font-weight: 600;
618
- --plasma-typo-body-l-bold-line-height: 1.375rem;
619
- --plasma-typo-body-m-font-size: 1rem;
620
- --plasma-typo-body-m-font-weight: 400;
621
- --plasma-typo-body-m-line-height: 1.25rem;
622
- --plasma-typo-body-m-bold-font-size: 1rem;
623
- --plasma-typo-body-m-bold-font-weight: 600;
624
- --plasma-typo-body-m-bold-line-height: 1.25rem;
625
- --plasma-typo-body-s-font-size: 0.875rem;
626
- --plasma-typo-body-s-font-weight: 400;
627
- --plasma-typo-body-s-line-height: 1.125rem;
628
- --plasma-typo-body-s-bold-font-size: 0.875rem;
629
- --plasma-typo-body-s-bold-font-weight: 600;
630
- --plasma-typo-body-s-bold-line-height: 1.125rem;
631
- --plasma-typo-body-xs-font-size: 0.75rem;
632
- --plasma-typo-body-xs-font-weight: 400;
633
- --plasma-typo-body-xs-line-height: 0.875rem;
634
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
635
- --plasma-typo-body-xs-bold-font-weight: 600;
636
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
637
- --plasma-typo-body-xxs-font-size: 0.625rem;
638
- --plasma-typo-body-xxs-font-weight: 400;
639
- --plasma-typo-body-xxs-line-height: 0.75rem;
640
- --plasma-typo-body-xxs-bold-font-size: 0.625rem;
641
- --plasma-typo-body-xxs-bold-font-weight: 600;
642
- --plasma-typo-body-xxs-bold-line-height: 0.75rem;
643
- --plasma-typo-text-l-font-size: 1.25rem;
644
- --plasma-typo-text-l-font-weight: 400;
645
- --plasma-typo-text-l-line-height: 1.75rem;
646
- --plasma-typo-text-l-bold-font-size: 1.25rem;
647
- --plasma-typo-text-l-bold-font-weight: 600;
648
- --plasma-typo-text-l-bold-line-height: 1.75rem;
649
- --plasma-typo-text-m-font-size: 1rem;
650
- --plasma-typo-text-m-font-weight: 400;
651
- --plasma-typo-text-m-line-height: 1.5rem;
652
- --plasma-typo-text-m-bold-font-size: 1rem;
653
- --plasma-typo-text-m-bold-font-weight: 600;
654
- --plasma-typo-text-m-bold-line-height: 1.5rem;
655
- --plasma-typo-text-s-font-size: 0.875rem;
656
- --plasma-typo-text-s-font-weight: 400;
657
- --plasma-typo-text-s-line-height: 1.25rem;
658
- --plasma-typo-text-s-bold-font-size: 0.875rem;
659
- --plasma-typo-text-s-bold-font-weight: 600;
660
- --plasma-typo-text-s-bold-line-height: 1.25rem;
661
- --plasma-typo-text-xs-font-size: 0.75rem;
662
- --plasma-typo-text-xs-font-weight: 400;
663
- --plasma-typo-text-xs-line-height: 1rem;
664
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
665
- --plasma-typo-text-xs-bold-font-weight: 600;
666
- --plasma-typo-text-xs-bold-line-height: 1rem;
667
- --plasma-typo-dspl-l-medium-font-size: 7rem;
668
- --plasma-typo-dspl-l-medium-font-weight: 500;
669
- --plasma-typo-dspl-l-medium-line-height: 7rem;
670
- --plasma-typo-dspl-m-medium-font-size: 4.5rem;
671
- --plasma-typo-dspl-m-medium-font-weight: 500;
672
- --plasma-typo-dspl-m-medium-line-height: 4.75rem;
673
- --plasma-typo-dspl-s-medium-font-size: 3rem;
674
- --plasma-typo-dspl-s-medium-font-weight: 500;
675
- --plasma-typo-dspl-s-medium-line-height: 3.375rem;
676
- --plasma-typo-h1-medium-font-size: 2.5rem;
677
- --plasma-typo-h1-medium-font-weight: 500;
678
- --plasma-typo-h1-medium-line-height: 2.875rem;
679
- --plasma-typo-h2-medium-font-size: 1.75rem;
680
- --plasma-typo-h2-medium-font-weight: 500;
681
- --plasma-typo-h2-medium-line-height: 2.125rem;
682
- --plasma-typo-h3-medium-font-size: 1.25rem;
683
- --plasma-typo-h3-medium-font-weight: 500;
684
- --plasma-typo-h3-medium-line-height: 1.625rem;
685
- --plasma-typo-h4-medium-font-size: 1.125rem;
686
- --plasma-typo-h4-medium-font-weight: 500;
687
- --plasma-typo-h4-medium-line-height: 1.5rem;
688
- --plasma-typo-h5-medium-font-size: 1rem;
689
- --plasma-typo-h5-medium-font-weight: 500;
690
- --plasma-typo-h5-medium-line-height: 1.375rem;
691
- --plasma-typo-body-l-medium-font-size: 1.125rem;
692
- --plasma-typo-body-l-medium-font-weight: 500;
693
- --plasma-typo-body-l-medium-line-height: 1.375rem;
694
- --plasma-typo-body-m-medium-font-size: 1rem;
695
- --plasma-typo-body-m-medium-font-weight: 500;
696
- --plasma-typo-body-m-medium-line-height: 1.25rem;
697
- --plasma-typo-body-s-medium-font-size: 0.875rem;
698
- --plasma-typo-body-s-medium-font-weight: 500;
699
- --plasma-typo-body-s-medium-line-height: 1.125rem;
700
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
701
- --plasma-typo-body-xs-medium-font-weight: 500;
702
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
703
- --plasma-typo-body-xxs-medium-font-size: 0.625rem;
704
- --plasma-typo-body-xxs-medium-font-weight: 500;
705
- --plasma-typo-body-xxs-medium-line-height: 0.75rem;
706
- --plasma-typo-text-l-medium-font-size: 1.25rem;
707
- --plasma-typo-text-l-medium-font-weight: 500;
708
- --plasma-typo-text-l-medium-line-height: 1.75rem;
709
- --plasma-typo-text-m-medium-font-size: 1rem;
710
- --plasma-typo-text-m-medium-font-weight: 500;
711
- --plasma-typo-text-m-medium-line-height: 1.5rem;
712
- --plasma-typo-text-s-medium-font-size: 0.875rem;
713
- --plasma-typo-text-s-medium-font-weight: 500;
714
- --plasma-typo-text-s-medium-line-height: 1.25rem;
715
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
716
- --plasma-typo-text-xs-medium-font-weight: 500;
717
- --plasma-typo-text-xs-medium-line-height: 1rem;
718
- }
719
- }
720
-
721
- @media (min-width: 960px) {
722
- :root {
723
- --plasma-typo-dspl-l-font-size: 8rem;
724
- --plasma-typo-dspl-l-font-weight: 300;
725
- --plasma-typo-dspl-l-line-height: 8rem;
726
- --plasma-typo-dspl-l-bold-font-size: 8rem;
727
- --plasma-typo-dspl-l-bold-font-weight: 600;
728
- --plasma-typo-dspl-l-bold-line-height: 8rem;
729
- --plasma-typo-dspl-m-font-size: 5.5rem;
730
- --plasma-typo-dspl-m-font-weight: 300;
731
- --plasma-typo-dspl-m-line-height: 5.75rem;
732
- --plasma-typo-dspl-m-bold-font-size: 5.5rem;
733
- --plasma-typo-dspl-m-bold-font-weight: 600;
734
- --plasma-typo-dspl-m-bold-line-height: 5.75rem;
735
- --plasma-typo-dspl-s-font-size: 4rem;
736
- --plasma-typo-dspl-s-font-weight: 300;
737
- --plasma-typo-dspl-s-line-height: 4.25rem;
738
- --plasma-typo-dspl-s-bold-font-size: 4rem;
739
- --plasma-typo-dspl-s-bold-font-weight: 600;
740
- --plasma-typo-dspl-s-bold-line-height: 4.25rem;
741
- --plasma-typo-h1-font-size: 3rem;
742
- --plasma-typo-h1-font-weight: 400;
743
- --plasma-typo-h1-line-height: 3.375rem;
744
- --plasma-typo-h1-bold-font-size: 3rem;
745
- --plasma-typo-h1-bold-font-weight: 600;
746
- --plasma-typo-h1-bold-line-height: 3.375rem;
747
- --plasma-typo-h2-font-size: 2rem;
748
- --plasma-typo-h2-font-weight: 400;
749
- --plasma-typo-h2-line-height: 2.375rem;
750
- --plasma-typo-h2-bold-font-size: 2rem;
751
- --plasma-typo-h2-bold-font-weight: 600;
752
- --plasma-typo-h2-bold-line-height: 2.375rem;
753
- --plasma-typo-h3-font-size: 1.5rem;
754
- --plasma-typo-h3-font-weight: 400;
755
- --plasma-typo-h3-line-height: 1.875rem;
756
- --plasma-typo-h3-bold-font-size: 1.5rem;
757
- --plasma-typo-h3-bold-font-weight: 600;
758
- --plasma-typo-h3-bold-line-height: 1.875rem;
759
- --plasma-typo-h4-font-size: 1.25rem;
760
- --plasma-typo-h4-font-weight: 400;
761
- --plasma-typo-h4-line-height: 1.625rem;
762
- --plasma-typo-h4-bold-font-size: 1.25rem;
763
- --plasma-typo-h4-bold-font-weight: 600;
764
- --plasma-typo-h4-bold-line-height: 1.625rem;
765
- --plasma-typo-h5-font-size: 1.125rem;
766
- --plasma-typo-h5-font-weight: 400;
767
- --plasma-typo-h5-line-height: 1.5rem;
768
- --plasma-typo-h5-bold-font-size: 1.125rem;
769
- --plasma-typo-h5-bold-font-weight: 600;
770
- --plasma-typo-h5-bold-line-height: 1.5rem;
771
- --plasma-typo-body-l-font-size: 1.125rem;
772
- --plasma-typo-body-l-font-weight: 400;
773
- --plasma-typo-body-l-line-height: 1.375rem;
774
- --plasma-typo-body-l-bold-font-size: 1.125rem;
775
- --plasma-typo-body-l-bold-font-weight: 600;
776
- --plasma-typo-body-l-bold-line-height: 1.375rem;
777
- --plasma-typo-body-m-font-size: 1rem;
778
- --plasma-typo-body-m-font-weight: 400;
779
- --plasma-typo-body-m-line-height: 1.25rem;
780
- --plasma-typo-body-m-bold-font-size: 1rem;
781
- --plasma-typo-body-m-bold-font-weight: 600;
782
- --plasma-typo-body-m-bold-line-height: 1.25rem;
783
- --plasma-typo-body-s-font-size: 0.875rem;
784
- --plasma-typo-body-s-font-weight: 400;
785
- --plasma-typo-body-s-line-height: 1.125rem;
786
- --plasma-typo-body-s-bold-font-size: 0.875rem;
787
- --plasma-typo-body-s-bold-font-weight: 600;
788
- --plasma-typo-body-s-bold-line-height: 1.125rem;
789
- --plasma-typo-body-xs-font-size: 0.75rem;
790
- --plasma-typo-body-xs-font-weight: 400;
791
- --plasma-typo-body-xs-line-height: 0.875rem;
792
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
793
- --plasma-typo-body-xs-bold-font-weight: 600;
794
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
795
- --plasma-typo-body-xxs-font-size: 0.625rem;
796
- --plasma-typo-body-xxs-font-weight: 400;
797
- --plasma-typo-body-xxs-line-height: 0.75rem;
798
- --plasma-typo-body-xxs-bold-font-size: 0.625rem;
799
- --plasma-typo-body-xxs-bold-font-weight: 600;
800
- --plasma-typo-body-xxs-bold-line-height: 0.75rem;
801
- --plasma-typo-text-l-font-size: 1.5rem;
802
- --plasma-typo-text-l-font-weight: 400;
803
- --plasma-typo-text-l-line-height: 2rem;
804
- --plasma-typo-text-l-bold-font-size: 1.5rem;
805
- --plasma-typo-text-l-bold-font-weight: 600;
806
- --plasma-typo-text-l-bold-line-height: 2rem;
807
- --plasma-typo-text-m-font-size: 1.125rem;
808
- --plasma-typo-text-m-font-weight: 400;
809
- --plasma-typo-text-m-line-height: 1.625rem;
810
- --plasma-typo-text-m-bold-font-size: 1.125rem;
811
- --plasma-typo-text-m-bold-font-weight: 600;
812
- --plasma-typo-text-m-bold-line-height: 1.625rem;
813
- --plasma-typo-text-s-font-size: 0.875rem;
814
- --plasma-typo-text-s-font-weight: 400;
815
- --plasma-typo-text-s-line-height: 1.25rem;
816
- --plasma-typo-text-s-bold-font-size: 0.875rem;
817
- --plasma-typo-text-s-bold-font-weight: 600;
818
- --plasma-typo-text-s-bold-line-height: 1.25rem;
819
- --plasma-typo-text-xs-font-size: 0.75rem;
820
- --plasma-typo-text-xs-font-weight: 400;
821
- --plasma-typo-text-xs-line-height: 1rem;
822
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
823
- --plasma-typo-text-xs-bold-font-weight: 600;
824
- --plasma-typo-text-xs-bold-line-height: 1rem;
825
- --plasma-typo-dspl-l-medium-font-size: 8rem;
826
- --plasma-typo-dspl-l-medium-font-weight: 500;
827
- --plasma-typo-dspl-l-medium-line-height: 8rem;
828
- --plasma-typo-dspl-m-medium-font-size: 5.5rem;
829
- --plasma-typo-dspl-m-medium-font-weight: 500;
830
- --plasma-typo-dspl-m-medium-line-height: 5.75rem;
831
- --plasma-typo-dspl-s-medium-font-size: 4rem;
832
- --plasma-typo-dspl-s-medium-font-weight: 500;
833
- --plasma-typo-dspl-s-medium-line-height: 4.25rem;
834
- --plasma-typo-h1-medium-font-size: 3rem;
835
- --plasma-typo-h1-medium-font-weight: 500;
836
- --plasma-typo-h1-medium-line-height: 3.375rem;
837
- --plasma-typo-h2-medium-font-size: 2rem;
838
- --plasma-typo-h2-medium-font-weight: 500;
839
- --plasma-typo-h2-medium-line-height: 2.375rem;
840
- --plasma-typo-h3-medium-font-size: 1.5rem;
841
- --plasma-typo-h3-medium-font-weight: 500;
842
- --plasma-typo-h3-medium-line-height: 1.875rem;
843
- --plasma-typo-h4-medium-font-size: 1.25rem;
844
- --plasma-typo-h4-medium-font-weight: 500;
845
- --plasma-typo-h4-medium-line-height: 1.625rem;
846
- --plasma-typo-h5-medium-font-size: 1.125rem;
847
- --plasma-typo-h5-medium-font-weight: 500;
848
- --plasma-typo-h5-medium-line-height: 1.5rem;
849
- --plasma-typo-body-l-medium-font-size: 1.125rem;
850
- --plasma-typo-body-l-medium-font-weight: 500;
851
- --plasma-typo-body-l-medium-line-height: 1.375rem;
852
- --plasma-typo-body-m-medium-font-size: 1rem;
853
- --plasma-typo-body-m-medium-font-weight: 500;
854
- --plasma-typo-body-m-medium-line-height: 1.25rem;
855
- --plasma-typo-body-s-medium-font-size: 0.875rem;
856
- --plasma-typo-body-s-medium-font-weight: 500;
857
- --plasma-typo-body-s-medium-line-height: 1.125rem;
858
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
859
- --plasma-typo-body-xs-medium-font-weight: 500;
860
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
861
- --plasma-typo-body-xxs-medium-font-size: 0.625rem;
862
- --plasma-typo-body-xxs-medium-font-weight: 500;
863
- --plasma-typo-body-xxs-medium-line-height: 0.75rem;
864
- --plasma-typo-text-l-medium-font-size: 1.5rem;
865
- --plasma-typo-text-l-medium-font-weight: 500;
866
- --plasma-typo-text-l-medium-line-height: 2rem;
867
- --plasma-typo-text-m-medium-font-size: 1.125rem;
868
- --plasma-typo-text-m-medium-font-weight: 500;
869
- --plasma-typo-text-m-medium-line-height: 1.625rem;
870
- --plasma-typo-text-s-medium-font-size: 0.875rem;
871
- --plasma-typo-text-s-medium-font-weight: 500;
872
- --plasma-typo-text-s-medium-line-height: 1.25rem;
873
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
874
- --plasma-typo-text-xs-medium-font-weight: 500;
875
- --plasma-typo-text-xs-medium-line-height: 1rem;
876
- }
877
- }