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