1.code-editor {
2  max-width: 300px;
3  background-color: #1d1e22;
4  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.5);
5  border-radius: 8px;
6  padding: 2px;
7}
8
9.header {
10  display: flex;
11  align-items: center;
12  justify-content: space-between;
13  margin: 10px;
14}
15
16.title {
17  font-family: Lato, sans-serif;
18  font-weight: 900;
19  font-size: 14px;
20  letter-spacing: 1.57px;
21  color: rgb(212 212 212);
22}
23
24.icon {
25  width: 20px;
26  transition: .2s ease;
27}
28
29.icon:hover {
30  cursor: pointer;
31  border-radius: 50px;
32  background-color: #6e7281;
33}
34
35.editor-content {
36  margin: 0 10px 10px;
37  color: white;
38}
39
40.property {
41  margin-left: 30px;
42}
43
44.property:hover {
45  cursor: text;
46}
47
48.editor-content .color-0 {
49  color: rgb(86 156 214);
50}
51
52.editor-content .color-1 {
53  color: rgb(182 206 168);
54}
55
56.editor-content .color-2 {
57  color: rgb(156 220 254);
58}
59
60.editor-content .color-3 {
61  color: rgb(207 146 120);
62}
63
64.color-preview-1,.color-preview-2 {
65  height: 8px;
66  width: 8px;
67  border: 1px solid #fff;
68  display: inline-block;
69  margin-right: 3px;
70}
71
72.color-preview-1 {
73  background-color: #1d1e22;
74}
75
76.color-preview-1 {
77  background-color: rgba(0, 0, 0, 0.5);
78}