1  html, body {
 2    max-width: 100%;
 3    overflow-x: hidden;
 4  }
 5  
 6  body {
 7    background-color: white;
 8    background: var(--body-background-base-color) var(--body-background-pattern-image) top center repeat-x;
 9    font-size: var(--body-font-size);
10    font-family: var(--body-font-family);
11    color: var(--body-font-color);
12  }
13  
14  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, th, td, iframe, blockquote {
15    margin: 0;
16    padding: 0;
17  }
18  
19  hr {
20    border: var(--hr-border, revert);
21    border-top: var(--hr-border-top, revert);
22    height: var(--hr-height, revert);
23  }
24  
25  .greentext {
26    color: var(--post-greentext-color);
27  }
28  
29  .capitalize {
30    text-transform: capitalize;
31  }
32  
33  .uppercase {
34    text-transform: uppercase;
35  }
36  
37  .red {
38    color: red !important;
39  }
40  
41  :root {
42    color-scheme: dark;
43  }
44  
45  .yellowOfflineIcon {
46    background-image: url('/public/assets/icons/offline-blue.png');
47  }
48  
49  .redOfflineIcon {
50    background-image: url('/public/assets/icons/offline-red.png');
51  }
52  
53  @media (max-width: 640px) {
54    .button {
55      font-size: var(--button-font-size-mobile);
56      font-weight: var(--button-font-weight-mobile);
57      font-family: var(--button-font-family-mobile);
58      border-radius: 3px;
59      padding: 5px 10px 5px;
60      background-color: var(--button-background-color-mobile);
61      color: var(--button-text-color-mobile);
62      border: var(--button-border-mobile);
63      background-image: var(--button-background-image-mobile);
64      background-repeat: var(--button-background-repeat-mobile);
65      text-decoration: var(--button-text-decoration-mobile);
66      user-select: none;
67      display: inline-block;
68      cursor: pointer;
69    }
70  
71    .highlight {
72      background: var(--reply-highlight-background-color) !important;
73    }
74  }
75  
76  @media (min-width: 640px) {
77    .button {
78      all: unset;
79      text-transform: capitalize;
80      color: var(--button-desktop-text-color);
81      text-decoration: var(--button-text-decoration);
82    }
83  
84    .button:hover {
85      color: var(--button-desktop-text-color-hover);
86      cursor: pointer;
87    }
88  
89    .highlight {
90      background: var(--reply-highlight-background-color) !important;
91      border: var(--reply-highlight-border) !important;
92      border-left: var(--reply-highlight-border-left, revert) !important;
93      border-top: var(--reply-highlight-border-top, revert) !important;
94    }
95  }