this repo has no description
tangled.org
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4@layer base {
5 @font-face {
6 font-family: "InterVariable";
7 src: url("/static/fonts/InterVariable.woff2") format("woff2");
8 font-weight: normal;
9 font-style: normal;
10 font-display: swap;
11 }
12
13 @font-face {
14 font-family: "InterVariable";
15 src: url("/static/fonts/InterVariable-Italic.woff2") format("woff2");
16 font-weight: normal;
17 font-style: italic;
18 font-display: swap;
19 }
20
21 @font-face {
22 font-family: "InterVariable";
23 src: url("/static/fonts/InterDisplay-Bold.woff2") format("woff2");
24 font-weight: bold;
25 font-style: normal;
26 font-display: swap;
27 }
28
29 @font-face {
30 font-family: "InterVariable";
31 src: url("/static/fonts/InterDisplay-BoldItalic.woff2") format("woff2");
32 font-weight: bold;
33 font-style: italic;
34 font-display: swap;
35 }
36
37 @font-face {
38 font-family: "IBMPlexMono";
39 src: url("/static/fonts/IBMPlexMono-Regular.woff2") format("woff2");
40 font-weight: normal;
41 font-style: normal;
42 font-display: swap;
43 }
44
45 @font-face {
46 font-family: "IBMPlexMono";
47 src: url("/static/fonts/IBMPlexMono-Italic.woff2") format("woff2");
48 font-weight: normal;
49 font-style: italic;
50 font-display: swap;
51 }
52
53 @font-face {
54 font-family: "IBMPlexMono";
55 src: url("/static/fonts/IBMPlexMono-Bold.woff2") format("woff2");
56 font-weight: bold;
57 font-style: normal;
58 font-display: swap;
59 }
60
61 @font-face {
62 font-family: "IBMPlexMono";
63 src: url("/static/fonts/IBMPlexMono-BoldItalic.woff2") format("woff2");
64 font-weight: bold;
65 font-style: italic;
66 font-display: swap;
67 }
68
69 ::selection {
70 @apply bg-yellow-400 text-black bg-opacity-30 dark:bg-yellow-600 dark:bg-opacity-50 dark:text-white;
71 }
72
73 @layer base {
74 html {
75 font-size: 14px;
76 scrollbar-gutter: stable;
77 }
78 @supports (font-variation-settings: normal) {
79 html {
80 font-feature-settings:
81 "kern" 1,
82 "liga" 1,
83 "cv05" 1,
84 "tnum" 1;
85 }
86 }
87
88 a {
89 @apply no-underline text-black hover:underline hover:text-gray-800 dark:text-white dark:hover:text-gray-300;
90 }
91
92 label {
93 @apply block text-gray-900 text-sm font-bold py-2 uppercase dark:text-gray-100;
94 }
95 input {
96 @apply border border-gray-400 block rounded bg-gray-50 focus:ring-black p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400;
97 }
98 textarea {
99 @apply border border-gray-400 block rounded bg-gray-50 focus:ring-black p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400;
100 }
101 details summary::-webkit-details-marker {
102 display: none;
103 }
104
105 code {
106 @apply font-mono rounded bg-gray-100 dark:bg-gray-700 text-black dark:text-white;
107 }
108 }
109
110 @layer components {
111 .btn {
112 @apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center justify-center
113 bg-transparent px-2 pb-[0.2rem] text-sm text-gray-900
114 before:absolute before:inset-0 before:-z-10 before:block before:rounded
115 before:border before:border-gray-200 before:bg-white
116 before:shadow-[inset_0_-2px_0_0_rgba(0,0,0,0.1),0_1px_0_0_rgba(0,0,0,0.04)]
117 before:content-[''] before:transition-all before:duration-150 before:ease-in-out
118 hover:before:shadow-[inset_0_-2px_0_0_rgba(0,0,0,0.15),0_2px_1px_0_rgba(0,0,0,0.06)]
119 hover:before:bg-gray-50
120 dark:hover:before:bg-gray-700
121 active:before:shadow-[inset_0_2px_2px_0_rgba(0,0,0,0.1)]
122 focus:outline-none focus-visible:before:outline focus-visible:before:outline-2 focus-visible:before:outline-gray-400
123 disabled:cursor-not-allowed disabled:opacity-50
124 dark:text-gray-100 dark:before:bg-gray-800 dark:before:border-gray-700;
125 }
126
127 .btn-create {
128 @apply btn text-white
129 before:bg-green-600 hover:before:bg-green-700
130 dark:before:bg-green-700 dark:hover:before:bg-green-800
131 before:border before:border-green-700 hover:before:border-green-800
132 focus-visible:before:outline-green-500
133 disabled:before:bg-green-400 dark:disabled:before:bg-green-600;
134 }
135
136 .prose {
137 overflow-wrap: anywhere;
138 }
139
140 .prose hr {
141 @apply my-2;
142 }
143
144 .prose li:has(input) {
145 @apply list-none;
146 }
147
148 .prose ul:has(input) {
149 @apply pl-2;
150 }
151
152 .prose .heading .anchor {
153 @apply no-underline mx-2 opacity-0;
154 }
155
156 .prose .heading:hover .anchor {
157 @apply opacity-70;
158 }
159
160 .prose .heading .anchor:hover {
161 @apply opacity-70;
162 }
163
164 .prose a.footnote-backref {
165 @apply no-underline;
166 }
167
168 .prose a.mention {
169 @apply no-underline hover:underline font-bold;
170 }
171
172 .prose li {
173 @apply my-0 py-0;
174 }
175
176 .prose ul,
177 .prose ol {
178 @apply my-1 py-0;
179 }
180
181 .prose img {
182 display: inline;
183 margin: 0;
184 vertical-align: middle;
185 }
186
187 .prose input {
188 @apply inline-block my-0 mb-1 mx-1;
189 }
190
191 .prose input[type="checkbox"] {
192 @apply disabled:accent-blue-500 checked:accent-blue-500 disabled:checked:accent-blue-500;
193 }
194
195 /* Base callout */
196 details[data-callout] {
197 @apply border-l-4 pl-3 py-2 text-gray-800 dark:text-gray-200 my-4;
198 }
199
200 details[data-callout] > summary {
201 @apply font-bold cursor-pointer mb-1;
202 }
203
204 details[data-callout] > .callout-content {
205 @apply text-sm leading-snug;
206 }
207
208 /* Note (blue) */
209 details[data-callout="note" i] {
210 @apply border-blue-400 dark:border-blue-500;
211 }
212 details[data-callout="note" i] > summary {
213 @apply text-blue-700 dark:text-blue-400;
214 }
215
216 /* Important (purple) */
217 details[data-callout="important" i] {
218 @apply border-purple-400 dark:border-purple-500;
219 }
220 details[data-callout="important" i] > summary {
221 @apply text-purple-700 dark:text-purple-400;
222 }
223
224 /* Warning (yellow) */
225 details[data-callout="warning" i] {
226 @apply border-yellow-400 dark:border-yellow-500;
227 }
228 details[data-callout="warning" i] > summary {
229 @apply text-yellow-700 dark:text-yellow-400;
230 }
231
232 /* Caution (red) */
233 details[data-callout="caution" i] {
234 @apply border-red-400 dark:border-red-500;
235 }
236 details[data-callout="caution" i] > summary {
237 @apply text-red-700 dark:text-red-400;
238 }
239
240 /* Tip (green) */
241 details[data-callout="tip" i] {
242 @apply border-green-400 dark:border-green-500;
243 }
244 details[data-callout="tip" i] > summary {
245 @apply text-green-700 dark:text-green-400;
246 }
247
248 /* Optional: hide the disclosure arrow like GitHub */
249 details[data-callout] > summary::-webkit-details-marker {
250 display: none;
251 }
252
253 }
254 @layer utilities {
255 .error {
256 @apply py-1 text-red-400 dark:text-red-300;
257 }
258 .success {
259 @apply py-1 text-gray-900 dark:text-gray-100;
260 }
261 }
262
263}
264
265/* Background */
266.bg {
267 color: #4c4f69;
268 background-color: #eff1f5;
269}
270/* PreWrapper */
271.chroma {
272 color: #4c4f69;
273}
274/* Error */
275.chroma .err {
276 color: #d20f39;
277}
278/* LineLink */
279.chroma .lnlinks {
280 outline: none;
281 text-decoration: none;
282 color: inherit;
283}
284/* LineTableTD */
285.chroma .lntd {
286 vertical-align: top;
287 padding: 0;
288 margin: 0;
289 border: 0;
290}
291/* LineTable */
292.chroma .lntable {
293 border-spacing: 0;
294 padding: 0;
295 margin: 0;
296 border: 0;
297}
298/* LineHighlight */
299.chroma .hl {
300 @apply bg-amber-400/30 dark:bg-amber-500/20;
301}
302
303/* LineNumbersTable */
304.chroma .lnt {
305 white-space: pre;
306 -webkit-user-select: none;
307 user-select: none;
308 margin-right: 0.4em;
309 padding: 0 0.4em 0 0.4em;
310 color: #8c8fa1;
311}
312/* LineNumbers */
313.chroma .ln {
314 white-space: pre;
315 -webkit-user-select: none;
316 user-select: none;
317 margin-right: 0.4em;
318 padding: 0 0.4em 0 0.4em;
319 color: #8c8fa1;
320}
321/* Line */
322.chroma .line {
323 display: flex;
324}
325/* Keyword */
326.chroma .k {
327 color: #8839ef;
328}
329/* KeywordConstant */
330.chroma .kc {
331 color: #fe640b;
332}
333/* KeywordDeclaration */
334.chroma .kd {
335 color: #d20f39;
336}
337/* KeywordNamespace */
338.chroma .kn {
339 color: #179299;
340}
341/* KeywordPseudo */
342.chroma .kp {
343 color: #8839ef;
344}
345/* KeywordReserved */
346.chroma .kr {
347 color: #8839ef;
348}
349/* KeywordType */
350.chroma .kt {
351 color: #d20f39;
352}
353/* NameAttribute */
354.chroma .na {
355 color: #1e66f5;
356}
357/* NameBuiltin */
358.chroma .nb {
359 color: #04a5e5;
360}
361/* NameBuiltinPseudo */
362.chroma .bp {
363 color: #04a5e5;
364}
365/* NameClass */
366.chroma .nc {
367 color: #df8e1d;
368}
369/* NameConstant */
370.chroma .no {
371 color: #df8e1d;
372}
373/* NameDecorator */
374.chroma .nd {
375 color: #1e66f5;
376 font-weight: bold;
377}
378/* NameEntity */
379.chroma .ni {
380 color: #179299;
381}
382/* NameException */
383.chroma .ne {
384 color: #fe640b;
385}
386/* NameFunction */
387.chroma .nf {
388 color: #1e66f5;
389}
390/* NameFunctionMagic */
391.chroma .fm {
392 color: #1e66f5;
393}
394/* NameLabel */
395.chroma .nl {
396 color: #04a5e5;
397}
398/* NameNamespace */
399.chroma .nn {
400 color: #fe640b;
401}
402/* NameProperty */
403.chroma .py {
404 color: #fe640b;
405}
406/* NameTag */
407.chroma .nt {
408 color: #8839ef;
409}
410/* NameVariable */
411.chroma .nv {
412 color: #dc8a78;
413}
414/* NameVariableClass */
415.chroma .vc {
416 color: #dc8a78;
417}
418/* NameVariableGlobal */
419.chroma .vg {
420 color: #dc8a78;
421}
422/* NameVariableInstance */
423.chroma .vi {
424 color: #dc8a78;
425}
426/* NameVariableMagic */
427.chroma .vm {
428 color: #dc8a78;
429}
430/* LiteralString */
431.chroma .s {
432 color: #40a02b;
433}
434/* LiteralStringAffix */
435.chroma .sa {
436 color: #d20f39;
437}
438/* LiteralStringBacktick */
439.chroma .sb {
440 color: #40a02b;
441}
442/* LiteralStringChar */
443.chroma .sc {
444 color: #40a02b;
445}
446/* LiteralStringDelimiter */
447.chroma .dl {
448 color: #1e66f5;
449}
450/* LiteralStringDoc */
451.chroma .sd {
452 color: #9ca0b0;
453}
454/* LiteralStringDouble */
455.chroma .s2 {
456 color: #40a02b;
457}
458/* LiteralStringEscape */
459.chroma .se {
460 color: #1e66f5;
461}
462/* LiteralStringHeredoc */
463.chroma .sh {
464 color: #9ca0b0;
465}
466/* LiteralStringInterpol */
467.chroma .si {
468 color: #40a02b;
469}
470/* LiteralStringOther */
471.chroma .sx {
472 color: #40a02b;
473}
474/* LiteralStringRegex */
475.chroma .sr {
476 color: #179299;
477}
478/* LiteralStringSingle */
479.chroma .s1 {
480 color: #40a02b;
481}
482/* LiteralStringSymbol */
483.chroma .ss {
484 color: #40a02b;
485}
486/* LiteralNumber */
487.chroma .m {
488 color: #fe640b;
489}
490/* LiteralNumberBin */
491.chroma .mb {
492 color: #fe640b;
493}
494/* LiteralNumberFloat */
495.chroma .mf {
496 color: #fe640b;
497}
498/* LiteralNumberHex */
499.chroma .mh {
500 color: #fe640b;
501}
502/* LiteralNumberInteger */
503.chroma .mi {
504 color: #fe640b;
505}
506/* LiteralNumberIntegerLong */
507.chroma .il {
508 color: #fe640b;
509}
510/* LiteralNumberOct */
511.chroma .mo {
512 color: #fe640b;
513}
514/* Operator */
515.chroma .o {
516 color: #04a5e5;
517 font-weight: bold;
518}
519/* OperatorWord */
520.chroma .ow {
521 color: #04a5e5;
522 font-weight: bold;
523}
524/* Comment */
525.chroma .c {
526 color: #9ca0b0;
527 font-style: italic;
528}
529/* CommentHashbang */
530.chroma .ch {
531 color: #9ca0b0;
532 font-style: italic;
533}
534/* CommentMultiline */
535.chroma .cm {
536 color: #9ca0b0;
537 font-style: italic;
538}
539/* CommentSingle */
540.chroma .c1 {
541 color: #9ca0b0;
542 font-style: italic;
543}
544/* CommentSpecial */
545.chroma .cs {
546 color: #9ca0b0;
547 font-style: italic;
548}
549/* CommentPreproc */
550.chroma .cp {
551 color: #9ca0b0;
552 font-style: italic;
553}
554/* CommentPreprocFile */
555.chroma .cpf {
556 color: #9ca0b0;
557 font-weight: bold;
558 font-style: italic;
559}
560/* GenericDeleted */
561.chroma .gd {
562 color: #d20f39;
563 background-color: oklch(93.6% 0.032 17.717);
564}
565/* GenericEmph */
566.chroma .ge {
567 font-style: italic;
568}
569/* GenericError */
570.chroma .gr {
571 color: #d20f39;
572}
573/* GenericHeading */
574.chroma .gh {
575 color: #fe640b;
576 font-weight: bold;
577}
578/* GenericInserted */
579.chroma .gi {
580 color: #40a02b;
581 background-color: oklch(96.2% 0.044 156.743);
582}
583/* GenericStrong */
584.chroma .gs {
585 font-weight: bold;
586}
587/* GenericSubheading */
588.chroma .gu {
589 color: #fe640b;
590 font-weight: bold;
591}
592/* GenericTraceback */
593.chroma .gt {
594 color: #d20f39;
595}
596/* GenericUnderline */
597.chroma .gl {
598 text-decoration: underline;
599}
600
601@media (prefers-color-scheme: dark) {
602 /* Background */
603 .bg {
604 color: #cad3f5;
605 background-color: #24273a;
606 }
607 /* PreWrapper */
608 .chroma {
609 color: #cad3f5;
610 }
611 /* Error */
612 .chroma .err {
613 color: #ed8796;
614 }
615 /* LineLink */
616 .chroma .lnlinks {
617 outline: none;
618 text-decoration: none;
619 color: inherit;
620 }
621 /* LineTableTD */
622 .chroma .lntd {
623 vertical-align: top;
624 padding: 0;
625 margin: 0;
626 border: 0;
627 }
628 /* LineTable */
629 .chroma .lntable {
630 border-spacing: 0;
631 padding: 0;
632 margin: 0;
633 border: 0;
634 }
635 /* LineHighlight */
636 .chroma .hl {
637 background-color: #494d64;
638 }
639 /* LineNumbersTable */
640 .chroma .lnt {
641 white-space: pre;
642 -webkit-user-select: none;
643 user-select: none;
644 margin-right: 0.4em;
645 padding: 0 0.4em 0 0.4em;
646 color: #8087a2;
647 }
648 /* LineNumbers */
649 .chroma .ln {
650 white-space: pre;
651 -webkit-user-select: none;
652 user-select: none;
653 margin-right: 0.4em;
654 padding: 0 0.4em 0 0.4em;
655 color: #8087a2;
656 }
657 /* Line */
658 .chroma .line {
659 display: flex;
660 }
661 /* Keyword */
662 .chroma .k {
663 color: #c6a0f6;
664 }
665 /* KeywordConstant */
666 .chroma .kc {
667 color: #f5a97f;
668 }
669 /* KeywordDeclaration */
670 .chroma .kd {
671 color: #ed8796;
672 }
673 /* KeywordNamespace */
674 .chroma .kn {
675 color: #8bd5ca;
676 }
677 /* KeywordPseudo */
678 .chroma .kp {
679 color: #c6a0f6;
680 }
681 /* KeywordReserved */
682 .chroma .kr {
683 color: #c6a0f6;
684 }
685 /* KeywordType */
686 .chroma .kt {
687 color: #ed8796;
688 }
689 /* NameAttribute */
690 .chroma .na {
691 color: #8aadf4;
692 }
693 /* NameBuiltin */
694 .chroma .nb {
695 color: #91d7e3;
696 }
697 /* NameBuiltinPseudo */
698 .chroma .bp {
699 color: #91d7e3;
700 }
701 /* NameClass */
702 .chroma .nc {
703 color: #eed49f;
704 }
705 /* NameConstant */
706 .chroma .no {
707 color: #eed49f;
708 }
709 /* NameDecorator */
710 .chroma .nd {
711 color: #8aadf4;
712 font-weight: bold;
713 }
714 /* NameEntity */
715 .chroma .ni {
716 color: #8bd5ca;
717 }
718 /* NameException */
719 .chroma .ne {
720 color: #f5a97f;
721 }
722 /* NameFunction */
723 .chroma .nf {
724 color: #8aadf4;
725 }
726 /* NameFunctionMagic */
727 .chroma .fm {
728 color: #8aadf4;
729 }
730 /* NameLabel */
731 .chroma .nl {
732 color: #91d7e3;
733 }
734 /* NameNamespace */
735 .chroma .nn {
736 color: #f5a97f;
737 }
738 /* NameProperty */
739 .chroma .py {
740 color: #f5a97f;
741 }
742 /* NameTag */
743 .chroma .nt {
744 color: #c6a0f6;
745 }
746 /* NameVariable */
747 .chroma .nv {
748 color: #f4dbd6;
749 }
750 /* NameVariableClass */
751 .chroma .vc {
752 color: #f4dbd6;
753 }
754 /* NameVariableGlobal */
755 .chroma .vg {
756 color: #f4dbd6;
757 }
758 /* NameVariableInstance */
759 .chroma .vi {
760 color: #f4dbd6;
761 }
762 /* NameVariableMagic */
763 .chroma .vm {
764 color: #f4dbd6;
765 }
766 /* LiteralString */
767 .chroma .s {
768 color: #a6da95;
769 }
770 /* LiteralStringAffix */
771 .chroma .sa {
772 color: #ed8796;
773 }
774 /* LiteralStringBacktick */
775 .chroma .sb {
776 color: #a6da95;
777 }
778 /* LiteralStringChar */
779 .chroma .sc {
780 color: #a6da95;
781 }
782 /* LiteralStringDelimiter */
783 .chroma .dl {
784 color: #8aadf4;
785 }
786 /* LiteralStringDoc */
787 .chroma .sd {
788 color: #6e738d;
789 }
790 /* LiteralStringDouble */
791 .chroma .s2 {
792 color: #a6da95;
793 }
794 /* LiteralStringEscape */
795 .chroma .se {
796 color: #8aadf4;
797 }
798 /* LiteralStringHeredoc */
799 .chroma .sh {
800 color: #6e738d;
801 }
802 /* LiteralStringInterpol */
803 .chroma .si {
804 color: #a6da95;
805 }
806 /* LiteralStringOther */
807 .chroma .sx {
808 color: #a6da95;
809 }
810 /* LiteralStringRegex */
811 .chroma .sr {
812 color: #8bd5ca;
813 }
814 /* LiteralStringSingle */
815 .chroma .s1 {
816 color: #a6da95;
817 }
818 /* LiteralStringSymbol */
819 .chroma .ss {
820 color: #a6da95;
821 }
822 /* LiteralNumber */
823 .chroma .m {
824 color: #f5a97f;
825 }
826 /* LiteralNumberBin */
827 .chroma .mb {
828 color: #f5a97f;
829 }
830 /* LiteralNumberFloat */
831 .chroma .mf {
832 color: #f5a97f;
833 }
834 /* LiteralNumberHex */
835 .chroma .mh {
836 color: #f5a97f;
837 }
838 /* LiteralNumberInteger */
839 .chroma .mi {
840 color: #f5a97f;
841 }
842 /* LiteralNumberIntegerLong */
843 .chroma .il {
844 color: #f5a97f;
845 }
846 /* LiteralNumberOct */
847 .chroma .mo {
848 color: #f5a97f;
849 }
850 /* Operator */
851 .chroma .o {
852 color: #91d7e3;
853 font-weight: bold;
854 }
855 /* OperatorWord */
856 .chroma .ow {
857 color: #91d7e3;
858 font-weight: bold;
859 }
860 /* Comment */
861 .chroma .c {
862 color: #6e738d;
863 font-style: italic;
864 }
865 /* CommentHashbang */
866 .chroma .ch {
867 color: #6e738d;
868 font-style: italic;
869 }
870 /* CommentMultiline */
871 .chroma .cm {
872 color: #6e738d;
873 font-style: italic;
874 }
875 /* CommentSingle */
876 .chroma .c1 {
877 color: #6e738d;
878 font-style: italic;
879 }
880 /* CommentSpecial */
881 .chroma .cs {
882 color: #6e738d;
883 font-style: italic;
884 }
885 /* CommentPreproc */
886 .chroma .cp {
887 color: #6e738d;
888 font-style: italic;
889 }
890 /* CommentPreprocFile */
891 .chroma .cpf {
892 color: #6e738d;
893 font-weight: bold;
894 font-style: italic;
895 }
896 /* GenericDeleted */
897 .chroma .gd {
898 color: #ed8796;
899 background-color: oklch(44.4% 0.177 26.899 / 0.5);
900 }
901 /* GenericEmph */
902 .chroma .ge {
903 font-style: italic;
904 }
905 /* GenericError */
906 .chroma .gr {
907 color: #ed8796;
908 }
909 /* GenericHeading */
910 .chroma .gh {
911 color: #f5a97f;
912 font-weight: bold;
913 }
914 /* GenericInserted */
915 .chroma .gi {
916 color: #a6da95;
917 background-color: oklch(44.8% 0.119 151.328 / 0.5);
918 }
919 /* GenericStrong */
920 .chroma .gs {
921 font-weight: bold;
922 }
923 /* GenericSubheading */
924 .chroma .gu {
925 color: #f5a97f;
926 font-weight: bold;
927 }
928 /* GenericTraceback */
929 .chroma .gt {
930 color: #ed8796;
931 }
932 /* GenericUnderline */
933 .chroma .gl {
934 text-decoration: underline;
935 }
936}
937
938actor-typeahead {
939 --color-background: #ffffff;
940 --color-border: #d1d5db;
941 --color-shadow: #000000;
942 --color-hover: #f9fafb;
943 --color-avatar-fallback: #e5e7eb;
944 --radius: 0.0;
945 --padding-menu: 0.0rem;
946 z-index: 1000;
947}
948
949actor-typeahead::part(handle) {
950 color: #111827;
951}
952
953actor-typeahead::part(menu) {
954 box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
955}
956
957@media (prefers-color-scheme: dark) {
958 actor-typeahead {
959 --color-background: #1f2937;
960 --color-border: #4b5563;
961 --color-shadow: #000000;
962 --color-hover: #374151;
963 --color-avatar-fallback: #4b5563;
964 }
965
966 actor-typeahead::part(handle) {
967 color: #f9fafb;
968 }
969}