-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpicoman.css
228 lines (190 loc) · 41.2 KB
/
picoman.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
/*!
* Pico.css v1.2.1 (https://picocss.com)
* Copyright 2020 - Licensed under MIT
*
* Slim version example
* You can export only the modules you need
*/:root{--text-font:system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--titles-font:var(--text-font);--code-font:"Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--line-height:1.5;--text-weight:400;--titles-weight:700;--form-element-weight:var(--text-weight);--buttons-weight:var(--text-weight);--code-weight:var(--text-weight);
--base-font-xs:16px;--base-font-sm:17px;--base-font-md:18px;--base-font-lg:19px;--base-font-xl:20px;--h1-size:1.75rem;--h2-size:1.5rem;--h3-size:1.25rem;--h4-size:1.125rem;--h5-size:1rem;--h6-size:0.75rem;
--block-round:.25rem;--form-element-border-width:1px;--form-element-outline-width:3px;--checkbox-radio-border-width:2px;--switch-border-width:3px;--form-element-spacing-vertical:.75rem;--form-element-spacing-horizontal:1rem;--button-round:var(--block-round);--button-border-width:var(--form-element-border-width);--button-outline-width:var(--form-element-outline-width);--button-spacing-vertical:var(--form-element-spacing-vertical);--button-spacing-horizontal:var(--form-element-spacing-horizontal);--spacing-gutter:1rem;--spacing-block:2rem;--spacing-factor-xs:1;--spacing-factor-sm:1.25;--spacing-factor-md:1.5;--spacing-factor-lg:1.75;--spacing-factor-xl:2;--spacing-typography:1.5rem;--spacing-form-element:.25rem;--transition:.2s ease-in-out}:root{--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(40, 138, 106, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(185, 70, 70, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}:root:not([data-theme=dark]),[data-theme=light]{--background:#FFF;--text:#415462;--h1:#1b2832;--h2:#2c3d49;--h3:#415462;--h4:#596b78;--h5:#73828c;--h6:#8a99a3;--primary:#1095c1;--primary-border:var(--primary);--primary-hover:#08769b;--primary-hover-border:var(--primary-hover);--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#FFF;--secondary:#73828c;--secondary-border:var(--secondary);--secondary-hover:#415462;--secondary-hover-border:var(--secondary-hover);--secondary-focus:rgba(115, 130, 140, 0.125);--secondary-inverse:#FFF;--contrast:#2c3d49;--contrast-border:var(--contrast);--contrast-hover:#0d1419;--contrast-hover-border:var(--contrast-hover);--contrast-focus:rgba(115, 130, 140, 0.125);--contrast-inverse:#FFF;--input-background:#FFF;--input-border:#c8d1d8;--input-hover-background:var(--input-background);--input-hover-border:var(--primary);--input-focus:var(--primary-focus);--input-inverse:var(--primary-inverse);--button-shadow:0 0 0 0 rgba(0, 0, 0, 0);--button-hover-shadow:0 0 0 0 rgba(0, 0, 0, 0);--valid:#288a6a;--invalid:#b94646;--mark:rgba(255, 223, 128, 0.33);--mark-text:#2c3d49;--muted-text:#7e8d98;--muted-background:#edf0f3;--muted-border:#edf0f3;--card-background:#FFF;--card-sections:#f3f5f7;--card-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04), 0 0.125rem 2rem rgba(27, 40, 50, 0.08), 0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--code-background:#f3f5f7;--code-inlined:#edf0f3;--code-color-1:#73828c;--code-color-2:#b34d80;--code-color-3:#3d888f;--code-color-4:#998866;--code-color-5:#96a4ae;--table-border:rgba(237, 240, 243, 0.75);--table-stripping:rgba(115, 130, 140, 0.075)}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#10181e;--text:#a2afb9;--h1:#edf0f3;--h2:#d5dce2;--h3:#bbc6ce;--h4:#a2afb9;--h5:#8a99a3;--h6:#73828c;--primary:#1095c1;--primary-border:var(--primary);--primary-hover:#1ab3e6;--primary-hover-border:var(--primary-hover);--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#FFF;--secondary:#596b78;--secondary-border:var(--secondary);--secondary-hover:#73828c;--secondary-hover-border:var(--secondary-hover);--secondary-focus:rgba(89, 107, 120, 0.25);--secondary-inverse:#FFF;--contrast:#d5dce2;--contrast-border:var(--contrast);--contrast-hover:#FFF;--contrast-hover-border:var(--contrast-hover);--contrast-focus:rgba(89, 107, 120, 0.25);--contrast-inverse:#10181e;--input-background:#10181e;--input-border:#374956;--input-hover-background:var(--input-background);--input-hover-border:var(--primary);--input-focus:var(--primary-focus);--input-inverse:var(--primary-inverse);--button-shadow:0 0 0 0 rgba(0, 0, 0, 0);--button-hover-shadow:0 0 0 0 rgba(0, 0, 0, 0);--valid:#1f7a5c;--invalid:#943838;--mark:rgba(255, 223, 128, 0.1875);--mark-text:#FFF;--muted-text:#73828c;--muted-background:#23333e;--muted-border:#23333e;--card-background:#17232b;--card-sections:#141d24;--card-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.08), 0 0.125rem 2rem rgba(0, 0, 0, 0.04), 0 0 0 0.0625rem rgba(0, 0, 0, 0.1);--code-background:#141d24;--code-inlined:rgba(65, 84, 98, 0.25);--code-color-1:#73828c;--code-color-2:#a65980;--code-color-3:#599fa6;--code-color-4:#8c8473;--code-color-5:#4d606d;--table-border:rgba(115, 130, 140, 0.075);--table-stripping:rgba(115, 130, 140, 0.05)}}[data-theme=dark]{--background:#10181e;--text:#a2afb9;--h1:#edf0f3;--h2:#d5dce2;--h3:#bbc6ce;--h4:#a2afb9;--h5:#8a99a3;--h6:#73828c;--primary:#1095c1;--primary-border:var(--primary);--primary-hover:#1ab3e6;--primary-hover-border:var(--primary-hover);--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#FFF;--secondary:#596b78;--secondary-border:var(--secondary);--secondary-hover:#73828c;--secondary-hover-border:var(--secondary-hover);--secondary-focus:rgba(89, 107, 120, 0.25);--secondary-inverse:#FFF;--contrast:#d5dce2;--contrast-border:var(--contrast);--contrast-hover:#FFF;--contrast-hover-border:var(--contrast-hover);--contrast-focus:rgba(89, 107, 120, 0.25);--contrast-inverse:#10181e;--input-background:#10181e;--input-border:#374956;--input-hover-background:var(--input-background);--input-hover-border:var(--primary);--input-focus:var(--primary-focus);--input-inverse:var(--primary-inverse);--button-shadow:0 0 0 0 rgba(0, 0, 0, 0);--button-hover-shadow:0 0 0 0 rgba(0, 0, 0, 0);--valid:#1f7a5c;--invalid:#943838;--mark:rgba(255, 223, 128, 0.1875);--mark-text:#FFF;--muted-text:#73828c;--muted-background:#23333e;--muted-border:#23333e;--card-background:#17232b;--card-sections:#141d24;--card-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.08), 0 0.125rem 2rem rgba(0, 0, 0, 0.04), 0 0 0 0.0625rem rgba(0, 0, 0, 0.1);--code-background:#141d24;--code-inlined:rgba(65, 84, 98, 0.25);--code-color-1:#73828c;--code-color-2:#a65980;--code-color-3:#599fa6;--code-color-4:#8c8473;--code-color-5:#4d606d;--table-border:rgba(115, 130, 140, 0.075);--table-stripping:rgba(115, 130, 140, 0.05)}*,:after,:before{box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:var(--background);color:var(--text);font-family:var(--text-font);font-size:var(--base-font-xs);font-weight:var(--text-weight);line-height:var(--line-height);text-rendering:optimizeLegibility;cursor:default}@media (min-width:576px){html{font-size:var(--base-font-sm)}}@media (min-width:768px){html{font-size:var(--base-font-md)}}@media (min-width:992px){html{font-size:var(--base-font-lg)}}@media (min-width:1200px){html{font-size:var(--base-font-xl)}}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--spacing-block) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing-gutter);padding-left:var(--spacing-gutter)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}.grid{grid-column-gap:var(--spacing-gutter);grid-row-gap:var(--spacing-gutter);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit, minmax(0%, 1fr))}}.grid>*{min-width:0}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing-gutter) / 2) 0;color:var(--muted-text)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75rem;line-height:0;vertical-align:baseline}sub{bottom:-0.25rem}sup{top:-0.5rem}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--spacing-typography);color:var(--text);font-size:1rem;font-style:normal}a{background-color:transparent;color:var(--primary);text-decoration:none}a:active,a:focus,a:hover{color:var(--primary-hover);text-decoration:underline}a:focus{outline:none;background-color:var(--primary-focus)}a.secondary{color:var(--secondary);text-decoration:underline}a.secondary:active,a.secondary:focus,a.secondary:hover{color:var(--secondary-hover)}a.secondary:focus{background-color:var(--secondary-focus)}a.contrast{color:var(--contrast);text-decoration:underline}a.contrast:active,a.contrast:focus,a.contrast:hover{color:var(--contrast-hover)}a.contrast:focus{background-color:var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--spacing-typography);font-family:var(--titles-font);font-weight:var(--titles-weight)}h1{margin-bottom:calc(var(--spacing-typography) * 2);color:var(--h1);font-size:var(--h1-size)}h2{margin-bottom:calc(var(--spacing-typography) * 1.75);color:var(--h2);font-size:var(--h2-size)}h3{margin-bottom:calc(var(--spacing-typography) * 1.5);color:var(--h3);font-size:var(--h3-size)}h4{margin-bottom:calc(var(--spacing-typography) * 1.25);color:var(--h4);font-size:var(--h4-size)}h5{margin-bottom:calc(var(--spacing-typography) * 1.125);color:var(--h5);font-size:var(--h5-size)}h6{color:var(--h6);font-size:var(--h6-size)}address~h1,blockquote~h1,dl~h1,figure~h1,form~h1,ol~h1,pre~h1,p~h1,table~h1,ul~h1{margin-top:calc(var(--spacing-typography) * 2)}address~h2,blockquote~h2,dl~h2,figure~h2,form~h2,ol~h2,pre~h2,p~h2,table~h2,ul~h2{margin-top:calc(var(--spacing-typography) * 1.75)}address~h3,blockquote~h3,dl~h3,figure~h3,form~h3,ol~h3,pre~h3,p~h3,table~h3,ul~h3{margin-top:calc(var(--spacing-typography) * 1.5)}address~h4,blockquote~h4,dl~h4,figure~h4,form~h4,ol~h4,pre~h4,p~h4,table~h4,ul~h4{margin-top:calc(var(--spacing-typography) * 1.25)}address~h5,blockquote~h5,dl~h5,figure~h5,form~h5,ol~h5,pre~h5,p~h5,table~h5,ul~h5{margin-top:calc(var(--spacing-typography) * 1.125)}address~h6,blockquote~h6,dl~h6,figure~h6,form~h6,ol~h6,pre~h6,p~h6,table~h6,ul~h6{margin-top:calc(var(--spacing-typography))}hgroup{margin-bottom:var(--spacing-typography)}hgroup *{margin-bottom:0}hgroup>:last-child{color:var(--muted-text);font-family:unset;font-size:1.125rem;font-weight:unset}p{margin-bottom:var(--spacing-typography)}small{font-size:85%}@media (min-width:576px){small{font-size:83%}}@media (min-width:768px){small{font-size:81%}}@media (min-width:992px){small{font-size:79%}}@media (min-width:1200px){small{font-size:77%}}ol,ul{padding-left:var(--spacing-typography)}ol li,ul li{margin-bottom:calc(var(--spacing-typography) / 4)}ul li{list-style:square}mark{padding:.125rem .25rem;background:var(--mark);color:var(--mark-text);vertical-align:middle}blockquote{display:block;margin:var(--spacing-typography) 0;padding:var(--spacing-gutter);border-left:0.25rem solid var(--muted-border)}blockquote footer{margin-top:calc(var(--spacing-typography) / 2);color:var(--muted-text)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--valid);text-decoration:none}del{color:var(--invalid)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing-typography)}a[role=button]{display:inline-block;text-decoration:none}[type=file]::-webkit-file-upload-button,a[role=button],button,input[type=button],input[type=reset],input[type=submit]{padding:var(--button-spacing-vertical) var(--button-spacing-horizontal);border:var(--button-border-width) solid var(--primary-border);border-radius:var(--button-round);outline:none;background-color:var(--primary);box-shadow:var(--button-shadow);color:var(--primary-inverse);font-size:1rem;font-weight:var(--buttons-weight);line-height:var(--line-height);text-align:center;cursor:pointer}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover,a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{border-color:var(--primary-hover-border);background-color:var(--primary-hover);box-shadow:var(--button-hover-shadow)}[type=file]::-webkit-file-upload-button:focus,a[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{box-shadow:var(--button-hover-shadow), 0 0 0 var(--button-outline-width) var(--primary-focus)}input[type=reset]{cursor:pointer}a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:1rem;letter-spacing:inherit;line-height:var(--line-height)}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{margin:0;overflow:auto;resize:vertical;resize:block}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc( (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) + (var(--form-element-border-width) * 2))}fieldset{margin:0;margin-bottom:var(--spacing-typography);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:var(--spacing-form-element);vertical-align:middle}form small,input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{border:var(--form-element-border-width) solid var(--input-border);border-radius:var(--block-round);outline:none;background-color:var(--input-background);color:var(--text);font-weight:var(--form-element-weight)}input::-webkit-input-placeholder,input::placeholder,select::-webkit-input-placeholder,select::placeholder,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--muted-text);opacity:1}input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{border-color:var(--input-hover-border);background-color:var(--input-hover-background)}input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly]{border-color:var(--muted-border);box-shadow:none}input[disabled]~label,input[readonly]~label,select[disabled]~label,select[readonly]~label,textarea[disabled]~label,textarea[readonly]~label{color:var(--muted-text)}input[disabled]:active,input[disabled]:focus,input[readonly]:active,input[readonly]:focus,select[disabled]:active,select[disabled]:focus,select[readonly]:active,select[readonly]:focus,textarea[disabled]:active,textarea[disabled]:focus,textarea[readonly]:active,textarea[readonly]:focus{box-shadow:none}input[disabled]:not([type=reset]):not([type=submit]):not([type=button]),select[disabled]:not([type=reset]):not([type=submit]):not([type=button]),textarea[disabled]:not([type=reset]):not([type=submit]):not([type=button]){background-color:var(--muted-background)}input[disabled],select[disabled],textarea[disabled]{opacity:.66}input .invalid,input .valid,input[aria-invalid],select .invalid,select .valid,select[aria-invalid],textarea .invalid,textarea .valid,textarea[aria-invalid]{padding-right:2rem;background-position:center right .75rem;background-repeat:no-repeat;background-size:1rem auto}input .valid,input[aria-invalid=false],select .valid,select[aria-invalid=false],textarea .valid,textarea[aria-invalid=false]{background-image:var(--icon-valid)}input .invalid,input[aria-invalid=true],select .invalid,select[aria-invalid=true],textarea .invalid,textarea[aria-invalid=true]{background-image:var(--icon-invalid)}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing-typography)}input:not([type=range]):not([type=file]):focus,select:focus,textarea:focus{box-shadow:0 0 0 var(--form-element-outline-width) var(--input-focus)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-repeat:no-repeat;background-size:1rem auto}form small{color:var(--muted-text)}input+small,select+small,textarea+small{margin-top:calc(var(--spacing-typography) * -0.75);margin-bottom:var(--spacing-typography)}label>input,label>select,label>textarea{margin-top:var(--spacing-form-element)}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing-gutter) / 2) var(--spacing-gutter);border-bottom:1px solid var(--table-border);color:var(--muted-text);font-size:0.875rem;font-weight:var(--text-weight);text-align:left}th,thead td{color:var(--text);font-size:1rem}thead td,thead th{border-bottom:3px solid var(--table-border)}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-stripping)}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}
/*!
* PicoMan v1.1.2 (https://mamans86.blogspot.com)
* email: [email protected] telegram: @mamans86
* feel free to modify but please keep link to my blog always visible and reachable, and also please don't remove this comment block
* contact me if you want to make donation
* TCExam Mobile First Design Theme based on Pico.css (https://picocss.com), built with love by Maman Sulaeman - @mamans86
* eye & flag icon generated by icomoon.io
*/
:root{
--icon-eye:url("data:image/svg+xml,%0A%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='rgba(115, 130, 140, 0.999)'%3E%3Ctitle%3Eeye%3C/title%3E%3Cpath d='M12 4.5c-5.234 0-9.771 3.048-12 7.5 2.229 4.452 6.766 7.5 12 7.5s9.771-3.048 12-7.5c-2.229-4.452-6.766-7.5-12-7.5zM17.917 8.477c1.41 0.899 2.605 2.104 3.502 3.523-0.897 1.418-2.092 2.623-3.502 3.523-1.772 1.13-3.818 1.727-5.917 1.727s-4.145-0.597-5.917-1.727c-1.41-0.899-2.605-2.104-3.502-3.523 0.897-1.419 2.092-2.623 3.502-3.523 0.092-0.059 0.185-0.115 0.278-0.171-0.233 0.64-0.361 1.332-0.361 2.053 0 3.314 2.686 6 6 6s6-2.686 6-6c0-0.721-0.128-1.413-0.361-2.053 0.093 0.056 0.186 0.113 0.278 0.171v0zM12 9.75c0 1.243-1.007 2.25-2.25 2.25s-2.25-1.007-2.25-2.25 1.007-2.25 2.25-2.25 2.25 1.007 2.25 2.25z'%3E%3C/path%3E%3C/svg%3E%0A");
--icon-eye-unblocked:url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='rgba(115, 130, 140, 0.999)'%3E%3Ctitle%3Eeye-blocked%3C/title%3E%3Cpath d='M22.171 0.329c-0.439-0.439-1.152-0.439-1.591 0l-4.738 4.738c-1.217-0.369-2.507-0.568-3.841-0.568-5.234 0-9.771 3.048-12 7.5 0.964 1.925 2.359 3.587 4.055 4.854l-3.726 3.726c-0.439 0.439-0.439 1.152 0 1.591 0.22 0.22 0.508 0.33 0.795 0.33s0.576-0.11 0.796-0.329l20.25-20.25c0.439-0.439 0.439-1.152 0-1.591zM9.75 7.5c0.99 0 1.83 0.64 2.131 1.528l-2.853 2.853c-0.888-0.301-1.528-1.141-1.528-2.131 0-1.243 1.007-2.25 2.25-2.25zM2.581 12c0.897-1.419 2.092-2.623 3.502-3.523 0.092-0.059 0.185-0.115 0.278-0.171-0.233 0.64-0.361 1.332-0.361 2.053 0 1.286 0.405 2.478 1.095 3.455l-1.428 1.428c-1.229-0.863-2.278-1.966-3.086-3.242z'%3E%3C/path%3E%3Cpath d='M18 10.359c0-0.637-0.1-1.25-0.284-1.826l-7.542 7.542c0.576 0.184 1.189 0.283 1.826 0.283 3.314 0 6-2.686 6-6z'%3E%3C/path%3E%3Cpath d='M19.454 6.796l-1.626 1.626c0.030 0.018 0.059 0.037 0.089 0.056 1.41 0.899 2.605 2.104 3.502 3.523-0.897 1.418-2.092 2.623-3.502 3.523-1.772 1.13-3.818 1.727-5.917 1.727-0.906 0-1.802-0.112-2.671-0.329l-1.802 1.802c1.4 0.503 2.905 0.777 4.473 0.777 5.234 0 9.771-3.048 12-7.5-1.055-2.107-2.628-3.9-4.546-5.204z'%3E%3C/path%3E%3C/svg%3E%0A");
--icon-flag:url("data:image/svg+xml,%0A%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eflag%3C/title%3E%3Cpath d='M0 0h3v24h-3v-24z'%3E%3C/path%3E%3Cpath d='M19.5 15.070c1.937 0 3.623-0.468 4.5-1.16v-12c-0.877 0.692-2.563 1.16-4.5 1.16s-3.623-0.468-4.5-1.16v12c0.877 0.692 2.563 1.16 4.5 1.16z'%3E%3C/path%3E%3Cpath d='M14.25 0.762c-1.099-0.467-2.707-0.762-4.5-0.762-2.259 0-4.227 0.468-5.25 1.16v12c1.023-0.692 2.991-1.16 5.25-1.16 1.793 0 3.401 0.295 4.5 0.762v-12z'%3E%3C/path%3E%3C/svg%3E%0A");
--color-warning:#FFC107;
--bg-stripe-1:var(--primary-hover);
--bg-stripe-2:var(--muted-background);
--always-dark:var(--contrast);
--icon-flag-bg:var(--contrast-inverse);
--white-lense:var(--primary-focus);
}
[data-theme=dark]{
--bg-stripe-1:var(--muted-background);
--bg-stripe-2:var(--secondary-border);
--always-dark:var(--muted-background);
--icon-flag-bg:transparent;
--white-lense:rgb(255 255 255 / 7%);
}
input:not([type=checkbox]):not([type=radio]), select, textarea{margin-bottom:0}
select#group_id,select#display_mode{padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image: var(--icon-chevron);background-position: center right .75rem;background-repeat: no-repeat;background-size: 1rem auto}
body{background: linear-gradient(180deg, var(--bg-stripe-1) 25rem, var(--bg-stripe-2) 25rem)}
.row{margin-bottom:var(--form-element-spacing-vertical)}
body > .popupcontainer > .tceformbox > div.row, .anyFormBox > div.row {margin: var(--form-element-spacing-vertical) 0}
body > .popupcontainer > .tceformbox > div.row > .value, body > .popupcontainer > .tceformbox > div.row > .formw, .anyFormBox > div.row > .formw,.anyFormBox > div.row > .value {padding: var(--form-element-spacing-vertical);background: var(--input-focus);border-radius:var(--block-round)}
body > .popupcontainer > .tceformbox > div.row > .label, .anyFormBox > div.row > .label{font-weight:var(--titles-weight)}
.tcecontentbox{overflow-x:auto}
.tceformbox form,.gsoformbox form {background:var(--background);box-shadow:var(--card-shadow);padding: calc(var(--form-element-spacing-vertical) * 2) calc(var(--form-element-spacing-horizontal) * 2);border-radius: var(--block-round)}
#qTopBar,.warning,.error,.message,.confirmbox,#testform,.anyFormBox,body > .popupcontainer > .tcecontentbox,body > .popupcontainer > .tceformbox{background:var(--background);box-shadow:var(--card-shadow);padding: calc(var(--form-element-spacing-vertical) * 2) calc(var(--form-element-spacing-horizontal) * 2);border-radius: var(--block-round)}
div#qTopBar {border-radius: var(--block-round) var(--block-round) 0 0;box-shadow: var(--card-shadow);background: var(--primary);padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);display: flex;justify-content: space-between;align-items:center}
#testform{border-radius:0 0 var(--block-round) var(--block-round)}
.warning,.error,.message{position:fixed;z-index:1;bottom:var(--form-element-spacing-vertical);left:var(--form-element-spacing-vertical);right:var(--form-element-spacing-vertical);display:flex;align-items:center;justify-content:space-between;overflow-wrap: anywhere}
.infolink + .warning,.infolink + .error {position:relative;left:unset;right:unset}
.warning{background:var(--color-warning);color: var(--always-dark)}.error{background:var(--invalid);color:var(--background)}.message{background:var(--valid);color:var(--background)}
#form_login {margin-top:var(--form-element-spacing-vertical)}
#form_login div:first-child{padding-top:var(--form-element-spacing-vertical)}
.formw,.value{position: relative;display:block}
.formw > button {width: auto;position: absolute;top: 0;right: 0}
.icon-eye-unblocked,.icon-eye {position: absolute;padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);background-position: center right .75rem;background-repeat: no-repeat;background-size: 1rem auto;height: calc( (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) + (var(--form-element-border-width) * 2));top: 0;right: 0;cursor:pointer}
.icon-eye{background-image: var(--icon-eye);}.icon-eye-unblocked{background-image: var(--icon-eye-unblocked)}.icon-flag{background-image: var(--icon-flag)}
.icon-flag{padding: var(--form-element-spacing-horizontal);background-position: center;background-repeat: no-repeat;background-size: 1rem auto;height:var(--base-font-xl);background-color:var(--icon-flag-bg)}
#form_login div:nth-child(3){margin-bottom:var(--form-element-spacing-vertical);text-align:center}
#form_login .row .formw {width:100%;text-align:center}
h1{padding:0;color:var(--primary-inverse);text-align:center;margin-bottom: calc(var(--button-spacing-vertical)/2)}
.white,.white:hover{color:transparent}
.label{display:flex}
div.left{background-image: url(../../images/logo_tcexam_118x25.png);background-repeat: no-repeat;background-position: var(--form-element-spacing-horizontal) bottom;height: 3rem}
#header_button{background: var(--white-lense);border-radius:var(--block-round);padding: var(--spacing-form-element) var(--form-element-spacing-vertical);color: var(--primary-inverse);cursor: pointer;position: absolute;text-align: center;display: block;top: var(--spacing-gutter);right: var(--spacing-gutter);font-size: var(--base-font-xl)}
#close_button{border-radius: 50%;background: var(--contrast);color: var(--contrast-inverse);width: 2rem !important;height: 2rem;cursor: pointer;font-weight: var(--titles-weight);position: absolute;top: -1rem;right: 1rem;text-align: center;line-height: 1.75}
ul.menu {padding: 0;margin-top: var(--spacing-typography)}
ul.menu li {list-style-type: none;margin-bottom: calc(var(--spacing-typography)/2);margin-top: calc(var(--spacing-typography)/2)}
div#scrollayer{top:0;position: fixed;height:100%;background:var(--background);z-index:2;padding: 0 calc(var(--spacing-gutter)*2);box-shadow:var(--card-shadow);right:-400px;opacity:0}
.hb_slidein{z-index:3;color:var(--primary) !important;position:fixed !important}
.hb_slideout{}
.slide-in{animation-duration:0.5s !important;animation: slide-in 0.5s forwards;-webkit-animation: slide-in 0.5s forwards}
.slide-out{animation-duration:0.5s !important;animation: slide-out 0.5s forwards;-webkit-animation: slide-out 0.5s forwards}
@keyframes slide-in{from{right:-400px;opacity:0}to{right:0;opacity:1}}
@keyframes slide-out{from{right:0;opacity:1}to{right:-400px;opacity:0}}
#timer{width: auto;display: initial;padding: 0.25rem 0 1rem 0;margin: 0 0 0 1rem;}
#timerform, #timer, .timerlabel {text-align: left;background: transparent;border: none;color: var(--primary-inverse)}
#timer{padding-right:calc(var(--spacing-gutter)/2)}
.timerlabel {display:none}
form > .rowl {overflow-x:auto}
td, th{color: var(--contrast);text-align:center;border-bottom:1px solid #EDEFFF}
.container > small {display: block;text-align: center;padding-bottom:var(--form-element-spacing-vertical)}
.container > small a{color:var(--primary-inverse)}
.infolink {display: block;text-align: center}
.pagehelp{margin: 7rem 0 0 0;background: var(--card-sections);border-radius: var(--block-round);padding: var(--spacing-gutter);box-shadow: var(--card-shadow)}
#unsure,#qNum{padding: calc(var(--button-spacing-vertical)/2) var(--button-spacing-horizontal);display: inline-block;color: var(--background);border-radius: var(--button-round);border: var(--button-border-width) solid var(--background);font-weight: var(--titles-weight)}
#unsure{margin-left:var(--form-element-spacing-vertical);padding: calc(var(--form-element-spacing-vertical)*1.4) var(--form-element-spacing-horizontal)}
span#fontResizer {display: flex;align-items: center}
#fontplus,#fontminus{border: var(--button-border-width) solid var(--primary);background:var(--background);color:var(--primary-hover);cursor:pointer;user-select:none;padding: calc(var(--form-element-spacing-vertical)/3) var(--form-element-spacing-vertical);font-size: var(--base-font-xl);font-weight: var(--titles-weight)}
#fontplus:hover,#fontminus:hover{background:var(--card-sections)}
#fontplus{border-radius:var(--block-round) 0 0 var(--block-round);border-right:none}#fontminus{border-radius:0 var(--block-round) var(--block-round) 0}
.hidden, .hidden *, .hidden:hover, .hidden *:hover{color:transparent}
table{background: var(--background);}
input#confirmanswer{background: var(--valid);border-color: var(--valid)}
input#terminatetest,input#forceterminate {background: var(--invalid);border-color: var(--invalid)}
.anyFormBox + a, .xmlbutton, .buttonblue, .buttongreen, .infolink a{padding: calc(var(--button-spacing-vertical)/2) var(--button-spacing-horizontal);border-radius: var(--button-round);outline: none;box-shadow: var(--button-shadow);line-height: var(--line-height);cursor: pointer;background-color: transparent;color: var(--primary)}
.userbar ~ .minibutton{text-align: center}
.userbar ~ .minibutton,.userbar{background:var(--always-dark);padding: calc(var(--form-element-spacing-vertical) * 2) calc(var(--form-element-spacing-horizontal) * 2)}
.userbar ~ .minibutton,.userbar{padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal)}
.userbar + .minibutton {background: var(--code-color-3);color: var(--code-color-3)}
.userbar{background:var(--always-dark);text-align: right;padding: var(--form-element-spacing-horizontal)}
.userbar span, .userbar a {border: var(--button-border-width) solid var(--secondary-inverse);color: var(--secondary-inverse);border-radius: var(--block-round);padding: calc(var(--form-element-spacing-vertical)/2) calc(var(--form-element-spacing-horizontal)/1)}
.userbar a {background: var(--code-color-2);color: var(--secondary-inverse);border: var(--button-border-width) solid var(--code-color-2)}
.minibutton + .minibutton{font-size: var(--base-font-xs);background:var(--always-dark)}
a.minibutton + span {display: none}
a.minibutton {background: var(--primary-focus);padding: calc(var(--form-element-spacing-vertical)/3) calc(var(--form-element-spacing-horizontal)/1);display: inline-block;margin: calc(var(--form-element-spacing-vertical)/3);color: var(--color-warning);font-size: calc(var(--base-font-xs)*0.75)}
.langselector {display:block}
.langselector a {color: var(--background);display: inline-block;padding: var(--form-element-spacing-horizontal)}
.langselector span {background: var(--color-warning);padding: var(--form-element-spacing-horizontal);box-shadow: var(--card-shadow);color: var(--always-dark);font-weight: var(--titles-weight)}
script + .minibutton *,.body + .minibutton * {color: transparent !important}
.userbar + .minibutton + .minibutton + .minibutton {padding: 0}
.userbar + .minibutton + .minibutton {padding: var(--form-element-spacing-vertical) 0 calc(var(--form-element-spacing-vertical)/2) 0}
span.copyright {display: inline-block;color: var(--secondary-inverse)}
span.copyright a{color:var(--color-warning)}
ul.menu li > ul{background: var(--card-sections);border-radius: var(--block-round);padding: calc(var(--form-element-spacing-vertical)/10) var(--form-element-spacing-horizontal);border-left: 5px solid var(--primary)}
span.labeldesc{text-align: right;display: block;font-size: var(--base-font-xs);font-style: italic}
ol.answer {padding:0}
ol.answer > li {display: flex;align-items: center;padding: var(--form-element-spacing-vertical);margin-bottom:0}
ol.answer > li:nth-child(even){background:rgb(115 130 140 / 3%)}
ol.answer > li:not(:last-child){border-bottom: var(--form-element-border-width) solid var(--secondary-focus)}
ol.answer > li > input[type=radio]{width: 1.30rem;height: 1.25rem}
ol.answer > li > label{width: 90%}
ol.answer > li > select {width:auto;margin-right:var(--form-element-spacing-horizontal)}
ol.answer li > span {display: flex;align-items: center}
ol.answer li span > label {margin: var(--block-round)}
.popupcontainer > .row {display:flex;justify-content: center}
/* a link primary-button style */
.popupcontainer > .row > a:first-child, .buttonblue, .buttongreen, .infolink a{color: var(--primary-inverse)}
.anyFormBox + a, .xmlbutton{border: var(--button-border-width) solid var(--primary-border)}
.anyFormBox + a {margin-top: var(--form-element-spacing-vertical);display: inline-block;background:var(--primary);color:var(--background)}
.xmlbutton:not(:first-child) {margin-left: var(--button-spacing-horizontal)}
.popupcontainer > .row > a:first-child, .buttonblue{background: var(--primary);border: var(--button-border-width) solid var(--primary-border)}
.buttongreen{background: var(--valid);border: var(--button-border-width) solid var(--valid);}
.buttongreen:hover,.buttonblue:hover {color: var(--background)}
.infolink a{border: var(--button-border-width) solid var(--primary-inverse);padding:var(--spacing-form-element) var(--form-element-spacing-vertical);border-radius:var(--spacing-block)}
.navlink input:first-child {border-radius: var(--block-round) var(--block-round) 0 0!important;border: var(--button-border-width) solid var(--primary-focus);}
.navlink input:nth-child(2){border-radius: unset}
.navlink input:nth-child(3){border-radius: 0 0 var(--block-round) var(--block-round) !important}
.navlink input[disabled]{border:none}
acronym{pointer-events:none}
ol.qlist {list-style-position: inside;padding:0}
ol.qlist > li.selected {background:var(--primary-focus)}
ol.qlist > li:not(.selected):hover {border-color: var(--primary-hover-border);background: var(--primary-hover);color: var(--background)}
ol.qlist > li {border:var(--form-element-border-width) solid;padding:var(--button-spacing-vertical) var(--button-spacing-horizontal);border-radius:var(--block-round);cursor:pointer}
ol.qlist > li {border-color:var(--primary-border)}
ol.qlist > li:hover {border-color:var(--primary-hover-border)}
ol.qlist > li > input {display: none !important}
acronym {margin-right: 0.25rem;text-decoration: none;border-radius: var(--block-round);border: var(--form-element-border-width) solid;border-color: var(--primary-border);padding: 0.25rem;display: inline-block;width: auto;min-width: 2rem;text-align: center}
acronym.okbox {background: var(--valid);color: var(--primary-inverse);border-color: var(--valid)}
acronym.nobox {background: var(--invalid);color: var(--primary-inverse);border-color: var(--invalid)}
acronym.onbox {background: var(--primary);color: var(--primary-inverse)}
acronym.onbox:nth-child(3) {background: var(--mark-text);border-color: var(--mark-text);color:var(--background)}
#form_usereditor .row .label{position:relative}
.requiredonbox{position: absolute;top:0;right:0;border: none;border-radius: 50%;background: var(--invalid);padding: 0 0.35rem;min-width: auto;color: var(--primary-inverse)}
.requiredoffbox{display:none}
#toDarkMode:before{display: inline-block;width: 1rem;height: 1rem;border: 0.15rem solid currentColor;border-radius: 50%;background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);vertical-align: bottom;content: '';transition: transform var(--transition);margin-right:0.5rem}
#user_agreement {display: inline-block}label[for=user_agreement]{display:inline-block}
@media (min-width: 576px) {
body{background: linear-gradient(180deg, var(--bg-stripe-1) 21rem, var(--bg-stripe-2) 21rem)}
.icon-eye-unblocked,.icon-eye {height: calc( (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 4) + (var(--form-element-border-width) * 2));}
input:not([type=checkbox]):not([type=radio]), select, textarea{
margin-bottom: calc(var(--spacing-typography)/2);
margin-top: calc(var(--spacing-typography)/2);
}
div.header {display:flex;justify-content: space-between}
#header_button {position:relative;background: var(--primary-focus);border-radius: var(--block-round);padding: var(--spacing-form-element) var(--form-element-spacing-vertical);margin-right: calc(var(--form-element-spacing-vertical)/2);cursor: pointer;font-size: var(--base-font-xl);top:0;right:0}
.hb_slidein{top: calc(var(--form-element-spacing-horizontal)/2) !important;right: calc(var(--form-element-spacing-vertical)/2) !important}
div.left{width: 10rem;background-position-y: center;height:auto;}
#timerform div{display:flex;justify-content:flex-end;align-items:center}
#timer{max-width:11rem;padding:initial;padding-right:1rem;text-align:right}
div.row {display:flex}
#timerform, #timer, .timerlabel{margin: 0 0 0 1rem}
.right {flex: auto}
span.label {width: 20%;align-items:center;padding-right: var(--form-element-spacing-horizontal)}
span.formw,span.value {width: 83%}
.formw > button {top: var(--form-element-spacing-vertical)}
#form_login{width:500px;margin:0 auto;padding: calc(var(--form-element-spacing-vertical) * 2) calc(var(--form-element-spacing-horizontal) * 2)}
#form_login div:nth-child(2) span.formw:after {top: calc(var(--spacing-typography)/2)}
#form_login .row .label {width: 30%}
.navlink {display:flex}
.navlink input:first-child {border-radius: var(--block-round) 0 0 var(--block-round) !important;border: var(--button-border-width) solid var(--primary-focus);}
.navlink input:nth-child(2){border-radius: unset}
.navlink input:nth-child(3){border-radius: 0 var(--block-round) var(--block-round) 0 !important}
.requiredonbox{top: 0.25rem;right: 1rem}
}
@media (min-width: 768px) {
span.label {width: 15%}
}
@media (min-width: 1048px) {
.langselector a {padding: 0}
}