@kato-lee/components 1.1.4 → 3.0.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 (151) hide show
  1. package/README.md +1 -1
  2. package/assets/_fields.scss +82 -21
  3. package/assets/_grids.scss +8 -0
  4. package/assets/assets.scss +4 -0
  5. package/assets/bundle.css +1 -0
  6. package/assets/{themes/_default.scss → colors.scss} +7 -6
  7. package/assets/components/_checkbox.scss +11 -0
  8. package/assets/components/_fields.scss +53 -13
  9. package/assets/components/_scroll-bar.scss +8 -0
  10. package/assets/components/_snack-bar.scss +21 -10
  11. package/assets/components/_tables.scss +75 -84
  12. package/assets/components/main.scss +9 -10
  13. package/assets/material/theme.scss +91 -0
  14. package/box-form/index.d.ts +51 -3
  15. package/box-form/package.json +3 -0
  16. package/capsule/index.d.ts +25 -2
  17. package/capsule/package.json +3 -0
  18. package/cards/index.d.ts +18 -2
  19. package/cards/package.json +3 -0
  20. package/dialogs/index.d.ts +18 -2
  21. package/dialogs/package.json +3 -0
  22. package/fesm2022/kato-lee-components-box-form.mjs +19 -19
  23. package/fesm2022/kato-lee-components-box-form.mjs.map +1 -1
  24. package/fesm2022/kato-lee-components-capsule.mjs +8 -8
  25. package/fesm2022/kato-lee-components-capsule.mjs.map +1 -1
  26. package/fesm2022/kato-lee-components-cards.mjs +8 -8
  27. package/fesm2022/kato-lee-components-cards.mjs.map +1 -1
  28. package/fesm2022/kato-lee-components-dialogs.mjs +17 -17
  29. package/fesm2022/kato-lee-components-dialogs.mjs.map +1 -1
  30. package/fesm2022/kato-lee-components-fields.mjs +76 -80
  31. package/fesm2022/kato-lee-components-fields.mjs.map +1 -1
  32. package/fesm2022/kato-lee-components-modal.mjs +24 -20
  33. package/fesm2022/kato-lee-components-modal.mjs.map +1 -1
  34. package/fesm2022/kato-lee-components-pretty-box.mjs +4 -4
  35. package/fesm2022/kato-lee-components-pretty-box.mjs.map +1 -1
  36. package/fesm2022/kato-lee-components-tables.mjs +65 -25
  37. package/fesm2022/kato-lee-components-tables.mjs.map +1 -1
  38. package/fesm2022/kato-lee-components-toast.mjs +4 -4
  39. package/fesm2022/kato-lee-components-toast.mjs.map +1 -1
  40. package/fields/index.d.ts +464 -15
  41. package/fields/package.json +3 -0
  42. package/index.d.ts +2 -1
  43. package/modal/index.d.ts +66 -4
  44. package/modal/package.json +3 -0
  45. package/package.json +11 -28
  46. package/pretty-box/index.d.ts +27 -1
  47. package/pretty-box/package.json +3 -0
  48. package/tables/index.d.ts +27 -3
  49. package/tables/package.json +3 -0
  50. package/toast/index.d.ts +25 -1
  51. package/toast/package.json +3 -0
  52. package/assets/components/_material.scss +0 -15
  53. package/assets/main.scss +0 -4
  54. package/assets/material/themes/dark.scss +0 -52
  55. package/assets/material/themes/default.scss +0 -105
  56. package/assets/material/themes/main.scss +0 -2907
  57. package/assets/themes/_dark.scss +0 -16
  58. package/assets/themes/main.scss +0 -2
  59. package/assets/variables.scss +0 -7
  60. package/box-form/common.d.ts +0 -5
  61. package/box-form/component.d.ts +0 -34
  62. package/box-form/module.d.ts +0 -8
  63. package/capsule/component.d.ts +0 -14
  64. package/capsule/module.d.ts +0 -8
  65. package/cards/component.d.ts +0 -8
  66. package/cards/module.d.ts +0 -8
  67. package/dialogs/dismiss-dialog-button.component.d.ts +0 -8
  68. package/dialogs/module.d.ts +0 -8
  69. package/esm2022/box-form/common.mjs +0 -2
  70. package/esm2022/box-form/component.mjs +0 -112
  71. package/esm2022/box-form/index.mjs +0 -7
  72. package/esm2022/box-form/kato-lee-components-box-form.mjs +0 -5
  73. package/esm2022/box-form/module.mjs +0 -17
  74. package/esm2022/capsule/component.mjs +0 -78
  75. package/esm2022/capsule/index.mjs +0 -6
  76. package/esm2022/capsule/kato-lee-components-capsule.mjs +0 -5
  77. package/esm2022/capsule/module.mjs +0 -17
  78. package/esm2022/cards/component.mjs +0 -48
  79. package/esm2022/cards/index.mjs +0 -6
  80. package/esm2022/cards/kato-lee-components-cards.mjs +0 -5
  81. package/esm2022/cards/module.mjs +0 -18
  82. package/esm2022/dialogs/dismiss-dialog-button.component.mjs +0 -46
  83. package/esm2022/dialogs/index.mjs +0 -6
  84. package/esm2022/dialogs/kato-lee-components-dialogs.mjs +0 -5
  85. package/esm2022/dialogs/module.mjs +0 -18
  86. package/esm2022/fields/autocomplete/component.mjs +0 -259
  87. package/esm2022/fields/common.mjs +0 -11
  88. package/esm2022/fields/date/component.mjs +0 -163
  89. package/esm2022/fields/date-range/component.mjs +0 -85
  90. package/esm2022/fields/error/component.mjs +0 -57
  91. package/esm2022/fields/error/error-equals.pipe.mjs +0 -19
  92. package/esm2022/fields/error/error.msg.pipe.mjs +0 -19
  93. package/esm2022/fields/error/lang/_en.mjs +0 -12
  94. package/esm2022/fields/error/lang/_es.mjs +0 -12
  95. package/esm2022/fields/error/lang/index.mjs +0 -3
  96. package/esm2022/fields/general/component.mjs +0 -202
  97. package/esm2022/fields/index.mjs +0 -19
  98. package/esm2022/fields/kato-lee-components-fields.mjs +0 -5
  99. package/esm2022/fields/module.mjs +0 -82
  100. package/esm2022/fields/money/component.mjs +0 -202
  101. package/esm2022/fields/number/component.mjs +0 -179
  102. package/esm2022/fields/remote-autocomplete/component.mjs +0 -188
  103. package/esm2022/fields/select/component.mjs +0 -158
  104. package/esm2022/fields/text-area/component.mjs +0 -186
  105. package/esm2022/fields/validators.mjs +0 -11
  106. package/esm2022/index.mjs +0 -2
  107. package/esm2022/kato-lee-components.mjs +0 -5
  108. package/esm2022/modal/component.mjs +0 -66
  109. package/esm2022/modal/config.mjs +0 -2
  110. package/esm2022/modal/index.mjs +0 -8
  111. package/esm2022/modal/kato-lee-components-modal.mjs +0 -5
  112. package/esm2022/modal/module.mjs +0 -17
  113. package/esm2022/modal/service.mjs +0 -33
  114. package/esm2022/pretty-box/component.mjs +0 -94
  115. package/esm2022/pretty-box/index.mjs +0 -5
  116. package/esm2022/pretty-box/kato-lee-components-pretty-box.mjs +0 -5
  117. package/esm2022/tables/index.mjs +0 -7
  118. package/esm2022/tables/kato-lee-components-tables.mjs +0 -5
  119. package/esm2022/tables/mat-paginator.translation.mjs +0 -22
  120. package/esm2022/tables/module.mjs +0 -22
  121. package/esm2022/tables/no-records.component.mjs +0 -58
  122. package/esm2022/toast/index.mjs +0 -5
  123. package/esm2022/toast/kato-lee-components-toast.mjs +0 -5
  124. package/esm2022/toast/service.mjs +0 -42
  125. package/fields/autocomplete/component.d.ts +0 -65
  126. package/fields/common.d.ts +0 -8
  127. package/fields/date/component.d.ts +0 -46
  128. package/fields/date-range/component.d.ts +0 -23
  129. package/fields/error/component.d.ts +0 -22
  130. package/fields/error/error-equals.pipe.d.ts +0 -7
  131. package/fields/error/error.msg.pipe.d.ts +0 -7
  132. package/fields/error/lang/_en.d.ts +0 -1
  133. package/fields/error/lang/_es.d.ts +0 -1
  134. package/fields/error/lang/index.d.ts +0 -2
  135. package/fields/general/component.d.ts +0 -56
  136. package/fields/module.d.ts +0 -19
  137. package/fields/money/component.d.ts +0 -53
  138. package/fields/number/component.d.ts +0 -52
  139. package/fields/remote-autocomplete/component.d.ts +0 -43
  140. package/fields/select/component.d.ts +0 -44
  141. package/fields/text-area/component.d.ts +0 -55
  142. package/fields/validators.d.ts +0 -9
  143. package/modal/component.d.ts +0 -35
  144. package/modal/config.d.ts +0 -9
  145. package/modal/module.d.ts +0 -8
  146. package/modal/service.d.ts +0 -13
  147. package/pretty-box/component.d.ts +0 -24
  148. package/tables/mat-paginator.translation.d.ts +0 -2
  149. package/tables/module.d.ts +0 -10
  150. package/tables/no-records.component.d.ts +0 -12
  151. package/toast/service.d.ts +0 -21
@@ -1,2907 +0,0 @@
1
- /*!
2
- * Angular Material Theme
3
- * @license MIT
4
- * Created by Google but not supported.
5
- * Created: 06/10/2023
6
- */
7
- .mat-badge-content {
8
- font-weight: 600;
9
- font-size: 12px;
10
- font-family:
11
- Roboto,
12
- Helvetica Neue,
13
- sans-serif;
14
- }
15
- .mat-badge-small .mat-badge-content {
16
- font-size: 9px;
17
- }
18
- .mat-badge-large .mat-badge-content {
19
- font-size: 24px;
20
- }
21
- .mat-h1,
22
- .mat-headline,
23
- .mat-typography .mat-h1,
24
- .mat-typography .mat-headline,
25
- .mat-typography h1 {
26
- font:
27
- 400 24px/32px Roboto,
28
- Helvetica Neue,
29
- sans-serif;
30
- letter-spacing: normal;
31
- margin: 0 0 16px;
32
- }
33
- .mat-h2,
34
- .mat-title,
35
- .mat-typography .mat-h2,
36
- .mat-typography .mat-title,
37
- .mat-typography h2 {
38
- font:
39
- 500 20px/32px Roboto,
40
- Helvetica Neue,
41
- sans-serif;
42
- letter-spacing: normal;
43
- margin: 0 0 16px;
44
- }
45
- .mat-h3,
46
- .mat-subheading-2,
47
- .mat-typography .mat-h3,
48
- .mat-typography .mat-subheading-2,
49
- .mat-typography h3 {
50
- font:
51
- 400 16px/28px Roboto,
52
- Helvetica Neue,
53
- sans-serif;
54
- letter-spacing: normal;
55
- margin: 0 0 16px;
56
- }
57
- .mat-h4,
58
- .mat-subheading-1,
59
- .mat-typography .mat-h4,
60
- .mat-typography .mat-subheading-1,
61
- .mat-typography h4 {
62
- font:
63
- 400 15px/24px Roboto,
64
- Helvetica Neue,
65
- sans-serif;
66
- letter-spacing: normal;
67
- margin: 0 0 16px;
68
- }
69
- .mat-h5,
70
- .mat-typography .mat-h5,
71
- .mat-typography h5 {
72
- font:
73
- 400 11.62px/20px Roboto,
74
- Helvetica Neue,
75
- sans-serif;
76
- margin: 0 0 12px;
77
- }
78
- .mat-h6,
79
- .mat-typography .mat-h6,
80
- .mat-typography h6 {
81
- font:
82
- 400 9.38px/20px Roboto,
83
- Helvetica Neue,
84
- sans-serif;
85
- margin: 0 0 12px;
86
- }
87
- .mat-body-strong,
88
- .mat-body-2,
89
- .mat-typography .mat-body-strong,
90
- .mat-typography .mat-body-2 {
91
- font:
92
- 500 14px/24px Roboto,
93
- Helvetica Neue,
94
- sans-serif;
95
- letter-spacing: normal;
96
- }
97
- .mat-body,
98
- .mat-body-1,
99
- .mat-typography .mat-body,
100
- .mat-typography .mat-body-1,
101
- .mat-typography {
102
- font:
103
- 400 14px/20px Roboto,
104
- Helvetica Neue,
105
- sans-serif;
106
- letter-spacing: normal;
107
- }
108
- .mat-body p,
109
- .mat-body-1 p,
110
- .mat-typography .mat-body p,
111
- .mat-typography .mat-body-1 p,
112
- .mat-typography p {
113
- margin: 0 0 12px;
114
- }
115
- .mat-small,
116
- .mat-caption,
117
- .mat-typography .mat-small,
118
- .mat-typography .mat-caption {
119
- font:
120
- 400 12px/20px Roboto,
121
- Helvetica Neue,
122
- sans-serif;
123
- letter-spacing: normal;
124
- }
125
- .mat-display-4,
126
- .mat-typography .mat-display-4 {
127
- font:
128
- 300 112px/112px Roboto,
129
- Helvetica Neue,
130
- sans-serif;
131
- letter-spacing: -0.05em;
132
- margin: 0 0 56px;
133
- }
134
- .mat-display-3,
135
- .mat-typography .mat-display-3 {
136
- font:
137
- 400 56px/56px Roboto,
138
- Helvetica Neue,
139
- sans-serif;
140
- letter-spacing: -0.02em;
141
- margin: 0 0 64px;
142
- }
143
- .mat-display-2,
144
- .mat-typography .mat-display-2 {
145
- font:
146
- 400 45px/48px Roboto,
147
- Helvetica Neue,
148
- sans-serif;
149
- letter-spacing: -0.005em;
150
- margin: 0 0 64px;
151
- }
152
- .mat-display-1,
153
- .mat-typography .mat-display-1 {
154
- font:
155
- 400 34px/40px Roboto,
156
- Helvetica Neue,
157
- sans-serif;
158
- letter-spacing: normal;
159
- margin: 0 0 64px;
160
- }
161
- .mat-bottom-sheet-container {
162
- font:
163
- 400 14px/20px Roboto,
164
- Helvetica Neue,
165
- sans-serif;
166
- letter-spacing: normal;
167
- }
168
- .mat-button,
169
- .mat-raised-button,
170
- .mat-icon-button,
171
- .mat-stroked-button,
172
- .mat-flat-button,
173
- .mat-fab,
174
- .mat-mini-fab {
175
- font-family:
176
- Roboto,
177
- Helvetica Neue,
178
- sans-serif;
179
- font-size: 14px;
180
- font-weight: 500;
181
- }
182
- .mat-button-toggle,
183
- .mat-card {
184
- font-family:
185
- Roboto,
186
- Helvetica Neue,
187
- sans-serif;
188
- }
189
- .mat-card-title {
190
- font-size: 24px;
191
- font-weight: 500;
192
- }
193
- .mat-card-header .mat-card-title {
194
- font-size: 20px;
195
- }
196
- .mat-card-subtitle,
197
- .mat-card-content {
198
- font-size: 14px;
199
- }
200
- .mat-checkbox {
201
- font-family:
202
- Roboto,
203
- Helvetica Neue,
204
- sans-serif;
205
- }
206
- .mat-checkbox-layout .mat-checkbox-label {
207
- line-height: 24px;
208
- }
209
- .mat-chip {
210
- font-size: 14px;
211
- font-weight: 500;
212
- }
213
- .mat-chip .mat-chip-trailing-icon.mat-icon,
214
- .mat-chip .mat-chip-remove.mat-icon {
215
- font-size: 18px;
216
- }
217
- .mat-table {
218
- font-family:
219
- Roboto,
220
- Helvetica Neue,
221
- sans-serif;
222
- }
223
- .mat-header-cell {
224
- font-size: 12px;
225
- font-weight: 500;
226
- }
227
- .mat-cell,
228
- .mat-footer-cell {
229
- font-size: 14px;
230
- }
231
- .mat-calendar {
232
- font-family:
233
- Roboto,
234
- Helvetica Neue,
235
- sans-serif;
236
- }
237
- .mat-calendar-body {
238
- font-size: 13px;
239
- }
240
- .mat-calendar-body-label,
241
- .mat-calendar-period-button {
242
- font-size: 14px;
243
- font-weight: 500;
244
- }
245
- .mat-calendar-table-header th {
246
- font-size: 11px;
247
- font-weight: 400;
248
- }
249
- .mat-dialog-title {
250
- font:
251
- 500 20px/32px Roboto,
252
- Helvetica Neue,
253
- sans-serif;
254
- letter-spacing: normal;
255
- }
256
- .mat-expansion-panel-header {
257
- font-family:
258
- Roboto,
259
- Helvetica Neue,
260
- sans-serif;
261
- font-size: 15px;
262
- font-weight: 400;
263
- }
264
- .mat-expansion-panel-content {
265
- font:
266
- 400 14px/20px Roboto,
267
- Helvetica Neue,
268
- sans-serif;
269
- letter-spacing: normal;
270
- }
271
- .mat-form-field {
272
- font-size: inherit;
273
- font-weight: 400;
274
- line-height: 1.125;
275
- font-family:
276
- Roboto,
277
- Helvetica Neue,
278
- sans-serif;
279
- letter-spacing: normal;
280
- }
281
- .mat-form-field-wrapper {
282
- padding-bottom: 1.34375em;
283
- }
284
- .mat-form-field-prefix .mat-icon,
285
- .mat-form-field-suffix .mat-icon {
286
- font-size: 150%;
287
- line-height: 1.125;
288
- }
289
- .mat-form-field-prefix .mat-icon-button,
290
- .mat-form-field-suffix .mat-icon-button {
291
- height: 1.5em;
292
- width: 1.5em;
293
- }
294
- .mat-form-field-prefix .mat-icon-button .mat-icon,
295
- .mat-form-field-suffix .mat-icon-button .mat-icon {
296
- height: 1.125em;
297
- line-height: 1.125;
298
- }
299
- .mat-form-field-infix {
300
- padding: 0.5em 0;
301
- border-top: 0.84375em solid rgba(0, 0, 0, 0);
302
- }
303
- .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
304
- .mat-form-field-can-float
305
- .mat-input-server:focus
306
- + .mat-form-field-label-wrapper
307
- .mat-form-field-label {
308
- transform: translateY(-1.34375em) scale(0.75);
309
- width: 133.3333333333%;
310
- }
311
- .mat-form-field-can-float
312
- .mat-input-server[label]:not(:label-shown)
313
- + .mat-form-field-label-wrapper
314
- .mat-form-field-label {
315
- transform: translateY(-1.34374em) scale(0.75);
316
- width: 133.3333433333%;
317
- }
318
- .mat-form-field-label-wrapper {
319
- top: -0.84375em;
320
- padding-top: 0.84375em;
321
- }
322
- .mat-form-field-label {
323
- top: 1.34375em;
324
- }
325
- .mat-form-field-underline {
326
- bottom: 1.34375em;
327
- }
328
- .mat-form-field-subscript-wrapper {
329
- font-size: 75%;
330
- margin-top: 0.6666666667em;
331
- top: calc(100% - 1.7916666667em);
332
- }
333
- .mat-form-field-appearance-legacy .mat-form-field-wrapper {
334
- padding-bottom: 1.25em;
335
- }
336
- .mat-form-field-appearance-legacy .mat-form-field-infix {
337
- padding: 0.4375em 0;
338
- }
339
- .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
340
- .mat-form-field-label,
341
- .mat-form-field-appearance-legacy.mat-form-field-can-float
342
- .mat-input-server:focus
343
- + .mat-form-field-label-wrapper
344
- .mat-form-field-label {
345
- transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
346
- width: 133.3333333333%;
347
- }
348
- .mat-form-field-appearance-legacy.mat-form-field-can-float
349
- .mat-form-field-autofill-control:-webkit-autofill
350
- + .mat-form-field-label-wrapper
351
- .mat-form-field-label {
352
- transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
353
- width: 133.3333433333%;
354
- }
355
- .mat-form-field-appearance-legacy.mat-form-field-can-float
356
- .mat-input-server[label]:not(:label-shown)
357
- + .mat-form-field-label-wrapper
358
- .mat-form-field-label {
359
- transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
360
- width: 133.3333533333%;
361
- }
362
- .mat-form-field-appearance-legacy .mat-form-field-label {
363
- top: 1.28125em;
364
- }
365
- .mat-form-field-appearance-legacy .mat-form-field-underline {
366
- bottom: 1.25em;
367
- }
368
- .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
369
- margin-top: 0.5416666667em;
370
- top: calc(100% - 1.6666666667em);
371
- }
372
- @media print {
373
- .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
374
- .mat-form-field-label,
375
- .mat-form-field-appearance-legacy.mat-form-field-can-float
376
- .mat-input-server:focus
377
- + .mat-form-field-label-wrapper
378
- .mat-form-field-label {
379
- transform: translateY(-1.28122em) scale(0.75);
380
- }
381
- .mat-form-field-appearance-legacy.mat-form-field-can-float
382
- .mat-form-field-autofill-control:-webkit-autofill
383
- + .mat-form-field-label-wrapper
384
- .mat-form-field-label {
385
- transform: translateY(-1.28121em) scale(0.75);
386
- }
387
- .mat-form-field-appearance-legacy.mat-form-field-can-float
388
- .mat-input-server[label]:not(:label-shown)
389
- + .mat-form-field-label-wrapper
390
- .mat-form-field-label {
391
- transform: translateY(-1.2812em) scale(0.75);
392
- }
393
- }
394
- .mat-form-field-appearance-fill .mat-form-field-infix {
395
- padding: 0.25em 0 0.75em;
396
- }
397
- .mat-form-field-appearance-fill .mat-form-field-label {
398
- top: 1.09375em;
399
- margin-top: -0.5em;
400
- }
401
- .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float
402
- .mat-form-field-label,
403
- .mat-form-field-appearance-fill.mat-form-field-can-float
404
- .mat-input-server:focus
405
- + .mat-form-field-label-wrapper
406
- .mat-form-field-label {
407
- transform: translateY(-0.59375em) scale(0.75);
408
- width: 133.3333333333%;
409
- }
410
- .mat-form-field-appearance-fill.mat-form-field-can-float
411
- .mat-input-server[label]:not(:label-shown)
412
- + .mat-form-field-label-wrapper
413
- .mat-form-field-label {
414
- transform: translateY(-0.59374em) scale(0.75);
415
- width: 133.3333433333%;
416
- }
417
- .mat-form-field-appearance-outline .mat-form-field-infix {
418
- padding: 1em 0;
419
- }
420
- .mat-form-field-appearance-outline .mat-form-field-label {
421
- top: 1.84375em;
422
- margin-top: -0.25em;
423
- }
424
- .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
425
- .mat-form-field-label,
426
- .mat-form-field-appearance-outline.mat-form-field-can-float
427
- .mat-input-server:focus
428
- + .mat-form-field-label-wrapper
429
- .mat-form-field-label {
430
- transform: translateY(-1.59375em) scale(0.75);
431
- width: 133.3333333333%;
432
- }
433
- .mat-form-field-appearance-outline.mat-form-field-can-float
434
- .mat-input-server[label]:not(:label-shown)
435
- + .mat-form-field-label-wrapper
436
- .mat-form-field-label {
437
- transform: translateY(-1.59374em) scale(0.75);
438
- width: 133.3333433333%;
439
- }
440
- .mat-grid-tile-header,
441
- .mat-grid-tile-footer {
442
- font-size: 14px;
443
- }
444
- .mat-grid-tile-header .mat-line,
445
- .mat-grid-tile-footer .mat-line {
446
- white-space: nowrap;
447
- overflow: hidden;
448
- text-overflow: ellipsis;
449
- display: block;
450
- box-sizing: border-box;
451
- }
452
- .mat-grid-tile-header .mat-line:nth-child(n + 2),
453
- .mat-grid-tile-footer .mat-line:nth-child(n + 2) {
454
- font-size: 12px;
455
- }
456
- input.mat-input-element {
457
- margin-top: -0.0625em;
458
- }
459
- .mat-menu-item {
460
- font-family:
461
- Roboto,
462
- Helvetica Neue,
463
- sans-serif;
464
- font-size: 14px;
465
- font-weight: 400;
466
- }
467
- .mat-paginator,
468
- .mat-paginator-page-size .mat-select-trigger {
469
- font-family:
470
- Roboto,
471
- Helvetica Neue,
472
- sans-serif;
473
- font-size: 12px;
474
- }
475
- .mat-radio-button,
476
- .mat-select {
477
- font-family:
478
- Roboto,
479
- Helvetica Neue,
480
- sans-serif;
481
- }
482
- .mat-select-trigger {
483
- height: 1.125em;
484
- }
485
- .mat-slide-toggle-content {
486
- font-family:
487
- Roboto,
488
- Helvetica Neue,
489
- sans-serif;
490
- }
491
- .mat-slider-thumb-label-text {
492
- font-family:
493
- Roboto,
494
- Helvetica Neue,
495
- sans-serif;
496
- font-size: 12px;
497
- font-weight: 500;
498
- }
499
- .mat-stepper-vertical,
500
- .mat-stepper-horizontal {
501
- font-family:
502
- Roboto,
503
- Helvetica Neue,
504
- sans-serif;
505
- }
506
- .mat-step-label {
507
- font-size: 14px;
508
- font-weight: 400;
509
- }
510
- .mat-step-sub-label-error {
511
- font-weight: 400;
512
- }
513
- .mat-step-label-error {
514
- font-size: 14px;
515
- }
516
- .mat-step-label-selected {
517
- font-size: 14px;
518
- font-weight: 500;
519
- }
520
- .mat-tab-group {
521
- font-family:
522
- Roboto,
523
- Helvetica Neue,
524
- sans-serif;
525
- }
526
- .mat-tab-label,
527
- .mat-tab-link {
528
- font-family:
529
- Roboto,
530
- Helvetica Neue,
531
- sans-serif;
532
- font-size: 14px;
533
- font-weight: 500;
534
- }
535
- .mat-toolbar,
536
- .mat-toolbar h1,
537
- .mat-toolbar h2,
538
- .mat-toolbar h3,
539
- .mat-toolbar h4,
540
- .mat-toolbar h5,
541
- .mat-toolbar h6 {
542
- font:
543
- 500 20px/32px Roboto,
544
- Helvetica Neue,
545
- sans-serif;
546
- letter-spacing: normal;
547
- margin: 0;
548
- }
549
- .mat-tooltip {
550
- font-family:
551
- Roboto,
552
- Helvetica Neue,
553
- sans-serif;
554
- font-size: 10px;
555
- padding-top: 6px;
556
- padding-bottom: 6px;
557
- }
558
- .mat-tooltip-handset {
559
- font-size: 14px;
560
- padding-top: 8px;
561
- padding-bottom: 8px;
562
- }
563
- .mat-list-item,
564
- .mat-list-option {
565
- font-family:
566
- Roboto,
567
- Helvetica Neue,
568
- sans-serif;
569
- }
570
- .mat-list-base .mat-list-item {
571
- font-size: 16px;
572
- }
573
- .mat-list-base .mat-list-item .mat-line {
574
- white-space: nowrap;
575
- overflow: hidden;
576
- text-overflow: ellipsis;
577
- display: block;
578
- box-sizing: border-box;
579
- }
580
- .mat-list-base .mat-list-item .mat-line:nth-child(n + 2) {
581
- font-size: 14px;
582
- }
583
- .mat-list-base .mat-list-option {
584
- font-size: 16px;
585
- }
586
- .mat-list-base .mat-list-option .mat-line {
587
- white-space: nowrap;
588
- overflow: hidden;
589
- text-overflow: ellipsis;
590
- display: block;
591
- box-sizing: border-box;
592
- }
593
- .mat-list-base .mat-list-option .mat-line:nth-child(n + 2) {
594
- font-size: 14px;
595
- }
596
- .mat-list-base .mat-subheader {
597
- font-family:
598
- Roboto,
599
- Helvetica Neue,
600
- sans-serif;
601
- font-size: 14px;
602
- font-weight: 500;
603
- }
604
- .mat-list-base[dense] .mat-list-item {
605
- font-size: 12px;
606
- }
607
- .mat-list-base[dense] .mat-list-item .mat-line {
608
- white-space: nowrap;
609
- overflow: hidden;
610
- text-overflow: ellipsis;
611
- display: block;
612
- box-sizing: border-box;
613
- }
614
- .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n + 2) {
615
- font-size: 12px;
616
- }
617
- .mat-list-base[dense] .mat-list-option {
618
- font-size: 12px;
619
- }
620
- .mat-list-base[dense] .mat-list-option .mat-line {
621
- white-space: nowrap;
622
- overflow: hidden;
623
- text-overflow: ellipsis;
624
- display: block;
625
- box-sizing: border-box;
626
- }
627
- .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n + 2) {
628
- font-size: 12px;
629
- }
630
- .mat-list-base[dense] .mat-subheader {
631
- font-family:
632
- Roboto,
633
- Helvetica Neue,
634
- sans-serif;
635
- font-size: 12px;
636
- font-weight: 500;
637
- }
638
- .mat-option {
639
- font-family:
640
- Roboto,
641
- Helvetica Neue,
642
- sans-serif;
643
- font-size: 16px;
644
- }
645
- .mat-optgroup-label {
646
- font:
647
- 500 14px/24px Roboto,
648
- Helvetica Neue,
649
- sans-serif;
650
- letter-spacing: normal;
651
- }
652
- .mat-simple-snackbar {
653
- font-family:
654
- Roboto,
655
- Helvetica Neue,
656
- sans-serif;
657
- font-size: 14px;
658
- }
659
- .mat-simple-snackbar-action {
660
- line-height: 1;
661
- font-family: inherit;
662
- font-size: inherit;
663
- font-weight: 500;
664
- }
665
- .mat-tree {
666
- font-family:
667
- Roboto,
668
- Helvetica Neue,
669
- sans-serif;
670
- }
671
- .mat-tree-node,
672
- .mat-nested-tree-node {
673
- font-weight: 400;
674
- font-size: 14px;
675
- }
676
- .mat-ripple {
677
- overflow: hidden;
678
- position: relative;
679
- }
680
- .mat-ripple:not(:empty) {
681
- transform: translateZ(0);
682
- }
683
- .mat-ripple.mat-ripple-unbounded {
684
- overflow: visible;
685
- }
686
- .mat-ripple-element {
687
- position: absolute;
688
- border-radius: 50%;
689
- pointer-events: none;
690
- transition:
691
- opacity,
692
- transform 0ms cubic-bezier(0, 0, 0.2, 1);
693
- transform: scale3d(0, 0, 0);
694
- }
695
- .cdk-high-contrast-active .mat-ripple-element {
696
- display: none;
697
- }
698
- .cdk-visually-hidden {
699
- border: 0;
700
- clip: rect(0 0 0 0);
701
- height: 1px;
702
- margin: -1px;
703
- overflow: hidden;
704
- padding: 0;
705
- position: absolute;
706
- width: 1px;
707
- white-space: nowrap;
708
- outline: 0;
709
- appearance: none;
710
- left: 0;
711
- }
712
- [dir='rtl'] .cdk-visually-hidden {
713
- left: auto;
714
- right: 0;
715
- }
716
- .cdk-overlay-container,
717
- .cdk-global-overlay-wrapper {
718
- pointer-events: none;
719
- top: 0;
720
- left: 0;
721
- height: 100%;
722
- width: 100%;
723
- }
724
- .cdk-overlay-container {
725
- position: fixed;
726
- z-index: 1000;
727
- }
728
- .cdk-overlay-container:empty {
729
- display: none;
730
- }
731
- .cdk-global-overlay-wrapper {
732
- display: flex;
733
- position: absolute;
734
- z-index: 1000;
735
- }
736
- .cdk-overlay-pane {
737
- position: absolute;
738
- pointer-events: auto;
739
- box-sizing: border-box;
740
- z-index: 1000;
741
- display: flex;
742
- max-width: 100%;
743
- max-height: 100%;
744
- }
745
- .cdk-overlay-backdrop {
746
- position: absolute;
747
- inset: 0;
748
- z-index: 1000;
749
- pointer-events: auto;
750
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
751
- transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
752
- opacity: 0;
753
- }
754
- .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
755
- opacity: 1;
756
- }
757
- .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
758
- opacity: 0.6;
759
- }
760
- .cdk-overlay-dark-backdrop {
761
- background: var(--tak-overlay-backdrop-background-color);
762
- }
763
- .cdk-overlay-transparent-backdrop {
764
- transition:
765
- visibility 1ms linear,
766
- opacity 1ms linear;
767
- visibility: hidden;
768
- opacity: 1;
769
- }
770
- .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
771
- opacity: 0;
772
- visibility: visible;
773
- }
774
- .cdk-overlay-backdrop-noop-animation {
775
- transition: none;
776
- }
777
- .cdk-overlay-connected-position-bounding-box {
778
- position: absolute;
779
- z-index: 1000;
780
- display: flex;
781
- flex-direction: column;
782
- min-width: 1px;
783
- min-height: 1px;
784
- }
785
- .cdk-global-scrollblock {
786
- position: fixed;
787
- width: 100%;
788
- overflow-y: scroll;
789
- }
790
- textarea.cdk-textarea-autosize {
791
- resize: none;
792
- }
793
- textarea.cdk-textarea-autosize-measuring {
794
- padding: 2px 0 !important;
795
- box-sizing: content-box !important;
796
- height: auto !important;
797
- overflow: hidden !important;
798
- }
799
- textarea.cdk-textarea-autosize-measuring-firefox {
800
- padding: 2px 0 !important;
801
- box-sizing: content-box !important;
802
- height: 0 !important;
803
- }
804
- @keyframes cdk-text-field-autofill-start {
805
- }
806
- @keyframes cdk-text-field-autofill-end {
807
- }
808
- .cdk-text-field-autofill-monitored:-webkit-autofill {
809
- animation: cdk-text-field-autofill-start 0s 1ms;
810
- }
811
- .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
812
- animation: cdk-text-field-autofill-end 0s 1ms;
813
- }
814
- .mat-focus-indicator {
815
- position: relative;
816
- }
817
- .mat-focus-indicator:before {
818
- inset: 0;
819
- position: absolute;
820
- box-sizing: border-box;
821
- pointer-events: none;
822
- display: var(--tak-mat-focus-indicator-display, none);
823
- border: var(--tak-mat-focus-indicator-border-width, 3px)
824
- var(--tak-mat-focus-indicator-border-style, solid)
825
- var(--tak-mat-focus-indicator-border-color, transparent);
826
- border-radius: var(--tak-mat-focus-indicator-border-radius, 4px);
827
- }
828
- .mat-focus-indicator:focus:before {
829
- content: '';
830
- }
831
- .cdk-high-contrast-active {
832
- --tak-mat-focus-indicator-display: block;
833
- }
834
- .mat-focus-indicator {
835
- position: relative;
836
- }
837
- .mat-focus-indicator:before {
838
- inset: 0;
839
- position: absolute;
840
- box-sizing: border-box;
841
- pointer-events: none;
842
- display: var(--tak-mat-mdc-focus-indicator-display, none);
843
- border: var(--tak-mat-mdc-focus-indicator-border-width, 3px)
844
- var(--tak-mat-mdc-focus-indicator-border-style, solid)
845
- var(--tak-mat-mdc-focus-indicator-border-color, transparent);
846
- border-radius: var(--tak-mat-mdc-focus-indicator-border-radius, 4px);
847
- }
848
- .mat-focus-indicator:focus:before {
849
- content: '';
850
- }
851
- .cdk-high-contrast-active {
852
- --tak-mat-mdc-focus-indicator-display: block;
853
- }
854
- .mat-ripple-element {
855
- background-color: #0000001a;
856
- }
857
- .mat-option {
858
- color: var(--tak-dark-color-500);
859
- }
860
- .mat-option:hover:not(.mat-option-disabled),
861
- .mat-option:focus:not(.mat-option-disabled) {
862
- background: var(--tak-dark-background-color-10);
863
- }
864
- .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
865
- background: var(--tak-dark-background-color-10);
866
- }
867
- .mat-option.mat-active {
868
- background: var(--tak-dark-background-color-100);
869
- color: var(--tak-dark-color-500);
870
- }
871
- .mat-option.mat-option-disabled {
872
- color: var(--tak-dark-color-50);
873
- }
874
- .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
875
- color: var(--tak-primary-500);
876
- }
877
- .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
878
- color: var(--tak-accent-500);
879
- }
880
- .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
881
- color: var(--tak-warn-500);
882
- }
883
- .mat-optgroup-label {
884
- color: var(--tak-dark-color-300);
885
- }
886
- .mat-optgroup-disabled .mat-optgroup-label {
887
- color: var(--tak-dark-color-50);
888
- }
889
- .mat-pseudo-checkbox {
890
- color: var(--tak-dark-color-300);
891
- }
892
- .mat-pseudo-checkbox:after {
893
- color: #fafafa;
894
- }
895
- .mat-pseudo-checkbox-disabled {
896
- color: #b0b0b0;
897
- }
898
- .mat-primary .mat-pseudo-checkbox-checked,
899
- .mat-primary .mat-pseudo-checkbox-indeterminate {
900
- background: var(--tak-primary-500);
901
- }
902
- .mat-pseudo-checkbox-checked,
903
- .mat-pseudo-checkbox-indeterminate,
904
- .mat-accent .mat-pseudo-checkbox-checked,
905
- .mat-accent .mat-pseudo-checkbox-indeterminate {
906
- background: var(--tak-accent-500);
907
- }
908
- .mat-warn .mat-pseudo-checkbox-checked,
909
- .mat-warn .mat-pseudo-checkbox-indeterminate {
910
- background: var(--tak-warn-500);
911
- }
912
- .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
913
- .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
914
- background: #b0b0b0;
915
- }
916
- .mat-app-background {
917
- background-color: var(--tak-light-background-color-150);
918
- color: var(--tak-dark-color-500);
919
- }
920
- .mat-theme-loaded-marker {
921
- display: none;
922
- }
923
- .mat-autocomplete-panel {
924
- background: var(--tak-light-background-color-100);
925
- color: var(--tak-dark-color-500);
926
- }
927
- .mat-autocomplete-panel:not([class*='mat-elevation-z']) {
928
- box-shadow: var(--tak-box-shadow-z4-default);
929
- border: 1px solid var(--tak-border-color-default);
930
- }
931
- .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
932
- background: var(--tak-light-background-color-100);
933
- }
934
- .mat-autocomplete-panel
935
- .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
936
- color: var(--tak-dark-color-500);
937
- }
938
- .mat-badge {
939
- position: relative;
940
- }
941
- .mat-badge.mat-badge {
942
- overflow: visible;
943
- }
944
- .mat-badge-hidden .mat-badge-content {
945
- display: none;
946
- }
947
- .mat-badge-content {
948
- position: absolute;
949
- text-align: center;
950
- display: inline-block;
951
- border-radius: 50%;
952
- transition: transform 0.2s ease-in-out;
953
- transform: scale(0.6);
954
- overflow: hidden;
955
- white-space: nowrap;
956
- text-overflow: ellipsis;
957
- pointer-events: none;
958
- }
959
- .ng-animate-disabled .mat-badge-content,
960
- .mat-badge-content._mat-animation-noopable {
961
- transition: none;
962
- }
963
- .mat-badge-content.mat-badge-active {
964
- transform: none;
965
- }
966
- .mat-badge-small .mat-badge-content {
967
- width: 16px;
968
- height: 16px;
969
- line-height: 16px;
970
- }
971
- .mat-badge-small.mat-badge-above .mat-badge-content {
972
- top: -8px;
973
- }
974
- .mat-badge-small.mat-badge-below .mat-badge-content {
975
- bottom: -8px;
976
- }
977
- .mat-badge-small.mat-badge-before .mat-badge-content {
978
- left: -16px;
979
- }
980
- [dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
981
- left: auto;
982
- right: -16px;
983
- }
984
- .mat-badge-small.mat-badge-after .mat-badge-content {
985
- right: -16px;
986
- }
987
- [dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
988
- right: auto;
989
- left: -16px;
990
- }
991
- .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
992
- left: -8px;
993
- }
994
- [dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
995
- left: auto;
996
- right: -8px;
997
- }
998
- .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
999
- right: -8px;
1000
- }
1001
- [dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
1002
- right: auto;
1003
- left: -8px;
1004
- }
1005
- .mat-badge-medium .mat-badge-content {
1006
- width: 22px;
1007
- height: 22px;
1008
- line-height: 22px;
1009
- }
1010
- .mat-badge-medium.mat-badge-above .mat-badge-content {
1011
- top: -11px;
1012
- }
1013
- .mat-badge-medium.mat-badge-below .mat-badge-content {
1014
- bottom: -11px;
1015
- }
1016
- .mat-badge-medium.mat-badge-before .mat-badge-content {
1017
- left: -22px;
1018
- }
1019
- [dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
1020
- left: auto;
1021
- right: -22px;
1022
- }
1023
- .mat-badge-medium.mat-badge-after .mat-badge-content {
1024
- right: -22px;
1025
- }
1026
- [dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
1027
- right: auto;
1028
- left: -22px;
1029
- }
1030
- .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
1031
- left: -11px;
1032
- }
1033
- [dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
1034
- left: auto;
1035
- right: -11px;
1036
- }
1037
- .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
1038
- right: -11px;
1039
- }
1040
- [dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
1041
- right: auto;
1042
- left: -11px;
1043
- }
1044
- .mat-badge-large .mat-badge-content {
1045
- width: 28px;
1046
- height: 28px;
1047
- line-height: 28px;
1048
- }
1049
- .mat-badge-large.mat-badge-above .mat-badge-content {
1050
- top: -14px;
1051
- }
1052
- .mat-badge-large.mat-badge-below .mat-badge-content {
1053
- bottom: -14px;
1054
- }
1055
- .mat-badge-large.mat-badge-before .mat-badge-content {
1056
- left: -28px;
1057
- }
1058
- [dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
1059
- left: auto;
1060
- right: -28px;
1061
- }
1062
- .mat-badge-large.mat-badge-after .mat-badge-content {
1063
- right: -28px;
1064
- }
1065
- [dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
1066
- right: auto;
1067
- left: -28px;
1068
- }
1069
- .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
1070
- left: -14px;
1071
- }
1072
- [dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
1073
- left: auto;
1074
- right: -14px;
1075
- }
1076
- .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
1077
- right: -14px;
1078
- }
1079
- [dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
1080
- right: auto;
1081
- left: -14px;
1082
- }
1083
- .mat-badge-content {
1084
- color: var(--tak-light-color-700);
1085
- background: var(--tak-primary-500);
1086
- }
1087
- .cdk-high-contrast-active .mat-badge-content {
1088
- outline: solid 1px;
1089
- border-radius: 0;
1090
- }
1091
- .mat-badge-accent .mat-badge-content {
1092
- background: var(--tak-accent-500);
1093
- color: var(--tak-light-color-700);
1094
- }
1095
- .mat-badge-warn .mat-badge-content {
1096
- color: var(--tak-light-color-700);
1097
- background: var(--tak-warn-500);
1098
- }
1099
- .mat-badge-disabled .mat-badge-content {
1100
- background: #b9b9b9;
1101
- color: var(--tak-dark-color-50);
1102
- }
1103
- .mat-bottom-sheet-container {
1104
- box-shadow: var(--tak-button-sheet-container-box-shadow);
1105
- border: var(--tak-button-sheet-container-border);
1106
- background: var(--tak-light-background-color-100);
1107
- color: var(--tak-dark-color-500);
1108
- }
1109
- .mat-button,
1110
- .mat-icon-button,
1111
- .mat-stroked-button {
1112
- color: inherit;
1113
- background: rgba(0, 0, 0, 0);
1114
- }
1115
- .mat-button.mat-primary,
1116
- .mat-icon-button.mat-primary,
1117
- .mat-stroked-button.mat-primary {
1118
- color: var(--tak-primary-500);
1119
- }
1120
- .mat-button.mat-accent,
1121
- .mat-icon-button.mat-accent,
1122
- .mat-stroked-button.mat-accent {
1123
- color: var(--tak-accent-500);
1124
- }
1125
- .mat-button.mat-warn,
1126
- .mat-icon-button.mat-warn,
1127
- .mat-stroked-button.mat-warn {
1128
- color: var(--tak-warn-500);
1129
- }
1130
- .mat-button.mat-primary.mat-button-disabled,
1131
- .mat-button.mat-accent.mat-button-disabled,
1132
- .mat-button.mat-warn.mat-button-disabled,
1133
- .mat-button.mat-button-disabled.mat-button-disabled,
1134
- .mat-icon-button.mat-primary.mat-button-disabled,
1135
- .mat-icon-button.mat-accent.mat-button-disabled,
1136
- .mat-icon-button.mat-warn.mat-button-disabled,
1137
- .mat-icon-button.mat-button-disabled.mat-button-disabled,
1138
- .mat-stroked-button.mat-primary.mat-button-disabled,
1139
- .mat-stroked-button.mat-accent.mat-button-disabled,
1140
- .mat-stroked-button.mat-warn.mat-button-disabled,
1141
- .mat-stroked-button.mat-button-disabled.mat-button-disabled {
1142
- color: var(--tak-dark-color-200);
1143
- }
1144
- .mat-button.mat-primary .mat-button-focus-overlay,
1145
- .mat-icon-button.mat-primary .mat-button-focus-overlay,
1146
- .mat-stroked-button.mat-primary .mat-button-focus-overlay {
1147
- background-color: var(--tak-primary-500);
1148
- }
1149
- .mat-button.mat-accent .mat-button-focus-overlay,
1150
- .mat-icon-button.mat-accent .mat-button-focus-overlay,
1151
- .mat-stroked-button.mat-accent .mat-button-focus-overlay {
1152
- background-color: var(--tak-accent-500);
1153
- }
1154
- .mat-button.mat-warn .mat-button-focus-overlay,
1155
- .mat-icon-button.mat-warn .mat-button-focus-overlay,
1156
- .mat-stroked-button.mat-warn .mat-button-focus-overlay {
1157
- background-color: var(--tak-warn-500);
1158
- }
1159
- .mat-button.mat-button-disabled .mat-button-focus-overlay,
1160
- .mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
1161
- .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
1162
- background-color: #0000;
1163
- }
1164
- .mat-button .mat-ripple-element,
1165
- .mat-icon-button .mat-ripple-element,
1166
- .mat-stroked-button .mat-ripple-element {
1167
- opacity: 0.1;
1168
- background-color: currentColor;
1169
- }
1170
- .mat-button-focus-overlay {
1171
- background: #000;
1172
- }
1173
- .mat-stroked-button:not(.mat-button-disabled) {
1174
- border-color: var(--tak-dark-color-100);
1175
- }
1176
- .mat-flat-button,
1177
- .mat-raised-button,
1178
- .mat-fab,
1179
- .mat-mini-fab {
1180
- color: var(--tak-dark-color-500);
1181
- background-color: var(--tak-light-background-color-100);
1182
- }
1183
- .mat-flat-button.mat-primary,
1184
- .mat-raised-button.mat-primary,
1185
- .mat-fab.mat-primary,
1186
- .mat-mini-fab.mat-primary,
1187
- .mat-flat-button.mat-accent,
1188
- .mat-raised-button.mat-accent,
1189
- .mat-fab.mat-accent,
1190
- .mat-mini-fab.mat-accent,
1191
- .mat-flat-button.mat-warn,
1192
- .mat-raised-button.mat-warn,
1193
- .mat-fab.mat-warn,
1194
- .mat-mini-fab.mat-warn {
1195
- color: var(--tak-light-color-700);
1196
- }
1197
- .mat-flat-button.mat-primary.mat-button-disabled,
1198
- .mat-flat-button.mat-accent.mat-button-disabled,
1199
- .mat-flat-button.mat-warn.mat-button-disabled,
1200
- .mat-flat-button.mat-button-disabled.mat-button-disabled,
1201
- .mat-raised-button.mat-primary.mat-button-disabled,
1202
- .mat-raised-button.mat-accent.mat-button-disabled,
1203
- .mat-raised-button.mat-warn.mat-button-disabled,
1204
- .mat-raised-button.mat-button-disabled.mat-button-disabled,
1205
- .mat-fab.mat-primary.mat-button-disabled,
1206
- .mat-fab.mat-accent.mat-button-disabled,
1207
- .mat-fab.mat-warn.mat-button-disabled,
1208
- .mat-fab.mat-button-disabled.mat-button-disabled,
1209
- .mat-mini-fab.mat-primary.mat-button-disabled,
1210
- .mat-mini-fab.mat-accent.mat-button-disabled,
1211
- .mat-mini-fab.mat-warn.mat-button-disabled,
1212
- .mat-mini-fab.mat-button-disabled.mat-button-disabled {
1213
- color: var(--tak-dark-color-200);
1214
- }
1215
- .mat-flat-button.mat-primary,
1216
- .mat-raised-button.mat-primary,
1217
- .mat-fab.mat-primary,
1218
- .mat-mini-fab.mat-primary {
1219
- background-color: var(--tak-primary-500);
1220
- }
1221
- .mat-flat-button.mat-accent,
1222
- .mat-raised-button.mat-accent,
1223
- .mat-fab.mat-accent,
1224
- .mat-mini-fab.mat-accent {
1225
- background-color: var(--tak-accent-500);
1226
- }
1227
- .mat-flat-button.mat-warn,
1228
- .mat-raised-button.mat-warn,
1229
- .mat-fab.mat-warn,
1230
- .mat-mini-fab.mat-warn {
1231
- background-color: var(--tak-warn-500);
1232
- }
1233
- .mat-flat-button.mat-primary.mat-button-disabled,
1234
- .mat-flat-button.mat-accent.mat-button-disabled,
1235
- .mat-flat-button.mat-warn.mat-button-disabled,
1236
- .mat-flat-button.mat-button-disabled.mat-button-disabled,
1237
- .mat-raised-button.mat-primary.mat-button-disabled,
1238
- .mat-raised-button.mat-accent.mat-button-disabled,
1239
- .mat-raised-button.mat-warn.mat-button-disabled,
1240
- .mat-raised-button.mat-button-disabled.mat-button-disabled,
1241
- .mat-fab.mat-primary.mat-button-disabled,
1242
- .mat-fab.mat-accent.mat-button-disabled,
1243
- .mat-fab.mat-warn.mat-button-disabled,
1244
- .mat-fab.mat-button-disabled.mat-button-disabled,
1245
- .mat-mini-fab.mat-primary.mat-button-disabled,
1246
- .mat-mini-fab.mat-accent.mat-button-disabled,
1247
- .mat-mini-fab.mat-warn.mat-button-disabled,
1248
- .mat-mini-fab.mat-button-disabled.mat-button-disabled {
1249
- background-color: var(--tak-dark-background-color-100);
1250
- }
1251
- .mat-flat-button.mat-primary .mat-ripple-element,
1252
- .mat-raised-button.mat-primary .mat-ripple-element,
1253
- .mat-fab.mat-primary .mat-ripple-element,
1254
- .mat-mini-fab.mat-primary .mat-ripple-element,
1255
- .mat-flat-button.mat-accent .mat-ripple-element,
1256
- .mat-raised-button.mat-accent .mat-ripple-element,
1257
- .mat-fab.mat-accent .mat-ripple-element,
1258
- .mat-mini-fab.mat-accent .mat-ripple-element,
1259
- .mat-flat-button.mat-warn .mat-ripple-element,
1260
- .mat-raised-button.mat-warn .mat-ripple-element,
1261
- .mat-fab.mat-warn .mat-ripple-element,
1262
- .mat-mini-fab.mat-warn .mat-ripple-element {
1263
- background-color: #ffffff1a;
1264
- }
1265
- .mat-stroked-button:not([class*='mat-elevation-z']),
1266
- .mat-flat-button:not([class*='mat-elevation-z']) {
1267
- box-shadow:
1268
- 0 0 #0003,
1269
- 0 0 #00000024,
1270
- 0 0 0 0 var(--tak-dark-color-100);
1271
- }
1272
- .mat-raised-button:not([class*='mat-elevation-z']) {
1273
- box-shadow: var(--tak-button-box-shadow);
1274
- border: varvar(--tak-button-border);
1275
- }
1276
- .mat-raised-button:not(.mat-button-disabled):active:not([class*='mat-elevation-z']) {
1277
- box-shadow:
1278
- 0 5px 5px -3px #0003,
1279
- 0 8px 10px 1px #00000024,
1280
- 0 3px 14px 2px var(--tak-dark-color-100);
1281
- }
1282
- .mat-raised-button.mat-button-disabled:not([class*='mat-elevation-z']) {
1283
- box-shadow:
1284
- 0 0 #0003,
1285
- 0 0 #00000024,
1286
- 0 0 0 0 var(--tak-dark-color-100);
1287
- }
1288
- .mat-fab:not([class*='mat-elevation-z']),
1289
- .mat-mini-fab:not([class*='mat-elevation-z']) {
1290
- box-shadow:
1291
- 0 3px 5px -1px #0003,
1292
- 0 6px 10px #00000024,
1293
- 0 1px 18px 0 var(--tak-dark-color-100);
1294
- }
1295
- .mat-fab:not(.mat-button-disabled):active:not([class*='mat-elevation-z']),
1296
- .mat-mini-fab:not(.mat-button-disabled):active:not([class*='mat-elevation-z']) {
1297
- box-shadow:
1298
- 0 7px 8px -4px #0003,
1299
- 0 12px 17px 2px #00000024,
1300
- 0 5px 22px 4px var(--tak-dark-color-100);
1301
- }
1302
- .mat-fab.mat-button-disabled:not([class*='mat-elevation-z']),
1303
- .mat-mini-fab.mat-button-disabled:not([class*='mat-elevation-z']) {
1304
- box-shadow:
1305
- 0 0 #0003,
1306
- 0 0 #00000024,
1307
- 0 0 0 0 var(--tak-dark-color-100);
1308
- }
1309
- .mat-button-toggle-standalone:not([class*='mat-elevation-z']),
1310
- .mat-button-toggle-group:not([class*='mat-elevation-z']) {
1311
- box-shadow:
1312
- 0 3px 1px -2px #0003,
1313
- 0 2px 2px #00000024,
1314
- 0 1px 5px 0 var(--tak-dark-color-100);
1315
- }
1316
- .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*='mat-elevation-z']),
1317
- .mat-button-toggle-group-appearance-standard:not([class*='mat-elevation-z']) {
1318
- box-shadow: none;
1319
- }
1320
- .mat-button-toggle {
1321
- color: var(--tak-dark-color-50);
1322
- }
1323
- .mat-button-toggle .mat-button-toggle-focus-overlay {
1324
- background-color: var(--tak-dark-background-color-100);
1325
- }
1326
- .mat-button-toggle-appearance-standard {
1327
- color: var(--tak-dark-color-500);
1328
- background: var(--tak-light-background-color-100);
1329
- }
1330
- .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
1331
- background-color: var(--tak-backgroud-dark-color-700);
1332
- }
1333
- .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
1334
- border-left: solid 1px var(--tak-light-background-color-500);
1335
- }
1336
- [dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
1337
- border-left: none;
1338
- border-right: solid 1px var(--tak-light-background-color-500);
1339
- }
1340
- .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical
1341
- .mat-button-toggle
1342
- + .mat-button-toggle {
1343
- border-left: none;
1344
- border-right: none;
1345
- border-top: solid 1px var(--tak-light-background-color-500);
1346
- }
1347
- .mat-button-toggle-checked {
1348
- background-color: var(--tak-light-background-color-500);
1349
- color: var(--tak-dark-color-300);
1350
- }
1351
- .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
1352
- color: var(--tak-dark-color-500);
1353
- }
1354
- .mat-button-toggle-disabled {
1355
- color: var(--tak-dark-color-200);
1356
- background-color: var(--tak-light-background-color-200);
1357
- }
1358
- .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
1359
- background: var(--tak-light-background-color-100);
1360
- }
1361
- .mat-button-toggle-disabled.mat-button-toggle-checked {
1362
- background-color: var(--tak-light-background-color-700);
1363
- }
1364
- .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
1365
- .mat-button-toggle-group-appearance-standard {
1366
- border: solid 1px var(--tak-light-background-color-500);
1367
- }
1368
- .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
1369
- line-height: 48px;
1370
- }
1371
- .mat-card {
1372
- background: var(--tak-light-background-color-100);
1373
- color: var(--tak-dark-color-500);
1374
- }
1375
- .mat-card:not([class*='mat-elevation-z']) {
1376
- box-shadow: var(--tak-card-box-shadow);
1377
- border: var(--tak-card-border);
1378
- }
1379
- .mat-card.mat-card-flat:not([class*='mat-elevation-z']) {
1380
- box-shadow:
1381
- 0 0 #0003,
1382
- 0 0 #00000024,
1383
- 0 0 0 0 var(--tak-dark-color-100);
1384
- }
1385
- .mat-card-subtitle {
1386
- color: var(--tak-dark-color-300);
1387
- }
1388
- .mat-checkbox-frame {
1389
- border-color: var(--tak-dark-color-300);
1390
- }
1391
- .mat-checkbox-checkmark {
1392
- fill: #fafafa;
1393
- }
1394
- .mat-checkbox-checkmark-path {
1395
- stroke: #fafafa !important;
1396
- }
1397
- .mat-checkbox-mixedmark {
1398
- background-color: var(--tak-light-background-color-150);
1399
- }
1400
- .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
1401
- .mat-checkbox-checked.mat-primary .mat-checkbox-background {
1402
- background-color: var(--tak-primary-500);
1403
- }
1404
- .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
1405
- .mat-checkbox-checked.mat-accent .mat-checkbox-background {
1406
- background-color: var(--tak-accent-500);
1407
- }
1408
- .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,
1409
- .mat-checkbox-checked.mat-warn .mat-checkbox-background {
1410
- background-color: var(--tak-warn-500);
1411
- }
1412
- .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
1413
- .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
1414
- background-color: #b0b0b0;
1415
- }
1416
- .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
1417
- border-color: #b0b0b0;
1418
- }
1419
- .mat-checkbox-disabled .mat-checkbox-label {
1420
- color: var(--tak-dark-color-50);
1421
- }
1422
- .mat-checkbox .mat-ripple-element {
1423
- background-color: var(--tak-backgroud-dark-color-700);
1424
- }
1425
- .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
1426
- .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
1427
- background: var(--tak-primary-500);
1428
- }
1429
- .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
1430
- .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
1431
- background: var(--tak-accent-500);
1432
- }
1433
- .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
1434
- .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
1435
- background: var(--tak-warn-500);
1436
- }
1437
- .mat-chip.mat-standard-chip {
1438
- background-color: var(--tak-light-background-color-500);
1439
- color: var(--tak-dark-color-500);
1440
- }
1441
- .mat-chip.mat-standard-chip .mat-chip-remove {
1442
- color: var(--tak-dark-color-500);
1443
- opacity: 0.4;
1444
- }
1445
- .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
1446
- box-shadow:
1447
- 0 3px 3px -2px #0003,
1448
- 0 3px 4px #00000024,
1449
- 0 1px 8px 0 var(--tak-dark-color-100);
1450
- }
1451
- .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
1452
- opacity: 0.54;
1453
- }
1454
- .mat-chip.mat-standard-chip.mat-chip-disabled {
1455
- opacity: 0.4;
1456
- }
1457
- .mat-chip.mat-standard-chip:after {
1458
- background: #000;
1459
- }
1460
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
1461
- background-color: var(--tak-primary-500);
1462
- color: var(--tak-light-color-700);
1463
- }
1464
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
1465
- color: var(--tak-light-color-700);
1466
- opacity: 0.4;
1467
- }
1468
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
1469
- background-color: #ffffff1a;
1470
- }
1471
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
1472
- background-color: var(--tak-warn-500);
1473
- color: var(--tak-light-color-700);
1474
- }
1475
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
1476
- color: var(--tak-light-color-700);
1477
- opacity: 0.4;
1478
- }
1479
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
1480
- background-color: #ffffff1a;
1481
- }
1482
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
1483
- background-color: var(--tak-accent-500);
1484
- color: var(--tak-light-color-700);
1485
- }
1486
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
1487
- color: var(--tak-light-color-700);
1488
- opacity: 0.4;
1489
- }
1490
- .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
1491
- background-color: #ffffff1a;
1492
- }
1493
- .mat-table {
1494
- background: var(--tak-light-background-color-100);
1495
- }
1496
- .mat-table {
1497
- border-right: var(--tak-table-border);
1498
- border-left: var(--tak-table-border);
1499
- }
1500
- .mat-paginator .mat-paginator-outer-container {
1501
- border: var(--tak-table-border);
1502
- }
1503
- .mat-paginator.bottom .mat-paginator-outer-container {
1504
- border-top: none;
1505
- }
1506
- .mat-paginator.top .mat-paginator-outer-container {
1507
- border-bottom: none;
1508
- }
1509
- .mat-table thead,
1510
- .mat-table tbody,
1511
- .mat-table tfoot,
1512
- mat-header-row,
1513
- mat-row,
1514
- mat-footer-row,
1515
- [mat-header-row],
1516
- [mat-row],
1517
- [mat-footer-row],
1518
- .mat-table-sticky {
1519
- background: inherit;
1520
- }
1521
- mat-row,
1522
- mat-header-row,
1523
- mat-footer-row,
1524
- th.mat-header-cell,
1525
- td.mat-cell,
1526
- td.mat-footer-cell {
1527
- border-bottom-color: var(--tak-dark-color-100);
1528
- }
1529
- .mat-header-cell {
1530
- color: var(--tak-dark-color-300);
1531
- }
1532
- .mat-cell,
1533
- .mat-footer-cell {
1534
- color: var(--tak-dark-color-500);
1535
- }
1536
- .mat-calendar-arrow {
1537
- fill: var(--tak-dark-color-300);
1538
- }
1539
- .mat-datepicker-toggle:not(.not-input-field),
1540
- .mat-datepicker-content .mat-calendar-next-button,
1541
- .mat-datepicker-content .mat-calendar-previous-button {
1542
- color: var(--tak-dark-color-300);
1543
- }
1544
- .mat-calendar-table-header-divider:after {
1545
- background: var(--tak-dark-color-100);
1546
- }
1547
- .mat-calendar-table-header,
1548
- .mat-calendar-body-label {
1549
- color: var(--tak-dark-color-300);
1550
- }
1551
- .mat-calendar-body-cell-content,
1552
- .mat-date-range-input-separator {
1553
- color: var(--tak-dark-color-500);
1554
- border-color: #0000;
1555
- }
1556
- .mat-calendar-body-disabled
1557
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1558
- .mat-calendar-body-comparison-identical
1559
- ) {
1560
- color: var(--tak-dark-color-50);
1561
- }
1562
- .mat-form-field-disabled .mat-date-range-input-separator {
1563
- color: var(--tak-dark-color-50);
1564
- }
1565
- .mat-calendar-body-in-preview {
1566
- color: #0000003d;
1567
- }
1568
- .mat-calendar-body-today:not(.mat-calendar-body-selected):not(
1569
- .mat-calendar-body-comparison-identical
1570
- ) {
1571
- border-color: var(--tak-dark-color-50);
1572
- }
1573
- .mat-calendar-body-disabled
1574
- > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(
1575
- .mat-calendar-body-comparison-identical
1576
- ) {
1577
- border-color: #0000002e;
1578
- }
1579
- .mat-calendar-body-in-range:before {
1580
- background: var(--tak-primary-opacity-500);
1581
- }
1582
- .mat-calendar-body-comparison-identical,
1583
- .mat-calendar-body-in-comparison-range:before {
1584
- background: var(--tak-warn-opacity-500);
1585
- }
1586
- .mat-calendar-body-comparison-bridge-start:before,
1587
- [dir='rtl'] .mat-calendar-body-comparison-bridge-end:before {
1588
- background: linear-gradient(
1589
- to right,
1590
- var(--tak-primary-constrant-500) 50%,
1591
- var(--tak-warn-opacity-500) 50%
1592
- );
1593
- }
1594
- .mat-calendar-body-comparison-bridge-end:before,
1595
- [dir='rtl'] .mat-calendar-body-comparison-bridge-start:before {
1596
- background: linear-gradient(
1597
- to left,
1598
- var(--tak-primary-constrant-500) 50%,
1599
- var(--tak-warn-opacity-500) 50%
1600
- );
1601
- }
1602
- .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
1603
- .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
1604
- background: var(--tak-accent-100);
1605
- }
1606
- .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
1607
- .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
1608
- background: var(--tak-accent-500);
1609
- }
1610
- .mat-calendar-body-selected {
1611
- background-color: var(--tak-primary-500);
1612
- color: var(--tak-light-color-700);
1613
- }
1614
- .mat-calendar-body-disabled > .mat-calendar-body-selected {
1615
- background-color: #3f51b566;
1616
- }
1617
- .mat-calendar-body-today.mat-calendar-body-selected {
1618
- box-shadow: inset 0 0 0 1px #fff;
1619
- }
1620
- .cdk-keyboard-focused
1621
- .mat-calendar-body-active
1622
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1623
- .mat-calendar-body-comparison-identical
1624
- ),
1625
- .cdk-program-focused
1626
- .mat-calendar-body-active
1627
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1628
- .mat-calendar-body-comparison-identical
1629
- ) {
1630
- background-color: var(--tak-primary-opacity-500);
1631
- }
1632
- @media (hover: hover) {
1633
- .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
1634
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1635
- .mat-calendar-body-comparison-identical
1636
- ) {
1637
- background-color: var(--tak-primary-opacity-500);
1638
- }
1639
- }
1640
- .mat-datepicker-content {
1641
- box-shadow: var(--tak-select-panel-box-shadow);
1642
- border: solid 1px var(--tak-select-panel-border-color);
1643
- background-color: var(--tak-light-background-color-100);
1644
- color: var(--tak-dark-color-500);
1645
- }
1646
- .mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
1647
- background: var(--tak-accent-opacity-500);
1648
- }
1649
- .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
1650
- .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
1651
- background: var(--tak-warn-opacity-500);
1652
- }
1653
- .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
1654
- .mat-datepicker-content.mat-accent [dir='rtl'] .mat-calendar-body-comparison-bridge-end:before {
1655
- background: linear-gradient(
1656
- to right,
1657
- var(--tak-accent-opacity-500) 50%,
1658
- var(--tak-warn-opacity-500) 50%
1659
- );
1660
- }
1661
- .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
1662
- .mat-datepicker-content.mat-accent [dir='rtl'] .mat-calendar-body-comparison-bridge-start:before {
1663
- background: linear-gradient(
1664
- to left,
1665
- var(--tak-accent-opacity-500) 50%,
1666
- var(--tak-warn-opacity-500) 50%
1667
- );
1668
- }
1669
- .mat-datepicker-content.mat-accent
1670
- .mat-calendar-body-in-range
1671
- > .mat-calendar-body-comparison-identical,
1672
- .mat-datepicker-content.mat-accent
1673
- .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
1674
- background: var(--tak-accent-100);
1675
- }
1676
- .mat-datepicker-content.mat-accent
1677
- .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
1678
- .mat-datepicker-content.mat-accent
1679
- .mat-calendar-body-in-comparison-range
1680
- > .mat-calendar-body-selected {
1681
- background: var(--tak-accent-500);
1682
- }
1683
- .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
1684
- background-color: var(--tak-accent-500);
1685
- color: var(--tak-light-color-700);
1686
- }
1687
- .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
1688
- background-color: var(--tak-accent-opacity-500);
1689
- }
1690
- .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
1691
- box-shadow: inset 0 0 0 1px #fff;
1692
- }
1693
- .mat-datepicker-content.mat-accent
1694
- .cdk-keyboard-focused
1695
- .mat-calendar-body-active
1696
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1697
- .mat-calendar-body-comparison-identical
1698
- ),
1699
- .mat-datepicker-content.mat-accent
1700
- .cdk-program-focused
1701
- .mat-calendar-body-active
1702
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1703
- .mat-calendar-body-comparison-identical
1704
- ) {
1705
- background-color: var(--tak-accent-opacity-500);
1706
- }
1707
- @media (hover: hover) {
1708
- .mat-datepicker-content.mat-accent
1709
- .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
1710
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1711
- .mat-calendar-body-comparison-identical
1712
- ) {
1713
- background-color: var(--tak-accent-opacity-500);
1714
- }
1715
- }
1716
- .mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
1717
- background: var(--tak-warn-opacity-500);
1718
- }
1719
- .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
1720
- .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
1721
- background: var(--tak-warn-opacity-500);
1722
- }
1723
- .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
1724
- .mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-end:before {
1725
- background: linear-gradient(
1726
- to right,
1727
- var(--tak-warn-opacity-500) 50%,
1728
- var(--tak-warn-opacity-500) 50%
1729
- );
1730
- }
1731
- .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
1732
- .mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-start:before {
1733
- background: linear-gradient(
1734
- to left,
1735
- var(--tak-warn-opacity-500) 50%,
1736
- var(--tak-warn-opacity-500) 50%
1737
- );
1738
- }
1739
- .mat-datepicker-content.mat-warn
1740
- .mat-calendar-body-in-range
1741
- > .mat-calendar-body-comparison-identical,
1742
- .mat-datepicker-content.mat-warn
1743
- .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
1744
- background: var(--tak-accent-100);
1745
- }
1746
- .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
1747
- .mat-datepicker-content.mat-warn
1748
- .mat-calendar-body-in-comparison-range
1749
- > .mat-calendar-body-selected {
1750
- background: var(--tak-accent-500);
1751
- }
1752
- .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
1753
- background-color: var(--tak-warn-500);
1754
- color: #fff;
1755
- }
1756
- .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
1757
- background-color: #f4433666;
1758
- }
1759
- .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
1760
- box-shadow: inset 0 0 0 1px #fff;
1761
- }
1762
- .mat-datepicker-content.mat-warn
1763
- .cdk-keyboard-focused
1764
- .mat-calendar-body-active
1765
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1766
- .mat-calendar-body-comparison-identical
1767
- ),
1768
- .mat-datepicker-content.mat-warn
1769
- .cdk-program-focused
1770
- .mat-calendar-body-active
1771
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1772
- .mat-calendar-body-comparison-identical
1773
- ) {
1774
- background-color: var(--tak-warn-opacity-500);
1775
- }
1776
- @media (hover: hover) {
1777
- .mat-datepicker-content.mat-warn
1778
- .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
1779
- > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
1780
- .mat-calendar-body-comparison-identical
1781
- ) {
1782
- background-color: var(--tak-warn-opacity-500);
1783
- }
1784
- }
1785
- .mat-datepicker-content-touch {
1786
- box-shadow:
1787
- 0 11px 15px -7px #0003,
1788
- 0 24px 38px 3px #00000024,
1789
- 0 9px 46px 8px #0000001f;
1790
- }
1791
- .mat-datepicker-toggle-active {
1792
- color: var(--tak-primary-500);
1793
- }
1794
- .mat-datepicker-toggle-active.mat-accent {
1795
- color: var(--tak-accent-500);
1796
- }
1797
- .mat-datepicker-toggle-active.mat-warn {
1798
- color: var(--tak-warn-500);
1799
- }
1800
- .mat-date-range-input-inner[disabled] {
1801
- color: var(--tak-dark-color-50);
1802
- }
1803
- .mat-dialog-container {
1804
- box-shadow: var(--tak-dialog-container-box-shadow);
1805
- border: 1px solid var(--tak-dialog-container-border-color);
1806
- background: var(--tak-light-background-color-100);
1807
- color: var(--tak-dark-color-700);
1808
- overflow: auto;
1809
- }
1810
- .mat-divider {
1811
- border-top-color: var(--tak-divider-border-color);
1812
- }
1813
- .mat-divider-vertical {
1814
- border-right-color: var(--tak-divider-border-color);
1815
- }
1816
- .mat-expansion-panel-spacing {
1817
- margin: 8px 0 !important;
1818
- }
1819
- .mat-expansion-panel {
1820
- background: var(--tak-light-background-color-100);
1821
- color: var(--tak-dark-color-500);
1822
- }
1823
- .mat-expansion-panel:not([class*='mat-elevation-z']) {
1824
- box-shadow: var(--tak-expansion-panel-box-shadow);
1825
- border: var(--tak-expansion-panel-border);
1826
- }
1827
- .mat-action-row {
1828
- border-top-color: var(--tak-dark-color-100);
1829
- }
1830
- .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled='true']),
1831
- .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled='true']),
1832
- .mat-expansion-panel:not(.mat-expanded)
1833
- .mat-expansion-panel-header:hover:not([aria-disabled='true']) {
1834
- background: var(--tak-dark-background-color-50);
1835
- }
1836
- .mat-expansion-panel
1837
- .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled='true']):hover,
1838
- .mat-expansion-panel
1839
- .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled='true']):hover,
1840
- .mat-expansion-panel:not(.mat-expanded)
1841
- .mat-expansion-panel-header:hover:not([aria-disabled='true']):hover {
1842
- background: var(--tak-expansion-panel-hover-background-color) !important;
1843
- }
1844
- @media (hover: none) {
1845
- .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true'])
1846
- .mat-expansion-panel-header:hover {
1847
- background: var(--tak-light-background-color-100);
1848
- }
1849
- }
1850
- .mat-expansion-panel-header-title {
1851
- color: var(--tak-dark-color-500);
1852
- }
1853
- .mat-expansion-panel-header-description,
1854
- .mat-expansion-indicator:after {
1855
- color: var(--tak-dark-color-300);
1856
- }
1857
- .mat-expansion-panel-header[aria-disabled='true'] {
1858
- color: var(--tak-dark-color-200);
1859
- }
1860
- .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
1861
- .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
1862
- color: inherit;
1863
- }
1864
- .mat-expansion-panel-header {
1865
- height: 48px;
1866
- }
1867
- .mat-expansion-panel-header.mat-expanded {
1868
- height: 64px;
1869
- }
1870
- .mat-form-field-label,
1871
- .mat-hint {
1872
- color: var(--tak-dark-color-50);
1873
- }
1874
- .mat-form-field.mat-focused .mat-form-field-label .sui-field__danger-x {
1875
- color: var(--tak-warn-500);
1876
- }
1877
- .mat-form-field.mat-focused .mat-form-field-label {
1878
- color: var(--tak-primary-500);
1879
- }
1880
- .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
1881
- color: var(--tak-accent-500);
1882
- }
1883
- .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
1884
- color: var(--tak-warn-500);
1885
- }
1886
- .mat-focused .mat-form-field-required-marker {
1887
- color: var(--tak-warn-500) !important;
1888
- }
1889
- .mat-form-field-ripple {
1890
- background-color: #cacacade;
1891
- }
1892
- .mat-form-field.mat-focused .mat-form-field-ripple {
1893
- background-color: var(--tak-primary-500);
1894
- }
1895
- .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
1896
- background-color: var(--tak-accent-500);
1897
- }
1898
- .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
1899
- background-color: var(--tak-warn-500);
1900
- }
1901
- .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid)
1902
- .mat-form-field-infix:after {
1903
- color: var(--tak-primary-500) !important;
1904
- }
1905
- .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent
1906
- .mat-form-field-infix:after {
1907
- color: var(--tak-accent-500) !important;
1908
- }
1909
- .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn
1910
- .mat-form-field-infix:after {
1911
- color: var(--tak-warn-500) !important;
1912
- }
1913
- .mat-form-field.mat-form-field-invalid .mat-form-field-label,
1914
- .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
1915
- .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
1916
- color: var(--tak-warn-500) !important;
1917
- }
1918
- .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
1919
- .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
1920
- background-color: var(--tak-warn-500) !important;
1921
- }
1922
- .mat-error {
1923
- color: var(--tak-warn-500);
1924
- }
1925
- .mat-form-field-appearance-legacy .mat-form-field-label,
1926
- .mat-form-field-appearance-legacy .mat-hint {
1927
- color: var(--tak-dark-color-300);
1928
- }
1929
- .mat-form-field-appearance-legacy .mat-form-field-underline {
1930
- background-color: var(--tak-dark-background-color-250);
1931
- }
1932
- .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
1933
- background-image: linear-gradient(
1934
- to right,
1935
- var(--tak-dark-color-250) 0%,
1936
- var(--tak-dark-color-250) 33%,
1937
- transparent 0%
1938
- );
1939
- background-size: 4px 100%;
1940
- background-repeat: repeat-x;
1941
- }
1942
- .mat-form-field-appearance-standard .mat-form-field-underline {
1943
- background-color: var(--tak-dark-background-color-250);
1944
- }
1945
- .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
1946
- background-image: linear-gradient(
1947
- to right,
1948
- var(--tak-dark-color-250) 0%,
1949
- var(--tak-dark-color-250) 33%,
1950
- transparent 0%
1951
- );
1952
- background-size: 4px 100%;
1953
- background-repeat: repeat-x;
1954
- }
1955
- .mat-form-field-appearance-fill .mat-form-field-flex {
1956
- background-color: var(--tak-dark-background-color-10);
1957
- }
1958
- .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
1959
- background-color: #00000005;
1960
- }
1961
- .mat-form-field-appearance-fill .mat-form-field-underline:before {
1962
- background-color: var(--tak-dark-background-color-250);
1963
- }
1964
- .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
1965
- color: var(--tak-dark-color-50);
1966
- }
1967
- .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
1968
- background-color: #0000;
1969
- }
1970
- .mat-form-field-appearance-outline .mat-form-field-outline {
1971
- color: var(--tak-dark-color-100);
1972
- }
1973
- .mat-form-field-appearance-outline .mat-form-field-outline-thick {
1974
- color: #cacacade;
1975
- }
1976
- .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
1977
- color: var(--tak-primary-500);
1978
- }
1979
- .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
1980
- color: var(--tak-accent-500);
1981
- }
1982
- .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
1983
- color: var(--tak-warn-500);
1984
- }
1985
- .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid
1986
- .mat-form-field-outline-thick {
1987
- color: var(--tak-warn-500) !important;
1988
- }
1989
- .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
1990
- color: var(--tak-dark-color-50);
1991
- }
1992
- .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
1993
- color: #0000000f;
1994
- }
1995
- .mat-icon.mat-primary {
1996
- color: var(--tak-primary-500);
1997
- }
1998
- .mat-icon.mat-accent {
1999
- color: var(--tak-accent-500);
2000
- }
2001
- .mat-icon.mat-warn {
2002
- color: var(--tak-warn-500);
2003
- }
2004
- .mat-form-field-type-mat-native-select .mat-form-field-infix:after {
2005
- color: var(--tak-dark-color-300);
2006
- }
2007
- .mat-input-element:disabled,
2008
- .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
2009
- color: var(--tak-dark-color-50);
2010
- }
2011
- .mat-input-element {
2012
- caret-color: var(--tak-primary-500);
2013
- }
2014
- .mat-input-element::placeholder {
2015
- color: var(--tak-dark-color-250);
2016
- }
2017
- .mat-input-element::-moz-placeholder {
2018
- color: var(--tak-dark-color-250);
2019
- }
2020
- .mat-input-element::-webkit-input-placeholder {
2021
- color: var(--tak-dark-color-250);
2022
- }
2023
- .mat-input-element:-ms-input-placeholder {
2024
- color: var(--tak-dark-color-250);
2025
- }
2026
- .mat-form-field.mat-accent .mat-input-element {
2027
- caret-color: var(--tak-accent-500);
2028
- }
2029
- .mat-form-field.mat-warn .mat-input-element,
2030
- .mat-form-field-invalid .mat-input-element {
2031
- caret-color: var(--tak-warn-500) !important;
2032
- }
2033
- .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
2034
- color: var(--tak-warn-500) !important;
2035
- }
2036
- .mat-list-base .mat-list-item,
2037
- .mat-list-base .mat-list-option {
2038
- color: var(--tak-dark-color-500);
2039
- }
2040
- .mat-list-base .mat-subheader {
2041
- color: var(--tak-dark-color-300);
2042
- }
2043
- .mat-list-base .mat-list-item-disabled {
2044
- background-color: var(--tak-light-background-color-200);
2045
- color: var(--tak-dark-color-50);
2046
- }
2047
- .mat-list-option:hover,
2048
- .mat-list-option:focus,
2049
- .mat-nav-list .mat-list-item:hover,
2050
- .mat-nav-list .mat-list-item:focus,
2051
- .mat-action-list .mat-list-item:hover,
2052
- .mat-action-list .mat-list-item:focus {
2053
- background: var(--tak-dark-background-color-50);
2054
- }
2055
- .mat-list-single-selected-option,
2056
- .mat-list-single-selected-option:hover,
2057
- .mat-list-single-selected-option:focus {
2058
- background: var(--tak-dark-color-100);
2059
- }
2060
- .mat-menu-panel {
2061
- background: var(--tak-light-background-color-100);
2062
- border: 1px solid var(--tak-border-color-default);
2063
- box-shadow: var(--tak-box-shadow-z4-default);
2064
- }
2065
- .mat-menu-panel:not([class*='mat-elevation-z']) {
2066
- box-shadow: var(--tak-menu-box-shadow);
2067
- border: var(--tak-menu-border);
2068
- }
2069
- .mat-menu-item {
2070
- background: rgba(0, 0, 0, 0);
2071
- color: var(--tak-dark-color-500);
2072
- }
2073
- .mat-menu-item[disabled],
2074
- .mat-menu-item[disabled] .mat-menu-submenu-icon,
2075
- .mat-menu-item[disabled] .mat-icon-no-color {
2076
- color: var(--tak-dark-color-50);
2077
- }
2078
- .mat-menu-item .mat-icon-no-color,
2079
- .mat-menu-submenu-icon {
2080
- color: var(--tak-dark-color-300);
2081
- }
2082
- .mat-menu-item:hover:not([disabled]),
2083
- .mat-menu-item.cdk-program-focused:not([disabled]),
2084
- .mat-menu-item.cdk-keyboard-focused:not([disabled]),
2085
- .mat-menu-item-highlighted:not([disabled]) {
2086
- background: var(--tak-dark-background-color-100);
2087
- }
2088
- .mat-paginator {
2089
- background: var(--tak-light-background-color-100);
2090
- }
2091
- .mat-paginator,
2092
- .mat-paginator-page-size .mat-select-trigger {
2093
- color: var(--tak-dark-color-300);
2094
- }
2095
- .mat-paginator-decrement,
2096
- .mat-paginator-increment {
2097
- border-top: 2px solid var(--tak-dark-color-300);
2098
- border-right: 2px solid var(--tak-dark-color-300);
2099
- }
2100
- .mat-paginator-first,
2101
- .mat-paginator-last {
2102
- border-top: 2px solid var(--tak-dark-color-300);
2103
- }
2104
- .mat-icon-button[disabled] .mat-paginator-decrement,
2105
- .mat-icon-button[disabled] .mat-paginator-increment,
2106
- .mat-icon-button[disabled] .mat-paginator-first,
2107
- .mat-icon-button[disabled] .mat-paginator-last {
2108
- border-color: var(--tak-dark-color-50);
2109
- }
2110
- .mat-paginator-container {
2111
- min-height: 56px;
2112
- }
2113
- .mat-progress-bar-background {
2114
- fill: var(--tak-primary-constrant-500);
2115
- }
2116
- .mat-progress-bar-buffer {
2117
- background-color: var(--tak-primary-constrant-500);
2118
- }
2119
- .mat-progress-bar-fill:after {
2120
- background-color: var(--tak-primary-500);
2121
- }
2122
- .mat-progress-bar.mat-accent .mat-progress-bar-background {
2123
- fill: var(--tak-accent-constrant-500);
2124
- }
2125
- .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
2126
- background-color: var(--tak-accent-constrant-500);
2127
- }
2128
- .mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
2129
- background-color: var(--tak-accent-500);
2130
- }
2131
- .mat-progress-bar.mat-warn .mat-progress-bar-background {
2132
- fill: var(--tak-warn-constrant-500);
2133
- }
2134
- .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
2135
- background-color: var(--tak-warn-constrant-500);
2136
- }
2137
- .mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
2138
- background-color: var(--tak-warn-500);
2139
- }
2140
- .mat-progress-spinner circle,
2141
- .mat-spinner circle {
2142
- stroke: var(--tak-primary-500);
2143
- }
2144
- .mat-progress-spinner.mat-accent circle,
2145
- .mat-spinner.mat-accent circle {
2146
- stroke: var(--tak-accent-500);
2147
- }
2148
- .mat-progress-spinner.mat-warn circle,
2149
- .mat-spinner.mat-warn circle {
2150
- stroke: var(--tak-warn-500);
2151
- }
2152
- .mat-radio-outer-circle {
2153
- border-color: var(--tak-dark-color-300);
2154
- }
2155
- .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
2156
- border-color: var(--tak-primary-500);
2157
- }
2158
- .mat-radio-button.mat-primary .mat-radio-inner-circle,
2159
- .mat-radio-button.mat-primary
2160
- .mat-radio-ripple
2161
- .mat-ripple-element:not(.mat-radio-persistent-ripple),
2162
- .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
2163
- .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
2164
- background-color: var(--tak-primary-500);
2165
- }
2166
- .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
2167
- border-color: var(--tak-accent-500);
2168
- }
2169
- .mat-radio-button.mat-accent .mat-radio-inner-circle,
2170
- .mat-radio-button.mat-accent
2171
- .mat-radio-ripple
2172
- .mat-ripple-element:not(.mat-radio-persistent-ripple),
2173
- .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
2174
- .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
2175
- background-color: var(--tak-accent-500);
2176
- }
2177
- .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
2178
- border-color: var(--tak-warn-500);
2179
- }
2180
- .mat-radio-button.mat-warn .mat-radio-inner-circle,
2181
- .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
2182
- .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
2183
- .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
2184
- background-color: var(--tak-warn-500);
2185
- }
2186
- .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
2187
- .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
2188
- border-color: var(--tak-dark-color-50);
2189
- }
2190
- .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
2191
- .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
2192
- background-color: var(--tak-dark-color-50);
2193
- }
2194
- .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
2195
- color: var(--tak-dark-color-50);
2196
- }
2197
- .mat-radio-button .mat-ripple-element {
2198
- background-color: var(--tak-backgroud-dark-color-700);
2199
- }
2200
- .mat-select-value {
2201
- color: var(--tak-dark-color-500);
2202
- }
2203
- .mat-select-placeholder {
2204
- color: var(--tak-dark-color-250);
2205
- }
2206
- .mat-select-disabled .mat-select-value {
2207
- color: var(--tak-dark-color-50);
2208
- }
2209
- .mat-select-arrow {
2210
- color: var(--tak-dark-color-300);
2211
- }
2212
- .mat-select-panel {
2213
- background: var(--tak-light-background-color-100);
2214
- }
2215
- .mat-select-panel:not([class*='mat-elevation-z']) {
2216
- box-shadow: var(--tak-select-panel-box-shadow);
2217
- border: 1px solid var(--tak-select-panel-border-color);
2218
- }
2219
- .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
2220
- background: var(--tak-dark-color-100);
2221
- }
2222
- .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
2223
- color: var(--tak-primary-500);
2224
- }
2225
- .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
2226
- color: var(--tak-accent-500);
2227
- }
2228
- .mat-form-field.mat-focused.mat-warn .mat-select-arrow,
2229
- .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
2230
- color: var(--tak-warn-500);
2231
- }
2232
- .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
2233
- color: var(--tak-dark-color-50);
2234
- }
2235
- .mat-drawer-container {
2236
- background-color: var(--tak-drawer-container-background-color);
2237
- color: var(--tak-drawer-container-color);
2238
- }
2239
- .mat-drawer {
2240
- border: var(--tak-drawer-border);
2241
- background-color: var(--tak-drawer-container-background-color);
2242
- color: var(--tak-drawer-container-color);
2243
- }
2244
- .mat-drawer.mat-drawer-push {
2245
- background-color: var(--tak-light-background-color-100);
2246
- }
2247
- .mat-drawer:not(.mat-drawer-side) {
2248
- box-shadow: var(--tak-drawer-box-shadow);
2249
- }
2250
- .mat-drawer-side {
2251
- border-right: solid 1px var(--tak-dark-color-100);
2252
- }
2253
- .mat-drawer-side.mat-drawer-end,
2254
- [dir='rtl'] .mat-drawer-side {
2255
- border-left: solid 1px var(--tak-dark-color-100);
2256
- border-right: none;
2257
- }
2258
- [dir='rtl'] .mat-drawer-side.mat-drawer-end {
2259
- border-left: none;
2260
- border-right: solid 1px var(--tak-dark-color-100);
2261
- }
2262
- .mat-drawer-backdrop.mat-drawer-shown {
2263
- background-color: var(--tak-overlay-backdrop-background-color);
2264
- }
2265
- .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
2266
- background-color: var(--tak-primary-500);
2267
- }
2268
- .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
2269
- background-color: var(--tak-primary-opacity-500);
2270
- }
2271
- .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
2272
- background-color: var(--tak-primary-500);
2273
- }
2274
- .mat-slide-toggle.mat-accent.mat-checked .mat-slide-toggle-thumb {
2275
- background-color: var(--tak-accent-500);
2276
- }
2277
- .mat-slide-toggle.mat-accent.mat-checked .mat-slide-toggle-bar {
2278
- background-color: var(--tak-accent-opacity-500);
2279
- }
2280
- .mat-slide-toggle.mat-accent.mat-checked .mat-ripple-element {
2281
- background-color: var(--tak-accent-500);
2282
- }
2283
- .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
2284
- background-color: var(--tak-warn-500);
2285
- }
2286
- .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
2287
- background-color: var(--tak-warn-opacity-500);
2288
- }
2289
- .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
2290
- background-color: var(--tak-warn-500);
2291
- }
2292
- .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
2293
- background-color: var(--tak-backgroud-dark-color-700);
2294
- }
2295
- .mat-slide-toggle-thumb {
2296
- box-shadow:
2297
- 0 2px 1px -1px #0003,
2298
- 0 1px 1px #00000024,
2299
- 0 1px 3px 0 var(--tak-dark-color-100);
2300
- background-color: var(--tak-slide-toggle-thumb-background-color);
2301
- }
2302
- .mat-slide-toggle-bar {
2303
- background-color: var(--tak-slide-toggle-bar-background-color);
2304
- }
2305
- .mat-slider-track-background {
2306
- background-color: var(--tak-dark-background-color-200);
2307
- }
2308
- .mat-slider.mat-primary .mat-slider-track-fill,
2309
- .mat-slider.mat-primary .mat-slider-thumb,
2310
- .mat-slider.mat-primary .mat-slider-thumb-label {
2311
- background-color: var(--tak-primary-500);
2312
- }
2313
- .mat-slider.mat-primary .mat-slider-thumb-label-text {
2314
- color: var(--tak-light-color-700);
2315
- }
2316
- .mat-slider.mat-primary .mat-slider-focus-ring {
2317
- background-color: var(--tak-primary-constrant-500);
2318
- }
2319
- .mat-slider.mat-accent .mat-slider-track-fill,
2320
- .mat-slider.mat-accent .mat-slider-thumb,
2321
- .mat-slider.mat-accent .mat-slider-thumb-label {
2322
- background-color: var(--tak-accent-500);
2323
- }
2324
- .mat-slider.mat-accent .mat-slider-thumb-label-text {
2325
- color: var(--tak-light-color-700);
2326
- }
2327
- .mat-slider.mat-accent .mat-slider-focus-ring {
2328
- background-color: var(--tak-accent-opacity-500);
2329
- }
2330
- .mat-slider.mat-warn .mat-slider-track-fill,
2331
- .mat-slider.mat-warn .mat-slider-thumb,
2332
- .mat-slider.mat-warn .mat-slider-thumb-label {
2333
- background-color: var(--tak-warn-500);
2334
- }
2335
- .mat-slider.mat-warn .mat-slider-thumb-label-text {
2336
- color: var(--tak-light-color-700);
2337
- }
2338
- .mat-slider.mat-warn .mat-slider-focus-ring {
2339
- background-color: var(--tak-warn-opacity-500);
2340
- }
2341
- .mat-slider:hover .mat-slider-track-background,
2342
- .mat-slider.cdk-focused .mat-slider-track-background {
2343
- background-color: var(--tak-dark-color-50);
2344
- }
2345
- .mat-slider.mat-slider-disabled .mat-slider-track-background,
2346
- .mat-slider.mat-slider-disabled .mat-slider-track-fill,
2347
- .mat-slider.mat-slider-disabled .mat-slider-thumb,
2348
- .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
2349
- background-color: var(--tak-dark-background-color-200);
2350
- }
2351
- .mat-slider.mat-slider-min-value .mat-slider-focus-ring {
2352
- background-color: var(--tak-dark-background-color-100);
2353
- }
2354
- .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
2355
- .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
2356
- background-color: var(--tak-dark-background-color-500);
2357
- }
2358
- .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
2359
- .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused
2360
- .mat-slider-thumb-label {
2361
- background-color: var(--tak-dark-background-color-200);
2362
- }
2363
- .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
2364
- border-color: var(--tak-dark-color-200);
2365
- background-color: #0000;
2366
- }
2367
- .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
2368
- .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused
2369
- .mat-slider-thumb {
2370
- border-color: var(--tak-dark-color-50);
2371
- }
2372
- .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled
2373
- .mat-slider-thumb,
2374
- .mat-slider.mat-slider-min-value:not(
2375
- .mat-slider-thumb-label-showing
2376
- ).cdk-focused.mat-slider-disabled
2377
- .mat-slider-thumb {
2378
- border-color: var(--tak-dark-color-200);
2379
- }
2380
- .mat-slider-has-ticks .mat-slider-wrapper:after {
2381
- border-color: #000000b3;
2382
- }
2383
- .mat-slider-horizontal .mat-slider-ticks {
2384
- background-image: repeating-linear-gradient(
2385
- to right,
2386
- rgba(0, 0, 0, 0.7),
2387
- rgba(0, 0, 0, 0.7) 2px,
2388
- transparent 0,
2389
- transparent
2390
- );
2391
- background-image: -moz-repeating-linear-gradient(
2392
- 0.0001deg,
2393
- rgba(0, 0, 0, 0.7),
2394
- rgba(0, 0, 0, 0.7) 2px,
2395
- transparent 0,
2396
- transparent
2397
- );
2398
- }
2399
- .mat-slider-vertical .mat-slider-ticks {
2400
- background-image: repeating-linear-gradient(
2401
- to bottom,
2402
- rgba(0, 0, 0, 0.7),
2403
- rgba(0, 0, 0, 0.7) 2px,
2404
- transparent 0,
2405
- transparent
2406
- );
2407
- }
2408
- .mat-step-header.cdk-keyboard-focused,
2409
- .mat-step-header.cdk-program-focused,
2410
- .mat-step-header:hover:not([aria-disabled]),
2411
- .mat-step-header:hover[aria-disabled='false'] {
2412
- background-color: var(--tak-step-header-hover-background-color);
2413
- }
2414
- .mat-step-header:hover[aria-disabled='true'] {
2415
- cursor: default;
2416
- }
2417
- @media (hover: none) {
2418
- .mat-step-header:hover {
2419
- background: none;
2420
- }
2421
- }
2422
- .mat-step-header .mat-step-label,
2423
- .mat-step-header .mat-step-optional {
2424
- color: var(--tak-dark-color-300);
2425
- }
2426
- .mat-step-header .mat-step-icon {
2427
- background-color: var(--tak-dark-background-color-300);
2428
- color: var(--tak-light-color-700);
2429
- }
2430
- .mat-step-header .mat-step-icon-selected,
2431
- .mat-step-header .mat-step-icon-state-done,
2432
- .mat-step-header .mat-step-icon-state-edit {
2433
- background-color: var(--tak-primary-500);
2434
- color: var(--tak-light-color-700);
2435
- }
2436
- .mat-step-header.mat-accent .mat-step-icon {
2437
- color: var(--tak-light-color-700);
2438
- }
2439
- .mat-step-header.mat-accent .mat-step-icon-selected,
2440
- .mat-step-header.mat-accent .mat-step-icon-state-done,
2441
- .mat-step-header.mat-accent .mat-step-icon-state-edit {
2442
- background-color: var(--tak-accent-500);
2443
- color: var(--tak-light-color-700);
2444
- }
2445
- .mat-step-header.mat-warn .mat-step-icon {
2446
- color: var(--tak-light-color-700);
2447
- }
2448
- .mat-step-header.mat-warn .mat-step-icon-selected,
2449
- .mat-step-header.mat-warn .mat-step-icon-state-done,
2450
- .mat-step-header.mat-warn .mat-step-icon-state-edit {
2451
- background-color: var(--tak-warn-500);
2452
- color: var(--tak-light-color-700);
2453
- }
2454
- .mat-step-header .mat-step-icon-state-error {
2455
- background-color: #0000;
2456
- color: var(--tak-warn-500);
2457
- }
2458
- .mat-step-header .mat-step-label.mat-step-label-active {
2459
- color: var(--tak-dark-color-500);
2460
- }
2461
- .mat-step-header .mat-step-label.mat-step-label-error {
2462
- color: var(--tak-warn-500);
2463
- }
2464
- .mat-stepper-horizontal,
2465
- .mat-stepper-vertical {
2466
- background-color: var(--tak-light-background-color-100);
2467
- }
2468
- .mat-stepper-vertical-line:before {
2469
- border-left-color: var(--tak-dark-color-100);
2470
- }
2471
- .mat-horizontal-stepper-header:before,
2472
- .mat-horizontal-stepper-header:after,
2473
- .mat-stepper-horizontal-line {
2474
- border-top-color: var(--tak-dark-color-100);
2475
- }
2476
- .mat-horizontal-stepper-header {
2477
- height: 72px;
2478
- }
2479
- .mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
2480
- .mat-vertical-stepper-header {
2481
- padding: 24px;
2482
- }
2483
- .mat-stepper-vertical-line:before {
2484
- top: -16px;
2485
- bottom: -16px;
2486
- }
2487
- .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
2488
- .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
2489
- top: 36px;
2490
- }
2491
- .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
2492
- top: 36px;
2493
- }
2494
- .mat-sort-header-arrow {
2495
- color: #757575;
2496
- }
2497
- .mat-tab-nav-bar,
2498
- .mat-tab-header {
2499
- border-bottom: 1px solid var(--tak-dark-color-100);
2500
- }
2501
- .mat-tab-group-inverted-header .mat-tab-nav-bar,
2502
- .mat-tab-group-inverted-header .mat-tab-header {
2503
- border-top: 1px solid var(--tak-dark-color-100);
2504
- border-bottom: none;
2505
- }
2506
- .mat-tab-label,
2507
- .mat-tab-link {
2508
- color: var(--tak-dark-color-500);
2509
- }
2510
- .mat-tab-label.mat-tab-disabled,
2511
- .mat-tab-link.mat-tab-disabled {
2512
- color: var(--tak-dark-color-50);
2513
- }
2514
- .mat-tab-header-pagination-chevron {
2515
- border-color: var(--tak-dark-color-500);
2516
- }
2517
- .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
2518
- border-color: var(--tak-dark-color-50);
2519
- }
2520
- .mat-tab-group[class*='mat-background-'] > .mat-tab-header,
2521
- .mat-tab-nav-bar[class*='mat-background-'] {
2522
- border-bottom: none;
2523
- border-top: none;
2524
- }
2525
- .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2526
- .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2527
- .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2528
- .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
2529
- .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2530
- .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2531
- .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2532
- .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
2533
- background-color: var(--tak-primary-constrant-500);
2534
- }
2535
- .mat-tab-group.mat-primary .mat-ink-bar,
2536
- .mat-tab-nav-bar.mat-primary .mat-ink-bar {
2537
- background-color: var(--tak-primary-500);
2538
- }
2539
- .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
2540
- .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar,
2541
- .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
2542
- .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
2543
- background-color: var(--tak-light-background-color-100);
2544
- }
2545
- .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2546
- .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2547
- .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2548
- .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
2549
- .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2550
- .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2551
- .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2552
- .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
2553
- background-color: var(--tak-accent-opacity-500);
2554
- }
2555
- .mat-tab-group.mat-accent .mat-ink-bar,
2556
- .mat-tab-nav-bar.mat-accent .mat-ink-bar {
2557
- background-color: var(--tak-accent-500);
2558
- }
2559
- .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
2560
- .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar,
2561
- .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
2562
- .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
2563
- background-color: var(--tak-light-background-color-100);
2564
- }
2565
- .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2566
- .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2567
- .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2568
- .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
2569
- .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2570
- .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2571
- .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2572
- .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
2573
- background-color: var(--tak-warn-opacity-500);
2574
- }
2575
- .mat-tab-group.mat-warn .mat-ink-bar,
2576
- .mat-tab-nav-bar.mat-warn .mat-ink-bar {
2577
- background-color: var(--tak-warn-500);
2578
- }
2579
- .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
2580
- .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar,
2581
- .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
2582
- .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
2583
- background-color: var(--tak-light-background-color-100);
2584
- }
2585
- .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2586
- .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2587
- .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2588
- .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
2589
- .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2590
- .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2591
- .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2592
- .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
2593
- background-color: var(--tak-primary-constrant-500);
2594
- }
2595
- .mat-tab-group.mat-background-primary > .mat-tab-header,
2596
- .mat-tab-group.mat-background-primary > .mat-tab-link-container,
2597
- .mat-tab-group.mat-background-primary > .mat-tab-header-pagination,
2598
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-header,
2599
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container,
2600
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
2601
- background-color: var(--tak-primary-500);
2602
- }
2603
- .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label,
2604
- .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link,
2605
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label,
2606
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
2607
- color: var(--tak-light-color-700);
2608
- }
2609
- .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
2610
- .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
2611
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
2612
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
2613
- color: var(--tak-light-background-color-50);
2614
- }
2615
- .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
2616
- .mat-tab-group.mat-background-primary
2617
- > .mat-tab-header-pagination
2618
- .mat-tab-header-pagination-chevron,
2619
- .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator:before,
2620
- .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator:before,
2621
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
2622
- .mat-tab-nav-bar.mat-background-primary
2623
- > .mat-tab-header-pagination
2624
- .mat-tab-header-pagination-chevron,
2625
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator:before,
2626
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator:before {
2627
- border-color: var(--tak-light-color-700);
2628
- }
2629
- .mat-tab-group.mat-background-primary
2630
- > .mat-tab-header
2631
- .mat-tab-header-pagination-disabled
2632
- .mat-tab-header-pagination-chevron,
2633
- .mat-tab-group.mat-background-primary
2634
- > .mat-tab-header-pagination-disabled
2635
- .mat-tab-header-pagination-chevron,
2636
- .mat-tab-nav-bar.mat-background-primary
2637
- > .mat-tab-header
2638
- .mat-tab-header-pagination-disabled
2639
- .mat-tab-header-pagination-chevron,
2640
- .mat-tab-nav-bar.mat-background-primary
2641
- > .mat-tab-header-pagination-disabled
2642
- .mat-tab-header-pagination-chevron {
2643
- border-color: var(--tak-light-color-700);
2644
- opacity: 0.4;
2645
- }
2646
- .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
2647
- .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
2648
- .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element,
2649
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
2650
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
2651
- .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
2652
- background-color: var(--tak-light-background-color-100);
2653
- opacity: 0.12;
2654
- }
2655
- .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2656
- .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2657
- .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2658
- .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
2659
- .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2660
- .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2661
- .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2662
- .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
2663
- background-color: var(--tak-accent-opacity-500);
2664
- }
2665
- .mat-tab-group.mat-background-accent > .mat-tab-header,
2666
- .mat-tab-group.mat-background-accent > .mat-tab-link-container,
2667
- .mat-tab-group.mat-background-accent > .mat-tab-header-pagination,
2668
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-header,
2669
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container,
2670
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
2671
- background-color: var(--tak-accent-500);
2672
- }
2673
- .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label,
2674
- .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link,
2675
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label,
2676
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
2677
- color: var(--tak-light-color-700);
2678
- }
2679
- .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
2680
- .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
2681
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
2682
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
2683
- color: var(--tak-light-background-color-50);
2684
- }
2685
- .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
2686
- .mat-tab-group.mat-background-accent
2687
- > .mat-tab-header-pagination
2688
- .mat-tab-header-pagination-chevron,
2689
- .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator:before,
2690
- .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator:before,
2691
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
2692
- .mat-tab-nav-bar.mat-background-accent
2693
- > .mat-tab-header-pagination
2694
- .mat-tab-header-pagination-chevron,
2695
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator:before,
2696
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator:before {
2697
- border-color: var(--tak-light-color-700);
2698
- }
2699
- .mat-tab-group.mat-background-accent
2700
- > .mat-tab-header
2701
- .mat-tab-header-pagination-disabled
2702
- .mat-tab-header-pagination-chevron,
2703
- .mat-tab-group.mat-background-accent
2704
- > .mat-tab-header-pagination-disabled
2705
- .mat-tab-header-pagination-chevron,
2706
- .mat-tab-nav-bar.mat-background-accent
2707
- > .mat-tab-header
2708
- .mat-tab-header-pagination-disabled
2709
- .mat-tab-header-pagination-chevron,
2710
- .mat-tab-nav-bar.mat-background-accent
2711
- > .mat-tab-header-pagination-disabled
2712
- .mat-tab-header-pagination-chevron {
2713
- border-color: var(--tak-light-color-700);
2714
- opacity: 0.4;
2715
- }
2716
- .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
2717
- .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
2718
- .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element,
2719
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
2720
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
2721
- .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
2722
- background-color: var(--tak-light-background-color-100);
2723
- opacity: 0.12;
2724
- }
2725
- .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2726
- .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2727
- .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2728
- .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
2729
- .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
2730
- .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
2731
- .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
2732
- .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
2733
- background-color: var(--tak-warn-opacity-500);
2734
- }
2735
- .mat-tab-group.mat-background-warn > .mat-tab-header,
2736
- .mat-tab-group.mat-background-warn > .mat-tab-link-container,
2737
- .mat-tab-group.mat-background-warn > .mat-tab-header-pagination,
2738
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-header,
2739
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container,
2740
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
2741
- background-color: var(--tak-warn-500);
2742
- }
2743
- .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label,
2744
- .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link,
2745
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label,
2746
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
2747
- color: var(--tak-light-color-700);
2748
- }
2749
- .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
2750
- .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
2751
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
2752
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
2753
- color: var(--tak-light-background-color-50);
2754
- }
2755
- .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
2756
- .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
2757
- .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator:before,
2758
- .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator:before,
2759
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
2760
- .mat-tab-nav-bar.mat-background-warn
2761
- > .mat-tab-header-pagination
2762
- .mat-tab-header-pagination-chevron,
2763
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator:before,
2764
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator:before {
2765
- border-color: var(--tak-light-color-700);
2766
- }
2767
- .mat-tab-group.mat-background-warn
2768
- > .mat-tab-header
2769
- .mat-tab-header-pagination-disabled
2770
- .mat-tab-header-pagination-chevron,
2771
- .mat-tab-group.mat-background-warn
2772
- > .mat-tab-header-pagination-disabled
2773
- .mat-tab-header-pagination-chevron,
2774
- .mat-tab-nav-bar.mat-background-warn
2775
- > .mat-tab-header
2776
- .mat-tab-header-pagination-disabled
2777
- .mat-tab-header-pagination-chevron,
2778
- .mat-tab-nav-bar.mat-background-warn
2779
- > .mat-tab-header-pagination-disabled
2780
- .mat-tab-header-pagination-chevron {
2781
- border-color: var(--tak-light-color-700);
2782
- opacity: 0.4;
2783
- }
2784
- .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
2785
- .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
2786
- .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element,
2787
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
2788
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
2789
- .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
2790
- background-color: var(--tak-light-background-color-100);
2791
- opacity: 0.12;
2792
- }
2793
- .mat-toolbar {
2794
- background: var(--tak-light-background-color-100);
2795
- border: var(--tak-toolbar-border);
2796
- color: var(--tak-dark-color-500);
2797
- }
2798
- .mat-toolbar.mat-primary {
2799
- background: var(--tak-primary-500);
2800
- color: var(--tak-dark-color-700);
2801
- }
2802
- .mat-toolbar.mat-accent {
2803
- background: var(--tak-accent-500);
2804
- color: var(--tak-dark-color-700);
2805
- }
2806
- .mat-toolbar.mat-warn {
2807
- background: var(--tak-warn-500);
2808
- color: var(--tak-dark-color-700);
2809
- }
2810
- .mat-toolbar .mat-form-field-underline,
2811
- .mat-toolbar .mat-form-field-ripple,
2812
- .mat-toolbar .mat-focused .mat-form-field-ripple {
2813
- background-color: currentColor;
2814
- }
2815
- .mat-toolbar .mat-form-field-label,
2816
- .mat-toolbar .mat-focused .mat-form-field-label,
2817
- .mat-toolbar .mat-select-value,
2818
- .mat-toolbar .mat-select-arrow,
2819
- .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
2820
- color: inherit;
2821
- }
2822
- .mat-toolbar .mat-input-element {
2823
- caret-color: currentColor;
2824
- }
2825
- .mat-toolbar-multiple-rows {
2826
- min-height: 64px;
2827
- }
2828
- .mat-toolbar-row,
2829
- .mat-toolbar-single-row {
2830
- height: 64px;
2831
- }
2832
- @media (max-width: 599px) {
2833
- .mat-toolbar-multiple-rows {
2834
- min-height: 56px;
2835
- }
2836
- .mat-toolbar-row,
2837
- .mat-toolbar-single-row {
2838
- height: 56px;
2839
- }
2840
- }
2841
- .mat-tooltip {
2842
- background: var(--tak-tooltip-background-color);
2843
- }
2844
- .mat-tree {
2845
- background: var(--tak-light-background-color-100);
2846
- }
2847
- .mat-tree-node,
2848
- .mat-nested-tree-node {
2849
- color: var(--tak-dark-color-500);
2850
- }
2851
- .mat-tree-node {
2852
- min-height: 48px;
2853
- }
2854
- .mat-snack-bar-container {
2855
- font-weight: bolder;
2856
- box-shadow: var(--tak-snackbar-box-shadow);
2857
- background-color: var(--tak-snackbar-background-color);
2858
- color: var(--tak-snackbar-color);
2859
- border: 1px solid var(--tak-snackbar-border-color);
2860
- }
2861
- .mat-snack-bar-container .mat-simple-snackbar-action {
2862
- color: var(--tak-snackbar-action-color);
2863
- }
2864
- .mat-snackbar-danger {
2865
- border: transparent;
2866
- color: var(--tak-snackbar-danger-color);
2867
- background-color: var(--tak-snackbar-danger-background-color);
2868
- }
2869
- .mat-snackbar-danger .mat-simple-snackbar-action {
2870
- color: var(--tak-snackbar-danger-action-color);
2871
- }
2872
- .mat-snackbar-success {
2873
- border: transparent;
2874
- color: var(--tak-snackbar-success-color);
2875
- background-color: var(--tak-snackbar-success-background-color);
2876
- }
2877
- .mat-snackbar-success .mat-simple-snackbar-action {
2878
- color: var(--tak-snackbar-success-action-color);
2879
- }
2880
- .mat-tab-group.mat-primary .mat-tab-label:active,
2881
- .mat-tab-group.mat-primary .mat-tab-label.mat-tab-label-active {
2882
- color: var(--tak-primary-500);
2883
- }
2884
- .mat-tab-group.mat-accent .mat-tab-label:active,
2885
- .mat-tab-group.mat-accent .mat-tab-label.mat-tab-label-active,
2886
- .mat-tab-group .mat-tab-label:active,
2887
- .mat-tab-group .mat-tab-label.mat-tab-label-active {
2888
- color: var(--tak-accent-500);
2889
- }
2890
- .mat-tab-group.mat-warn .mat-tab-label:active,
2891
- .mat-tab-group.mat-warn .mat-tab-label.mat-tab-label-active {
2892
- color: var(--tak-warn-500);
2893
- }
2894
- .mat-tab-label .mat-tab-label-content {
2895
- font-weight: bolder;
2896
- }
2897
- .mat-tab-group {
2898
- height: 100%;
2899
- overflow-y: auto;
2900
- }
2901
- .mat-tab-label.mat-tab-disabled {
2902
- color: var(--tak-dark-color-700);
2903
- }
2904
- .mat-disabled-tab .mat-tab-group .mat-ink-bar,
2905
- .mat-tab-group.mat-not-ink-bar .mat-ink-bar {
2906
- background-color: transparent;
2907
- }