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