1/* App layout */
 2
 3#editor,
 4#footer,
 5#copy,
 6#progress {
 7    position: absolute;
 8    left: 0;
 9    right: 0;
10}
11
12#editor {
13    top: 0;
14    bottom: 46px;
15}
16
17.CodeMirror {
18    height: 100%;
19}
20
21#footer,
22#copy {
23    bottom: 0;
24    height: 38px;
25    padding: 8px 8px 0;
26    background-color: #3b3b47;
27    display: flex;
28    flex-wrap: wrap;
29}
30#footer > *,
31#copy > * {
32    margin: 0 6px;
33}
34#progress {
35    top: 0;
36    height: 3px;
37    background: #ff79c6;
38    z-index: 5;
39    width: 0;
40}
41.grow {
42    flex-grow: 1;
43}
44
45/* Form elements */
46
47.ss-main {
48    max-width: 300px;
49    width: calc(100% - 150px);
50    font-family: sans-serif;
51}
52
53.ss-main .ss-single-selected,
54button,
55input[type='text'],
56input[type='search'] {
57    height: 28px;
58    background-color: #3b3b47 !important;
59    color: #fff !important;
60    border-radius: 2px !important;
61    border: 1px solid #ccc !important;
62    font-size: 14px !important;
63}
64input[type='text'],
65input[type='search'] {
66    height: 26px !important;
67    padding: 0 5px;
68}
69input::-moz-selection {
70    background-color: rgba(90, 95, 128, 0.99);
71}
72input::selection {
73    background-color: rgba(90, 95, 128, 0.99);
74}
75button {
76    cursor: pointer;
77    padding: 4px 8px;
78}
79button:hover {
80    background-color: rgba(255, 255, 255, 0.1) !important;
81}
82.ss-content {
83    background-color: #282936;
84    color: #dedede;
85    font-size: 14px;
86}
87.ss-content .ss-disabled {
88    background-color: #3b3b47 !important;
89}