blob: 49b11d279a47af57a8af2775af4ea3189995cc53 [file] [log] [blame]
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +01001/*
2 * IMPORTANT NOTICE:
3 * Note: the following styles have been written by Googlers and thus are not
4 * included as part of the MIT license.
5 **/
6
7.scSharedCalloutroot {
8 color: var(--TWPT-interop-primary-text)!important;
9}
10
11.scSharedCallouterror {
12 background-color: #523a3b!important;
13 border-color: #f9dedc!important;
14}
15
16.scSharedCallouterror sc-shared-material-icon {
17 color: #f9dedc!important;
18}
19
20.scSharedCallouterror>.scSharedCalloutsecondary-button button {
21 color: #ec928e!important;
22}
23
24.scSharedCalloutcaution {
25 background-color: #554c33!important;
26 border-color: #ffdf99!important;
27}
28
29.scSharedCalloutcaution sc-shared-material-icon {
30 color: #ffdf99!important;
31}
32
33.scSharedCalloutcaution>.scSharedCalloutsecondary-button button {
34 color: #f09d00!important;
35}
36
37.scSharedCalloutinformational {
38 background-color: #394457!important;
39 border-color: #d3e3fd!important;
40}
41
42.scSharedCalloutinformational sc-shared-material-icon {
43 color: #d3e3fd!important;
44}
45
46.scSharedCalloutinformational>.scSharedCalloutsecondary-button button {
47 color: var(--TWPT-interop-blue)!important;
48}
49
50.scSharedCalloutsuccess {
51 background-color: #37493f!important;
52 border-color: #c4eed0!important;
53}
54
55.scSharedCalloutsuccess sc-shared-material-icon {
56 color: #c4eed0!important;
57}
58
59.scSharedCalloutsuccess>.scSharedCalloutsecondary-button button {
60 color: var(--TWPT-interop-success)!important;
61}
62
63.scSharedMaterialbuttonroot {
64 --m-btn-text-color: var(--TWPT-interop-blue);
65 --m-btn-background-color: transparent;
66 --m-btn-outline-color: var(--TWPT-interop-blue);
67 background: var(--m-btn-background-color)!important;
68 color: var(--m-btn-text-color)!important;
69}
70
71.scSharedMaterialbuttonroot:disabled {
72 color: rgba(227, 227, 227, 0.369)!important;
73}
74
75.scSharedMaterialbuttontext {
76 color: var(--TWPT-interop-blue)!important;
77}
78
79.scSharedMaterialbuttoncolor-label {
80 color: var(--TWPT-interop-secondary-text)!important;
81}
82
83.scSharedMaterialbuttoncolor-hint {
84 color: var(--TWPT-interop-secondary-text)!important;
85}
86
87.scSharedMaterialbuttonnavigational {
88 color: var(--TWPT-interop-primary-text)!important;
89}
90
91.scSharedMaterialbuttonnavigational-alt {
92 color: var(--TWPT-interop-secondary-text)!important;
93}
94
95.scSharedMaterialbuttonhairline, .scSharedMaterialbuttonpill {
96 outline: 1px solid var(--m-btn-outline-color)!important;
97}
98
99.scSharedMaterialbuttonhairline:hover, .scSharedMaterialbuttonhairline:focus, .scSharedMaterialbuttonpill:hover, .scSharedMaterialbuttonpill:focus {
100 --m-btn-outline-color: currentColor!important;
101}
102
103.scSharedMaterialbuttonhairline {
104 --m-btn-outline-color: var(--TWPT-interop-subtle-border)!important;
105}
106
107.scSharedMaterialbuttonhairline:disabled {
108 --m-btn-outline-color: rgba(227, 227, 227, 0.369)!important;
109}
110
111.scSharedMaterialbuttonhairline:active {
112 box-shadow: 0 1px 2px 0 rgba(227, 227, 227, 0.302), 0 1px 3px 1px rgba(227, 227, 227, 0.149)!important;
113}
114
115.scSharedMaterialbuttontonal {
116 color: var(--TWPT-interop-blue)!important;
117 background: #394457!important;
118 outline: 1px solid #474747!important;
119}
120
121.scSharedMaterialbuttontonal:hover {
122 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
123}
124
125.scSharedMaterialbuttontonal:active {
126 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
127}
128
129.scSharedMaterialbuttontonal:disabled {
130 background: rgba(227, 227, 227, 0.122)!important;
131}
132
133.scSharedMaterialbuttonfilled {
134 background: var(--TWPT-interop-blue)!important;
135 color: #1f1f1f!important;
136}
137
138.scSharedMaterialbuttonfilled:disabled {
139 background: rgba(227, 227, 227, 0.122)!important;
140}
141
142.scSharedMaterialbuttonfilled:hover,
143 .scSharedMaterialbuttonfilled:focus {
144 box-shadow: 0 1px 2px 0 rgba(124, 172, 248, 0.302), 0 1px 3px 1px rgba(124, 172, 248, 0.149)!important;
145}
146
147.scSharedMaterialbuttonfilled:active {
148 box-shadow: 0 1px 3px 0 rgba(124, 172, 248, 0.302), 0 4px 8px 3px rgba(124, 172, 248, 0.149)!important;
149}
150
151.scSharedMaterialbuttonprotected {
152 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
153 background: #1f1f1f!important;
154 color: var(--TWPT-interop-blue)!important;
155}
156
157.scSharedMaterialbuttonprotected:disabled {
158 background: rgba(227, 227, 227, 0.122)!important;
159}
160
161.scSharedMaterialbuttonprotected:hover {
162 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
163}
164
165.scSharedMaterialbuttonprotected:focus {
166 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
167}
168
169.scSharedMaterialbuttonprotected:active {
170 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149)!important;
171}
172
173.scSharedMaterialbuttonsuccess {
174 --m-btn-text-color: var(--TWPT-interop-success)!important;
175 --m-btn-outline-color: var(--TWPT-interop-success)!important;
176}
177
178.scSharedMaterialbuttonsuccess.scSharedMaterialbuttonfilled {
179 --m-btn-text-color: #1f1f1f!important;
180 --m-btn-background-color: var(--TWPT-interop-success)!important;
181}
182
183.scSharedMaterialbuttonsuccess.scSharedMaterialbuttontonal {
184 --m-btn-background-color: #0f5223
185}
186
187@media (forced-colors:active) {
188 .scSharedMaterialbuttonroot:focus {
189 outline: 2px solid #e3e3e3;
190 }
191}
192
193@media (prefers-contrast:more) {
194 .scSharedMaterialbuttonroot:focus {
195 outline: 2px solid #e3e3e3;
196 }
197}
198
199.scSharedExpandabletextexpander {
200 color: var(--TWPT-interop-blue)!important;
201}
202
203.scSharedMaterialborderfilled {
204 background: #313235!important;
205 border-bottom: 1px solid var(--TWPT-interop-secondary-text)!important;
206}
207
208.scSharedMaterialborderfilled-error {
209 border-bottom-color: #ec928e!important;
210}
211
212.scSharedMaterialborderfilled-bottom {
213 background-color: var(--TWPT-interop-blue)!important;
214}
215
216.scSharedMaterialborderfilled-label {
217 color: var(--TWPT-interop-secondary-text)!important;
218}
219
220.scSharedMaterialborderfilled-label-focused {
221 color: var(--TWPT-interop-blue)!important;
222}
223
224.scSharedMaterialborderlabel {
225 color: var(--TWPT-interop-secondary-text)!important;
226}
227
228.scSharedMaterialborderleft {
229 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
230 border-left-color: var(--TWPT-interop-secondary-text)!important;
231 border-top-color: var(--TWPT-interop-secondary-text)!important;
232}
233
234.scSharedMaterialborderleft-error {
235 border-bottom-color: #ec928e!important;
236 border-left-color: #ec928e!important;
237 border-top-color: #ec928e!important;
238}
239
240.scSharedMaterialbordermid {
241 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
242 border-top-color: var(--TWPT-interop-secondary-text)!important;
243}
244
245.scSharedMaterialbordermid-error {
246 border-bottom-color: #ec928e!important;
247 border-top-color: #ec928e!important;
248}
249
250.scSharedMaterialborderright {
251 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
252 border-right-color: var(--TWPT-interop-secondary-text)!important;
253 border-top-color: var(--TWPT-interop-secondary-text)!important;
254}
255
256.scSharedMaterialborderright-error {
257 border-bottom-color: #ec928e!important;
258 border-right-color: #ec928e!important;
259 border-top-color: #ec928e!important;
260}
261
262.scSharedMaterialborderfocused {
263 border-color: var(--TWPT-interop-blue)!important;
264}
265
266.scSharedMaterialborderdisabled {
267 border-color: var(--TWPT-interop-subtle-border)!important;
268}
269
270.scSharedMaterialborderlabel-focused {
271 color: var(--TWPT-interop-blue)!important;
272}
273
274.scSharedMaterialborderlabel-disabled {
275 color: rgba(255, 255, 255, 0.239)!important;
276}
277
278.scSharedMaterialborderlabel-error {
279 color: #ec928e!important;
280}
281
282.scSharedMaterialcardroot {
283 background: #1f1f1f;
284 border: 1px solid var(--TWPT-interop-subtle-border);
285}
286
287.scSharedMaterialcardelevation-1 {
288 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
289 background: #2a2b2f!important;
290}
291
292.scSharedMaterialcardelevation-2 {
293 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
294 background: #303135!important;
295}
296
297.scSharedMaterialcardelevation-3 {
298 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149)!important;
299 background: #36383a!important;
300}
301
302.scSharedMaterialcardelevation-4 {
303 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149)!important;
304 background: #39393c!important;
305}
306
307.scSharedMaterialcardelevation-5 {
308 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149)!important;
309 background: #3c3e40!important;
310}
311
312@media (forced-colors:active) {
313 .scsharedmaterialcardroot {
314 border-color: #e3e3e3;
315 }
316}
317
318@media (prefers-contrast:more) {
319 .scsharedmaterialcardroot {
320 border-color: #e3e3e3;
321 }
322}
323
324.scSharedMaterialcheckboxcheckbox {
325 color: var(--TWPT-interop-blue)!important;
326}
327
328.scSharedMaterialcheckboxbox {
329 border-color: var(--TWPT-interop-secondary-text)!important;
330}
331
332.scSharedMaterialcheckboxnative-control:checked:disabled+.scSharedMaterialcheckboxbox,
333.scSharedMaterialcheckboxnative-control:indeterminate:disabled+.scSharedMaterialcheckboxbox {
334 background: rgba(0, 0, 0, .26);
335 border-color: transparent;
336}
337
338.scSharedMaterialcheckboxnative-control:disabled+.scSharedMaterialcheckboxbox {
339 border-color: rgba(0, 0, 0, .26);
340}
341
342.scSharedMaterialcheckboxcheckmark-path {
343 stroke: #1f1f1f!important;
344}
345
346.scSharedMaterialcheckboxmixedmark {
347 border-color: #1f1f1f!important;
348}
349
350.scSharedMaterialfabroot {
351 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
352 background: #303135;
353 color: var(--TWPT-interop-blue);
354}
355
356@media (forced-colors:active) {
357 .scSharedMaterialfabroot {
358 outline: 3px solid var(--TWPT-interop-blue);
359 }
360}
361
362.scSharedMaterialfabroot.scSharedMaterialfabgrey {
363 color: var(--TWPT-interop-secondary-text);
364}
365
366.scSharedMaterialfabroot:hover,
367.scSharedMaterialfabroot:focus {
368 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
369}
370
371.scSharedMaterialfabroot:active {
372 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
373}
374
375.scSharedMaterialfablowered {
376 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
377}
378
379.scSharedMaterialfablowered.scSharedMaterialfabfake-focus,
380.scSharedMaterialfablowered:hover,
381.scSharedMaterialfablowered:focus {
382 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
383}
384
385.scSharedMaterialfablowered:active {
386 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
387}
388
389.scSharedMaterialfabfilled {
390 background: rgba(124,172,248,0.239);
391 color: var(--TWPT-interop-blue);
392}
393
394.scSharedMaterialfabfilled.scSharedMaterialfabgrey {
395 background: var(--TWPT-interop-secondary-text);
396 color: #1f1f1f;
397}
398
399.scSharedMaterial_dialogDialogcontentloading-overlay {
400 background: rgba(227, 227, 227, 0.122)!important;
401}
402
403.scSharedMaterialpopupbackground {
404 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
405 background: #2a2b2f!important;
406 border: 1px solid var(--TWPT-interop-subtle-border)!important;
407}
408
409@media (forced-colors:active) {
410 .scSharedMaterialpopupbackground {
411 border-color: #e3e3e3;
412 }
413}
414
415@media (prefers-contrast:more) {
416 .scSharedMaterialpopupbackground {
417 border-color: #e3e3e3;
418 }
419}
420
421.scSharedMaterialmenuroot {
422 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
423 background: #2a2b2f!important;
424}
425
426.scSharedMaterialmenuitem {
427 color: var(--TWPT-interop-primary-text)!important;
428}
429
430.scSharedMaterialmenuitem[disabled] {
431 color: var(--TWPT-interop-subtle-border);
432}
433
434.scSharedMaterialmenuitem-separator {
435 border-top-color: var(--TWPT-interop-subtle-border)!important;
436}
437
438.scSharedMaterialmenuhighlight:focus,
439 .scSharedMaterialmenuhighlight:hover {
440 background-color: #394457!important;
441}
442
443.scSharedMaterialmenuhighlight:focus {
444 outline: auto var(--TWPT-interop-blue) 1px!important;
445}
446
447.scSharedMaterialtooltipcontainer {
448 background-color: #e3e3e3;
449 color: #1f1f1f;
450}
451
452.scSharedMaterialradioradio {
453 color: var(--TWPT-interop-blue);
454}
455
456.scSharedMaterialradioring {
457 border: 2px solid var(--TWPT-interop-secondary-text);
458}
459
460.scSharedMaterialradionative-control:disabled~.scSharedMaterialradioring {
461 border-color: rgba(0, 0, 0, .26);
462}
463
464.scSharedMaterialradionative-control:disabled~.scSharedMaterialradiodot {
465 background: rgba(0, 0, 0, .26);
466}
467
468.scSharedMaterialrichtooltipcontainer {
469 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
470}
471
472.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcontainer {
473 background: #2a2b2f;
474}
475
476.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcontainer {
477 background: var(--TWPT-interop-blue);
478 color: #1f1f1f;
479}
480
481.scSharedMaterialrichtooltipcaret {
482 box-shadow: 1.5px 1.5px 1px -1px rgba(0, 0, 0, 0.2), .75px .75px 1px 0 rgba(0, 0, 0, 0.141), .75px .75px 3px 0 rgba(0, 0, 0, 0.122);
483 background: #2a2b2f;
484}
485
486.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcaret {
487 background: #2a2b2f;
488}
489
490.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcaret {
491 background: var(--TWPT-interop-blue);
492}
493
494.scSharedMaterialselectlabel {
495 color: #e3e3e3;
496}
497
498.scSharedMaterialselectarrow {
499 color: var(--TWPT-interop-secondary-text);
500}
501
502.scSharedMaterialselectactive .scSharedMaterialselectarrow {
503 color: var(--TWPT-interop-blue);
504}
505
506.scSharedMaterialselectdisabled .scSharedMaterialselectselection,
507.scSharedMaterialselectdisabled .scSharedMaterialselectarrow {
508 color: rgba(255, 255, 255, 0.239);
509}
510
511.scSharedMaterialsnackbarsnackbar {
512 background: var(--TWPT-interop-primary-text)!important;
513 color: #1f1f1f!important;
514}
515
516.scSharedMaterialsnackbaraction button {
517 color: #0b57d0!important;
518}
519
520.scSharedMaterialtabbartab {
521 color: var(--TWPT-interop-primary-text)!important;
522}
523
524.scSharedMaterialtabbartab:hover,
525 .scSharedMaterialtabbartab:focus {
526 background-color: #313235!important;
527}
528
529.scSharedMaterialtabbarselected {
530 border-bottom-color: var(--TWPT-interop-blue)!important;
531 color: var(--TWPT-interop-blue)!important;
532}
533
534.scSharedMaterialtextfieldlabel {
535 color: var(--TWPT-interop-primary-text)!important;
536}
537
538.scSharedMaterialtextfieldnative-control {
539 caret-color: var(--TWPT-interop-blue)!important;
540 color: var(--TWPT-interop-primary-text)!important;
541}
542
543.scSharedMaterialtextfieldinvalid .scSharedMaterialtextfieldnative-control {
544 caret-color: #ec928e!important;
545}
546
547.scSharedMaterialtextfieldnative-control:disabled {
548 color: var(--TWPT-interop-secondary-text)!important;
549}
550
551.scSharedMaterialtextfieldfocused .scSharedMaterialtextfieldlabel {
552 color: var(--TWPT-interop-blue)!important;
553}
554
555.scSharedMaterialtextfieldinvalid .scSharedMaterialtextfieldlabel {
556 color: #ec928e!important;
557}
558
559.scSharedMaterialtextfielddisabled .scSharedMaterialtextfieldlabel {
560 color: var(--TWPT-interop-secondary-text)!important;
561}
562
563.scSharedMaterialtextfieldhelper-text {
564 color: var(--TWPT-interop-secondary-text)!important;
565}
566
567.scSharedMaterialtextfieldhelper-text-invalid {
568 color: #ec928e!important;
569}
570
571.scSharedMaterialtextfieldhelper-text-disabled {
572 color: var(--TWPT-interop-secondary-text)!important;
573}
574
575.scTailwindSharedActivitychartroot {
576 border: 1px solid var(--TWPT-interop-subtle-border)!important;
577}
578
579.scTailwindSharedAvatarroot {
580 background-color: #f1f3f4;
581 border: .375rem solid #f1f3f4;
582}
583
584.scTailwindSharedAvatarroot.scTailwindSharedAvatarmedium.scTailwindSharedAvatarat-least-silver,
585.scTailwindSharedAvatarroot.scTailwindSharedAvatarsmall.scTailwindSharedAvatarat-least-silver {
586 border: .125rem solid #f1f3f4;
587}
588
589.scTailwindSharedAvatarsilhouette {
590 background-color: #fff;
591}
592
593.scTailwindSharedAvataravatar-loading {
594 background: #1f1f1f!important;
595}
596
597.scTailwindSharedAvataruploadedit-button {
598 background-color: rgba(0, 0, 0, 0.4);
599 color: #fff;
600}
601
602.scTailwindSharedAvataruploadroot:focus .scTailwindSharedAvataruploadedit-button,
603.scTailwindSharedAvataruploadroot:focus-within .scTailwindSharedAvataruploadedit-button,
604.scTailwindSharedAvataruploadroot:hover .scTailwindSharedAvataruploadedit-button {
605 background-color: rgba(0, 0, 0, 0.54);
606}
607
608.scTailwindSharedDisplay_name_editorDisplaynameeditorlabel {
609 color: var(--TWPT-interop-secondary-text);
610}
611
612.scTailwindSharedPiidialogfinding {
613 color: var(--TWPT-interop-secondary-text);
614}
615
616.scTailwindSharedReportabusedialogcontent .abuse-link {
617 color: var(--TWPT-interop-blue)!important;
618}
619
620.scTailwindSharedRich_text_editorAttachmentFailedoverlayroot {
621 background: rgba(0, 0, 0, 0.902);
622 color: #ec928e;
623}
624
625.scTailwindSharedRich_text_editorAttachmentLoadingoverlayroot {
626 background: rgba(227, 227, 227, 0.369);
627}
628
629.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button {
630 background: #1f1f1f;
631 border: 1px solid #27282b;
632 color: var(--TWPT-interop-secondary-text);
633}
634
635.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:hover,
636.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:focus {
637 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
638}
639
640.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentroot {
641 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
642 background: #36373a;
643}
644
645.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentfilename {
646 color: #e3e3e3;
647}
648
649.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentextension {
650 color: var(--TWPT-interop-secondary-text);
651}
652
653.scTailwindSharedRich_text_editorLinktooltiproot button {
654 color: var(--TWPT-interop-blue);
655}
656
657.scTailwindSharedRichtexteditoreditor {
658 background: #1f1f1f;
659 color: #e3e3e3;
660}
661
662.scTailwindSharedRichtexteditorplaceholder {
663 color: var(--TWPT-interop-secondary-text);
664}
665
666.scTailwindSharedRichtexteditorhas-bottom-panel {
667 border-bottom: 1px solid var(--TWPT-interop-subtle-border);
668}
669
670.scTailwindSharedRichtexteditorhint {
671 color: var(--TWPT-interop-secondary-text);
672}
673
674.scTailwindSharedRich_text_editorToolbarcontrolroot {
675 color: var(--TWPT-interop-secondary-text);
676}
677
678.scTailwindSharedRich_text_editorToolbarcontrolroot:hover {
679 color: #e3e3e3;
680}
681
682.scTailwindSharedRich_text_editorToolbarcontrolroot:focus {
683 border: .125rem solid var(--TWPT-interop-blue);
684}
685
686.scTailwindSharedRich_text_editorToolbarcontrolactive {
687 background: rgba(227, 227, 227, 0.122);
688}
689
690.scTailwindSharedRich_text_editorToolbarMobiletoolbarattachment,
691.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format {
692 border-right: 1px solid var(--TWPT-interop-subtle-border);
693}
694
695.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format-button {
696 color: var(--TWPT-interop-secondary-text);
697}
698
699.scTailwindSharedRich_text_editorToolbarMobiletoolbargroup {
700 border-right: 1px solid var(--TWPT-interop-subtle-border);
701}
702
703.scTailwindSharedRich_text_editorToolbargroup:not(:first-child) {
704 border-left: 1px solid var(--TWPT-interop-subtle-border);
705}
706
707.scTailwindSharedTitlefieldhelper-text {
708 color: var(--TWPT-interop-secondary-text);
709}
710
711.sc-select {
712 border: .0625rem solid var(--TWPT-interop-secondary-text);
713 color: #e3e3e3;
714}
715
716.sc-select.keyboard-focus {
717 border-color: transparent;
718 box-shadow: 0 0 0 .125rem #a8c7fa;
719}
720
721.sc-select svg {
722 fill: var(--TWPT-interop-secondary-text);
723}
724
725.sc-select ol {
726 background: #272727;
727 box-shadow: 0 .1875rem .3125rem -.0625rem rgba(0, 0, 0, 0.4), 0 .375rem .625rem 0 rgba(0, 0, 0, 0.28), 0 .0625rem 1.125rem 0 rgba(0, 0, 0, 0.24);
728}
729
730.sc-select .sc-select-highlight {
731 background-color: #5ab3f0;
732 color: #1f1f1f;
733}