6 color: var
(--muted-text-color
);
10 flex-direction: column
;
17 background-color: var
(--background-color
);
18 color: var
(--primary-text-color
);
20 transition-property: border-bottom
;
21 transition-duration: 0.35s;
22 border-bottom: 2px solid
#2a384a;
25 box-sizing: border-box
;
30 flex-direction: column
;
32 color: var
(--muted-text-color
);
35 .scopes-input label:first-child {
42 color: var
(--primary-text-color
);
53 color: var
(--primary-text-color
);
59 [type
="checkbox"]+label
{
69 [type
="checkbox"]+label:before
{
71 display: inline-block
;
73 background-color: var
(--background-color
);
74 border: 4px solid var
(--background-color
);
75 box-shadow: 0px 0px 1px 0 var
(--brand-color
);
80 transition-property: background-color
;
81 transition-duration: 0.35s;
82 color: var
(--background-color
);
83 margin-bottom: -0.2em;
87 [type
="checkbox"]:checked
+label:before
{
88 background-color: var
(--brand-color
);
94 background-color: #1c2a3a;
95 color: var
(--primary-text-color
);
101 text-transform: uppercase
;
103 box-shadow: 0px 0px 2px 0px black
,
104 0px 1px 0px 0px rgba
(255, 255, 255, 0.2) inset
,
105 0px -1px 0px 0px rgba
(0, 0, 0, 0.2) inset
;
111 box-shadow: 0px 0px 0px 1px var
(--brand-color
),
112 0px 1px 0px 0px rgba
(255, 255, 255, 0.2) inset
,
113 0px -1px 0px 0px rgba
(0, 0, 0, 0.2) inset
;
129 .account-header__banner {
132 background-size: cover
;
133 background-position: center
;
136 .account-header__avatar {
139 background-size: cover
;
140 background-position: center
;
141 margin: -60px 10px 10px;
142 border: 6px solid var
(--foreground-color
);
143 border-radius: 999px;
146 .account-header__meta {
147 padding: 12px 20px 17px 70px;
150 .account-header__display-name {
155 .account-header__nickname {
157 color: var
(--muted-text-color
);