2 box-sizing: border-box;
6 --brand-color: #d8a070;
7 --background-color: #121a24;
8 --foreground-color: #182230;
9 --primary-text-color: #b9b9ba;
10 --muted-text-color: #89898a;
14 background-color: var(--background-color);
15 font-family: sans-serif;
16 color: var(--primary-text-color);
24 background: var(--foreground-color);
25 box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.5);
28 .instance-header__content {
35 .instance-header__thumbnail {
41 .instance-header__title {
44 color: var(--primary-text-color);
49 background-color: var(--foreground-color);
53 box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.5);
54 padding: 0em 1em 0em 1em;
68 color: var(--primary-text-color);
75 color: var(--brand-color);
76 text-decoration: none;
84 color: var(--muted-text-color);
86 flex-direction: column;
93 background-color: var(--background-color);
94 color: var(--primary-text-color);
96 transition-property: border-bottom;
97 transition-duration: 0.35s;
98 border-bottom: 2px solid #2a384a;
101 box-sizing: border-box;
106 flex-direction: column;
108 color: var(--muted-text-color);
111 .scopes-input label:first-child {
118 color: var(--primary-text-color);
129 color: var(--primary-text-color);
135 [type="checkbox"] + label {
145 [type="checkbox"] + label:before {
147 display: inline-block;
149 background-color: var(--background-color);
150 border: 4px solid var(--background-color);
151 box-shadow: 0px 0px 1px 0 var(--brand-color);
156 transition-property: background-color;
157 transition-duration: 0.35s;
158 color: var(--background-color);
159 margin-bottom: -0.2em;
163 [type="checkbox"]:checked + label:before {
164 background-color: var(--brand-color);
169 border-bottom: 2px solid var(--brand-color);
174 justify-content: flex-end;
186 background-color: #1c2a3a;
187 color: var(--primary-text-color);
193 text-transform: uppercase;
195 box-shadow: 0px 0px 2px 0px black,
196 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
197 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
203 box-shadow: 0px 0px 0px 1px var(--brand-color),
204 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
205 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
210 background-color: #931014;
211 border: 1px solid #a06060;
222 border: 1px solid #7d796a;
229 .account-header__banner {
232 background-size: cover;
233 background-position: center;
236 .account-header__avatar {
239 background-size: cover;
240 background-position: center;
241 margin: -47px 10px 0;
242 border: 6px solid var(--foreground-color);
243 border-radius: 999px;
246 .account-header__meta {
247 padding: 6px 20px 17px;
250 .account-header__display-name {
255 .account-header__nickname {
257 color: var(--muted-text-color);
260 @media all and (max-width: 420px) {
276 .scope:first-child:before {
285 .scope:last-child:after {