on master help sign in
Refactored for indigo-static
commit402696e65b19312307c1acdcf2df27c3186dd56f authorMatilde Park <matilde@tlon.io> dateMon 9 Sep 2019, 20:18 (7 years ago) parentff357a3
18 files changed+4037−9214
sass/_main.scss+43−13 sass/grid.scss+1532 sass/indigo.scss+2394−9100 static/scripts.js+5−5 templates/404.html+2−2 templates/doc.html+1−1 templates/essays/list.html+4−4 templates/essays/post.html+4−4 templates/index.html+11−11 templates/page.html+6−22 templates/page_indiced.html+7−24 templates/partials/navigation-docs.html+3−3 templates/partials/navigation-search.html+1−1 templates/partials/pagination.html+9−9 templates/partials/search-overlay.html+7−7 templates/sections/docs.html+1−1 templates/sections/docs/chapters.html+1−1 templates/updates/list.html+6−6
sass/_main.scss+43−13
@@ -1,4 +1,5 @@
11// importing typography and parent styles
2+@import "grid";
23@import "indigo";
34@import url('https://rsms.me/inter/inter-ui.css');
45
@@ -41,9 +42,10 @@
4142// layout
4243
4344body {
44− @extend .sans;
45+ font-family: "Inter UI", -apple-system, sans-serif;
46+ -webkit-font-smoothing: antialiased;
4547 &:not(.primer) {
46− @extend .grid12, .mh4, .mh7-ns;
48+ @extend .grid12, .mh4;
4749 }
4850 font-size: 1rem;
4951 color: #000;
@@ -67,11 +69,17 @@ nav {
6769 }
6870}
6971
72+a {
73+ color: inherit;
74+ text-decoration: none;
75+}
76+
7077article {
7178 // default
7279 // links on body text
80+ @extend .lh-copy;
7381 a {
74− @extend .bb1, .b-black;
82+ @extend .bb, .b--black;
7583 &.mono {
7684 border-bottom: 0;
7785 }
@@ -103,8 +111,7 @@ footer nav {
103111
104112body.essay {
105113 h1 {
106− @extend .f1;
107− font-weight: 300;
114+ @extend .f1, .fw3;
108115 max-width: 95vw;
109116 }
110117 &:not(.bg-white) {
@@ -143,13 +150,23 @@ img {
143150
144151 // flatten headers
145152h1, h2, h3, h4, h5 {
146− @extend .fw-bold;
153+ margin-block-start: 0;
154+ margin-block-end: 0;
155+ @extend .fw6;
147156 font-size: 1rem;
148157}
149158
159+h1, .f1 {
160+ @extend .lh-solid;
161+}
162+
163+h2, .f2, h3, .f3 {
164+ @extend .lh-title;
165+}
166+
150167 // author and ship styling
151168span[rel=author] {
152− font-weight: 600;
169+ @extend .fw6;
153170 margin-right: 5px;
154171}
155172
@@ -174,6 +191,8 @@ nav.previous, nav.next {
174191
175192 // search button and overlay
176193#js-search-window-toggle {
194+ border: 0;
195+ font-family: "Inter UI", sans-serif;
177196 position: relative;
178197 display: block;
179198 width: 80%;
@@ -197,8 +216,8 @@ nav.previous, nav.next {
197216.has-active-search-window {
198217 .search-overlay {
199218 display: block;
200− margin-left: -32px;
201− padding-left: 32px;
219+ margin: 0 -32px 0 -32px;
220+ padding: 0 32px 0 32px;
202221 height: 100vh;
203222 }
204223}
@@ -263,10 +282,18 @@ input[type="search"] {
263282
264283 .search-results {
265284 max-height: 400px;
285+ ul {
286+ position: relative;
287+ }
266288 &__item a:hover {
267289 background: #F9F9F9;
268290 span {
269− display:inline-block;
291+ display: inline-block;
292+ &.arrow {
293+ display: inline;
294+ position: absolute;
295+ right: 20px;
296+ }
270297 }
271298 }
272299 }
@@ -292,14 +319,17 @@ input[type="search"] {
292319
293320 // code blocks
294321pre, pre span {
295− @extend .mono;
322+ font-family: "Source Code Pro", monospace;
296323 background-color: #f9f9f9 !important;
297324 color: black !important;
298325}
326+.mono {
327+ font-family: "Source Code Pro", monospace;
328+}
299329
300330 // code in headers
301331h1 code, h2 code, h3 code {
302− @extend .red4;
332+ @extend .red3;
303333 background-color: transparent;
304334 font-weight: 600;
305335}
@@ -313,5 +343,5 @@ details.page-indiced li {
313343}
314344
315345body.page-indiced h3 {
316− @extend .gray4;
346+ @extend .gray2;
317347}
sass/grid.scssnew file+1532
@@ -0,0 +1,1532 @@
1+/*******************************************************************************
2+ Grid and Layout
3+*******************************************************************************/
4+.grid12 {
5+ display: grid;
6+ grid-template-columns: repeat(12, [col-start] 1fr);
7+ grid-auto-rows: auto;
8+ column-gap: 32px;
9+ }
10+
11+ .grid8 {
12+ display: grid;
13+ grid-template-columns: repeat(8, [col-start] 1fr);
14+ grid-auto-rows: auto;
15+ gap: 1px;
16+ width: 100%;
17+ }
18+
19+ .full {
20+ grid-area: auto / 1 / auto / 13;
21+ }
22+
23+ .half-1 {
24+ grid-area: auto / 1 / auto / 7;
25+ }
26+
27+ .half-2 {
28+ grid-area: auto / 7 / auto / 13;
29+ }
30+
31+ .fourth-1 {
32+ grid-area: auto / 1 / auto / 4;
33+ }
34+
35+ .fourth-2 {
36+ grid-area: auto / 4 / auto / 7;
37+ }
38+
39+ .fourth-3 {
40+ grid-area: auto / 7 / auto / 10;
41+ }
42+
43+ .fourth-4 {
44+ grid-area: auto / 10 / auto / 13;
45+ }
46+
47+ @media only screen and (min-width: 550px) {
48+ .full-ns {
49+ grid-area: auto / 1 / auto / 13;
50+ }
51+ .half-1-ns {
52+ grid-area: auto / 1 / auto / 7;
53+ }
54+ .half-2-ns {
55+ grid-area: auto / 7 / auto / 13;
56+ }
57+ .fourth-1-ns {
58+ grid-area: auto / 1 / auto / 4;
59+ }
60+ .fourth-2-ns {
61+ grid-area: auto / 4 / auto / 7;
62+ }
63+ .fourth-3-ns {
64+ grid-area: auto / 7 / auto / 10;
65+ }
66+ .fourth-4-ns {
67+ grid-area: auto / 10 / auto / 13;
68+ }
69+ }
70+
71+ @media only screen and (min-width: 750px) and (max-width: 960px) {
72+ .full-md {
73+ grid-area: auto / 1 / auto / 13;
74+ }
75+ .half-1-md {
76+ grid-area: auto / 1 / auto / 7;
77+ }
78+ .half-2-md {
79+ grid-area: auto / 7 / auto / 13;
80+ }
81+ .fourth-1-md {
82+ grid-area: auto / 1 / auto / 4;
83+ }
84+ .fourth-2-md {
85+ grid-area: auto / 4 / auto / 7;
86+ }
87+ .fourth-3-md {
88+ grid-area: auto / 7 / auto / 10;
89+ }
90+ .fourth-4-md {
91+ grid-area: auto / 10 / auto / 13;
92+ }
93+ }
94+
95+ @media only screen and (min-width: 960px) {
96+ .full-lg {
97+ grid-area: auto / 1 / auto / 13;
98+ }
99+ .half-1-lg {
100+ grid-area: auto / 1 / auto / 7;
101+ }
102+ .half-2-lg {
103+ grid-area: auto / 7 / auto / 13;
104+ }
105+ .fourth-1-lg {
106+ grid-area: auto / 1 / auto / 4;
107+ }
108+ .fourth-2-lg {
109+ grid-area: auto / 4 / auto / 7;
110+ }
111+ .fourth-3-lg {
112+ grid-area: auto / 7 / auto / 10;
113+ }
114+ .fourth-4-lg {
115+ grid-area: auto / 10 / auto / 13;
116+ }
117+ }
118+
119+ .gap1 {
120+ width: 1px;
121+ }
122+
123+ .gap2 {
124+ width: 2px;
125+ }
126+
127+ .gap4 {
128+ width: 4px;
129+ }
130+
131+ .gap8 {
132+ width: 8px;
133+ }
134+
135+ .gap12 {
136+ width: 12px;
137+ }
138+
139+ .gap16 {
140+ width: 16px;
141+ }
142+
143+ .gap24 {
144+ width: 24px;
145+ }
146+
147+ .gap32 {
148+ width: 32px;
149+ }
150+
151+ .fr1 {
152+ width: 1fr;
153+ }
154+
155+ .fr2 {
156+ width: 2fr;
157+ }
158+
159+ .fr3 {
160+ width: 3fr;
161+ }
162+
163+ .fr4 {
164+ width: 4fr;
165+ }
166+
167+ .fr5 {
168+ width: 5fr;
169+ }
170+
171+ .fr6 {
172+ width: 6fr;
173+ }
174+
175+ .fr7 {
176+ width: 7fr;
177+ }
178+
179+ .fr8 {
180+ width: 8fr;
181+ }
182+
183+ .fr9 {
184+ width: 9fr;
185+ }
186+
187+ .fr10 {
188+ width: 10fr;
189+ }
190+
191+ .fr11 {
192+ width: 11fr;
193+ }
194+
195+ .fr12 {
196+ width: 12fr;
197+ }
198+
199+ .c1-2 {
200+ grid-column-start: 1;
201+ grid-column-end: 2;
202+ }
203+
204+ .c1-3 {
205+ grid-column-start: 1;
206+ grid-column-end: 3;
207+ }
208+
209+ .c1-4 {
210+ grid-column-start: 1;
211+ grid-column-end: 4;
212+ }
213+
214+ .c1-5 {
215+ grid-column-start: 1;
216+ grid-column-end: 5;
217+ }
218+
219+ .c1-6 {
220+ grid-column-start: 1;
221+ grid-column-end: 6;
222+ }
223+
224+ .c1-7 {
225+ grid-column-start: 1;
226+ grid-column-end: 7;
227+ }
228+
229+ .c1-8 {
230+ grid-column-start: 1;
231+ grid-column-end: 8;
232+ }
233+
234+ .c1-9 {
235+ grid-column-start: 1;
236+ grid-column-end: 9;
237+ }
238+
239+ .c1-10 {
240+ grid-column-start: 1;
241+ grid-column-end: 10;
242+ }
243+
244+ .c1-11 {
245+ grid-column-start: 1;
246+ grid-column-end: 11;
247+ }
248+
249+ .c1-12 {
250+ grid-column-start: 1;
251+ grid-column-end: 12;
252+ }
253+
254+ .c1-13 {
255+ grid-column-start: 1;
256+ grid-column-end: 13;
257+ }
258+
259+ .c2-3 {
260+ grid-column-start: 2;
261+ grid-column-end: 3;
262+ }
263+
264+ .c2-4 {
265+ grid-column-start: 2;
266+ grid-column-end: 4;
267+ }
268+
269+ .c2-5 {
270+ grid-column-start: 2;
271+ grid-column-end: 5;
272+ }
273+
274+ .c2-6 {
275+ grid-column-start: 2;
276+ grid-column-end: 6;
277+ }
278+
279+ .c2-7 {
280+ grid-column-start: 2;
281+ grid-column-end: 7;
282+ }
283+
284+ .c2-8 {
285+ grid-column-start: 2;
286+ grid-column-end: 8;
287+ }
288+
289+ .c2-9 {
290+ grid-column-start: 2;
291+ grid-column-end: 9;
292+ }
293+
294+ .c2-10 {
295+ grid-column-start: 2;
296+ grid-column-end: 10;
297+ }
298+
299+ .c2-11 {
300+ grid-column-start: 2;
301+ grid-column-end: 11;
302+ }
303+
304+ .c2-12 {
305+ grid-column-start: 2;
306+ grid-column-end: 12;
307+ }
308+
309+ .c2-13 {
310+ grid-column-start: 2;
311+ grid-column-end: 13;
312+ }
313+
314+ .c3-4 {
315+ grid-column-start: 3;
316+ grid-column-end: 4;
317+ }
318+
319+ .c3-5 {
320+ grid-column-start: 3;
321+ grid-column-end: 5;
322+ }
323+
324+ .c3-6 {
325+ grid-column-start: 3;
326+ grid-column-end: 6;
327+ }
328+
329+ .c3-7 {
330+ grid-column-start: 3;
331+ grid-column-end: 7;
332+ }
333+
334+ .c3-8 {
335+ grid-column-start: 3;
336+ grid-column-end: 8;
337+ }
338+
339+ .c3-9 {
340+ grid-column-start: 3;
341+ grid-column-end: 9;
342+ }
343+
344+ .c3-10 {
345+ grid-column-start: 3;
346+ grid-column-end: 10;
347+ }
348+
349+ .c3-11 {
350+ grid-column-start: 3;
351+ grid-column-end: 11;
352+ }
353+
354+ .c3-12 {
355+ grid-column-start: 3;
356+ grid-column-end: 12;
357+ }
358+
359+ .c3-13 {
360+ grid-column-start: 3;
361+ grid-column-end: 13;
362+ }
363+
364+ .c4-5 {
365+ grid-column-start: 4;
366+ grid-column-end: 5;
367+ }
368+
369+ .c4-6 {
370+ grid-column-start: 4;
371+ grid-column-end: 6;
372+ }
373+
374+ .c4-7 {
375+ grid-column-start: 4;
376+ grid-column-end: 7;
377+ }
378+
379+ .c4-8 {
380+ grid-column-start: 4;
381+ grid-column-end: 8;
382+ }
383+
384+ .c4-9 {
385+ grid-column-start: 4;
386+ grid-column-end: 9;
387+ }
388+
389+ .c4-10 {
390+ grid-column-start: 4;
391+ grid-column-end: 10;
392+ }
393+
394+ .c4-11 {
395+ grid-column-start: 4;
396+ grid-column-end: 11;
397+ }
398+
399+ .c4-12 {
400+ grid-column-start: 4;
401+ grid-column-end: 12;
402+ }
403+
404+ .c4-13 {
405+ grid-column-start: 4;
406+ grid-column-end: 13;
407+ }
408+
409+ .c5-6 {
410+ grid-column-start: 5;
411+ grid-column-end: 6;
412+ }
413+
414+ .c5-7 {
415+ grid-column-start: 5;
416+ grid-column-end: 7;
417+ }
418+
419+ .c5-8 {
420+ grid-column-start: 5;
421+ grid-column-end: 8;
422+ }
423+
424+ .c5-9 {
425+ grid-column-start: 5;
426+ grid-column-end: 9;
427+ }
428+
429+ .c5-10 {
430+ grid-column-start: 5;
431+ grid-column-end: 10;
432+ }
433+
434+ .c5-11 {
435+ grid-column-start: 5;
436+ grid-column-end: 11;
437+ }
438+
439+ .c5-12 {
440+ grid-column-start: 5;
441+ grid-column-end: 12;
442+ }
443+
444+ .c5-13 {
445+ grid-column-start: 5;
446+ grid-column-end: 13;
447+ }
448+
449+ .c6-7 {
450+ grid-column-start: 6;
451+ grid-column-end: 7;
452+ }
453+
454+ .c6-8 {
455+ grid-column-start: 6;
456+ grid-column-end: 8;
457+ }
458+
459+ .c6-9 {
460+ grid-column-start: 6;
461+ grid-column-end: 9;
462+ }
463+
464+ .c6-10 {
465+ grid-column-start: 6;
466+ grid-column-end: 10;
467+ }
468+
469+ .c6-11 {
470+ grid-column-start: 6;
471+ grid-column-end: 11;
472+ }
473+
474+ .c6-12 {
475+ grid-column-start: 6;
476+ grid-column-end: 12;
477+ }
478+
479+ .c6-13 {
480+ grid-column-start: 6;
481+ grid-column-end: 13;
482+ }
483+
484+ .c7-8 {
485+ grid-column-start: 7;
486+ grid-column-end: 8;
487+ }
488+
489+ .c7-9 {
490+ grid-column-start: 7;
491+ grid-column-end: 9;
492+ }
493+
494+ .c7-10 {
495+ grid-column-start: 7;
496+ grid-column-end: 10;
497+ }
498+
499+ .c7-11 {
500+ grid-column-start: 7;
501+ grid-column-end: 11;
502+ }
503+
504+ .c7-12 {
505+ grid-column-start: 7;
506+ grid-column-end: 12;
507+ }
508+
509+ .c7-13 {
510+ grid-column-start: 7;
511+ grid-column-end: 13;
512+ }
513+
514+ .c8-9 {
515+ grid-column-start: 8;
516+ grid-column-end: 9;
517+ }
518+
519+ .c8-10 {
520+ grid-column-start: 8;
521+ grid-column-end: 10;
522+ }
523+
524+ .c8-11 {
525+ grid-column-start: 8;
526+ grid-column-end: 11;
527+ }
528+
529+ .c8-12 {
530+ grid-column-start: 8;
531+ grid-column-end: 12;
532+ }
533+
534+ .c8-13 {
535+ grid-column-start: 8;
536+ grid-column-end: 13;
537+ }
538+
539+ .c9-10 {
540+ grid-column-start: 9;
541+ grid-column-end: 10;
542+ }
543+
544+ .c9-11 {
545+ grid-column-start: 9;
546+ grid-column-end: 11;
547+ }
548+
549+ .c9-12 {
550+ grid-column-start: 9;
551+ grid-column-end: 12;
552+ }
553+
554+ .c9-13 {
555+ grid-column-start: 9;
556+ grid-column-end: 13;
557+ }
558+
559+ .c10-11 {
560+ grid-column-start: 10;
561+ grid-column-end: 11;
562+ }
563+
564+ .c10-12 {
565+ grid-column-start: 10;
566+ grid-column-end: 12;
567+ }
568+
569+ .c10-13 {
570+ grid-column-start: 10;
571+ grid-column-end: 13;
572+ }
573+
574+ .c11-12 {
575+ grid-column-start: 11;
576+ grid-column-end: 12;
577+ }
578+
579+ .c11-13 {
580+ grid-column-start: 11;
581+ grid-column-end: 13;
582+ }
583+
584+ .c12-13 {
585+ grid-column-start: 12;
586+ grid-column-end: 13;
587+ }
588+
589+ @media only screen and (min-width: 550px) {
590+ .c1-2-ns {
591+ grid-column-start: 1;
592+ grid-column-end: 2;
593+ }
594+ .c1-3-ns {
595+ grid-column-start: 1;
596+ grid-column-end: 3;
597+ }
598+ .c1-4-ns {
599+ grid-column-start: 1;
600+ grid-column-end: 4;
601+ }
602+ .c1-5-ns {
603+ grid-column-start: 1;
604+ grid-column-end: 5;
605+ }
606+ .c1-6-ns {
607+ grid-column-start: 1;
608+ grid-column-end: 6;
609+ }
610+ .c1-7-ns {
611+ grid-column-start: 1;
612+ grid-column-end: 7;
613+ }
614+ .c1-8-ns {
615+ grid-column-start: 1;
616+ grid-column-end: 8;
617+ }
618+ .c1-9-ns {
619+ grid-column-start: 1;
620+ grid-column-end: 9;
621+ }
622+ .c1-10-ns {
623+ grid-column-start: 1;
624+ grid-column-end: 10;
625+ }
626+ .c1-11-ns {
627+ grid-column-start: 1;
628+ grid-column-end: 11;
629+ }
630+ .c1-12-ns {
631+ grid-column-start: 1;
632+ grid-column-end: 12;
633+ }
634+ .c1-13-ns {
635+ grid-column-start: 1;
636+ grid-column-end: 13;
637+ }
638+ .c2-3-ns {
639+ grid-column-start: 2;
640+ grid-column-end: 3;
641+ }
642+ .c2-4-ns {
643+ grid-column-start: 2;
644+ grid-column-end: 4;
645+ }
646+ .c2-5-ns {
647+ grid-column-start: 2;
648+ grid-column-end: 5;
649+ }
650+ .c2-6-ns {
651+ grid-column-start: 2;
652+ grid-column-end: 6;
653+ }
654+ .c2-7-ns {
655+ grid-column-start: 2;
656+ grid-column-end: 7;
657+ }
658+ .c2-8-ns {
659+ grid-column-start: 2;
660+ grid-column-end: 8;
661+ }
662+ .c2-9-ns {
663+ grid-column-start: 2;
664+ grid-column-end: 9;
665+ }
666+ .c2-10-ns {
667+ grid-column-start: 2;
668+ grid-column-end: 10;
669+ }
670+ .c2-11-ns {
671+ grid-column-start: 2;
672+ grid-column-end: 11;
673+ }
674+ .c2-12-ns {
675+ grid-column-start: 2;
676+ grid-column-end: 12;
677+ }
678+ .c2-13-ns {
679+ grid-column-start: 2;
680+ grid-column-end: 13;
681+ }
682+ .c3-4-ns {
683+ grid-column-start: 3;
684+ grid-column-end: 4;
685+ }
686+ .c3-5-ns {
687+ grid-column-start: 3;
688+ grid-column-end: 5;
689+ }
690+ .c3-6-ns {
691+ grid-column-start: 3;
692+ grid-column-end: 6;
693+ }
694+ .c3-7-ns {
695+ grid-column-start: 3;
696+ grid-column-end: 7;
697+ }
698+ .c3-8-ns {
699+ grid-column-start: 3;
700+ grid-column-end: 8;
701+ }
702+ .c3-9-ns {
703+ grid-column-start: 3;
704+ grid-column-end: 9;
705+ }
706+ .c3-10-ns {
707+ grid-column-start: 3;
708+ grid-column-end: 10;
709+ }
710+ .c3-11-ns {
711+ grid-column-start: 3;
712+ grid-column-end: 11;
713+ }
714+ .c3-12-ns {
715+ grid-column-start: 3;
716+ grid-column-end: 12;
717+ }
718+ .c3-13-ns {
719+ grid-column-start: 3;
720+ grid-column-end: 13;
721+ }
722+ .c4-5-ns {
723+ grid-column-start: 4;
724+ grid-column-end: 5;
725+ }
726+ .c4-6-ns {
727+ grid-column-start: 4;
728+ grid-column-end: 6;
729+ }
730+ .c4-7-ns {
731+ grid-column-start: 4;
732+ grid-column-end: 7;
733+ }
734+ .c4-8-ns {
735+ grid-column-start: 4;
736+ grid-column-end: 8;
737+ }
738+ .c4-9-ns {
739+ grid-column-start: 4;
740+ grid-column-end: 9;
741+ }
742+ .c4-10-ns {
743+ grid-column-start: 4;
744+ grid-column-end: 10;
745+ }
746+ .c4-11-ns {
747+ grid-column-start: 4;
748+ grid-column-end: 11;
749+ }
750+ .c4-12-ns {
751+ grid-column-start: 4;
752+ grid-column-end: 12;
753+ }
754+ .c4-13-ns {
755+ grid-column-start: 4;
756+ grid-column-end: 13;
757+ }
758+ .c5-6-ns {
759+ grid-column-start: 5;
760+ grid-column-end: 6;
761+ }
762+ .c5-7-ns {
763+ grid-column-start: 5;
764+ grid-column-end: 7;
765+ }
766+ .c5-8-ns {
767+ grid-column-start: 5;
768+ grid-column-end: 8;
769+ }
770+ .c5-9-ns {
771+ grid-column-start: 5;
772+ grid-column-end: 9;
773+ }
774+ .c5-10-ns {
775+ grid-column-start: 5;
776+ grid-column-end: 10;
777+ }
778+ .c5-11-ns {
779+ grid-column-start: 5;
780+ grid-column-end: 11;
781+ }
782+ .c5-12-ns {
783+ grid-column-start: 5;
784+ grid-column-end: 12;
785+ }
786+ .c5-13-ns {
787+ grid-column-start: 5;
788+ grid-column-end: 13;
789+ }
790+ .c6-7-ns {
791+ grid-column-start: 6;
792+ grid-column-end: 7;
793+ }
794+ .c6-8-ns {
795+ grid-column-start: 6;
796+ grid-column-end: 8;
797+ }
798+ .c6-9-ns {
799+ grid-column-start: 6;
800+ grid-column-end: 9;
801+ }
802+ .c6-10-ns {
803+ grid-column-start: 6;
804+ grid-column-end: 10;
805+ }
806+ .c6-11-ns {
807+ grid-column-start: 6;
808+ grid-column-end: 11;
809+ }
810+ .c6-12-ns {
811+ grid-column-start: 6;
812+ grid-column-end: 12;
813+ }
814+ .c6-13-ns {
815+ grid-column-start: 6;
816+ grid-column-end: 13;
817+ }
818+ .c7-8-ns {
819+ grid-column-start: 7;
820+ grid-column-end: 8;
821+ }
822+ .c7-9-ns {
823+ grid-column-start: 7;
824+ grid-column-end: 9;
825+ }
826+ .c7-10-ns {
827+ grid-column-start: 7;
828+ grid-column-end: 10;
829+ }
830+ .c7-11-ns {
831+ grid-column-start: 7;
832+ grid-column-end: 11;
833+ }
834+ .c7-12-ns {
835+ grid-column-start: 7;
836+ grid-column-end: 12;
837+ }
838+ .c7-13-ns {
839+ grid-column-start: 7;
840+ grid-column-end: 13;
841+ }
842+ .c8-9-ns {
843+ grid-column-start: 8;
844+ grid-column-end: 9;
845+ }
846+ .c8-10-ns {
847+ grid-column-start: 8;
848+ grid-column-end: 10;
849+ }
850+ .c8-11-ns {
851+ grid-column-start: 8;
852+ grid-column-end: 11;
853+ }
854+ .c8-12-ns {
855+ grid-column-start: 8;
856+ grid-column-end: 12;
857+ }
858+ .c8-13-ns {
859+ grid-column-start: 8;
860+ grid-column-end: 13;
861+ }
862+ .c9-10-ns {
863+ grid-column-start: 9;
864+ grid-column-end: 10;
865+ }
866+ .c9-11-ns {
867+ grid-column-start: 9;
868+ grid-column-end: 11;
869+ }
870+ .c9-12-ns {
871+ grid-column-start: 9;
872+ grid-column-end: 12;
873+ }
874+ .c9-13-ns {
875+ grid-column-start: 9;
876+ grid-column-end: 13;
877+ }
878+ .c10-11-ns {
879+ grid-column-start: 10;
880+ grid-column-end: 11;
881+ }
882+ .c10-12-ns {
883+ grid-column-start: 10;
884+ grid-column-end: 12;
885+ }
886+ .c10-13-ns {
887+ grid-column-start: 10;
888+ grid-column-end: 13;
889+ }
890+ .c11-12-ns {
891+ grid-column-start: 11;
892+ grid-column-end: 12;
893+ }
894+ .c11-13-ns {
895+ grid-column-start: 11;
896+ grid-column-end: 13;
897+ }
898+ .c12-13-ns {
899+ grid-column-start: 12;
900+ grid-column-end: 13;
901+ }
902+ }
903+
904+ @media only screen and (min-width: 750px) and (max-width: 960px) {
905+ .c1-2-md {
906+ grid-column-start: 1;
907+ grid-column-end: 2;
908+ }
909+ .c1-3-md {
910+ grid-column-start: 1;
911+ grid-column-end: 3;
912+ }
913+ .c1-4-md {
914+ grid-column-start: 1;
915+ grid-column-end: 4;
916+ }
917+ .c1-5-md {
918+ grid-column-start: 1;
919+ grid-column-end: 5;
920+ }
921+ .c1-6-md {
922+ grid-column-start: 1;
923+ grid-column-end: 6;
924+ }
925+ .c1-7-md {
926+ grid-column-start: 1;
927+ grid-column-end: 7;
928+ }
929+ .c1-8-md {
930+ grid-column-start: 1;
931+ grid-column-end: 8;
932+ }
933+ .c1-9-md {
934+ grid-column-start: 1;
935+ grid-column-end: 9;
936+ }
937+ .c1-10-md {
938+ grid-column-start: 1;
939+ grid-column-end: 10;
940+ }
941+ .c1-11-md {
942+ grid-column-start: 1;
943+ grid-column-end: 11;
944+ }
945+ .c1-12-md {
946+ grid-column-start: 1;
947+ grid-column-end: 12;
948+ }
949+ .c1-13-md {
950+ grid-column-start: 1;
951+ grid-column-end: 13;
952+ }
953+ .c2-3-md {
954+ grid-column-start: 2;
955+ grid-column-end: 3;
956+ }
957+ .c2-4-md {
958+ grid-column-start: 2;
959+ grid-column-end: 4;
960+ }
961+ .c2-5-md {
962+ grid-column-start: 2;
963+ grid-column-end: 5;
964+ }
965+ .c2-6-md {
966+ grid-column-start: 2;
967+ grid-column-end: 6;
968+ }
969+ .c2-7-md {
970+ grid-column-start: 2;
971+ grid-column-end: 7;
972+ }
973+ .c2-8-md {
974+ grid-column-start: 2;
975+ grid-column-end: 8;
976+ }
977+ .c2-9-md {
978+ grid-column-start: 2;
979+ grid-column-end: 9;
980+ }
981+ .c2-10-md {
982+ grid-column-start: 2;
983+ grid-column-end: 10;
984+ }
985+ .c2-11-md {
986+ grid-column-start: 2;
987+ grid-column-end: 11;
988+ }
989+ .c2-12-md {
990+ grid-column-start: 2;
991+ grid-column-end: 12;
992+ }
993+ .c2-13-md {
994+ grid-column-start: 2;
995+ grid-column-end: 13;
996+ }
997+ .c3-4-md {
998+ grid-column-start: 3;
999+ grid-column-end: 4;
1000+ }
1001+ .c3-5-md {
1002+ grid-column-start: 3;
1003+ grid-column-end: 5;
1004+ }
1005+ .c3-6-md {
1006+ grid-column-start: 3;
1007+ grid-column-end: 6;
1008+ }
1009+ .c3-7-md {
1010+ grid-column-start: 3;
1011+ grid-column-end: 7;
1012+ }
1013+ .c3-8-md {
1014+ grid-column-start: 3;
1015+ grid-column-end: 8;
1016+ }
1017+ .c3-9-md {
1018+ grid-column-start: 3;
1019+ grid-column-end: 9;
1020+ }
1021+ .c3-10-md {
1022+ grid-column-start: 3;
1023+ grid-column-end: 10;
1024+ }
1025+ .c3-11-md {
1026+ grid-column-start: 3;
1027+ grid-column-end: 11;
1028+ }
1029+ .c3-12-md {
1030+ grid-column-start: 3;
1031+ grid-column-end: 12;
1032+ }
1033+ .c3-13-md {
1034+ grid-column-start: 3;
1035+ grid-column-end: 13;
1036+ }
1037+ .c4-5-md {
1038+ grid-column-start: 4;
1039+ grid-column-end: 5;
1040+ }
1041+ .c4-6-md {
1042+ grid-column-start: 4;
1043+ grid-column-end: 6;
1044+ }
1045+ .c4-7-md {
1046+ grid-column-start: 4;
1047+ grid-column-end: 7;
1048+ }
1049+ .c4-8-md {
1050+ grid-column-start: 4;
1051+ grid-column-end: 8;
1052+ }
1053+ .c4-9-md {
1054+ grid-column-start: 4;
1055+ grid-column-end: 9;
1056+ }
1057+ .c4-10-md {
1058+ grid-column-start: 4;
1059+ grid-column-end: 10;
1060+ }
1061+ .c4-11-md {
1062+ grid-column-start: 4;
1063+ grid-column-end: 11;
1064+ }
1065+ .c4-12-md {
1066+ grid-column-start: 4;
1067+ grid-column-end: 12;
1068+ }
1069+ .c4-13-md {
1070+ grid-column-start: 4;
1071+ grid-column-end: 13;
1072+ }
1073+ .c5-6-md {
1074+ grid-column-start: 5;
1075+ grid-column-end: 6;
1076+ }
1077+ .c5-7-md {
1078+ grid-column-start: 5;
1079+ grid-column-end: 7;
1080+ }
1081+ .c5-8-md {
1082+ grid-column-start: 5;
1083+ grid-column-end: 8;
1084+ }
1085+ .c5-9-md {
1086+ grid-column-start: 5;
1087+ grid-column-end: 9;
1088+ }
1089+ .c5-10-md {
1090+ grid-column-start: 5;
1091+ grid-column-end: 10;
1092+ }
1093+ .c5-11-md {
1094+ grid-column-start: 5;
1095+ grid-column-end: 11;
1096+ }
1097+ .c5-12-md {
1098+ grid-column-start: 5;
1099+ grid-column-end: 12;
1100+ }
1101+ .c5-13-md {
1102+ grid-column-start: 5;
1103+ grid-column-end: 13;
1104+ }
1105+ .c6-7-md {
1106+ grid-column-start: 6;
1107+ grid-column-end: 7;
1108+ }
1109+ .c6-8-md {
1110+ grid-column-start: 6;
1111+ grid-column-end: 8;
1112+ }
1113+ .c6-9-md {
1114+ grid-column-start: 6;
1115+ grid-column-end: 9;
1116+ }
1117+ .c6-10-md {
1118+ grid-column-start: 6;
1119+ grid-column-end: 10;
1120+ }
1121+ .c6-11-md {
1122+ grid-column-start: 6;
1123+ grid-column-end: 11;
1124+ }
1125+ .c6-12-md {
1126+ grid-column-start: 6;
1127+ grid-column-end: 12;
1128+ }
1129+ .c6-13-md {
1130+ grid-column-start: 6;
1131+ grid-column-end: 13;
1132+ }
1133+ .c7-8-md {
1134+ grid-column-start: 7;
1135+ grid-column-end: 8;
1136+ }
1137+ .c7-9-md {
1138+ grid-column-start: 7;
1139+ grid-column-end: 9;
1140+ }
1141+ .c7-10-md {
1142+ grid-column-start: 7;
1143+ grid-column-end: 10;
1144+ }
1145+ .c7-11-md {
1146+ grid-column-start: 7;
1147+ grid-column-end: 11;
1148+ }
1149+ .c7-12-md {
1150+ grid-column-start: 7;
1151+ grid-column-end: 12;
1152+ }
1153+ .c7-13-md {
1154+ grid-column-start: 7;
1155+ grid-column-end: 13;
1156+ }
1157+ .c8-9-md {
1158+ grid-column-start: 8;
1159+ grid-column-end: 9;
1160+ }
1161+ .c8-10-md {
1162+ grid-column-start: 8;
1163+ grid-column-end: 10;
1164+ }
1165+ .c8-11-md {
1166+ grid-column-start: 8;
1167+ grid-column-end: 11;
1168+ }
1169+ .c8-12-md {
1170+ grid-column-start: 8;
1171+ grid-column-end: 12;
1172+ }
1173+ .c8-13-md {
1174+ grid-column-start: 8;
1175+ grid-column-end: 13;
1176+ }
1177+ .c9-10-md {
1178+ grid-column-start: 9;
1179+ grid-column-end: 10;
1180+ }
1181+ .c9-11-md {
1182+ grid-column-start: 9;
1183+ grid-column-end: 11;
1184+ }
1185+ .c9-12-md {
1186+ grid-column-start: 9;
1187+ grid-column-end: 12;
1188+ }
1189+ .c9-13-md {
1190+ grid-column-start: 9;
1191+ grid-column-end: 13;
1192+ }
1193+ .c10-11-md {
1194+ grid-column-start: 10;
1195+ grid-column-end: 11;
1196+ }
1197+ .c10-12-md {
1198+ grid-column-start: 10;
1199+ grid-column-end: 12;
1200+ }
1201+ .c10-13-md {
1202+ grid-column-start: 10;
1203+ grid-column-end: 13;
1204+ }
1205+ .c11-12-md {
1206+ grid-column-start: 11;
1207+ grid-column-end: 12;
1208+ }
1209+ .c11-13-md {
1210+ grid-column-start: 11;
1211+ grid-column-end: 13;
1212+ }
1213+ .c12-13-md {
1214+ grid-column-start: 12;
1215+ grid-column-end: 13;
1216+ }
1217+ }
1218+
1219+ @media only screen and (min-width: 960px) {
1220+ .c1-2-lg {
1221+ grid-column-start: 1;
1222+ grid-column-end: 2;
1223+ }
1224+ .c1-3-lg {
1225+ grid-column-start: 1;
1226+ grid-column-end: 3;
1227+ }
1228+ .c1-4-lg {
1229+ grid-column-start: 1;
1230+ grid-column-end: 4;
1231+ }
1232+ .c1-5-lg {
1233+ grid-column-start: 1;
1234+ grid-column-end: 5;
1235+ }
1236+ .c1-6-lg {
1237+ grid-column-start: 1;
1238+ grid-column-end: 6;
1239+ }
1240+ .c1-7-lg {
1241+ grid-column-start: 1;
1242+ grid-column-end: 7;
1243+ }
1244+ .c1-8-lg {
1245+ grid-column-start: 1;
1246+ grid-column-end: 8;
1247+ }
1248+ .c1-9-lg {
1249+ grid-column-start: 1;
1250+ grid-column-end: 9;
1251+ }
1252+ .c1-10-lg {
1253+ grid-column-start: 1;
1254+ grid-column-end: 10;
1255+ }
1256+ .c1-11-lg {
1257+ grid-column-start: 1;
1258+ grid-column-end: 11;
1259+ }
1260+ .c1-12-lg {
1261+ grid-column-start: 1;
1262+ grid-column-end: 12;
1263+ }
1264+ .c1-13-lg {
1265+ grid-column-start: 1;
1266+ grid-column-end: 13;
1267+ }
1268+ .c2-3-lg {
1269+ grid-column-start: 2;
1270+ grid-column-end: 3;
1271+ }
1272+ .c2-4-lg {
1273+ grid-column-start: 2;
1274+ grid-column-end: 4;
1275+ }
1276+ .c2-5-lg {
1277+ grid-column-start: 2;
1278+ grid-column-end: 5;
1279+ }
1280+ .c2-6-lg {
1281+ grid-column-start: 2;
1282+ grid-column-end: 6;
1283+ }
1284+ .c2-7-lg {
1285+ grid-column-start: 2;
1286+ grid-column-end: 7;
1287+ }
1288+ .c2-8-lg {
1289+ grid-column-start: 2;
1290+ grid-column-end: 8;
1291+ }
1292+ .c2-9-lg {
1293+ grid-column-start: 2;
1294+ grid-column-end: 9;
1295+ }
1296+ .c2-10-lg {
1297+ grid-column-start: 2;
1298+ grid-column-end: 10;
1299+ }
1300+ .c2-11-lg {
1301+ grid-column-start: 2;
1302+ grid-column-end: 11;
1303+ }
1304+ .c2-12-lg {
1305+ grid-column-start: 2;
1306+ grid-column-end: 12;
1307+ }
1308+ .c2-13-lg {
1309+ grid-column-start: 2;
1310+ grid-column-end: 13;
1311+ }
1312+ .c3-4-lg {
1313+ grid-column-start: 3;
1314+ grid-column-end: 4;
1315+ }
1316+ .c3-5-lg {
1317+ grid-column-start: 3;
1318+ grid-column-end: 5;
1319+ }
1320+ .c3-6-lg {
1321+ grid-column-start: 3;
1322+ grid-column-end: 6;
1323+ }
1324+ .c3-7-lg {
1325+ grid-column-start: 3;
1326+ grid-column-end: 7;
1327+ }
1328+ .c3-8-lg {
1329+ grid-column-start: 3;
1330+ grid-column-end: 8;
1331+ }
1332+ .c3-9-lg {
1333+ grid-column-start: 3;
1334+ grid-column-end: 9;
1335+ }
1336+ .c3-10-lg {
1337+ grid-column-start: 3;
1338+ grid-column-end: 10;
1339+ }
1340+ .c3-11-lg {
1341+ grid-column-start: 3;
1342+ grid-column-end: 11;
1343+ }
1344+ .c3-12-lg {
1345+ grid-column-start: 3;
1346+ grid-column-end: 12;
1347+ }
1348+ .c3-13-lg {
1349+ grid-column-start: 3;
1350+ grid-column-end: 13;
1351+ }
1352+ .c4-5-lg {
1353+ grid-column-start: 4;
1354+ grid-column-end: 5;
1355+ }
1356+ .c4-6-lg {
1357+ grid-column-start: 4;
1358+ grid-column-end: 6;
1359+ }
1360+ .c4-7-lg {
1361+ grid-column-start: 4;
1362+ grid-column-end: 7;
1363+ }
1364+ .c4-8-lg {
1365+ grid-column-start: 4;
1366+ grid-column-end: 8;
1367+ }
1368+ .c4-9-lg {
1369+ grid-column-start: 4;
1370+ grid-column-end: 9;
1371+ }
1372+ .c4-10-lg {
1373+ grid-column-start: 4;
1374+ grid-column-end: 10;
1375+ }
1376+ .c4-11-lg {
1377+ grid-column-start: 4;
1378+ grid-column-end: 11;
1379+ }
1380+ .c4-12-lg {
1381+ grid-column-start: 4;
1382+ grid-column-end: 12;
1383+ }
1384+ .c4-13-lg {
1385+ grid-column-start: 4;
1386+ grid-column-end: 13;
1387+ }
1388+ .c5-6-lg {
1389+ grid-column-start: 5;
1390+ grid-column-end: 6;
1391+ }
1392+ .c5-7-lg {
1393+ grid-column-start: 5;
1394+ grid-column-end: 7;
1395+ }
1396+ .c5-8-lg {
1397+ grid-column-start: 5;
1398+ grid-column-end: 8;
1399+ }
1400+ .c5-9-lg {
1401+ grid-column-start: 5;
1402+ grid-column-end: 9;
1403+ }
1404+ .c5-10-lg {
1405+ grid-column-start: 5;
1406+ grid-column-end: 10;
1407+ }
1408+ .c5-11-lg {
1409+ grid-column-start: 5;
1410+ grid-column-end: 11;
1411+ }
1412+ .c5-12-lg {
1413+ grid-column-start: 5;
1414+ grid-column-end: 12;
1415+ }
1416+ .c5-13-lg {
1417+ grid-column-start: 5;
1418+ grid-column-end: 13;
1419+ }
1420+ .c6-7-lg {
1421+ grid-column-start: 6;
1422+ grid-column-end: 7;
1423+ }
1424+ .c6-8-lg {
1425+ grid-column-start: 6;
1426+ grid-column-end: 8;
1427+ }
1428+ .c6-9-lg {
1429+ grid-column-start: 6;
1430+ grid-column-end: 9;
1431+ }
1432+ .c6-10-lg {
1433+ grid-column-start: 6;
1434+ grid-column-end: 10;
1435+ }
1436+ .c6-11-lg {
1437+ grid-column-start: 6;
1438+ grid-column-end: 11;
1439+ }
1440+ .c6-12-lg {
1441+ grid-column-start: 6;
1442+ grid-column-end: 12;
1443+ }
1444+ .c6-13-lg {
1445+ grid-column-start: 6;
1446+ grid-column-end: 13;
1447+ }
1448+ .c7-8-lg {
1449+ grid-column-start: 7;
1450+ grid-column-end: 8;
1451+ }
1452+ .c7-9-lg {
1453+ grid-column-start: 7;
1454+ grid-column-end: 9;
1455+ }
1456+ .c7-10-lg {
1457+ grid-column-start: 7;
1458+ grid-column-end: 10;
1459+ }
1460+ .c7-11-lg {
1461+ grid-column-start: 7;
1462+ grid-column-end: 11;
1463+ }
1464+ .c7-12-lg {
1465+ grid-column-start: 7;
1466+ grid-column-end: 12;
1467+ }
1468+ .c7-13-lg {
1469+ grid-column-start: 7;
1470+ grid-column-end: 13;
1471+ }
1472+ .c8-9-lg {
1473+ grid-column-start: 8;
1474+ grid-column-end: 9;
1475+ }
1476+ .c8-10-lg {
1477+ grid-column-start: 8;
1478+ grid-column-end: 10;
1479+ }
1480+ .c8-11-lg {
1481+ grid-column-start: 8;
1482+ grid-column-end: 11;
1483+ }
1484+ .c8-12-lg {
1485+ grid-column-start: 8;
1486+ grid-column-end: 12;
1487+ }
1488+ .c8-13-lg {
1489+ grid-column-start: 8;
1490+ grid-column-end: 13;
1491+ }
1492+ .c9-10-lg {
1493+ grid-column-start: 9;
1494+ grid-column-end: 10;
1495+ }
1496+ .c9-11-lg {
1497+ grid-column-start: 9;
1498+ grid-column-end: 11;
1499+ }
1500+ .c9-12-lg {
1501+ grid-column-start: 9;
1502+ grid-column-end: 12;
1503+ }
1504+ .c9-13-lg {
1505+ grid-column-start: 9;
1506+ grid-column-end: 13;
1507+ }
1508+ .c10-11-lg {
1509+ grid-column-start: 10;
1510+ grid-column-end: 11;
1511+ }
1512+ .c10-12-lg {
1513+ grid-column-start: 10;
1514+ grid-column-end: 12;
1515+ }
1516+ .c10-13-lg {
1517+ grid-column-start: 10;
1518+ grid-column-end: 13;
1519+ }
1520+ .c11-12-lg {
1521+ grid-column-start: 11;
1522+ grid-column-end: 12;
1523+ }
1524+ .c11-13-lg {
1525+ grid-column-start: 11;
1526+ grid-column-end: 13;
1527+ }
1528+ .c12-13-lg {
1529+ grid-column-start: 12;
1530+ grid-column-end: 13;
1531+ }
1532+ }
sass/indigo.scss+2394−9100
@@ -1,9114 +1,2408 @@
1−/*******************************************************************************
2− *
3− * ██╗ ███╗ ██╗ ██████╗ ██╗ ██████╗ ██████╗
4− * ██║ ████╗ ██║ ██╔══██╗ ██║ ██╔════╝ ██╔═══██╗
5− * ██║ ██╔██╗ ██║ ██║ ██║ ██║ ██║ ███╗ ██║ ██║
6− * ██║ ██║╚██╗██║ ██║ ██║ ██║ ██║ ██║ ██║ ██║
7− * ██║ ██║ ╚████║ ██████╔╝ ██║ ╚██████╔╝ ╚██████╔╝
8− * ╚═╝ ╚═╝ ╚═══╝ ╚═════╝ ╚═╝ ╚═════╝ ╚═════╝
9− *
10− * 0.1.1
11− * https://github.com/urbit/Indigo#readme
12− * git+https://github.com/urbit/Indigo.git
13− * Bugs: https://github.com/urbit/Indigo/issues
14− * License: MIT
15− * Timestamp: Tue Jun 04 2019 13:18:05 GMT-0700 (PDT)
16− *******************************************************************************/
17−/**********************
18−Color variables
19−**********************/
20−/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
21−/* Document
22− ========================================================================== */
23−/**
24− * 1. Correct the line height in all browsers.
25− * 2. Prevent adjustments of font size after orientation changes in iOS.
26− */
27− html {
28− line-height: 1.15;
29− /* 1 */
30− -webkit-text-size-adjust: 100%;
31− /* 2 */
32−}
33−
34−/* Sections
35− ========================================================================== */
36−/**
37− * Remove the margin in all browsers.
38− */
39−body {
40− margin: 0;
41−}
42−
43−/**
44− * Correct the font size and margin on `h1` elements within `section` and
45− * `article` contexts in Chrome, Firefox, and Safari.
46− */
47−h1 {
48− font-size: 2em;
49− margin: 0.67em 0;
50−}
51−
52−/* Grouping content
53− ========================================================================== */
54−/**
55− * 1. Add the correct box sizing in Firefox.
56− * 2. Show the overflow in Edge and IE.
57− */
58−hr {
59− box-sizing: content-box;
60− /* 1 */
61− height: 0;
62− /* 1 */
63− overflow: visible;
64− /* 2 */
65−}
66−
67−/**
68− * 1. Correct the inheritance and scaling of font size in all browsers.
69− * 2. Correct the odd `em` font sizing in all browsers.
70− */
71−pre {
72− font-family: monospace, monospace;
73− /* 1 */
74− font-size: 1em;
75− /* 2 */
76−}
77−
78−/* Text-level semantics
79− ========================================================================== */
80−/**
81− * Remove the gray background on active links in IE 10.
82− */
83−a {
84− background-color: transparent;
85−}
86−
87−/**
88− * 1. Remove the bottom border in Chrome 57-
89− * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
90− */
91−abbr[title] {
92− border-bottom: none;
93− /* 1 */
94− text-decoration: underline;
95− /* 2 */
96− text-decoration: underline dotted;
97− /* 2 */
98−}
99−
100−/**
101− * Add the correct font weight in Chrome, Edge, and Safari.
102− */
103−b,
104−strong {
105− font-weight: bolder;
106−}
107−
108−/**
109− * 1. Correct the inheritance and scaling of font size in all browsers.
110− * 2. Correct the odd `em` font sizing in all browsers.
111− */
112−code,
113−kbd,
114−samp {
115− font-family: monospace, monospace;
116− /* 1 */
117− font-size: 1em;
118− /* 2 */
119−}
120−
121−/**
122− * Add the correct font size in all browsers.
123− */
124−small {
125− font-size: 80%;
126−}
127−
128−/**
129− * Prevent `sub` and `sup` elements from affecting the line height in
130− * all browsers.
131− */
132−sub,
133−sup {
134− font-size: 75%;
135− line-height: 0;
136− position: relative;
137− vertical-align: baseline;
138−}
139−
140−sub {
141− bottom: -0.25em;
142−}
143−
144−sup {
145− top: -0.5em;
146−}
147−
148−/* Embedded content
149− ========================================================================== */
150−/**
151− * Remove the border on images inside links in IE 10.
152− */
153−img {
154− border-style: none;
155−}
156−
157−/* Forms
158− ========================================================================== */
159−/**
160− * 1. Change the font styles in all browsers.
161− * 2. Remove the margin in Firefox and Safari.
162− */
163−button,
164−input,
165−optgroup,
166−select,
167−textarea {
168− font-family: inherit;
169− /* 1 */
170− font-size: 100%;
171− /* 1 */
172− line-height: 1.15;
173− /* 1 */
174− margin: 0;
175− /* 2 */
176−}
177−
178−/**
179− * Show the overflow in IE.
180− * 1. Show the overflow in Edge.
181− */
182−button,
183−input {
184− /* 1 */
185− overflow: visible;
186−}
187−
188−/**
189− * Remove the inheritance of text transform in Edge, Firefox, and IE.
190− * 1. Remove the inheritance of text transform in Firefox.
191− */
192−button,
193−select {
194− /* 1 */
195− text-transform: none;
196−}
197−
198−/**
199− * Correct the inability to style clickable types in iOS and Safari.
200− */
201−button,
202−[type="button"],
203−[type="reset"],
204−[type="submit"] {
205− -webkit-appearance: button;
206−}
207−
208−/**
209− * Remove the inner border and padding in Firefox.
210− */
211−button::-moz-focus-inner,
212−[type="button"]::-moz-focus-inner,
213−[type="reset"]::-moz-focus-inner,
214−[type="submit"]::-moz-focus-inner {
215− border-style: none;
216− padding: 0;
217−}
218−
219−/**
220− * Restore the focus styles unset by the previous rule.
221− */
222−button:-moz-focusring,
223−[type="button"]:-moz-focusring,
224−[type="reset"]:-moz-focusring,
225−[type="submit"]:-moz-focusring {
226− outline: 1px dotted ButtonText;
227−}
228−
229−/**
230− * Correct the padding in Firefox.
231− */
232−fieldset {
233− padding: 0.35em 0.75em 0.625em;
234−}
235−
236−/**
237− * 1. Correct the text wrapping in Edge and IE.
238− * 2. Correct the color inheritance from `fieldset` elements in IE.
239− * 3. Remove the padding so developers are not caught out when they zero out
240− * `fieldset` elements in all browsers.
241− */
242−legend {
243− box-sizing: border-box;
244− /* 1 */
245− color: inherit;
246− /* 2 */
247− display: table;
248− /* 1 */
249− max-width: 100%;
250− /* 1 */
251− padding: 0;
252− /* 3 */
253− white-space: normal;
254− /* 1 */
255−}
256−
257−/**
258− * Add the correct vertical alignment in Chrome, Firefox, and Opera.
259− */
260−progress {
261− vertical-align: baseline;
262−}
263−
264−/**
265− * Remove the default vertical scrollbar in IE 10+.
266− */
267−textarea {
268− overflow: auto;
269−}
270−
271−/**
272− * 1. Add the correct box sizing in IE 10.
273− * 2. Remove the padding in IE 10.
274− */
275−[type="checkbox"],
276−[type="radio"] {
277− box-sizing: border-box;
278− /* 1 */
279− padding: 0;
280− /* 2 */
281−}
282−
283−/**
284− * Correct the cursor style of increment and decrement buttons in Chrome.
1+/* TACHYONS v0.0.1 | https://github.com/tachyons-css/tachyons */
2+/*
3+ *
4+ * ________ ______
5+ * ___ __/_____ _________ /______ ______________________
6+ * __ / _ __ / ___/_ __ _ / / / __ _ __ _ ___/
7+ * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ )
8+ * /_/ __,_/ ___/ /_/ /_/___, / ____//_/ /_//____/
9+ * /____/
10+ *
11+ * TABLE OF CONTENTS
12+ *
13+ * 1. External Library Includes
14+ * - Normalize.css | http://normalize.css.github.io
15+ * 2. Tachyons Modules
16+ * 3. Variables
17+ * - Media Queries
18+ * - Colors
19+ * 4. Debugging
20+ * - Debug all
21+ * - Debug children
22+ *
28523 */
24+/* External Library Includes */
25+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
26+html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
27+body { margin: 0; }
28+article, aside, footer, header, nav, section { display: block; }
29+h1 { font-size: 2em; margin: .67em 0; }
30+figcaption, figure, main { display: block; }
31+figure { margin: 1em 40px; }
32+hr { box-sizing: content-box; height: 0; overflow: visible; }
33+pre { font-family: monospace, monospace; font-size: 1em; }
34+a { background-color: transparent; -webkit-text-decoration-skip: objects; }
35+abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
36+b, strong { font-weight: inherit; }
37+b, strong { font-weight: bolder; }
38+code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
39+dfn { font-style: italic; }
40+mark { background-color: #ff0; color: #000; }
41+small { font-size: 80%; }
42+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
43+sub { bottom: -0.25em; }
44+sup { top: -0.5em; }
45+audio, video { display: inline-block; }
46+audio:not([controls]) { display: none; height: 0; }
47+img { border-style: none; }
48+svg:not(:root) { overflow: hidden; }
49+button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
50+button, input { overflow: visible; }
51+button, select { text-transform: none; }
52+button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
53+button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
54+[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
55+button:-moz-focusring, [type="button"]:-moz-focusring,
56+[type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
57+fieldset { padding: .35em .75em .625em; }
58+legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
59+progress { display: inline-block; vertical-align: baseline; }
60+textarea { overflow: auto; }
61+[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
28662[type="number"]::-webkit-inner-spin-button,
287−[type="number"]::-webkit-outer-spin-button {
288− height: auto;
289−}
290−
291−/**
292− * 1. Correct the odd appearance in Chrome and Safari.
293− * 2. Correct the outline style in Safari.
294− */
295−[type="search"] {
296− -webkit-appearance: textfield;
297− /* 1 */
298− outline-offset: -2px;
299− /* 2 */
300−}
301−
302−/**
303− * Remove the inner padding in Chrome and Safari on macOS.
304− */
305−[type="search"]::-webkit-search-decoration {
306− -webkit-appearance: none;
307−}
308−
309−/**
310− * 1. Correct the inability to style clickable types in iOS and Safari.
311− * 2. Change font properties to `inherit` in Safari.
312− */
313−::-webkit-file-upload-button {
314− -webkit-appearance: button;
315− /* 1 */
316− font: inherit;
317− /* 2 */
318−}
319−
320−/* Interactive
321− ========================================================================== */
63+[type="number"]::-webkit-outer-spin-button { height: auto; }
64+[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
65+[type="search"]::-webkit-search-cancel-button,
66+[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
67+::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
68+details, menu { display: block; }
69+summary { display: list-item; }
70+canvas { display: inline-block; }
71+template { display: none; }
72+[hidden] { display: none; }
73+.aspect-ratio { height: 0; position: relative; }
74+.aspect-ratio--16x9 { padding-bottom: 56.25%; }
75+.aspect-ratio--9x16 { padding-bottom: 177.77%; }
76+.aspect-ratio--4x3 { padding-bottom: 75%; }
77+.aspect-ratio--3x4 { padding-bottom: 133.33%; }
78+.aspect-ratio--6x4 { padding-bottom: 66.6%; }
79+.aspect-ratio--4x6 { padding-bottom: 150%; }
80+.aspect-ratio--8x5 { padding-bottom: 62.5%; }
81+.aspect-ratio--5x8 { padding-bottom: 160%; }
82+.aspect-ratio--7x5 { padding-bottom: 71.42%; }
83+.aspect-ratio--5x7 { padding-bottom: 140%; }
84+.aspect-ratio--1x1 { padding-bottom: 100%; }
85+.aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
86+.cover { background-size: cover !important; }
87+.contain { background-size: contain !important; }
88+.bg-center { background-repeat: no-repeat; background-position: center center; }
89+.bg-top { background-repeat: no-repeat; background-position: top center; }
90+.bg-right { background-repeat: no-repeat; background-position: center right; }
91+.bg-bottom { background-repeat: no-repeat; background-position: bottom center; }
92+.bg-left { background-repeat: no-repeat; background-position: center left; }
93+.ba { border-style: solid; border-width: 1px; }
94+.bt { border-top-style: solid; border-top-width: 1px; }
95+.br { border-right-style: solid; border-right-width: 1px; }
96+.bb { border-bottom-style: solid; border-bottom-width: 1px; }
97+.bl { border-left-style: solid; border-left-width: 1px; }
98+.bn { border-style: none; border-width: 0; }
99+.b--black { border-color: #000; }
100+.b--white { border-color: #fff; }
101+.b--gray0 { border-color: #333; }
102+.b--gray1 { border-color: #4d4d4d; }
103+.b--gray2 { border-color: #7f7f7f; }
104+.b--gray3 { border-color: #b1b2b3; }
105+.b--gray4 { border-color: #e6e6e6; }
106+.b--gray5 { border-color: #f9f9f9; }
107+.b--blue0 { border-color: #ecf6ff; }
108+.b--blue1 { border-color: #b0c7ff; }
109+.b--blue2 { border-color: #4330fc; }
110+.b--blue3 { border-color: #190d7b; }
111+.b--red0 { border-color: #f9d6ce; }
112+.b--red1 { border-color: #ffa073; }
113+.b--red2 { border-color: #ee5432; }
114+.b--red3 { border-color: #c10d30; }
115+.b--green0 { border-color: #bdebcc; }
116+.b--green1 { border-color: #2ed196; }
117+.b--green2 { border-color: #2aa779; }
118+.b--green3 { border-color: #286e55; }
119+.b--yellow0 { border-color: #ffefc5; }
120+.b--yellow1 { border-color: #ffd972; }
121+.b--yellow2 { border-color: #fcc440; }
122+.b--yellow3 { border-color: #ee892b; }
123+.b--transparent { border-color: transparent; }
322124/*
323− * Add the correct display in Edge, IE 10+, and Firefox.
324− */
325−details {
326− display: block;
327−}
328125
126+ BORDER RADIUS
127+ Docs: http://tachyons.io/docs/themes/border-radius/
128+
129+ Base:
130+ br = border-radius
131+
132+ Modifiers:
133+ 0 = 0/none
134+ 1 = 1st step in scale
135+ 2 = 2nd step in scale
136+ 3 = 3rd step in scale
137+ 4 = 4th step in scale
138+
139+ Literal values:
140+ -100 = 100%
141+ -pill = 9999px
142+
143+ Media Query Extensions:
144+ -m = 34.375em
145+ -l = 46.875em
146+ -xl = 60em
147+
148+*/
149+.br0 { border-radius: 0; }
150+.br1 { border-radius: .125rem; }
151+.br2 { border-radius: .25rem; }
152+.br3 { border-radius: .5rem; }
153+.br4 { border-radius: 1rem; }
154+.br-100 { border-radius: 100%; }
155+.br-pill { border-radius: 9999px; }
156+.br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }
157+.br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
158+.br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; }
159+.br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
160+.b--dotted { border-style: dotted; }
161+.b--dashed { border-style: dashed; }
162+.b--solid { border-style: solid; }
163+.b--none { border-style: none; }
329164/*
330− * Add the correct display in all browsers.
331− */
332−summary {
333− display: list-item;
334−}
335−
336−/* Misc
337− ========================================================================== */
338−/**
339− * Add the correct display in IE 10+.
340− */
341−template {
342− display: none;
343−}
344−
345−/**
346− * Add the correct display in IE 10.
347− */
348−[hidden] {
349− display: none;
350−}
351−
352−button {
353− border-style: none;
354−}
355−
356−* {
357− -webkit-font-smoothing: antialiased;
358−}
359−
360−* {
361− font-family: "Inter UI", sans-serif;
362− color: black;
363−}
364−
365−h1,
366−h2,
367−h3,
368−h4,
369−h5,
370−h6 {
371− font-weight: 600;
372− margin: 0;
373− padding: 0;
374−}
375−
376−a {
377− color: black;
378− text-decoration: none;
379−}
380−
381−h1,
382−.f1 {
383− font-size: 3rem;
384− line-height: 1.33333;
385− font-weight: 400;
386−}
387−
388−h2,
389−.f2 {
390− font-size: 2rem;
391− line-height: 1.5;
392− font-weight: 400;
393−}
394−
395−h3,
396−.f3 {
397− font-size: 1.5rem;
398− line-height: 1.5;
399− font-weight: 400;
400−}
401−
402−h4,
403−.f4 {
404− font-size: 1.25rem;
405− line-height: 1.33333;
406− font-weight: 400;
407−}
408−
409−h5,
410−p,
411−.f5 {
412− font-size: 1rem;
413− line-height: 1.5;
414− font-weight: 400;
415−}
416−
417−caption,
418−.f6 {
419− font-size: 0.75rem;
420− line-height: 1.33333;
421− font-weight: 400;
422−}
423−
424−@media only screen and (min-width: 550px) {
425− .f1-ns {
426− font-size: 3rem;
427− line-height: 1.33333;
428− font-weight: 400;
429− }
430− .f2-ns {
431− font-size: 2rem;
432− line-height: 1.5;
433− font-weight: 400;
434− }
435− .f3-ns {
436− font-size: 1.5rem;
437− line-height: 1.5;
438− font-weight: 400;
439− }
440− .f4-ns {
441− font-size: 1.25rem;
442− line-height: 1.33333;
443− font-weight: 400;
444− }
445− .f5-ns {
446− font-size: 1rem;
447− line-height: 1.5;
448− font-weight: 400;
449− }
450− .f6-ns {
451− font-size: 0.75rem;
452− line-height: 1.33333;
453− font-weight: 400;
454− }
455−}
456−
457−@media only screen and (min-width: 750px) and (max-width: 960px) {
458− .f1-md {
459− font-size: 3rem;
460− line-height: 1.33333;
461− font-weight: 400;
462− }
463− .f2-md {
464− font-size: 2rem;
465− line-height: 1.5;
466− font-weight: 400;
467− }
468− .f3-md {
469− font-size: 1.5rem;
470− line-height: 1.5;
471− font-weight: 400;
472− }
473− .f4-md {
474− font-size: 1.25rem;
475− line-height: 1.33333;
476− font-weight: 400;
477− }
478− .f5-md {
479− font-size: 1rem;
480− line-height: 1.5;
481− font-weight: 400;
482− }
483− .f6-md {
484− font-size: 0.75rem;
485− line-height: 1.33333;
486− font-weight: 400;
487− }
488−}
489−
490−@media only screen and (min-width: 960px) {
491− .f1-lg {
492− font-size: 3rem;
493− line-height: 1.33333;
494− font-weight: 400;
495− }
496− .f2-lg {
497− font-size: 2rem;
498− line-height: 1.5;
499− font-weight: 400;
500− }
501− .f3-lg {
502− font-size: 1.5rem;
503− line-height: 1.5;
504− font-weight: 400;
505− }
506− .f4-lg {
507− font-size: 1.25rem;
508− line-height: 1.33333;
509− font-weight: 400;
510− }
511− .f5-lg {
512− font-size: 1rem;
513− line-height: 1.5;
514− font-weight: 400;
515− }
516− .f6-lg {
517− font-size: 0.75rem;
518− line-height: 1.33333;
519− font-weight: 400;
520− }
521−}
522−
523−.lh-short {
524− line-height: 1.33333;
525−}
526−
527−.lh-regular {
528− line-height: 1.5;
529−}
530−
531−.lh-tall {
532− line-height: 1.66667;
533−}
534−
535−@media only screen and (min-width: 550px) {
536− .lh-short-ns {
537− line-height: 1.33333;
538− }
539− .lh-regular-ns {
540− line-height: 1.5;
541− }
542− .lh-tall-ns {
543− line-height: 1.66667;
544− }
545−}
546−
547−@media only screen and (min-width: 750px) and (max-width: 960px) {
548− .lh-short-md {
549− line-height: 1.33333;
550− }
551− .lh-regular-md {
552− line-height: 1.5;
553− }
554− .lh-tall-md {
555− line-height: 1.66667;
556− }
557−}
558−
559−@media only screen and (min-width: 960px) {
560− .lh-short-lg {
561− line-height: 1.33333;
562− }
563− .lh-regular-lg {
564− line-height: 1.5;
565− }
566− .lh-tall-lg {
567− line-height: 1.66667;
568− }
569−}
570−
571−.fw-thin {
572− font-weight: 200;
573−}
574−
575−.fw-regular {
576− font-weight: 400;
577−}
578−
579−.fw-bold {
580− font-weight: 600;
581−}
582−
583−@media only screen and (min-width: 550px) {
584− .fw-thin-ns {
585− font-weight: 200;
586− }
587− .fw-regular-ns {
588− font-weight: 400;
589− }
590− .fw-bold-ns {
591− font-weight: 600;
592− }
593−}
594−
595−@media only screen and (min-width: 750px) and (max-width: 960px) {
596− .fw-thin-md {
597− font-weight: 200;
598− }
599− .fw-regular-md {
600− font-weight: 400;
601− }
602− .fw-bold-md {
603− font-weight: 600;
604− }
605−}
606−
607−@media only screen and (min-width: 960px) {
608− .fw-thin-lg {
609− font-weight: 200;
610− }
611− .fw-regular-lg {
612− font-weight: 400;
613− }
614− .fw-bold-lg {
615− font-weight: 600;
616− }
617−}
618−
619−.md h1 {
620− font-size: 3rem;
621− line-height: 1.33333;
622− font-weight: 600;
623− margin: 48px 0;
624−}
625−
626−.md h2 {
627− font-size: 2rem;
628− line-height: 1.5;
629− font-weight: 600;
630− margin: 32px 0;
631−}
632−
633−.md h3 {
634− font-size: 1.5rem;
635− line-height: 1.5;
636− font-weight: 600;
637− margin: 24px 0;
638−}
639−
640−.md h4 {
641− font-size: 1.25rem;
642− line-height: 1.33333;
643− font-weight: 600;
644− margin: 20px 0;
645−}
646−
647−.md h5 {
648− font-size: 1rem;
649− line-height: 1.5;
650− font-weight: 600;
651− margin: 32px 0;
652−}
653−
654−.md p {
655− font-size: 1rem;
656− line-height: 1.5;
657− font-weight: 400;
658− margin: 32px 0;
659−}
660−
661−.md caption {
662− font-size: 0.75rem;
663− line-height: 1.33333;
664− font-weight: 400;
665− margin: 16px 0;
666−}
667−
668−.md code {
669− font-family: Source Code Pro;
670− background-color: #e6e6e6;
671− padding: 4px;
672− border-radius: 1px;
673−}
674−
675−.md a {
676− text-decoration: underline;
677−}
678−
679−.truncate {
680− white-space: nowrap;
681− overflow: hidden;
682− text-overflow: ellipsis;
683−}
684−
685−.indent {
686− text-indent: 2em;
687− margin-top: 0;
688− margin-bottom: 0;
689−}
690−
691−@media only screen and (min-width: 550px) {
692− .truncate-ns {
693− white-space: nowrap;
694− overflow: hidden;
695− text-overflow: ellipsis;
696− }
697− .indent-ns {
698− text-indent: 2em;
699− margin-top: 0;
700− margin-bottom: 0;
701− }
702−}
703−
704−@media only screen and (min-width: 750px) and (max-width: 960px) {
705− .truncate-md {
706− white-space: nowrap;
707− overflow: hidden;
708− text-overflow: ellipsis;
709− }
710− .indent-md {
711− text-indent: 2em;
712− margin-top: 0;
713− margin-bottom: 0;
714− }
715−}
716−
717−@media only screen and (min-width: 960px) {
718− .truncate-lg {
719− white-space: nowrap;
720− overflow: hidden;
721− text-overflow: ellipsis;
722− }
723− .indent-lg {
724− text-indent: 2em;
725− margin-top: 0;
726− margin-bottom: 0;
727− }
728−}
729−
730−.measure-narrow {
731− max-width: 20rem;
732−}
733−
734−.measure {
735− max-width: 30rem;
736−}
737−
738−.measure-wide {
739− max-width: 34rem;
740−}
741−
742−@media only screen and (min-width: 550px) {
743− .measure-narrow-ns {
744− max-width: 20rem;
745− }
746− .measure-ns {
747− max-width: 30rem;
748− }
749− .measure-wide-ns {
750− max-width: 34rem;
751− }
752−}
753−
754−@media only screen and (min-width: 750px) and (max-width: 960px) {
755− .measure-narrow-md {
756− max-width: 20rem;
757− }
758− .measure-md {
759− max-width: 30rem;
760− }
761− .measure-wide-md {
762− max-width: 34rem;
763− }
764−}
765−
766−@media only screen and (min-width: 960px) {
767− .measure-narrow-lg {
768− max-width: 20rem;
769− }
770− .measure-lg {
771− max-width: 30rem;
772− }
773− .measure-wide-lg {
774− max-width: 34rem;
775− }
776−}
777−
778−.sans,
779−.inter {
780− font-family: "Inter UI", sans-serif;
781−}
782−
783−.sys {
784− font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial,
785− sans-serif, "Apple Color Emoji";
786−}
787−
788−.mono {
789− font-family: "Source Code Pro", "Roboto mono", "Courier New", monospace;
790−}
791−
792−.italic,
793−.i {
794− font-style: italic;
795−}
796−
797−.fs-normal {
798− font-style: normal;
799−}
800−
801−.t-left {
802− text-align: left;
803−}
804−
805−.t-center {
806− text-align: center;
807−}
808−
809−.t-justified {
810− text-align: justify;
811−}
812−
813−.t-right {
814− text-align: right;
815−}
816−
817−@media only screen and (min-width: 550px) {
818− .t-left-ns {
819− text-align: left;
820− }
821− .t-center-ns {
822− text-align: center;
823− }
824− .t-justified-ns {
825− text-align: justify;
826− }
827− .t-right-ns {
828− text-align: right;
829− }
830−}
831−
832−@media only screen and (min-width: 750px) and (max-width: 960px) {
833− .t-left-md {
834− text-align: left;
835− }
836− .t-center-md {
837− text-align: center;
838− }
839− .t-justified-md {
840− text-align: justify;
841− }
842− .t-right-md {
843− text-align: right;
844− }
845−}
846−
847−@media only screen and (min-width: 960px) {
848− .t-left-lg {
849− text-align: left;
850− }
851− .t-center-lg {
852− text-align: center;
853− }
854− .t-justified-lg {
855− text-align: justify;
856− }
857− .t-right-lg {
858− text-align: right;
859− }
860−}
861−
862−.underline {
863− text-decoration: underline;
864−}
865−
866−.strikethrough {
867− text-decoration: line-through;
868−}
869−
870−.no-underline {
871− text-decoration: none;
872−}
873−
874−.ws-normal {
875− white-space: normal;
876−}
877−
878−.nowrap {
879− white-space: nowrap;
880−}
881−
882−.pre {
883− white-space: pre;
884−}
885−
886−@media only screen and (min-width: 550px) {
887− .ws-normal-ns {
888− white-space: normal;
889− }
890− .nowrap-ns {
891− white-space: nowrap;
892− }
893− .pre-ns {
894− white-space: pre;
895− }
896−}
897−
898−@media only screen and (min-width: 750px) and (max-width: 960px) {
899− .ws-normal-md {
900− white-space: normal;
901− }
902− .nowrap-md {
903− white-space: nowrap;
904− }
905− .pre-md {
906− white-space: pre;
907− }
908−}
909−
910−@media only screen and (min-width: 960px) {
911− .ws-normal-lg {
912− white-space: normal;
913− }
914− .nowrap-lg {
915− white-space: nowrap;
916− }
917− .pre-lg {
918− white-space: pre;
919− }
920−}
921−
922−/*******************************************************************************
923− Border Radius
924−*******************************************************************************/
925−.r0 {
926− border-radius: 0px;
927−}
928−
929−.r1 {
930− border-radius: 1px;
931−}
932−
933−.r2 {
934− border-radius: 2px;
935−}
936−
937−.r4 {
938− border-radius: 4px;
939−}
940−
941−.r8 {
942− border-radius: 8px;
943−}
944−
945−.r16 {
946− border-radius: 16px;
947−}
948165
949−.r24 {
950− border-radius: 24px;
951−}
166+ BORDER WIDTHS
167+ Docs: http://tachyons.io/docs/themes/borders/
168+
169+ Base:
170+ bw = border-width
171+
172+ Modifiers:
173+ 0 = 0 width border
174+ 1 = 1st step in border-width scale
175+ 2 = 2nd step in border-width scale
176+ 3 = 3rd step in border-width scale
177+ 4 = 4th step in border-width scale
178+ 5 = 5th step in border-width scale
179+
180+ Media Query Extensions:
181+ -m = 34.375em
182+ -l = 46.875em
183+ -xl = 60em
184+
185+*/
186+.bw0 { border-width: 0; }
187+.bw1 { border-width: .125rem; }
188+.bw2 { border-width: .25rem; }
189+.bw3 { border-width: .5rem; }
190+.bw4 { border-width: 1rem; }
191+.bw5 { border-width: 2rem; }
192+.bt-0 { border-top-width: 0; }
193+.br-0 { border-right-width: 0; }
194+.bb-0 { border-bottom-width: 0; }
195+.bl-0 { border-left-width: 0; }
196+.shadow-1 { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
197+.shadow-2 { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
198+.shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
199+.shadow-4 { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
200+.shadow-5 { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
201+html, body, div, article, aside, section, main, nav, footer, header, form,
202+fieldset, legend, pre, code, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt,
203+dd, blockquote, figcaption, figure, textarea, table, td, th, tr,
204+input[type="email"], input[type="number"], input[type="password"],
205+input[type="tel"], input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
206+.pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; }
207+/*
952208
953−.r32 {
954− border-radius: 32px;
955−}
209+ SPACING
210+ Docs: http://tachyons.io/docs/layout/spacing/
211+
212+ An eight step powers of two scale ranging from 0 to 16rem.
213+
214+ Base:
215+ p = padding
216+ m = margin
217+
218+ Modifiers:
219+ a = all
220+ h = horizontal
221+ v = vertical
222+ t = top
223+ r = right
224+ b = bottom
225+ l = left
226+
227+ 0 = 0/none
228+ 1 = 1st step in spacing scale
229+ 2 = 2nd step in spacing scale
230+ 3 = 3rd step in spacing scale
231+ 4 = 4th step in spacing scale
232+ 5 = 5th step in spacing scale
233+ 6 = 6th step in spacing scale
234+ 7 = 7th step in spacing scale
235+
236+ Media Query Extensions:
237+ -m = 34.375em
238+ -l = 46.875em
239+ -xl = 60em
240+
241+*/
242+.pa0 { padding: 0; }
243+.ma0 { margin: 0; }
244+.na0 { margin: 0; }
245+.pl0 { padding-left: 0; }
246+.ml0 { margin-left: 0; }
247+.nl0 { margin-left: 0; }
248+.pr0 { padding-right: 0; }
249+.mr0 { margin-right: 0; }
250+.nr0 { margin-right: 0; }
251+.pt0 { padding-top: 0; }
252+.mt0 { margin-top: 0; }
253+.nt0 { margin-top: 0; }
254+.pb0 { padding-bottom: 0; }
255+.mb0 { margin-bottom: 0; }
256+.nb0 { margin-bottom: 0; }
257+.pv0 { padding-top: 0; padding-bottom: 0; }
258+.mv0 { margin-top: 0; margin-bottom: 0; }
259+.nv0 { margin-top: 0; margin-bottom: 0; }
260+.ph0 { padding-left: 0; padding-right: 0; }
261+.mh0 { margin-left: 0; margin-right: 0; }
262+.nh0 { margin-left: 0; margin-right: 0; }
263+.pa1 { padding: .25rem; }
264+.ma1 { margin: .25rem; }
265+.na1 { margin: -0.25rem; }
266+.pl1 { padding-left: .25rem; }
267+.ml1 { margin-left: .25rem; }
268+.nl1 { margin-left: -0.25rem; }
269+.pr1 { padding-right: .25rem; }
270+.mr1 { margin-right: .25rem; }
271+.nr1 { margin-right: -0.25rem; }
272+.pt1 { padding-top: .25rem; }
273+.mt1 { margin-top: .25rem; }
274+.nt1 { margin-top: -0.25rem; }
275+.pb1 { padding-bottom: .25rem; }
276+.mb1 { margin-bottom: .25rem; }
277+.nb1 { margin-bottom: -0.25rem; }
278+.pv1 { padding-top: .25rem; padding-bottom: .25rem; }
279+.mv1 { margin-top: .25rem; margin-bottom: .25rem; }
280+.nv1 { margin-top: -0.25rem; margin-bottom: -0.25rem; }
281+.ph1 { padding-left: .25rem; padding-right: .25rem; }
282+.mh1 { margin-left: .25rem; margin-right: .25rem; }
283+.nh1 { margin-left: -0.25rem; margin-right: -0.25rem; }
284+.pa2 { padding: .5rem; }
285+.ma2 { margin: .5rem; }
286+.na2 { margin: -0.5rem; }
287+.pl2 { padding-left: .5rem; }
288+.ml2 { margin-left: .5rem; }
289+.nl2 { margin-left: -0.5rem; }
290+.pr2 { padding-right: .5rem; }
291+.mr2 { margin-right: .5rem; }
292+.nr2 { margin-right: -0.5rem; }
293+.pt2 { padding-top: .5rem; }
294+.mt2 { margin-top: .5rem; }
295+.nt2 { margin-top: -0.5rem; }
296+.pb2 { padding-bottom: .5rem; }
297+.mb2 { margin-bottom: .5rem; }
298+.nb2 { margin-bottom: -0.5rem; }
299+.pv2 { padding-top: .5rem; padding-bottom: .5rem; }
300+.mv2 { margin-top: .5rem; margin-bottom: .5rem; }
301+.nv2 { margin-top: -0.5rem; margin-bottom: -0.5rem; }
302+.ph2 { padding-left: .5rem; padding-right: .5rem; }
303+.mh2 { margin-left: .5rem; margin-right: .5rem; }
304+.nh2 { margin-left: -0.5rem; margin-right: -0.5rem; }
305+.pa3 { padding: 1rem; }
306+.ma3 { margin: 1rem; }
307+.na3 { margin: -1rem; }
308+.pl3 { padding-left: 1rem; }
309+.ml3 { margin-left: 1rem; }
310+.nl3 { margin-left: -1rem; }
311+.pr3 { padding-right: 1rem; }
312+.mr3 { margin-right: 1rem; }
313+.nr3 { margin-right: -1rem; }
314+.pt3 { padding-top: 1rem; }
315+.mt3 { margin-top: 1rem; }
316+.nt3 { margin-top: -1rem; }
317+.pb3 { padding-bottom: 1rem; }
318+.mb3 { margin-bottom: 1rem; }
319+.nb3 { margin-bottom: -1rem; }
320+.pv3 { padding-top: 1rem; padding-bottom: 1rem; }
321+.mv3 { margin-top: 1rem; margin-bottom: 1rem; }
322+.nv3 { margin-top: -1rem; margin-bottom: -1rem; }
323+.ph3 { padding-left: 1rem; padding-right: 1rem; }
324+.mh3 { margin-left: 1rem; margin-right: 1rem; }
325+.nh3 { margin-left: -1rem; margin-right: -1rem; }
326+.pa4 { padding: 2rem; }
327+.ma4 { margin: 2rem; }
328+.na4 { margin: -2rem; }
329+.pl4 { padding-left: 2rem; }
330+.ml4 { margin-left: 2rem; }
331+.nl4 { margin-left: -2rem; }
332+.pr4 { padding-right: 2rem; }
333+.mr4 { margin-right: 2rem; }
334+.nr4 { margin-right: -2rem; }
335+.pt4 { padding-top: 2rem; }
336+.mt4 { margin-top: 2rem; }
337+.nt4 { margin-top: -2rem; }
338+.pb4 { padding-bottom: 2rem; }
339+.mb4 { margin-bottom: 2rem; }
340+.nb4 { margin-bottom: -2rem; }
341+.pv4 { padding-top: 2rem; padding-bottom: 2rem; }
342+.mv4 { margin-top: 2rem; margin-bottom: 2rem; }
343+.nv4 { margin-top: -2rem; margin-bottom: -2rem; }
344+.ph4 { padding-left: 2rem; padding-right: 2rem; }
345+.mh4 { margin-left: 2rem; margin-right: 2rem; }
346+.nh4 { margin-left: -2rem; margin-right: -2rem; }
347+.pa5 { padding: 4rem; }
348+.ma5 { margin: 4rem; }
349+.na5 { margin: -4rem; }
350+.pl5 { padding-left: 4rem; }
351+.ml5 { margin-left: 4rem; }
352+.nl5 { margin-left: -4rem; }
353+.pr5 { padding-right: 4rem; }
354+.mr5 { margin-right: 4rem; }
355+.nr5 { margin-right: -4rem; }
356+.pt5 { padding-top: 4rem; }
357+.mt5 { margin-top: 4rem; }
358+.nt5 { margin-top: -4rem; }
359+.pb5 { padding-bottom: 4rem; }
360+.mb5 { margin-bottom: 4rem; }
361+.nb5 { margin-bottom: -4rem; }
362+.pv5 { padding-top: 4rem; padding-bottom: 4rem; }
363+.mv5 { margin-top: 4rem; margin-bottom: 4rem; }
364+.nv5 { margin-top: -4rem; margin-bottom: -4rem; }
365+.ph5 { padding-left: 4rem; padding-right: 4rem; }
366+.mh5 { margin-left: 4rem; margin-right: 4rem; }
367+.nh5 { margin-left: -4rem; margin-right: -4rem; }
368+.pa6 { padding: 8rem; }
369+.ma6 { margin: 8rem; }
370+.na6 { margin: -8rem; }
371+.pl6 { padding-left: 8rem; }
372+.ml6 { margin-left: 8rem; }
373+.nl6 { margin-left: -8rem; }
374+.pr6 { padding-right: 8rem; }
375+.mr6 { margin-right: 8rem; }
376+.nr6 { margin-right: -8rem; }
377+.pt6 { padding-top: 8rem; }
378+.mt6 { margin-top: 8rem; }
379+.nt6 { margin-top: -8rem; }
380+.pb6 { padding-bottom: 8rem; }
381+.mb6 { margin-bottom: 8rem; }
382+.nb6 { margin-bottom: -8rem; }
383+.pv6 { padding-top: 8rem; padding-bottom: 8rem; }
384+.mv6 { margin-top: 8rem; margin-bottom: 8rem; }
385+.nv6 { margin-top: -8rem; margin-bottom: -8rem; }
386+.ph6 { padding-left: 8rem; padding-right: 8rem; }
387+.mh6 { margin-left: 8rem; margin-right: 8rem; }
388+.nh6 { margin-left: -8rem; margin-right: -8rem; }
389+.pa7 { padding: 16rem; }
390+.ma7 { margin: 16rem; }
391+.na7 { margin: -16rem; }
392+.pl7 { padding-left: 16rem; }
393+.ml7 { margin-left: 16rem; }
394+.nl7 { margin-left: -16rem; }
395+.pr7 { padding-right: 16rem; }
396+.mr7 { margin-right: 16rem; }
397+.nr7 { margin-right: -16rem; }
398+.pt7 { padding-top: 16rem; }
399+.mt7 { margin-top: 16rem; }
400+.nt7 { margin-top: -16rem; }
401+.pb7 { padding-bottom: 16rem; }
402+.mb7 { margin-bottom: 16rem; }
403+.nb7 { margin-bottom: -16rem; }
404+.pv7 { padding-top: 16rem; padding-bottom: 16rem; }
405+.mv7 { margin-top: 16rem; margin-bottom: 16rem; }
406+.nv7 { margin-top: -16rem; margin-bottom: -16rem; }
407+.ph7 { padding-left: 16rem; padding-right: 16rem; }
408+.mh7 { margin-left: 16rem; margin-right: 16rem; }
409+.nh7 { margin-left: -16rem; margin-right: -16rem; }
410+.top-0 { top: 0; }
411+.right-0 { right: 0; }
412+.bottom-0 { bottom: 0; }
413+.left-0 { left: 0; }
414+.top-1 { top: 1rem; }
415+.right-1 { right: 1rem; }
416+.bottom-1 { bottom: 1rem; }
417+.left-1 { left: 1rem; }
418+.top-2 { top: 2rem; }
419+.right-2 { right: 2rem; }
420+.bottom-2 { bottom: 2rem; }
421+.left-2 { left: 2rem; }
422+.top--1 { top: -1rem; }
423+.right--1 { right: -1rem; }
424+.bottom--1 { bottom: -1rem; }
425+.left--1 { left: -1rem; }
426+.top--2 { top: -2rem; }
427+.right--2 { right: -2rem; }
428+.bottom--2 { bottom: -2rem; }
429+.left--2 { left: -2rem; }
430+.absolute--fill { top: 0; right: 0; bottom: 0; left: 0; }
431+.cf:before, .cf:after { content: " "; display: table; }
432+.cf:after { clear: both; }
433+.cf { *zoom: 1; }
434+.cl { clear: left; }
435+.cr { clear: right; }
436+.cb { clear: both; }
437+.cn { clear: none; }
438+.dn { display: none; }
439+.di { display: inline; }
440+.db { display: block; }
441+.dib { display: inline-block; }
442+.dit { display: inline-table; }
443+.dt { display: table; }
444+.dtc { display: table-cell; }
445+.dt-row { display: table-row; }
446+.dt-row-group { display: table-row-group; }
447+.dt-column { display: table-column; }
448+.dt-column-group { display: table-column-group; }
449+.dt--fixed { table-layout: fixed; width: 100%; }
450+.flex { display: flex; }
451+.inline-flex { display: inline-flex; }
452+.flex-auto { flex: 1 1 auto; min-width: 0; min-height: 0; }
453+.flex-none { flex: none; }
454+.flex-column { flex-direction: column; }
455+.flex-row { flex-direction: row; }
456+.flex-wrap { flex-wrap: wrap; }
457+.flex-nowrap { flex-wrap: nowrap; }
458+.flex-wrap-reverse { flex-wrap: wrap-reverse; }
459+.flex-column-reverse { flex-direction: column-reverse; }
460+.flex-row-reverse { flex-direction: row-reverse; }
461+.items-start { align-items: flex-start; }
462+.items-end { align-items: flex-end; }
463+.items-center { align-items: center; }
464+.items-baseline { align-items: baseline; }
465+.items-stretch { align-items: stretch; }
466+.self-start { align-self: flex-start; }
467+.self-end { align-self: flex-end; }
468+.self-center { align-self: center; }
469+.self-baseline { align-self: baseline; }
470+.self-stretch { align-self: stretch; }
471+.justify-start { justify-content: flex-start; }
472+.justify-end { justify-content: flex-end; }
473+.justify-center { justify-content: center; }
474+.justify-between { justify-content: space-between; }
475+.justify-around { justify-content: space-around; }
476+.content-start { align-content: flex-start; }
477+.content-end { align-content: flex-end; }
478+.content-center { align-content: center; }
479+.content-between { align-content: space-between; }
480+.content-around { align-content: space-around; }
481+.content-stretch { align-content: stretch; }
482+.order-0 { order: 0; }
483+.order-1 { order: 1; }
484+.order-2 { order: 2; }
485+.order-3 { order: 3; }
486+.order-4 { order: 4; }
487+.order-5 { order: 5; }
488+.order-6 { order: 6; }
489+.order-7 { order: 7; }
490+.order-8 { order: 8; }
491+.order-last { order: 99999; }
492+.flex-grow-0 { flex-grow: 0; }
493+.flex-grow-1 { flex-grow: 1; }
494+.flex-shrink-0 { flex-shrink: 0; }
495+.flex-shrink-1 { flex-shrink: 1; }
496+.fl { float: left; _display: inline; }
497+.fr { float: right; _display: inline; }
498+.fn { float: none; }
499+.sans-serif { font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; }
500+.serif { font-family: georgia, times, serif; }
501+.system-sans-serif { font-family: sans-serif; }
502+.system-serif { font-family: serif; }
503+code, .code { font-family: Consolas, monaco, monospace; }
504+.courier { font-family: 'Courier Next', courier, monospace; }
505+.helvetica { font-family: 'helvetica neue', helvetica, sans-serif; }
506+.avenir { font-family: 'avenir next', avenir, sans-serif; }
507+.athelas { font-family: athelas, georgia, serif; }
508+.georgia { font-family: georgia, serif; }
509+.times { font-family: times, serif; }
510+.bodoni { font-family: "Bodoni MT", serif; }
511+.calisto { font-family: "Calisto MT", serif; }
512+.garamond { font-family: garamond, serif; }
513+.baskerville { font-family: baskerville, serif; }
514+.i { font-style: italic; }
515+.fs-normal { font-style: normal; }
516+.normal { font-weight: normal; }
517+.b { font-weight: bold; }
518+.fw1 { font-weight: 100; }
519+.fw2 { font-weight: 200; }
520+.fw3 { font-weight: 300; }
521+.fw4 { font-weight: 400; }
522+.fw5 { font-weight: 500; }
523+.fw6 { font-weight: 600; }
524+.fw7 { font-weight: 700; }
525+.fw8 { font-weight: 800; }
526+.fw9 { font-weight: 900; }
527+.input-reset { -webkit-appearance: none; -moz-appearance: none; }
528+.button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0; }
529+.debug * { outline: 1px solid gold; }
530+.debug-white * { outline: 1px solid white; }
531+.debug-black * { outline: 1px solid black; }
532+.debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; }
533+.debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; }
534+.debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; }
535+.debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; }
536+.link { text-decoration: none; transition: color .15s ease-in; }
537+.link:link, .link:visited { transition: color .15s ease-in; }
538+.link:hover { transition: color .15s ease-in; }
539+.link:active { transition: color .15s ease-in; }
540+.link:focus { transition: color .15s ease-in; outline: 1px dotted currentColor; }
541+.list { list-style-type: none; }
542+/*
956543
957−.r-full {
958− border-radius: 9999px;
959−}
544+ HEIGHTS
545+ Docs: http://tachyons.io/docs/layout/heights/
546+
547+ Base:
548+ h = height
549+ min-h = min-height
550+ min-vh = min-height vertical screen height
551+ vh = vertical screen height
552+
553+ Modifiers
554+ 1 = 1st step in height scale
555+ 2 = 2nd step in height scale
556+ 3 = 3rd step in height scale
557+ 4 = 4th step in height scale
558+ 5 = 5th step in height scale
559+
560+ -25 = literal value 25%
561+ -50 = literal value 50%
562+ -75 = literal value 75%
563+ -100 = literal value 100%
564+
565+ -auto = string value of auto
566+ -inherit = string value of inherit
567+
568+ Media Query Extensions:
569+ -m = 34.375em
570+ -l = 46.875em
571+ -xl = 60em
572+
573+*/
574+.h1 { height: 1rem; }
575+.h2 { height: 2rem; }
576+.h3 { height: 4rem; }
577+.h4 { height: 8rem; }
578+.h5 { height: 16rem; }
579+.h-25 { height: 25%; }
580+.h-50 { height: 50%; }
581+.h-75 { height: 75%; }
582+.h-100 { height: 100%; }
583+.min-h-100 { min-height: 100%; }
584+.vh-25 { height: 25vh; }
585+.vh-50 { height: 50vh; }
586+.vh-75 { height: 75vh; }
587+.vh-100 { height: 100vh; }
588+.min-vh-100 { min-height: 100vh; }
589+.h-auto { height: auto; }
590+.h-inherit { height: inherit; }
591+.black { color: #000; }
592+.white { color: #fff; }
593+.gray0 { color: #333; }
594+.gray1 { color: #4d4d4d; }
595+.gray2 { color: #7f7f7f; }
596+.gray3 { color: #b1b2b3; }
597+.gray4 { color: #e6e6e6; }
598+.gray5 { color: #f9f9f9; }
599+.blue0 { color: #ecf6ff; }
600+.blue1 { color: #b0c7ff; }
601+.blue2 { color: #4330fc; }
602+.blue3 { color: #190d7b; }
603+.red0 { color: #f9d6ce; }
604+.red1 { color: #ffa073; }
605+.red2 { color: #ee5432; }
606+.red3 { color: #c10d30; }
607+.green0 { color: #bdebcc; }
608+.green1 { color: #2ed196; }
609+.green2 { color: #2aa779; }
610+.green3 { color: #286e55; }
611+.yellow0 { color: #ffefc5; }
612+.yellow1 { color: #ffd972; }
613+.yellow2 { color: #fcc440; }
614+.yellow3 { color: #ee892b; }
615+.bg-black { background-color: #000; }
616+.bg-white { background-color: #fff; }
617+.bg-gray0 { background-color: #333; }
618+.bg-gray1 { background-color: #4d4d4d; }
619+.bg-gray2 { background-color: #7f7f7f; }
620+.bg-gray3 { background-color: #b1b2b3; }
621+.bg-gray4 { background-color: #e6e6e6; }
622+.bg-gray5 { background-color: #f9f9f9; }
623+.bg-blue0 { background-color: #ecf6ff; }
624+.bg-blue1 { background-color: #b0c7ff; }
625+.bg-blue2 { background-color: #4330fc; }
626+.bg-blue3 { background-color: #190d7b; }
627+.bg-red0 { background-color: #f9d6ce; }
628+.bg-red1 { background-color: #ffa073; }
629+.bg-red2 { background-color: #ee5432; }
630+.bg-red3 { background-color: #c10d30; }
631+.bg-green0 { background-color: #bdebcc; }
632+.bg-green1 { background-color: #2ed196; }
633+.bg-green2 { background-color: #2aa779; }
634+.bg-green3 { background-color: #286e55; }
635+.bg-yellow0 { background-color: #ffefc5; }
636+.bg-yellow1 { background-color: #ffd972; }
637+.bg-yellow2 { background-color: #fcc440; }
638+.bg-yellow3 { background-color: #ee892b; }
639+.bg-transparent { background-color: transparent; }
640+.hover-black:focus { color: #000; }
641+.hover-black:hover { color: #000; }
642+.hover-white:focus { color: #fff; }
643+.hover-white:hover { color: #fff; }
644+.hover-gray0:focus { color: #333; }
645+.hover-gray0:hover { color: #333; }
646+.hover-gray1:focus { color: #4d4d4d; }
647+.hover-gray1:hover { color: #4d4d4d; }
648+.hover-gray2:focus { color: #7f7f7f; }
649+.hover-gray2:hover { color: #7f7f7f; }
650+.hover-gray3:focus { color: #b1b2b3; }
651+.hover-gray3:hover { color: #b1b2b3; }
652+.hover-gray4:focus { color: #e6e6e6; }
653+.hover-gray4:hover { color: #e6e6e6; }
654+.hover-gray5:focus { color: #f9f9f9; }
655+.hover-gray5:hover { color: #f9f9f9; }
656+.hover-blue0:focus { color: #ecf6ff; }
657+.hover-blue0:hover { color: #ecf6ff; }
658+.hover-blue1:focus { color: #b0c7ff; }
659+.hover-blue1:hover { color: #b0c7ff; }
660+.hover-blue2:focus { color: #4330fc; }
661+.hover-blue2:hover { color: #4330fc; }
662+.hover-blue3:focus { color: #190d7b; }
663+.hover-blue3:hover { color: #190d7b; }
664+.hover-red0:focus { color: #f9d6ce; }
665+.hover-red0:hover { color: #f9d6ce; }
666+.hover-red1:focus { color: #ffa073; }
667+.hover-red1:hover { color: #ffa073; }
668+.hover-red2:focus { color: #ee5432; }
669+.hover-red2:hover { color: #ee5432; }
670+.hover-red3:focus { color: #c10d30; }
671+.hover-red3:hover { color: #c10d30; }
672+.hover-green0:focus { color: #bdebcc; }
673+.hover-green0:hover { color: #bdebcc; }
674+.hover-green1:focus { color: #2ed196; }
675+.hover-green1:hover { color: #2ed196; }
676+.hover-green2:focus { color: #2aa779; }
677+.hover-green2:hover { color: #2aa779; }
678+.hover-green3:focus { color: #286e55; }
679+.hover-green3:hover { color: #286e55; }
680+.hover-yellow0:focus { color: #ffefc5; }
681+.hover-yellow0:hover { color: #ffefc5; }
682+.hover-yellow1:focus { color: #ffd972; }
683+.hover-yellow1:hover { color: #ffd972; }
684+.hover-yellow2:focus { color: #fcc440; }
685+.hover-yellow2:hover { color: #fcc440; }
686+.hover-yellow3:focus { color: #ee892b; }
687+.hover-yellow3:hover { color: #ee892b; }
688+.hover-bg-black:focus { background-color: #000; }
689+.hover-bg-black:hover { background-color: #000; }
690+.hover-bg-white:focus { background-color: #fff; }
691+.hover-bg-white:hover { background-color: #fff; }
692+.hover-bg-gray0:focus { background-color: #333; }
693+.hover-bg-gray0:hover { background-color: #333; }
694+.hover-bg-gray1:focus { background-color: #4d4d4d; }
695+.hover-bg-gray1:hover { background-color: #4d4d4d; }
696+.hover-bg-gray2:focus { background-color: #7f7f7f; }
697+.hover-bg-gray2:hover { background-color: #7f7f7f; }
698+.hover-bg-gray3:focus { background-color: #b1b2b3; }
699+.hover-bg-gray3:hover { background-color: #b1b2b3; }
700+.hover-bg-gray4:focus { background-color: #e6e6e6; }
701+.hover-bg-gray4:hover { background-color: #e6e6e6; }
702+.hover-bg-gray5:focus { background-color: #f9f9f9; }
703+.hover-bg-gray5:hover { background-color: #f9f9f9; }
704+.hover-bg-blue0:focus { background-color: #ecf6ff; }
705+.hover-bg-blue0:hover { background-color: #ecf6ff; }
706+.hover-bg-blue1:focus { background-color: #b0c7ff; }
707+.hover-bg-blue1:hover { background-color: #b0c7ff; }
708+.hover-bg-blue2:focus { background-color: #4330fc; }
709+.hover-bg-blue2:hover { background-color: #4330fc; }
710+.hover-bg-blue3:focus { background-color: #190d7b; }
711+.hover-bg-blue3:hover { background-color: #190d7b; }
712+.hover-bg-red0:focus { background-color: #f9d6ce; }
713+.hover-bg-red0:hover { background-color: #f9d6ce; }
714+.hover-bg-red1:focus { background-color: #ffa073; }
715+.hover-bg-red1:hover { background-color: #ffa073; }
716+.hover-bg-red2:focus { background-color: #ee5432; }
717+.hover-bg-red2:hover { background-color: #ee5432; }
718+.hover-bg-red3:focus { background-color: #c10d30; }
719+.hover-bg-red3:hover { background-color: #c10d30; }
720+.hover-bg-green0:focus { background-color: #bdebcc; }
721+.hover-bg-green0:hover { background-color: #bdebcc; }
722+.hover-bg-green1:focus { background-color: #2ed196; }
723+.hover-bg-green1:hover { background-color: #2ed196; }
724+.hover-bg-green2:focus { background-color: #2aa779; }
725+.hover-bg-green2:hover { background-color: #2aa779; }
726+.hover-bg-green3:focus { background-color: #286e55; }
727+.hover-bg-green3:hover { background-color: #286e55; }
728+.hover-bg-yellow0:focus { background-color: #ffefc5; }
729+.hover-bg-yellow0:hover { background-color: #ffefc5; }
730+.hover-bg-yellow1:focus { background-color: #ffd972; }
731+.hover-bg-yellow1:hover { background-color: #ffd972; }
732+.hover-bg-yellow2:focus { background-color: #fcc440; }
733+.hover-bg-yellow2:hover { background-color: #fcc440; }
734+.hover-bg-yellow3:focus { background-color: #ee892b; }
735+.hover-bg-yellow3:hover { background-color: #ee892b; }
736+.hover-bg-transparent:focus { background-color: transparent; }
737+.hover-bg-transparent:hover { background-color: transparent; }
738+img { max-width: 100%; }
739+.tracked { letter-spacing: .1em; }
740+.tracked-tight { letter-spacing: -.05em; }
741+.tracked-mega { letter-spacing: .25em; }
742+/*
743+ LINE HEIGHT / Leading
744+ Docs: http://tachyons.io/docs/typography/line-height/
745+
746+ Base:
747+ lh = line-height
748+
749+ Media Query Extensions:
750+ -m = 34.375em
751+ -l = 46.875em
752+ -xl = 60em
753+*/
754+.lh-solid { line-height: 1.333333; }
755+.lh-title { line-height: 1.5; }
756+.lh-copy { line-height: 1.666666; }
757+/*
758+ MAX WIDTHS
759+ Docs: http://tachyons.io/docs/layout/max-widths/
760+
761+ Base:
762+ mw = max-width
763+
764+ Modifiers:
765+ 1 = 1st step in width scale
766+ 2 = 2nd step in width scale
767+ 3 = 3rd step in width scale
768+ 4 = 4th step in width scale
769+ 5 = 5th step in width scale
770+ 6 = 6th step in width scale
771+ 7 = 7th step in width scale
772+ 8 = 8th step in width scale
773+ 9 = 9th step in width scale
774+
775+ -100 = literal value 100%
776+
777+ -none = string value none
778+
779+ Media Query Extensions:
780+ -m = 34.375em
781+ -l = 46.875em
782+ -xl = 60em
783+*/
784+.mw1 { max-width: 1rem; }
785+.mw2 { max-width: 2rem; }
786+.mw3 { max-width: 4rem; }
787+.mw4 { max-width: 8rem; }
788+.mw5 { max-width: 16rem; }
789+.mw6 { max-width: 32rem; }
790+.mw7 { max-width: 48rem; }
791+.mw8 { max-width: 64rem; }
792+.mw9 { max-width: 96rem; }
793+.mw-none { max-width: none; }
794+.mw-100 { max-width: 100%; }
795+/*
960796
961−.b {
962− border-style: solid;
963−}
797+ NESTED
798+ Tachyons module for styling nested elements
799+ that are generated by a cms.
800+
801+*/
802+.nested-copy-line-height p, .nested-copy-line-height ul,
803+.nested-copy-line-height ol { line-height: 1.5; }
804+.nested-headline-line-height h1, .nested-headline-line-height h2,
805+.nested-headline-line-height h3, .nested-headline-line-height h4,
806+.nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25; }
807+.nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; }
808+.nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
809+.nested-copy-separator p+p { margin-top: 1.5em; }
810+.nested-img img { width: 100%; max-width: 100%; display: block; }
811+.nested-links a { color: #357edd; transition: color .15s ease-in; }
812+.nested-links a:hover, .nested-links a:focus { color: #96ccff; transition: color .15s ease-in; }
813+.dim { opacity: 1; transition: opacity .15s ease-in; }
814+.dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; }
815+.dim:active { opacity: .8; transition: opacity .15s ease-out; }
816+.glow { transition: opacity .15s ease-in; }
817+.glow:hover, .glow:focus { opacity: 1; transition: opacity .15s ease-in; }
818+.hide-child .child { opacity: 0; transition: opacity .15s ease-in; }
819+.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; }
820+.underline-hover:hover, .underline-hover:focus { text-decoration: underline; }
821+.grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; }
822+.grow:hover, .grow:focus { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); }
823+.grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); }
824+.grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
825+.grow-large:hover, .grow-large:focus { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); }
826+.grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); }
827+.pointer:hover { cursor: pointer; }
828+.shadow-hover { cursor: pointer; position: relative; transition: all .5s cubic-bezier( .165, .84, .44, 1 ); }
829+.shadow-hover::after { content: ''; box-shadow: 0 0 16px 2px rgba( 0, 0, 0, .2 ); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); }
830+.shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; }
831+.bg-animate, .bg-animate:hover, .bg-animate:focus { transition: background-color .15s ease-in-out; }
832+/*
964833
965−.b-hidden {
966− border-style: hidden;
967−}
834+ OPACITY
835+ Docs: http://tachyons.io/docs/themes/opacity/
836+
837+ Base:
838+ o = opacity
839+
840+ Modifiers:
841+ -100 = literal value 1
842+ -90 = literal value 0.9
843+ -80 = literal value 0.8
844+ -70 = literal value 0.7
845+ -60 = literal value 0.6
846+ -50 = literal value 0.5
847+ -40 = literal value 0.4
848+ -30 = literal value 0.3
849+ -20 = literal value 0.2
850+ -10 = literal value 0.1
851+ -05 = literal value 0.05
852+ -025 = literal value 0.025
853+ -0 = literal value 0
854+
855+*/
856+.o-100 { opacity: 1; }
857+.o-90 { opacity: .9; }
858+.o-80 { opacity: .8; }
859+.o-70 { opacity: .7; }
860+.o-60 { opacity: .6; }
861+.o-50 { opacity: .5; }
862+.o-40 { opacity: .4; }
863+.o-30 { opacity: .3; }
864+.o-20 { opacity: .2; }
865+.o-10 { opacity: .1; }
866+.o-05 { opacity: .05; }
867+.o-025 { opacity: .025; }
868+.o-0 { opacity: 0; }
869+.rotate-45 { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
870+.rotate-90 { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
871+.rotate-135 { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
872+.rotate-180 { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
873+.rotate-225 { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
874+.rotate-270 { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
875+.rotate-315 { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
876+.outline { outline: 1px solid; }
877+.outline-transparent { outline: 1px solid transparent; }
878+.outline-0 { outline: 0; }
879+.overflow-visible { overflow: visible; }
880+.overflow-hidden { overflow: hidden; }
881+.overflow-scroll { overflow: scroll; }
882+.overflow-auto { overflow: auto; }
883+.overflow-x-visible { overflow-x: visible; }
884+.overflow-x-hidden { overflow-x: hidden; }
885+.overflow-x-scroll { overflow-x: scroll; }
886+.overflow-x-auto { overflow-x: auto; }
887+.overflow-y-visible { overflow-y: visible; }
888+.overflow-y-hidden { overflow-y: hidden; }
889+.overflow-y-scroll { overflow-y: scroll; }
890+.overflow-y-auto { overflow-y: auto; }
891+.static { position: static; }
892+.relative { position: relative; }
893+.absolute { position: absolute; }
894+.fixed { position: fixed; }
895+/*
968896
969−.b-dotted {
970− border-style: dotted;
971−}
897+ TABLES
898+ Docs: http://tachyons.io/docs/elements/tables/
899+
900+*/
901+.collapse { border-collapse: collapse; border-spacing: 0; }
902+.striped--light-silver:nth-child(odd) { background-color: #aaa; }
903+.striped--moon-gray:nth-child(odd) { background-color: #ccc; }
904+.striped--light-gray:nth-child(odd) { background-color: #eee; }
905+.striped--near-white:nth-child(odd) { background-color: #f4f4f4; }
906+.stripe-light:nth-child(odd) { background-color: rgba( 255, 255, 255, .1 ); }
907+.stripe-dark:nth-child(odd) { background-color: rgba( 0, 0, 0, .1 ); }
908+.strike { text-decoration: line-through; }
909+.underline { text-decoration: underline; }
910+.no-underline { text-decoration: none; }
911+.tl { text-align: left; }
912+.tr { text-align: right; }
913+.tc { text-align: center; }
914+.tj { text-align: justify; }
915+.ttc { text-transform: capitalize; }
916+.ttl { text-transform: lowercase; }
917+.ttu { text-transform: uppercase; }
918+.ttn { text-transform: none; }
919+.v-base { vertical-align: baseline; }
920+.v-mid { vertical-align: middle; }
921+.v-top { vertical-align: top; }
922+.v-btm { vertical-align: bottom; }
923+/*
924+ TYPE SCALE
925+ Docs: http://tachyons.io/docs/typography/scale/
926+
927+ Base:
928+ f = font-size
929+
930+ Modifiers:
931+ 1 = 1st step in size scale
932+ 2 = 2nd step in size scale
933+ 3 = 3rd step in size scale
934+ 4 = 4th step in size scale
935+ 5 = 5th step in size scale
936+ 6 = 6th step in size scale
937+ 7 = 7th step in size scale
938+
939+ Media Query Extensions:
940+ -m = 34.375em
941+ -l = 46.875em
942+ -xl = 60em
943+*/
944+.f1 { font-size: 3rem; }
945+.f2 { font-size: 2.25rem; }
946+.f3 { font-size: 1.5rem; }
947+.f4 { font-size: 1.25rem; }
948+.f5 { font-size: 1rem; }
949+.f6 { font-size: .875rem; }
950+.f7 { font-size: .75rem; }
951+/*
972952
973−.b-none {
974− border-style: none;
975− border-width: 0;
976−}
977−
978−.b1 {
979− border-style: solid;
980− border-width: 1px;
981−}
982−
983−.bt1 {
984− border-top-style: solid;
985− border-top-width: 1px;
986−}
987−
988−.br1 {
989− border-right-style: solid;
990− border-right-width: 1px;
991−}
992−
993−.bb1 {
994− border-bottom-style: solid;
995− border-bottom-width: 1px;
996−}
997−
998−.bl1 {
999− border-left-style: solid;
1000− border-left-width: 1px;
1001−}
1002−
1003−.b2 {
1004− border-style: solid;
1005− border-width: 2px;
1006−}
1007−
1008−.bt2 {
1009− border-top-style: solid;
1010− border-top-width: 2px;
1011−}
1012−
1013−.br2 {
1014− border-right-style: solid;
1015− border-right-width: 2px;
1016−}
1017−
1018−.bb2 {
1019− border-bottom-style: solid;
1020− border-bottom-width: 2px;
1021−}
1022−
1023−.bl2 {
1024− border-left-style: solid;
1025− border-left-width: 2px;
1026−}
1027−
1028−.b3 {
1029− border-style: solid;
1030− border-width: 3px;
1031−}
1032−
1033−.bt3 {
1034− border-top-style: solid;
1035− border-top-width: 3px;
1036−}
1037−
1038−.br3 {
1039− border-right-style: solid;
1040− border-right-width: 3px;
1041−}
1042−
1043−.bb3 {
1044− border-bottom-style: solid;
1045− border-bottom-width: 3px;
1046−}
1047−
1048−.bl3 {
1049− border-left-style: solid;
1050− border-left-width: 3px;
1051−}
1052−
1053−.b4 {
1054− border-style: solid;
1055− border-width: 4px;
1056−}
1057−
1058−.bt4 {
1059− border-top-style: solid;
1060− border-top-width: 4px;
1061−}
1062−
1063−.br4 {
1064− border-right-style: solid;
1065− border-right-width: 4px;
1066−}
1067−
1068−.bb4 {
1069− border-bottom-style: solid;
1070− border-bottom-width: 4px;
1071−}
1072−
1073−.bl4 {
1074− border-left-style: solid;
1075− border-left-width: 4px;
1076−}
1077−
1078−.b0 {
1079− border-style: none;
1080− border-width: 0px;
1081−}
1082−
1083−.bt0 {
1084− border-top-style: none;
1085− border-top-width: 0px;
1086−}
1087−
1088−.br0 {
1089− border-right-style: none;
1090− border-right-width: 0px;
1091−}
1092−
1093−.bb0 {
1094− border-bottom-style: none;
1095− border-bottom-width: 0px;
1096−}
1097−
1098−.bl0 {
1099− border-left-style: none;
1100− border-left-width: 0px;
1101−}
1102−
1103−.b-blue4 {
1104− border-color: #190d7b;
1105−}
1106−
1107−.b-blue3 {
1108− border-color: #4330fc;
1109−}
1110−
1111−.b-blue2 {
1112− border-color: #b0c7ff;
1113−}
1114−
1115−.b-blue1 {
1116− border-color: #ecf6ff;
1117−}
1118−
1119−.b-red4 {
1120− border-color: #c10d30;
1121−}
1122−
1123−.b-red3 {
1124− border-color: #ee5432;
1125−}
1126−
1127−.b-red2 {
1128− border-color: #ffa073;
1129−}
1130−
1131−.b-red1 {
1132− border-color: #f9d6ce;
1133−}
1134−
1135−.b-green4 {
1136− border-color: #286e55;
1137−}
1138−
1139−.b-green3 {
1140− border-color: #2aa779;
1141−}
1142−
1143−.b-green2 {
1144− border-color: #2ed196;
1145−}
1146−
1147−.b-green1 {
1148− border-color: #bdebcc;
1149−}
1150−
1151−.b-yellow4 {
1152− border-color: #ee892b;
1153−}
1154−
1155−.b-yellow3 {
1156− border-color: #fcc440;
1157−}
1158−
1159−.b-yellow2 {
1160− border-color: #ffd972;
1161−}
1162−
1163−.b-yellow1 {
1164− border-color: #ffefc5;
1165−}
1166−
1167−.b-black {
1168− border-color: #000000;
1169−}
1170−
1171−.b-gray6 {
1172− border-color: #333333;
1173−}
1174−
1175−.b-gray5 {
1176− border-color: #4d4d4d;
1177−}
1178−
1179−.b-gray4 {
1180− border-color: #7f7f7f;
1181−}
1182−
1183−.b-gray3 {
1184− border-color: #b1b2b3;
1185−}
1186−
1187−.b-gray2 {
1188− border-color: #e6e6e6;
1189−}
1190−
1191−.b-gray1 {
1192− border-color: #f9f9f9;
1193−}
1194−
1195−.b-white {
1196− border-color: #ffffff;
1197−}
1198−
1199−.bg-blue4 {
1200− background-color: #190d7b;
1201−}
1202−
1203−.bg-blue3 {
1204− background-color: #4330fc;
1205−}
1206−
1207−.bg-blue2 {
1208− background-color: #b0c7ff;
1209−}
1210−
1211−.bg-blue1 {
1212− background-color: #ecf6ff;
1213−}
1214−
1215−.bg-red4 {
1216− background-color: #c10d30;
1217−}
1218−
1219−.bg-red3 {
1220− background-color: #ee5432;
1221−}
1222−
1223−.bg-red2 {
1224− background-color: #ffa073;
1225−}
1226−
1227−.bg-red1 {
1228− background-color: #f9d6ce;
1229−}
1230−
1231−.bg-green4 {
1232− background-color: #286e55;
1233−}
1234−
1235−.bg-green3 {
1236− background-color: #2aa779;
1237−}
1238−
1239−.bg-green2 {
1240− background-color: #2ed196;
1241−}
1242−
1243−.bg-green1 {
1244− background-color: #bdebcc;
1245−}
1246−
1247−.bg-yellow4 {
1248− background-color: #ee892b;
1249−}
1250−
1251−.bg-yellow3 {
1252− background-color: #fcc440;
1253−}
1254−
1255−.bg-yellow2 {
1256− background-color: #ffd972;
1257−}
1258−
1259−.bg-yellow1 {
1260− background-color: #ffefc5;
1261−}
1262−
1263−.bg-black {
1264− background-color: #000000;
1265−}
1266−
1267−.bg-gray6 {
1268− background-color: #333333;
1269−}
1270−
1271−.bg-gray5 {
1272− background-color: #4d4d4d;
1273−}
1274−
1275−.bg-gray4 {
1276− background-color: #7f7f7f;
1277−}
1278−
1279−.bg-gray3 {
1280− background-color: #b1b2b3;
1281−}
1282−
1283−.bg-gray2 {
1284− background-color: #e6e6e6;
1285−}
1286−
1287−.bg-gray1 {
1288− background-color: #f9f9f9;
1289−}
1290−
1291−.bg-white {
1292− background-color: #ffffff;
1293−}
1294−
1295−.blue4 {
1296− color: #190d7b;
1297−}
1298−
1299−.blue3 {
1300− color: #4330fc;
1301−}
1302−
1303−.blue2 {
1304− color: #b0c7ff;
1305−}
1306−
1307−.blue1 {
1308− color: #ecf6ff;
1309−}
1310−
1311−.red4 {
1312− color: #c10d30;
1313−}
1314−
1315−.red3 {
1316− color: #ee5432;
1317−}
1318−
1319−.red2 {
1320− color: #ffa073;
1321−}
1322−
1323−.red1 {
1324− color: #f9d6ce;
1325−}
1326−
1327−.green4 {
1328− color: #286e55;
1329−}
1330−
1331−.green3 {
1332− color: #2aa779;
1333−}
1334−
1335−.green2 {
1336− color: #2ed196;
1337−}
1338−
1339−.green1 {
1340− color: #bdebcc;
1341−}
1342−
1343−.yellow4 {
1344− color: #ee892b;
1345−}
1346−
1347−.yellow3 {
1348− color: #fcc440;
1349−}
1350−
1351−.yellow2 {
1352− color: #ffd972;
1353−}
1354−
1355−.yellow1 {
1356− color: #ffefc5;
1357−}
1358−
1359−.black {
1360− color: #000000;
1361−}
1362−
1363−.gray6 {
1364− color: #333333;
1365−}
1366−
1367−.gray5 {
1368− color: #4d4d4d;
1369−}
1370−
1371−.gray4 {
1372− color: #7f7f7f;
1373−}
1374−
1375−.gray3 {
1376− color: #b1b2b3;
1377−}
1378−
1379−.gray2 {
1380− color: #e6e6e6;
1381−}
1382−
1383−.gray1 {
1384− color: #f9f9f9;
1385−}
1386−
1387−.white {
1388− color: #ffffff;
1389−}
1390−
1391−/*******************************************************************************
1392− Grid and Layout
1393−*******************************************************************************/
1394−.frame-left {
1395− max-width: 1024px;
1396− margin: 0;
1397− padding: 0;
1398−}
1399−
1400−.frame-center {
1401− max-width: 1024px;
1402− margin: 0 auto;
1403− padding: 0 auto;
1404−}
1405−
1406−.row {
1407− display: flex;
1408−}
1409−
1410−.col {
1411− width: 100%;
1412−}
1413−
1414−/*******************************************************************************
1415− Display
1416−*******************************************************************************/
1417−.block {
1418− display: block;
1419−}
1420−
1421−.inline {
1422− display: inline;
1423−}
1424−
1425−.inline-block {
1426− display: inline-block;
1427−}
1428−
1429−.flex {
1430− display: flex;
1431−}
1432−
1433−.none {
1434− display: none;
1435−}
1436−
1437−.grid {
1438− display: grid;
1439−}
1440−
1441−.table {
1442− display: table;
1443−}
1444−
1445−@media only screen and (min-width: 550px) {
1446− .block-ns {
1447− display: block;
1448− }
1449− .inline-ns {
1450− display: inline;
1451− }
1452− .inline-block-ns {
1453− display: inline-block;
1454− }
1455− .flex-ns {
1456− display: flex;
1457− }
1458− .none-ns {
1459− display: none;
1460− }
1461− .grid-ns {
1462− display: grid;
1463− }
1464− .table-ns {
1465− display: table;
1466− }
1467−}
1468−
1469−@media only screen and (min-width: 750px) and (max-width: 960px) {
1470− .block-md {
1471− display: block;
1472− }
1473− .inline-md {
1474− display: inline;
1475− }
1476− .inline-block-md {
1477− display: inline-block;
1478− }
1479− .flex-md {
1480− display: flex;
1481− }
1482− .none-md {
1483− display: none;
1484− }
1485− .grid-md {
1486− display: grid;
1487− }
1488− .table-md {
1489− display: table;
1490− }
1491−}
1492−
1493−@media only screen and (min-width: 960px) {
1494− .block-lg {
1495− display: block;
1496− }
1497− .inline-lg {
1498− display: inline;
1499− }
1500− .inline-block-lg {
1501− display: inline-block;
1502− }
1503− .flex-lg {
1504− display: flex;
1505− }
1506− .none-lg {
1507− display: none;
1508− }
1509− .grid-lg {
1510− display: grid;
1511− }
1512− .table-lg {
1513− display: table;
1514− }
1515−}
1516−
1517−.debug body {
1518− outline: 1px solid #2980b9 !important;
1519−}
1520−
1521−.debug article {
1522− outline: 1px solid #3498db !important;
1523−}
1524−
1525−.debug nav {
1526− outline: 1px solid #0088c3 !important;
1527−}
1528−
1529−.debug aside {
1530− outline: 1px solid #33a0ce !important;
1531−}
1532−
1533−.debug section {
1534− outline: 1px solid #66b8da !important;
1535−}
1536−
1537−.debug header {
1538− outline: 1px solid #99cfe7 !important;
1539−}
1540−
1541−.debug footer {
1542− outline: 1px solid #cce7f3 !important;
1543−}
1544−
1545−.debug h1 {
1546− outline: 1px solid #162544 !important;
1547−}
1548−
1549−.debug h2 {
1550− outline: 1px solid #314e6e !important;
1551−}
1552−
1553−.debug h3 {
1554− outline: 1px solid #3e5e85 !important;
1555−}
1556−
1557−.debug h4 {
1558− outline: 1px solid #449baf !important;
1559−}
1560−
1561−.debug h5 {
1562− outline: 1px solid #c7d1cb !important;
1563−}
1564−
1565−.debug h6 {
1566− outline: 1px solid #4371d0 !important;
1567−}
1568−
1569−.debug main {
1570− outline: 1px solid #2f4f90 !important;
1571−}
1572−
1573−.debug address {
1574− outline: 1px solid #1a2c51 !important;
1575−}
1576−
1577−.debug div {
1578− outline: 1px solid #036cdb !important;
1579−}
1580−
1581−.debug p {
1582− outline: 1px solid #ac050b !important;
1583−}
1584−
1585−.debug hr {
1586− outline: 1px solid #ff063f !important;
1587−}
1588−
1589−.debug pre {
1590− outline: 1px solid #850440 !important;
1591−}
1592−
1593−.debug blockquote {
1594− outline: 1px solid #f1b8e7 !important;
1595−}
1596−
1597−.debug ol {
1598− outline: 1px solid #ff050c !important;
1599−}
1600−
1601−.debug ul {
1602− outline: 1px solid #d90416 !important;
1603−}
1604−
1605−.debug li {
1606− outline: 1px solid #d90416 !important;
1607−}
1608−
1609−.debug dl {
1610− outline: 1px solid #fd3427 !important;
1611−}
1612−
1613−.debug dt {
1614− outline: 1px solid #ff0043 !important;
1615−}
1616−
1617−.debug dd {
1618− outline: 1px solid #e80174 !important;
1619−}
1620−
1621−.debug figure {
1622− outline: 1px solid #ff00bb !important;
1623−}
1624−
1625−.debug figcaption {
1626− outline: 1px solid #bf0032 !important;
1627−}
1628−
1629−.debug table {
1630− outline: 1px solid #00cc99 !important;
1631−}
1632−
1633−.debug caption {
1634− outline: 1px solid #37ffc4 !important;
1635−}
1636−
1637−.debug thead {
1638− outline: 1px solid #98daca !important;
1639−}
1640−
1641−.debug tbody {
1642− outline: 1px solid #64a7a0 !important;
1643−}
1644−
1645−.debug tfoot {
1646− outline: 1px solid #22746b !important;
1647−}
1648−
1649−.debug tr {
1650− outline: 1px solid #86c0b2 !important;
1651−}
1652−
1653−.debug th {
1654− outline: 1px solid #a1e7d6 !important;
1655−}
1656−
1657−.debug td {
1658− outline: 1px solid #3f5a54 !important;
1659−}
1660−
1661−.debug col {
1662− outline: 1px solid #6c9a8f !important;
1663−}
1664−
1665−.debug colgroup {
1666− outline: 1px solid #6c9a9d !important;
1667−}
1668−
1669−.debug button {
1670− outline: 1px solid #da8301 !important;
1671−}
1672−
1673−.debug datalist {
1674− outline: 1px solid #c06000 !important;
1675−}
1676−
1677−.debug fieldset {
1678− outline: 1px solid #d95100 !important;
1679−}
1680−
1681−.debug form {
1682− outline: 1px solid #d23600 !important;
1683−}
1684−
1685−.debug input {
1686− outline: 1px solid #fca600 !important;
1687−}
1688−
1689−.debug keygen {
1690− outline: 1px solid #b31e00 !important;
1691−}
1692−
1693−.debug label {
1694− outline: 1px solid #ee8900 !important;
1695−}
1696−
1697−.debug legend {
1698− outline: 1px solid #de6d00 !important;
1699−}
1700−
1701−.debug meter {
1702− outline: 1px solid #e8630c !important;
1703−}
1704−
1705−.debug optgroup {
1706− outline: 1px solid #b33600 !important;
1707−}
1708−
1709−.debug option {
1710− outline: 1px solid #ff8a00 !important;
1711−}
1712−
1713−.debug output {
1714− outline: 1px solid #ff9619 !important;
1715−}
1716−
1717−.debug progress {
1718− outline: 1px solid #e57c00 !important;
1719−}
1720−
1721−.debug select {
1722− outline: 1px solid #e26e0f !important;
1723−}
1724−
1725−.debug textarea {
1726− outline: 1px solid #cc5400 !important;
1727−}
1728−
1729−.debug details {
1730− outline: 1px solid #33848f !important;
1731−}
1732−
1733−.debug summary {
1734− outline: 1px solid #60a1a6 !important;
1735−}
1736−
1737−.debug command {
1738− outline: 1px solid #438da1 !important;
1739−}
1740−
1741−.debug menu {
1742− outline: 1px solid #449da6 !important;
1743−}
1744−
1745−.debug del {
1746− outline: 1px solid #bf0000 !important;
1747−}
1748−
1749−.debug ins {
1750− outline: 1px solid #400000 !important;
1751−}
1752−
1753−.debug img {
1754− outline: 1px solid #22746b !important;
1755−}
1756−
1757−.debug iframe {
1758− outline: 1px solid #64a7a0 !important;
1759−}
1760−
1761−.debug embed {
1762− outline: 1px solid #98daca !important;
1763−}
1764−
1765−.debug object {
1766− outline: 1px solid #00cc99 !important;
1767−}
1768−
1769−.debug param {
1770− outline: 1px solid #37ffc4 !important;
1771−}
1772−
1773−.debug video {
1774− outline: 1px solid #6ee866 !important;
1775−}
1776−
1777−.debug audio {
1778− outline: 1px solid #027353 !important;
1779−}
1780−
1781−.debug source {
1782− outline: 1px solid #012426 !important;
1783−}
1784−
1785−.debug canvas {
1786− outline: 1px solid #a2f570 !important;
1787−}
1788−
1789−.debug track {
1790− outline: 1px solid #59a600 !important;
1791−}
1792−
1793−.debug map {
1794− outline: 1px solid #7be500 !important;
1795−}
1796−
1797−.debug area {
1798− outline: 1px solid #305900 !important;
1799−}
1800−
1801−.debug a {
1802− outline: 1px solid #ff62ab !important;
1803−}
1804−
1805−.debug em {
1806− outline: 1px solid #800b41 !important;
1807−}
1808−
1809−.debug strong {
1810− outline: 1px solid #ff1583 !important;
1811−}
1812−
1813−.debug i {
1814− outline: 1px solid #803156 !important;
1815−}
1816−
1817−.debug b {
1818− outline: 1px solid #cc1169 !important;
1819−}
1820−
1821−.debug u {
1822− outline: 1px solid #ff0430 !important;
1823−}
1824−
1825−.debug s {
1826− outline: 1px solid #f805e3 !important;
1827−}
1828−
1829−.debug small {
1830− outline: 1px solid #d107b2 !important;
1831−}
1832−
1833−.debug abbr {
1834− outline: 1px solid #4a0263 !important;
1835−}
1836−
1837−.debug q {
1838− outline: 1px solid #240018 !important;
1839−}
1840−
1841−.debug cite {
1842− outline: 1px solid #64003c !important;
1843−}
1844−
1845−.debug dfn {
1846− outline: 1px solid #b4005a !important;
1847−}
1848−
1849−.debug sub {
1850− outline: 1px solid #dba0c8 !important;
1851−}
1852−
1853−.debug sup {
1854− outline: 1px solid #cc0256 !important;
1855−}
1856−
1857−.debug time {
1858− outline: 1px solid #d6606d !important;
1859−}
1860−
1861−.debug code {
1862− outline: 1px solid #e04251 !important;
1863−}
1864−
1865−.debug kbd {
1866− outline: 1px solid #5e001f !important;
1867−}
1868−
1869−.debug samp {
1870− outline: 1px solid #9c0033 !important;
1871−}
1872−
1873−.debug var {
1874− outline: 1px solid #d90047 !important;
1875−}
1876−
1877−.debug mark {
1878− outline: 1px solid #ff0053 !important;
1879−}
1880−
1881−.debug bdi {
1882− outline: 1px solid #bf3668 !important;
1883−}
1884−
1885−.debug bdo {
1886− outline: 1px solid #6f1400 !important;
1887−}
1888−
1889−.debug ruby {
1890− outline: 1px solid #ff7b93 !important;
1891−}
1892−
1893−.debug rt {
1894− outline: 1px solid #ff2f54 !important;
1895−}
1896−
1897−.debug rp {
1898− outline: 1px solid #803e49 !important;
1899−}
1900−
1901−.debug span {
1902− outline: 1px solid #cc2643 !important;
1903−}
1904−
1905−.debug br {
1906− outline: 1px solid #db687d !important;
1907−}
1908−
1909−.debug wbr {
1910− outline: 1px solid #db175b !important;
1911−}
1912−
1913−/*******************************************************************************
1914− Flexbox
1915−*******************************************************************************/
1916−.flex {
1917− display: flex;
1918−}
1919−
1920−.flex-row {
1921− display: flex;
1922− flex-direction: row;
1923−}
1924−
1925−.flex-row-r {
1926− display: flex;
1927− flex-direction: row-reverse;
1928−}
1929−
1930−.flex-col {
1931− display: flex;
1932− flex-direction: column;
1933−}
1934−
1935−.flex-col-r {
1936− display: flex;
1937− flex-direction: column-reverse;
1938−}
1939−
1940−.flex-wrap {
1941− flex-wrap: wrap;
1942−}
1943−
1944−.align-start {
1945− display: flex;
1946− align-items: flex-start;
1947−}
1948−
1949−.align-end {
1950− display: flex;
1951− align-items: flex-end;
1952−}
1953−
1954−.align-center {
1955− display: flex;
1956− align-items: center;
1957−}
1958−
1959−.align-baseline {
1960− display: flex;
1961− align-items: baseline;
1962−}
1963−
1964−.align-stretch {
1965− display: flex;
1966− align-items: stretch;
1967−}
1968−
1969−.justify-start {
1970− display: flex;
1971− justify-content: flex-start;
1972−}
1973−
1974−.justify-end {
1975− display: flex;
1976− justify-content: flex-end;
1977−}
1978−
1979−.justify-center {
1980− display: flex;
1981− justify-content: center;
1982−}
1983−
1984−.justify-between {
1985− display: flex;
1986− justify-content: space-between;
1987−}
1988−
1989−.justify-around {
1990− display: flex;
1991− justify-content: space-around;
1992−}
1993−
1994−.flex-center {
1995− display: flex;
1996− justify-content: center;
1997− align-items: center;
1998−}
1999−
2000−.self-start {
2001− align-self: flex-start;
2002−}
2003−
2004−.self-end {
2005− align-self: flex-end;
2006−}
2007−
2008−.self-center {
2009− align-self: center;
2010−}
2011−
2012−.self-baseline {
2013− align-self: baseline;
2014−}
2015−
2016−.self-stretch {
2017− align-self: stretch;
2018−}
2019−
2020−.content-start {
2021− align-content: flex-start;
2022−}
2023−
2024−.content-end {
2025− align-content: flex-end;
2026−}
2027−
2028−.content-center {
2029− align-content: center;
2030−}
2031−
2032−.content-between {
2033− align-content: space-between;
2034−}
2035−
2036−.content-around {
2037− align-content: space-around;
2038−}
2039−
2040−.content-stretch {
2041− align-content: stretch;
2042−}
2043−
2044−@media only screen and (min-width: 550px) {
2045− .flex-ns {
2046− display: flex;
2047− }
2048− .flex-row-ns {
2049− display: flex;
2050− flex-direction: row;
2051− }
2052− .flex-row-r-ns {
2053− display: flex;
2054− flex-direction: row-reverse;
2055− }
2056− .flex-col-ns {
2057− display: flex;
2058− flex-direction: column;
2059− }
2060− .flex-col-r-ns {
2061− display: flex;
2062− flex-direction: column-reverse;
2063− }
2064− .flex-wrap-ns {
2065− flex-wrap: wrap;
2066− }
2067− .align-start-ns {
2068− align-items: flex-start;
2069− }
2070− .align-end-ns {
2071− align-items: flex-end;
2072− }
2073− .align-center-ns {
2074− align-items: center;
2075− }
2076− .align-baseline-ns {
2077− align-items: baseline;
2078− }
2079− .align-stretch-ns {
2080− align-items: stretch;
2081− }
2082− .justify-start-ns {
2083− justify-content: flex-start;
2084− }
2085− .justify-end-ns {
2086− justify-content: flex-end;
2087− }
2088− .justify-center-ns {
2089− justify-content: center;
2090− }
2091− .justify-between-ns {
2092− justify-content: space-between;
2093− }
2094− .justify-around-ns {
2095− justify-content: space-around;
2096− }
2097− .flex-center-ns {
2098− justify-content: center;
2099− align-items: center;
2100− }
2101− .self-start-ns {
2102− align-self: flex-start;
2103− }
2104− .self-end-ns {
2105− align-self: flex-end;
2106− }
2107− .self-center-ns {
2108− align-self: center;
2109− }
2110− .self-baseline-ns {
2111− align-self: baseline;
2112− }
2113− .self-stretch-ns {
2114− align-self: stretch;
2115− }
2116− .content-start-ns {
2117− align-content: flex-start;
2118− }
2119− .content-end-ns {
2120− align-content: flex-end;
2121− }
2122− .content-center-ns {
2123− align-content: center;
2124− }
2125− .content-between-ns {
2126− align-content: space-between;
2127− }
2128− .content-around-ns {
2129− align-content: space-around;
2130− }
2131− .content-stretch-ns {
2132− align-content: stretch;
2133− }
2134−}
2135−
2136−@media only screen and (min-width: 750px) and (max-width: 960px) {
2137− .flex-md {
2138− display: flex;
2139− }
2140− .flex-row-md {
2141− display: flex;
2142− flex-direction: row;
2143− }
2144− .flex-row-r-md {
2145− display: flex;
2146− flex-direction: row-reverse;
2147− }
2148− .flex-col-md {
2149− display: flex;
2150− flex-direction: column;
2151− }
2152− .flex-col-r-md {
2153− display: flex;
2154− flex-direction: column-reverse;
2155− }
2156− .flex-wrap-md {
2157− flex-wrap: wrap;
2158− }
2159− .align-start-md {
2160− align-items: flex-start;
2161− }
2162− .align-end-md {
2163− align-items: flex-end;
2164− }
2165− .align-center-md {
2166− align-items: center;
2167− }
2168− .align-baseline-md {
2169− align-items: baseline;
2170− }
2171− .align-stretch-md {
2172− align-items: stretch;
2173− }
2174− .justify-start-md {
2175− justify-content: flex-start;
2176− }
2177− .justify-end-md {
2178− justify-content: flex-end;
2179− }
2180− .justify-center-md {
2181− justify-content: center;
2182− }
2183− .justify-between-md {
2184− justify-content: space-between;
2185− }
2186− .justify-around-md {
2187− justify-content: space-around;
2188− }
2189− .flex-center-md {
2190− justify-content: center;
2191− align-items: center;
2192− }
2193− .self-start-md {
2194− align-self: flex-start;
2195− }
2196− .self-end-md {
2197− align-self: flex-end;
2198− }
2199− .self-center-md {
2200− align-self: center;
2201− }
2202− .self-baseline-md {
2203− align-self: baseline;
2204− }
2205− .self-stretch-md {
2206− align-self: stretch;
2207− }
2208− .content-start-md {
2209− align-content: flex-start;
2210− }
2211− .content-end-md {
2212− align-content: flex-end;
2213− }
2214− .content-center-md {
2215− align-content: center;
2216− }
2217− .content-between-md {
2218− align-content: space-between;
2219− }
2220− .content-around-md {
2221− align-content: space-around;
2222− }
2223− .content-stretch-md {
2224− align-content: stretch;
2225− }
2226−}
2227−
2228−@media only screen and (min-width: 960px) {
2229− .flex-lg {
2230− display: flex;
2231− }
2232− .flex-row-lg {
2233− display: flex;
2234− flex-direction: row;
2235− }
2236− .flex-row-r-lg {
2237− display: flex;
2238− flex-direction: row-reverse;
2239− }
2240− .flex-col-lg {
2241− display: flex;
2242− flex-direction: column;
2243− }
2244− .flex-col-r-lg {
2245− display: flex;
2246− flex-direction: column-reverse;
2247− }
2248− .flex-wrap-lg {
2249− flex-wrap: wrap;
2250− }
2251− .align-start-lg {
2252− align-items: flex-start;
2253− }
2254− .align-end-lg {
2255− align-items: flex-end;
2256− }
2257− .align-center-lg {
2258− align-items: center;
2259− }
2260− .align-baseline-lg {
2261− align-items: baseline;
2262− }
2263− .align-stretch-lg {
2264− align-items: stretch;
2265− }
2266− .justify-start-lg {
2267− justify-content: flex-start;
2268− }
2269− .justify-end-lg {
2270− justify-content: flex-end;
2271− }
2272− .justify-center-lg {
2273− justify-content: center;
2274− }
2275− .justify-between-lg {
2276− justify-content: space-between;
2277− }
2278− .justify-around-lg {
2279− justify-content: space-around;
2280− }
2281− .flex-center-lg {
2282− justify-content: center;
2283− align-items: center;
2284− }
2285− .self-start-lg {
2286− align-self: flex-start;
2287− }
2288− .self-end-lg {
2289− align-self: flex-end;
2290− }
2291− .self-center-lg {
2292− align-self: center;
2293− }
2294− .self-baseline-lg {
2295− align-self: baseline;
2296− }
2297− .self-stretch-lg {
2298− align-self: stretch;
2299− }
2300− .content-start-lg {
2301− align-content: flex-start;
2302− }
2303− .content-end-lg {
2304− align-content: flex-end;
2305− }
2306− .content-center-lg {
2307− align-content: center;
2308− }
2309− .content-between-lg {
2310− align-content: space-between;
2311− }
2312− .content-around-lg {
2313− align-content: space-around;
2314− }
2315− .content-stretch-lg {
2316− align-content: stretch;
2317− }
2318−}
2319−
2320−.order0 {
2321− order: 0;
2322−}
2323−
2324−.order1 {
2325− order: 1;
2326−}
2327−
2328−.order2 {
2329− order: 2;
2330−}
2331−
2332−.order3 {
2333− order: 3;
2334−}
2335−
2336−.order4 {
2337− order: 4;
2338−}
2339−
2340−.order5 {
2341− order: 5;
2342−}
2343−
2344−.order6 {
2345− order: 6;
2346−}
2347−
2348−.order7 {
2349− order: 7;
2350−}
2351−
2352−.order8 {
2353− order: 8;
2354−}
2355−
2356−.order9 {
2357− order: 9;
2358−}
2359−
2360−.order10 {
2361− order: 10;
2362−}
2363−
2364−.order11 {
2365− order: 11;
2366−}
2367−
2368−.order12 {
2369− order: 12;
2370−}
2371−
2372−.order-last {
2373− order: 99999;
2374−}
2375−
2376−.flex0 {
2377− flex: 0;
2378−}
2379−
2380−.flex1 {
2381− flex: 1;
2382−}
2383−
2384−.flex2 {
2385− flex: 2;
2386−}
2387−
2388−.flex3 {
2389− flex: 3;
2390−}
2391−
2392−.flex4 {
2393− flex: 4;
2394−}
2395−
2396−.flex5 {
2397− flex: 5;
2398−}
2399−
2400−.flex6 {
2401− flex: 6;
2402−}
2403−
2404−.flex7 {
2405− flex: 7;
2406−}
2407−
2408−.flex8 {
2409− flex: 8;
2410−}
2411−
2412−.flex9 {
2413− flex: 9;
2414−}
2415−
2416−.flex10 {
2417− flex: 10;
2418−}
2419−
2420−.flex11 {
2421− flex: 11;
2422−}
2423−
2424−.flex12 {
2425− flex: 12;
2426−}
2427−
2428−/*******************************************************************************
2429− Grid and Layout
2430−*******************************************************************************/
2431−.grid12 {
2432− display: grid;
2433− grid-template-columns: repeat(12, [col-start] 1fr);
2434− grid-auto-rows: auto;
2435− column-gap: 32px;
2436−}
2437−
2438−.grid8 {
2439− display: grid;
2440− grid-template-columns: repeat(8, [col-start] 1fr);
2441− grid-auto-rows: auto;
2442− gap: 1px;
2443− width: 100%;
2444−}
2445−
2446−.full {
2447− grid-area: auto / 1 / auto / 13;
2448−}
2449−
2450−.half-1 {
2451− grid-area: auto / 1 / auto / 7;
2452−}
2453−
2454−.half-2 {
2455− grid-area: auto / 7 / auto / 13;
2456−}
2457−
2458−.fourth-1 {
2459− grid-area: auto / 1 / auto / 4;
2460−}
2461−
2462−.fourth-2 {
2463− grid-area: auto / 4 / auto / 7;
2464−}
2465−
2466−.fourth-3 {
2467− grid-area: auto / 7 / auto / 10;
2468−}
2469−
2470−.fourth-4 {
2471− grid-area: auto / 10 / auto / 13;
2472−}
2473−
2474−@media only screen and (min-width: 550px) {
2475− .full-ns {
2476− grid-area: auto / 1 / auto / 13;
2477− }
2478− .half-1-ns {
2479− grid-area: auto / 1 / auto / 7;
2480− }
2481− .half-2-ns {
2482− grid-area: auto / 7 / auto / 13;
2483− }
2484− .fourth-1-ns {
2485− grid-area: auto / 1 / auto / 4;
2486− }
2487− .fourth-2-ns {
2488− grid-area: auto / 4 / auto / 7;
2489− }
2490− .fourth-3-ns {
2491− grid-area: auto / 7 / auto / 10;
2492− }
2493− .fourth-4-ns {
2494− grid-area: auto / 10 / auto / 13;
2495− }
2496−}
2497−
2498−@media only screen and (min-width: 750px) and (max-width: 960px) {
2499− .full-md {
2500− grid-area: auto / 1 / auto / 13;
2501− }
2502− .half-1-md {
2503− grid-area: auto / 1 / auto / 7;
2504− }
2505− .half-2-md {
2506− grid-area: auto / 7 / auto / 13;
2507− }
2508− .fourth-1-md {
2509− grid-area: auto / 1 / auto / 4;
2510− }
2511− .fourth-2-md {
2512− grid-area: auto / 4 / auto / 7;
2513− }
2514− .fourth-3-md {
2515− grid-area: auto / 7 / auto / 10;
2516− }
2517− .fourth-4-md {
2518− grid-area: auto / 10 / auto / 13;
2519− }
2520−}
2521−
2522−@media only screen and (min-width: 960px) {
2523− .full-lg {
2524− grid-area: auto / 1 / auto / 13;
2525− }
2526− .half-1-lg {
2527− grid-area: auto / 1 / auto / 7;
2528− }
2529− .half-2-lg {
2530− grid-area: auto / 7 / auto / 13;
2531− }
2532− .fourth-1-lg {
2533− grid-area: auto / 1 / auto / 4;
2534− }
2535− .fourth-2-lg {
2536− grid-area: auto / 4 / auto / 7;
2537− }
2538− .fourth-3-lg {
2539− grid-area: auto / 7 / auto / 10;
2540− }
2541− .fourth-4-lg {
2542− grid-area: auto / 10 / auto / 13;
2543− }
2544−}
2545−
2546−.gap1 {
2547− width: 1px;
2548−}
2549−
2550−.gap2 {
2551− width: 2px;
2552−}
2553−
2554−.gap4 {
2555− width: 4px;
2556−}
2557−
2558−.gap8 {
2559− width: 8px;
2560−}
2561−
2562−.gap12 {
2563− width: 12px;
2564−}
2565−
2566−.gap16 {
2567− width: 16px;
2568−}
2569−
2570−.gap24 {
2571− width: 24px;
2572−}
2573−
2574−.gap32 {
2575− width: 32px;
2576−}
2577−
2578−.fr1 {
2579− width: 1fr;
2580−}
2581−
2582−.fr2 {
2583− width: 2fr;
2584−}
2585−
2586−.fr3 {
2587− width: 3fr;
2588−}
2589−
2590−.fr4 {
2591− width: 4fr;
2592−}
2593−
2594−.fr5 {
2595− width: 5fr;
2596−}
2597−
2598−.fr6 {
2599− width: 6fr;
2600−}
2601−
2602−.fr7 {
2603− width: 7fr;
2604−}
2605−
2606−.fr8 {
2607− width: 8fr;
2608−}
2609−
2610−.fr9 {
2611− width: 9fr;
2612−}
2613−
2614−.fr10 {
2615− width: 10fr;
2616−}
2617−
2618−.fr11 {
2619− width: 11fr;
2620−}
2621−
2622−.fr12 {
2623− width: 12fr;
2624−}
2625−
2626−.c1-2 {
2627− grid-column-start: 1;
2628− grid-column-end: 2;
2629−}
2630−
2631−.c1-3 {
2632− grid-column-start: 1;
2633− grid-column-end: 3;
2634−}
2635−
2636−.c1-4 {
2637− grid-column-start: 1;
2638− grid-column-end: 4;
2639−}
2640−
2641−.c1-5 {
2642− grid-column-start: 1;
2643− grid-column-end: 5;
2644−}
2645−
2646−.c1-6 {
2647− grid-column-start: 1;
2648− grid-column-end: 6;
2649−}
2650−
2651−.c1-7 {
2652− grid-column-start: 1;
2653− grid-column-end: 7;
2654−}
2655−
2656−.c1-8 {
2657− grid-column-start: 1;
2658− grid-column-end: 8;
2659−}
2660−
2661−.c1-9 {
2662− grid-column-start: 1;
2663− grid-column-end: 9;
2664−}
2665−
2666−.c1-10 {
2667− grid-column-start: 1;
2668− grid-column-end: 10;
2669−}
2670−
2671−.c1-11 {
2672− grid-column-start: 1;
2673− grid-column-end: 11;
2674−}
2675−
2676−.c1-12 {
2677− grid-column-start: 1;
2678− grid-column-end: 12;
2679−}
2680−
2681−.c1-13 {
2682− grid-column-start: 1;
2683− grid-column-end: 13;
2684−}
2685−
2686−.c2-3 {
2687− grid-column-start: 2;
2688− grid-column-end: 3;
2689−}
2690−
2691−.c2-4 {
2692− grid-column-start: 2;
2693− grid-column-end: 4;
2694−}
2695−
2696−.c2-5 {
2697− grid-column-start: 2;
2698− grid-column-end: 5;
2699−}
2700−
2701−.c2-6 {
2702− grid-column-start: 2;
2703− grid-column-end: 6;
2704−}
2705−
2706−.c2-7 {
2707− grid-column-start: 2;
2708− grid-column-end: 7;
2709−}
2710−
2711−.c2-8 {
2712− grid-column-start: 2;
2713− grid-column-end: 8;
2714−}
2715−
2716−.c2-9 {
2717− grid-column-start: 2;
2718− grid-column-end: 9;
2719−}
2720−
2721−.c2-10 {
2722− grid-column-start: 2;
2723− grid-column-end: 10;
2724−}
2725−
2726−.c2-11 {
2727− grid-column-start: 2;
2728− grid-column-end: 11;
2729−}
2730−
2731−.c2-12 {
2732− grid-column-start: 2;
2733− grid-column-end: 12;
2734−}
2735−
2736−.c2-13 {
2737− grid-column-start: 2;
2738− grid-column-end: 13;
2739−}
2740−
2741−.c3-4 {
2742− grid-column-start: 3;
2743− grid-column-end: 4;
2744−}
2745−
2746−.c3-5 {
2747− grid-column-start: 3;
2748− grid-column-end: 5;
2749−}
2750−
2751−.c3-6 {
2752− grid-column-start: 3;
2753− grid-column-end: 6;
2754−}
2755−
2756−.c3-7 {
2757− grid-column-start: 3;
2758− grid-column-end: 7;
2759−}
2760−
2761−.c3-8 {
2762− grid-column-start: 3;
2763− grid-column-end: 8;
2764−}
2765−
2766−.c3-9 {
2767− grid-column-start: 3;
2768− grid-column-end: 9;
2769−}
2770−
2771−.c3-10 {
2772− grid-column-start: 3;
2773− grid-column-end: 10;
2774−}
2775−
2776−.c3-11 {
2777− grid-column-start: 3;
2778− grid-column-end: 11;
2779−}
2780−
2781−.c3-12 {
2782− grid-column-start: 3;
2783− grid-column-end: 12;
2784−}
2785−
2786−.c3-13 {
2787− grid-column-start: 3;
2788− grid-column-end: 13;
2789−}
2790−
2791−.c4-5 {
2792− grid-column-start: 4;
2793− grid-column-end: 5;
2794−}
2795−
2796−.c4-6 {
2797− grid-column-start: 4;
2798− grid-column-end: 6;
2799−}
2800−
2801−.c4-7 {
2802− grid-column-start: 4;
2803− grid-column-end: 7;
2804−}
2805−
2806−.c4-8 {
2807− grid-column-start: 4;
2808− grid-column-end: 8;
2809−}
2810−
2811−.c4-9 {
2812− grid-column-start: 4;
2813− grid-column-end: 9;
2814−}
2815−
2816−.c4-10 {
2817− grid-column-start: 4;
2818− grid-column-end: 10;
2819−}
2820−
2821−.c4-11 {
2822− grid-column-start: 4;
2823− grid-column-end: 11;
2824−}
2825−
2826−.c4-12 {
2827− grid-column-start: 4;
2828− grid-column-end: 12;
2829−}
2830−
2831−.c4-13 {
2832− grid-column-start: 4;
2833− grid-column-end: 13;
2834−}
2835−
2836−.c5-6 {
2837− grid-column-start: 5;
2838− grid-column-end: 6;
2839−}
2840−
2841−.c5-7 {
2842− grid-column-start: 5;
2843− grid-column-end: 7;
2844−}
2845−
2846−.c5-8 {
2847− grid-column-start: 5;
2848− grid-column-end: 8;
2849−}
2850−
2851−.c5-9 {
2852− grid-column-start: 5;
2853− grid-column-end: 9;
2854−}
2855−
2856−.c5-10 {
2857− grid-column-start: 5;
2858− grid-column-end: 10;
2859−}
2860−
2861−.c5-11 {
2862− grid-column-start: 5;
2863− grid-column-end: 11;
2864−}
2865−
2866−.c5-12 {
2867− grid-column-start: 5;
2868− grid-column-end: 12;
2869−}
2870−
2871−.c5-13 {
2872− grid-column-start: 5;
2873− grid-column-end: 13;
2874−}
2875−
2876−.c6-7 {
2877− grid-column-start: 6;
2878− grid-column-end: 7;
2879−}
2880−
2881−.c6-8 {
2882− grid-column-start: 6;
2883− grid-column-end: 8;
2884−}
2885−
2886−.c6-9 {
2887− grid-column-start: 6;
2888− grid-column-end: 9;
2889−}
2890−
2891−.c6-10 {
2892− grid-column-start: 6;
2893− grid-column-end: 10;
2894−}
2895−
2896−.c6-11 {
2897− grid-column-start: 6;
2898− grid-column-end: 11;
2899−}
2900−
2901−.c6-12 {
2902− grid-column-start: 6;
2903− grid-column-end: 12;
2904−}
2905−
2906−.c6-13 {
2907− grid-column-start: 6;
2908− grid-column-end: 13;
2909−}
2910−
2911−.c7-8 {
2912− grid-column-start: 7;
2913− grid-column-end: 8;
2914−}
2915−
2916−.c7-9 {
2917− grid-column-start: 7;
2918− grid-column-end: 9;
2919−}
2920−
2921−.c7-10 {
2922− grid-column-start: 7;
2923− grid-column-end: 10;
2924−}
2925−
2926−.c7-11 {
2927− grid-column-start: 7;
2928− grid-column-end: 11;
2929−}
2930−
2931−.c7-12 {
2932− grid-column-start: 7;
2933− grid-column-end: 12;
2934−}
2935−
2936−.c7-13 {
2937− grid-column-start: 7;
2938− grid-column-end: 13;
2939−}
2940−
2941−.c8-9 {
2942− grid-column-start: 8;
2943− grid-column-end: 9;
2944−}
2945−
2946−.c8-10 {
2947− grid-column-start: 8;
2948− grid-column-end: 10;
2949−}
2950−
2951−.c8-11 {
2952− grid-column-start: 8;
2953− grid-column-end: 11;
2954−}
2955−
2956−.c8-12 {
2957− grid-column-start: 8;
2958− grid-column-end: 12;
2959−}
2960−
2961−.c8-13 {
2962− grid-column-start: 8;
2963− grid-column-end: 13;
2964−}
2965−
2966−.c9-10 {
2967− grid-column-start: 9;
2968− grid-column-end: 10;
2969−}
2970−
2971−.c9-11 {
2972− grid-column-start: 9;
2973− grid-column-end: 11;
2974−}
2975−
2976−.c9-12 {
2977− grid-column-start: 9;
2978− grid-column-end: 12;
2979−}
2980−
2981−.c9-13 {
2982− grid-column-start: 9;
2983− grid-column-end: 13;
2984−}
2985−
2986−.c10-11 {
2987− grid-column-start: 10;
2988− grid-column-end: 11;
2989−}
2990−
2991−.c10-12 {
2992− grid-column-start: 10;
2993− grid-column-end: 12;
2994−}
2995−
2996−.c10-13 {
2997− grid-column-start: 10;
2998− grid-column-end: 13;
2999−}
3000−
3001−.c11-12 {
3002− grid-column-start: 11;
3003− grid-column-end: 12;
3004−}
3005−
3006−.c11-13 {
3007− grid-column-start: 11;
3008− grid-column-end: 13;
3009−}
3010−
3011−.c12-13 {
3012− grid-column-start: 12;
3013− grid-column-end: 13;
3014−}
3015−
3016−@media only screen and (min-width: 550px) {
3017− .c1-2-ns {
3018− grid-column-start: 1;
3019− grid-column-end: 2;
3020− }
3021− .c1-3-ns {
3022− grid-column-start: 1;
3023− grid-column-end: 3;
3024− }
3025− .c1-4-ns {
3026− grid-column-start: 1;
3027− grid-column-end: 4;
3028− }
3029− .c1-5-ns {
3030− grid-column-start: 1;
3031− grid-column-end: 5;
3032− }
3033− .c1-6-ns {
3034− grid-column-start: 1;
3035− grid-column-end: 6;
3036− }
3037− .c1-7-ns {
3038− grid-column-start: 1;
3039− grid-column-end: 7;
3040− }
3041− .c1-8-ns {
3042− grid-column-start: 1;
3043− grid-column-end: 8;
3044− }
3045− .c1-9-ns {
3046− grid-column-start: 1;
3047− grid-column-end: 9;
3048− }
3049− .c1-10-ns {
3050− grid-column-start: 1;
3051− grid-column-end: 10;
3052− }
3053− .c1-11-ns {
3054− grid-column-start: 1;
3055− grid-column-end: 11;
3056− }
3057− .c1-12-ns {
3058− grid-column-start: 1;
3059− grid-column-end: 12;
3060− }
3061− .c1-13-ns {
3062− grid-column-start: 1;
3063− grid-column-end: 13;
3064− }
3065− .c2-3-ns {
3066− grid-column-start: 2;
3067− grid-column-end: 3;
3068− }
3069− .c2-4-ns {
3070− grid-column-start: 2;
3071− grid-column-end: 4;
3072− }
3073− .c2-5-ns {
3074− grid-column-start: 2;
3075− grid-column-end: 5;
3076− }
3077− .c2-6-ns {
3078− grid-column-start: 2;
3079− grid-column-end: 6;
3080− }
3081− .c2-7-ns {
3082− grid-column-start: 2;
3083− grid-column-end: 7;
3084− }
3085− .c2-8-ns {
3086− grid-column-start: 2;
3087− grid-column-end: 8;
3088− }
3089− .c2-9-ns {
3090− grid-column-start: 2;
3091− grid-column-end: 9;
3092− }
3093− .c2-10-ns {
3094− grid-column-start: 2;
3095− grid-column-end: 10;
3096− }
3097− .c2-11-ns {
3098− grid-column-start: 2;
3099− grid-column-end: 11;
3100− }
3101− .c2-12-ns {
3102− grid-column-start: 2;
3103− grid-column-end: 12;
3104− }
3105− .c2-13-ns {
3106− grid-column-start: 2;
3107− grid-column-end: 13;
3108− }
3109− .c3-4-ns {
3110− grid-column-start: 3;
3111− grid-column-end: 4;
3112− }
3113− .c3-5-ns {
3114− grid-column-start: 3;
3115− grid-column-end: 5;
3116− }
3117− .c3-6-ns {
3118− grid-column-start: 3;
3119− grid-column-end: 6;
3120− }
3121− .c3-7-ns {
3122− grid-column-start: 3;
3123− grid-column-end: 7;
3124− }
3125− .c3-8-ns {
3126− grid-column-start: 3;
3127− grid-column-end: 8;
3128− }
3129− .c3-9-ns {
3130− grid-column-start: 3;
3131− grid-column-end: 9;
3132− }
3133− .c3-10-ns {
3134− grid-column-start: 3;
3135− grid-column-end: 10;
3136− }
3137− .c3-11-ns {
3138− grid-column-start: 3;
3139− grid-column-end: 11;
3140− }
3141− .c3-12-ns {
3142− grid-column-start: 3;
3143− grid-column-end: 12;
3144− }
3145− .c3-13-ns {
3146− grid-column-start: 3;
3147− grid-column-end: 13;
3148− }
3149− .c4-5-ns {
3150− grid-column-start: 4;
3151− grid-column-end: 5;
3152− }
3153− .c4-6-ns {
3154− grid-column-start: 4;
3155− grid-column-end: 6;
3156− }
3157− .c4-7-ns {
3158− grid-column-start: 4;
3159− grid-column-end: 7;
3160− }
3161− .c4-8-ns {
3162− grid-column-start: 4;
3163− grid-column-end: 8;
3164− }
3165− .c4-9-ns {
3166− grid-column-start: 4;
3167− grid-column-end: 9;
3168− }
3169− .c4-10-ns {
3170− grid-column-start: 4;
3171− grid-column-end: 10;
3172− }
3173− .c4-11-ns {
3174− grid-column-start: 4;
3175− grid-column-end: 11;
3176− }
3177− .c4-12-ns {
3178− grid-column-start: 4;
3179− grid-column-end: 12;
3180− }
3181− .c4-13-ns {
3182− grid-column-start: 4;
3183− grid-column-end: 13;
3184− }
3185− .c5-6-ns {
3186− grid-column-start: 5;
3187− grid-column-end: 6;
3188− }
3189− .c5-7-ns {
3190− grid-column-start: 5;
3191− grid-column-end: 7;
3192− }
3193− .c5-8-ns {
3194− grid-column-start: 5;
3195− grid-column-end: 8;
3196− }
3197− .c5-9-ns {
3198− grid-column-start: 5;
3199− grid-column-end: 9;
3200− }
3201− .c5-10-ns {
3202− grid-column-start: 5;
3203− grid-column-end: 10;
3204− }
3205− .c5-11-ns {
3206− grid-column-start: 5;
3207− grid-column-end: 11;
3208− }
3209− .c5-12-ns {
3210− grid-column-start: 5;
3211− grid-column-end: 12;
3212− }
3213− .c5-13-ns {
3214− grid-column-start: 5;
3215− grid-column-end: 13;
3216− }
3217− .c6-7-ns {
3218− grid-column-start: 6;
3219− grid-column-end: 7;
3220− }
3221− .c6-8-ns {
3222− grid-column-start: 6;
3223− grid-column-end: 8;
3224− }
3225− .c6-9-ns {
3226− grid-column-start: 6;
3227− grid-column-end: 9;
3228− }
3229− .c6-10-ns {
3230− grid-column-start: 6;
3231− grid-column-end: 10;
3232− }
3233− .c6-11-ns {
3234− grid-column-start: 6;
3235− grid-column-end: 11;
3236− }
3237− .c6-12-ns {
3238− grid-column-start: 6;
3239− grid-column-end: 12;
3240− }
3241− .c6-13-ns {
3242− grid-column-start: 6;
3243− grid-column-end: 13;
3244− }
3245− .c7-8-ns {
3246− grid-column-start: 7;
3247− grid-column-end: 8;
3248− }
3249− .c7-9-ns {
3250− grid-column-start: 7;
3251− grid-column-end: 9;
3252− }
3253− .c7-10-ns {
3254− grid-column-start: 7;
3255− grid-column-end: 10;
3256− }
3257− .c7-11-ns {
3258− grid-column-start: 7;
3259− grid-column-end: 11;
3260− }
3261− .c7-12-ns {
3262− grid-column-start: 7;
3263− grid-column-end: 12;
3264− }
3265− .c7-13-ns {
3266− grid-column-start: 7;
3267− grid-column-end: 13;
3268− }
3269− .c8-9-ns {
3270− grid-column-start: 8;
3271− grid-column-end: 9;
3272− }
3273− .c8-10-ns {
3274− grid-column-start: 8;
3275− grid-column-end: 10;
3276− }
3277− .c8-11-ns {
3278− grid-column-start: 8;
3279− grid-column-end: 11;
3280− }
3281− .c8-12-ns {
3282− grid-column-start: 8;
3283− grid-column-end: 12;
3284− }
3285− .c8-13-ns {
3286− grid-column-start: 8;
3287− grid-column-end: 13;
3288− }
3289− .c9-10-ns {
3290− grid-column-start: 9;
3291− grid-column-end: 10;
3292− }
3293− .c9-11-ns {
3294− grid-column-start: 9;
3295− grid-column-end: 11;
3296− }
3297− .c9-12-ns {
3298− grid-column-start: 9;
3299− grid-column-end: 12;
3300− }
3301− .c9-13-ns {
3302− grid-column-start: 9;
3303− grid-column-end: 13;
3304− }
3305− .c10-11-ns {
3306− grid-column-start: 10;
3307− grid-column-end: 11;
3308− }
3309− .c10-12-ns {
3310− grid-column-start: 10;
3311− grid-column-end: 12;
3312− }
3313− .c10-13-ns {
3314− grid-column-start: 10;
3315− grid-column-end: 13;
3316− }
3317− .c11-12-ns {
3318− grid-column-start: 11;
3319− grid-column-end: 12;
3320− }
3321− .c11-13-ns {
3322− grid-column-start: 11;
3323− grid-column-end: 13;
3324− }
3325− .c12-13-ns {
3326− grid-column-start: 12;
3327− grid-column-end: 13;
3328− }
3329−}
3330−
3331−@media only screen and (min-width: 750px) and (max-width: 960px) {
3332− .c1-2-md {
3333− grid-column-start: 1;
3334− grid-column-end: 2;
3335− }
3336− .c1-3-md {
3337− grid-column-start: 1;
3338− grid-column-end: 3;
3339− }
3340− .c1-4-md {
3341− grid-column-start: 1;
3342− grid-column-end: 4;
3343− }
3344− .c1-5-md {
3345− grid-column-start: 1;
3346− grid-column-end: 5;
3347− }
3348− .c1-6-md {
3349− grid-column-start: 1;
3350− grid-column-end: 6;
3351− }
3352− .c1-7-md {
3353− grid-column-start: 1;
3354− grid-column-end: 7;
3355− }
3356− .c1-8-md {
3357− grid-column-start: 1;
3358− grid-column-end: 8;
3359− }
3360− .c1-9-md {
3361− grid-column-start: 1;
3362− grid-column-end: 9;
3363− }
3364− .c1-10-md {
3365− grid-column-start: 1;
3366− grid-column-end: 10;
3367− }
3368− .c1-11-md {
3369− grid-column-start: 1;
3370− grid-column-end: 11;
3371− }
3372− .c1-12-md {
3373− grid-column-start: 1;
3374− grid-column-end: 12;
3375− }
3376− .c1-13-md {
3377− grid-column-start: 1;
3378− grid-column-end: 13;
3379− }
3380− .c2-3-md {
3381− grid-column-start: 2;
3382− grid-column-end: 3;
3383− }
3384− .c2-4-md {
3385− grid-column-start: 2;
3386− grid-column-end: 4;
3387− }
3388− .c2-5-md {
3389− grid-column-start: 2;
3390− grid-column-end: 5;
3391− }
3392− .c2-6-md {
3393− grid-column-start: 2;
3394− grid-column-end: 6;
3395− }
3396− .c2-7-md {
3397− grid-column-start: 2;
3398− grid-column-end: 7;
3399− }
3400− .c2-8-md {
3401− grid-column-start: 2;
3402− grid-column-end: 8;
3403− }
3404− .c2-9-md {
3405− grid-column-start: 2;
3406− grid-column-end: 9;
3407− }
3408− .c2-10-md {
3409− grid-column-start: 2;
3410− grid-column-end: 10;
3411− }
3412− .c2-11-md {
3413− grid-column-start: 2;
3414− grid-column-end: 11;
3415− }
3416− .c2-12-md {
3417− grid-column-start: 2;
3418− grid-column-end: 12;
3419− }
3420− .c2-13-md {
3421− grid-column-start: 2;
3422− grid-column-end: 13;
3423− }
3424− .c3-4-md {
3425− grid-column-start: 3;
3426− grid-column-end: 4;
3427− }
3428− .c3-5-md {
3429− grid-column-start: 3;
3430− grid-column-end: 5;
3431− }
3432− .c3-6-md {
3433− grid-column-start: 3;
3434− grid-column-end: 6;
3435− }
3436− .c3-7-md {
3437− grid-column-start: 3;
3438− grid-column-end: 7;
3439− }
3440− .c3-8-md {
3441− grid-column-start: 3;
3442− grid-column-end: 8;
3443− }
3444− .c3-9-md {
3445− grid-column-start: 3;
3446− grid-column-end: 9;
3447− }
3448− .c3-10-md {
3449− grid-column-start: 3;
3450− grid-column-end: 10;
3451− }
3452− .c3-11-md {
3453− grid-column-start: 3;
3454− grid-column-end: 11;
3455− }
3456− .c3-12-md {
3457− grid-column-start: 3;
3458− grid-column-end: 12;
3459− }
3460− .c3-13-md {
3461− grid-column-start: 3;
3462− grid-column-end: 13;
3463− }
3464− .c4-5-md {
3465− grid-column-start: 4;
3466− grid-column-end: 5;
3467− }
3468− .c4-6-md {
3469− grid-column-start: 4;
3470− grid-column-end: 6;
3471− }
3472− .c4-7-md {
3473− grid-column-start: 4;
3474− grid-column-end: 7;
3475− }
3476− .c4-8-md {
3477− grid-column-start: 4;
3478− grid-column-end: 8;
3479− }
3480− .c4-9-md {
3481− grid-column-start: 4;
3482− grid-column-end: 9;
3483− }
3484− .c4-10-md {
3485− grid-column-start: 4;
3486− grid-column-end: 10;
3487− }
3488− .c4-11-md {
3489− grid-column-start: 4;
3490− grid-column-end: 11;
3491− }
3492− .c4-12-md {
3493− grid-column-start: 4;
3494− grid-column-end: 12;
3495− }
3496− .c4-13-md {
3497− grid-column-start: 4;
3498− grid-column-end: 13;
3499− }
3500− .c5-6-md {
3501− grid-column-start: 5;
3502− grid-column-end: 6;
3503− }
3504− .c5-7-md {
3505− grid-column-start: 5;
3506− grid-column-end: 7;
3507− }
3508− .c5-8-md {
3509− grid-column-start: 5;
3510− grid-column-end: 8;
3511− }
3512− .c5-9-md {
3513− grid-column-start: 5;
3514− grid-column-end: 9;
3515− }
3516− .c5-10-md {
3517− grid-column-start: 5;
3518− grid-column-end: 10;
3519− }
3520− .c5-11-md {
3521− grid-column-start: 5;
3522− grid-column-end: 11;
3523− }
3524− .c5-12-md {
3525− grid-column-start: 5;
3526− grid-column-end: 12;
3527− }
3528− .c5-13-md {
3529− grid-column-start: 5;
3530− grid-column-end: 13;
3531− }
3532− .c6-7-md {
3533− grid-column-start: 6;
3534− grid-column-end: 7;
3535− }
3536− .c6-8-md {
3537− grid-column-start: 6;
3538− grid-column-end: 8;
3539− }
3540− .c6-9-md {
3541− grid-column-start: 6;
3542− grid-column-end: 9;
3543− }
3544− .c6-10-md {
3545− grid-column-start: 6;
3546− grid-column-end: 10;
3547− }
3548− .c6-11-md {
3549− grid-column-start: 6;
3550− grid-column-end: 11;
3551− }
3552− .c6-12-md {
3553− grid-column-start: 6;
3554− grid-column-end: 12;
3555− }
3556− .c6-13-md {
3557− grid-column-start: 6;
3558− grid-column-end: 13;
3559− }
3560− .c7-8-md {
3561− grid-column-start: 7;
3562− grid-column-end: 8;
3563− }
3564− .c7-9-md {
3565− grid-column-start: 7;
3566− grid-column-end: 9;
3567− }
3568− .c7-10-md {
3569− grid-column-start: 7;
3570− grid-column-end: 10;
3571− }
3572− .c7-11-md {
3573− grid-column-start: 7;
3574− grid-column-end: 11;
3575− }
3576− .c7-12-md {
3577− grid-column-start: 7;
3578− grid-column-end: 12;
3579− }
3580− .c7-13-md {
3581− grid-column-start: 7;
3582− grid-column-end: 13;
3583− }
3584− .c8-9-md {
3585− grid-column-start: 8;
3586− grid-column-end: 9;
3587− }
3588− .c8-10-md {
3589− grid-column-start: 8;
3590− grid-column-end: 10;
3591− }
3592− .c8-11-md {
3593− grid-column-start: 8;
3594− grid-column-end: 11;
3595− }
3596− .c8-12-md {
3597− grid-column-start: 8;
3598− grid-column-end: 12;
3599− }
3600− .c8-13-md {
3601− grid-column-start: 8;
3602− grid-column-end: 13;
3603− }
3604− .c9-10-md {
3605− grid-column-start: 9;
3606− grid-column-end: 10;
3607− }
3608− .c9-11-md {
3609− grid-column-start: 9;
3610− grid-column-end: 11;
3611− }
3612− .c9-12-md {
3613− grid-column-start: 9;
3614− grid-column-end: 12;
3615− }
3616− .c9-13-md {
3617− grid-column-start: 9;
3618− grid-column-end: 13;
3619− }
3620− .c10-11-md {
3621− grid-column-start: 10;
3622− grid-column-end: 11;
3623− }
3624− .c10-12-md {
3625− grid-column-start: 10;
3626− grid-column-end: 12;
3627− }
3628− .c10-13-md {
3629− grid-column-start: 10;
3630− grid-column-end: 13;
3631− }
3632− .c11-12-md {
3633− grid-column-start: 11;
3634− grid-column-end: 12;
3635− }
3636− .c11-13-md {
3637− grid-column-start: 11;
3638− grid-column-end: 13;
3639− }
3640− .c12-13-md {
3641− grid-column-start: 12;
3642− grid-column-end: 13;
3643− }
3644−}
3645−
3646−@media only screen and (min-width: 960px) {
3647− .c1-2-lg {
3648− grid-column-start: 1;
3649− grid-column-end: 2;
3650− }
3651− .c1-3-lg {
3652− grid-column-start: 1;
3653− grid-column-end: 3;
3654− }
3655− .c1-4-lg {
3656− grid-column-start: 1;
3657− grid-column-end: 4;
3658− }
3659− .c1-5-lg {
3660− grid-column-start: 1;
3661− grid-column-end: 5;
3662− }
3663− .c1-6-lg {
3664− grid-column-start: 1;
3665− grid-column-end: 6;
3666− }
3667− .c1-7-lg {
3668− grid-column-start: 1;
3669− grid-column-end: 7;
3670− }
3671− .c1-8-lg {
3672− grid-column-start: 1;
3673− grid-column-end: 8;
3674− }
3675− .c1-9-lg {
3676− grid-column-start: 1;
3677− grid-column-end: 9;
3678− }
3679− .c1-10-lg {
3680− grid-column-start: 1;
3681− grid-column-end: 10;
3682− }
3683− .c1-11-lg {
3684− grid-column-start: 1;
3685− grid-column-end: 11;
3686− }
3687− .c1-12-lg {
3688− grid-column-start: 1;
3689− grid-column-end: 12;
3690− }
3691− .c1-13-lg {
3692− grid-column-start: 1;
3693− grid-column-end: 13;
3694− }
3695− .c2-3-lg {
3696− grid-column-start: 2;
3697− grid-column-end: 3;
3698− }
3699− .c2-4-lg {
3700− grid-column-start: 2;
3701− grid-column-end: 4;
3702− }
3703− .c2-5-lg {
3704− grid-column-start: 2;
3705− grid-column-end: 5;
3706− }
3707− .c2-6-lg {
3708− grid-column-start: 2;
3709− grid-column-end: 6;
3710− }
3711− .c2-7-lg {
3712− grid-column-start: 2;
3713− grid-column-end: 7;
3714− }
3715− .c2-8-lg {
3716− grid-column-start: 2;
3717− grid-column-end: 8;
3718− }
3719− .c2-9-lg {
3720− grid-column-start: 2;
3721− grid-column-end: 9;
3722− }
3723− .c2-10-lg {
3724− grid-column-start: 2;
3725− grid-column-end: 10;
3726− }
3727− .c2-11-lg {
3728− grid-column-start: 2;
3729− grid-column-end: 11;
3730− }
3731− .c2-12-lg {
3732− grid-column-start: 2;
3733− grid-column-end: 12;
3734− }
3735− .c2-13-lg {
3736− grid-column-start: 2;
3737− grid-column-end: 13;
3738− }
3739− .c3-4-lg {
3740− grid-column-start: 3;
3741− grid-column-end: 4;
3742− }
3743− .c3-5-lg {
3744− grid-column-start: 3;
3745− grid-column-end: 5;
3746− }
3747− .c3-6-lg {
3748− grid-column-start: 3;
3749− grid-column-end: 6;
3750− }
3751− .c3-7-lg {
3752− grid-column-start: 3;
3753− grid-column-end: 7;
3754− }
3755− .c3-8-lg {
3756− grid-column-start: 3;
3757− grid-column-end: 8;
3758− }
3759− .c3-9-lg {
3760− grid-column-start: 3;
3761− grid-column-end: 9;
3762− }
3763− .c3-10-lg {
3764− grid-column-start: 3;
3765− grid-column-end: 10;
3766− }
3767− .c3-11-lg {
3768− grid-column-start: 3;
3769− grid-column-end: 11;
3770− }
3771− .c3-12-lg {
3772− grid-column-start: 3;
3773− grid-column-end: 12;
3774− }
3775− .c3-13-lg {
3776− grid-column-start: 3;
3777− grid-column-end: 13;
3778− }
3779− .c4-5-lg {
3780− grid-column-start: 4;
3781− grid-column-end: 5;
3782− }
3783− .c4-6-lg {
3784− grid-column-start: 4;
3785− grid-column-end: 6;
3786− }
3787− .c4-7-lg {
3788− grid-column-start: 4;
3789− grid-column-end: 7;
3790− }
3791− .c4-8-lg {
3792− grid-column-start: 4;
3793− grid-column-end: 8;
3794− }
3795− .c4-9-lg {
3796− grid-column-start: 4;
3797− grid-column-end: 9;
3798− }
3799− .c4-10-lg {
3800− grid-column-start: 4;
3801− grid-column-end: 10;
3802− }
3803− .c4-11-lg {
3804− grid-column-start: 4;
3805− grid-column-end: 11;
3806− }
3807− .c4-12-lg {
3808− grid-column-start: 4;
3809− grid-column-end: 12;
3810− }
3811− .c4-13-lg {
3812− grid-column-start: 4;
3813− grid-column-end: 13;
3814− }
3815− .c5-6-lg {
3816− grid-column-start: 5;
3817− grid-column-end: 6;
3818− }
3819− .c5-7-lg {
3820− grid-column-start: 5;
3821− grid-column-end: 7;
3822− }
3823− .c5-8-lg {
3824− grid-column-start: 5;
3825− grid-column-end: 8;
3826− }
3827− .c5-9-lg {
3828− grid-column-start: 5;
3829− grid-column-end: 9;
3830− }
3831− .c5-10-lg {
3832− grid-column-start: 5;
3833− grid-column-end: 10;
3834− }
3835− .c5-11-lg {
3836− grid-column-start: 5;
3837− grid-column-end: 11;
3838− }
3839− .c5-12-lg {
3840− grid-column-start: 5;
3841− grid-column-end: 12;
3842− }
3843− .c5-13-lg {
3844− grid-column-start: 5;
3845− grid-column-end: 13;
3846− }
3847− .c6-7-lg {
3848− grid-column-start: 6;
3849− grid-column-end: 7;
3850− }
3851− .c6-8-lg {
3852− grid-column-start: 6;
3853− grid-column-end: 8;
3854− }
3855− .c6-9-lg {
3856− grid-column-start: 6;
3857− grid-column-end: 9;
3858− }
3859− .c6-10-lg {
3860− grid-column-start: 6;
3861− grid-column-end: 10;
3862− }
3863− .c6-11-lg {
3864− grid-column-start: 6;
3865− grid-column-end: 11;
3866− }
3867− .c6-12-lg {
3868− grid-column-start: 6;
3869− grid-column-end: 12;
3870− }
3871− .c6-13-lg {
3872− grid-column-start: 6;
3873− grid-column-end: 13;
3874− }
3875− .c7-8-lg {
3876− grid-column-start: 7;
3877− grid-column-end: 8;
3878− }
3879− .c7-9-lg {
3880− grid-column-start: 7;
3881− grid-column-end: 9;
3882− }
3883− .c7-10-lg {
3884− grid-column-start: 7;
3885− grid-column-end: 10;
3886− }
3887− .c7-11-lg {
3888− grid-column-start: 7;
3889− grid-column-end: 11;
3890− }
3891− .c7-12-lg {
3892− grid-column-start: 7;
3893− grid-column-end: 12;
3894− }
3895− .c7-13-lg {
3896− grid-column-start: 7;
3897− grid-column-end: 13;
3898− }
3899− .c8-9-lg {
3900− grid-column-start: 8;
3901− grid-column-end: 9;
3902− }
3903− .c8-10-lg {
3904− grid-column-start: 8;
3905− grid-column-end: 10;
3906− }
3907− .c8-11-lg {
3908− grid-column-start: 8;
3909− grid-column-end: 11;
3910− }
3911− .c8-12-lg {
3912− grid-column-start: 8;
3913− grid-column-end: 12;
3914− }
3915− .c8-13-lg {
3916− grid-column-start: 8;
3917− grid-column-end: 13;
3918− }
3919− .c9-10-lg {
3920− grid-column-start: 9;
3921− grid-column-end: 10;
3922− }
3923− .c9-11-lg {
3924− grid-column-start: 9;
3925− grid-column-end: 11;
3926− }
3927− .c9-12-lg {
3928− grid-column-start: 9;
3929− grid-column-end: 12;
3930− }
3931− .c9-13-lg {
3932− grid-column-start: 9;
3933− grid-column-end: 13;
3934− }
3935− .c10-11-lg {
3936− grid-column-start: 10;
3937− grid-column-end: 11;
3938− }
3939− .c10-12-lg {
3940− grid-column-start: 10;
3941− grid-column-end: 12;
3942− }
3943− .c10-13-lg {
3944− grid-column-start: 10;
3945− grid-column-end: 13;
3946− }
3947− .c11-12-lg {
3948− grid-column-start: 11;
3949− grid-column-end: 12;
3950− }
3951− .c11-13-lg {
3952− grid-column-start: 11;
3953− grid-column-end: 13;
3954− }
3955− .c12-13-lg {
3956− grid-column-start: 12;
3957− grid-column-end: 13;
3958− }
3959−}
3960−
3961−.r1-2 {
3962− grid-row-start: 1;
3963− grid-row-end: 2;
3964−}
3965−
3966−.r1-3 {
3967− grid-row-start: 1;
3968− grid-row-end: 3;
3969−}
3970−
3971−.r1-4 {
3972− grid-row-start: 1;
3973− grid-row-end: 4;
3974−}
3975−
3976−.r1-5 {
3977− grid-row-start: 1;
3978− grid-row-end: 5;
3979−}
3980−
3981−.r1-6 {
3982− grid-row-start: 1;
3983− grid-row-end: 6;
3984−}
3985−
3986−.r1-7 {
3987− grid-row-start: 1;
3988− grid-row-end: 7;
3989−}
3990−
3991−.r1-8 {
3992− grid-row-start: 1;
3993− grid-row-end: 8;
3994−}
3995−
3996−.r1-9 {
3997− grid-row-start: 1;
3998− grid-row-end: 9;
3999−}
4000−
4001−.r1-10 {
4002− grid-row-start: 1;
4003− grid-row-end: 10;
4004−}
4005−
4006−.r1-11 {
4007− grid-row-start: 1;
4008− grid-row-end: 11;
4009−}
4010−
4011−.r1-12 {
4012− grid-row-start: 1;
4013− grid-row-end: 12;
4014−}
4015−
4016−.r1-13 {
4017− grid-row-start: 1;
4018− grid-row-end: 13;
4019−}
4020−
4021−.r2-3 {
4022− grid-row-start: 2;
4023− grid-row-end: 3;
4024−}
4025−
4026−.r2-4 {
4027− grid-row-start: 2;
4028− grid-row-end: 4;
4029−}
4030−
4031−.r2-5 {
4032− grid-row-start: 2;
4033− grid-row-end: 5;
4034−}
4035−
4036−.r2-6 {
4037− grid-row-start: 2;
4038− grid-row-end: 6;
4039−}
4040−
4041−.r2-7 {
4042− grid-row-start: 2;
4043− grid-row-end: 7;
4044−}
4045−
4046−.r2-8 {
4047− grid-row-start: 2;
4048− grid-row-end: 8;
4049−}
4050−
4051−.r2-9 {
4052− grid-row-start: 2;
4053− grid-row-end: 9;
4054−}
4055−
4056−.r2-10 {
4057− grid-row-start: 2;
4058− grid-row-end: 10;
4059−}
4060−
4061−.r2-11 {
4062− grid-row-start: 2;
4063− grid-row-end: 11;
4064−}
4065−
4066−.r2-12 {
4067− grid-row-start: 2;
4068− grid-row-end: 12;
4069−}
4070−
4071−.r2-13 {
4072− grid-row-start: 2;
4073− grid-row-end: 13;
4074−}
4075−
4076−.r3-4 {
4077− grid-row-start: 3;
4078− grid-row-end: 4;
4079−}
4080−
4081−.r3-5 {
4082− grid-row-start: 3;
4083− grid-row-end: 5;
4084−}
4085−
4086−.r3-6 {
4087− grid-row-start: 3;
4088− grid-row-end: 6;
4089−}
4090−
4091−.r3-7 {
4092− grid-row-start: 3;
4093− grid-row-end: 7;
4094−}
4095−
4096−.r3-8 {
4097− grid-row-start: 3;
4098− grid-row-end: 8;
4099−}
4100−
4101−.r3-9 {
4102− grid-row-start: 3;
4103− grid-row-end: 9;
4104−}
4105−
4106−.r3-10 {
4107− grid-row-start: 3;
4108− grid-row-end: 10;
4109−}
4110−
4111−.r3-11 {
4112− grid-row-start: 3;
4113− grid-row-end: 11;
4114−}
4115−
4116−.r3-12 {
4117− grid-row-start: 3;
4118− grid-row-end: 12;
4119−}
4120−
4121−.r3-13 {
4122− grid-row-start: 3;
4123− grid-row-end: 13;
4124−}
4125−
4126−.r4-5 {
4127− grid-row-start: 4;
4128− grid-row-end: 5;
4129−}
4130−
4131−.r4-6 {
4132− grid-row-start: 4;
4133− grid-row-end: 6;
4134−}
4135−
4136−.r4-7 {
4137− grid-row-start: 4;
4138− grid-row-end: 7;
4139−}
4140−
4141−.r4-8 {
4142− grid-row-start: 4;
4143− grid-row-end: 8;
4144−}
4145−
4146−.r4-9 {
4147− grid-row-start: 4;
4148− grid-row-end: 9;
4149−}
4150−
4151−.r4-10 {
4152− grid-row-start: 4;
4153− grid-row-end: 10;
4154−}
4155−
4156−.r4-11 {
4157− grid-row-start: 4;
4158− grid-row-end: 11;
4159−}
4160−
4161−.r4-12 {
4162− grid-row-start: 4;
4163− grid-row-end: 12;
4164−}
4165−
4166−.r4-13 {
4167− grid-row-start: 4;
4168− grid-row-end: 13;
4169−}
4170−
4171−.r5-6 {
4172− grid-row-start: 5;
4173− grid-row-end: 6;
4174−}
4175−
4176−.r5-7 {
4177− grid-row-start: 5;
4178− grid-row-end: 7;
4179−}
4180−
4181−.r5-8 {
4182− grid-row-start: 5;
4183− grid-row-end: 8;
4184−}
4185−
4186−.r5-9 {
4187− grid-row-start: 5;
4188− grid-row-end: 9;
4189−}
4190−
4191−.r5-10 {
4192− grid-row-start: 5;
4193− grid-row-end: 10;
4194−}
4195−
4196−.r5-11 {
4197− grid-row-start: 5;
4198− grid-row-end: 11;
4199−}
4200−
4201−.r5-12 {
4202− grid-row-start: 5;
4203− grid-row-end: 12;
4204−}
4205−
4206−.r5-13 {
4207− grid-row-start: 5;
4208− grid-row-end: 13;
4209−}
4210−
4211−.r6-7 {
4212− grid-row-start: 6;
4213− grid-row-end: 7;
4214−}
4215−
4216−.r6-8 {
4217− grid-row-start: 6;
4218− grid-row-end: 8;
4219−}
4220−
4221−.r6-9 {
4222− grid-row-start: 6;
4223− grid-row-end: 9;
4224−}
4225−
4226−.r6-10 {
4227− grid-row-start: 6;
4228− grid-row-end: 10;
4229−}
4230−
4231−.r6-11 {
4232− grid-row-start: 6;
4233− grid-row-end: 11;
4234−}
4235−
4236−.r6-12 {
4237− grid-row-start: 6;
4238− grid-row-end: 12;
4239−}
4240−
4241−.r6-13 {
4242− grid-row-start: 6;
4243− grid-row-end: 13;
4244−}
4245−
4246−.r7-8 {
4247− grid-row-start: 7;
4248− grid-row-end: 8;
4249−}
4250−
4251−.r7-9 {
4252− grid-row-start: 7;
4253− grid-row-end: 9;
4254−}
4255−
4256−.r7-10 {
4257− grid-row-start: 7;
4258− grid-row-end: 10;
4259−}
4260−
4261−.r7-11 {
4262− grid-row-start: 7;
4263− grid-row-end: 11;
4264−}
4265−
4266−.r7-12 {
4267− grid-row-start: 7;
4268− grid-row-end: 12;
4269−}
4270−
4271−.r7-13 {
4272− grid-row-start: 7;
4273− grid-row-end: 13;
4274−}
4275−
4276−.r8-9 {
4277− grid-row-start: 8;
4278− grid-row-end: 9;
4279−}
4280−
4281−.r8-10 {
4282− grid-row-start: 8;
4283− grid-row-end: 10;
4284−}
4285−
4286−.r8-11 {
4287− grid-row-start: 8;
4288− grid-row-end: 11;
4289−}
4290−
4291−.r8-12 {
4292− grid-row-start: 8;
4293− grid-row-end: 12;
4294−}
4295−
4296−.r8-13 {
4297− grid-row-start: 8;
4298− grid-row-end: 13;
4299−}
4300−
4301−.r9-10 {
4302− grid-row-start: 9;
4303− grid-row-end: 10;
4304−}
4305−
4306−.r9-11 {
4307− grid-row-start: 9;
4308− grid-row-end: 11;
4309−}
4310−
4311−.r9-12 {
4312− grid-row-start: 9;
4313− grid-row-end: 12;
4314−}
4315−
4316−.r9-13 {
4317− grid-row-start: 9;
4318− grid-row-end: 13;
4319−}
4320−
4321−.r10-11 {
4322− grid-row-start: 10;
4323− grid-row-end: 11;
4324−}
4325−
4326−.r10-12 {
4327− grid-row-start: 10;
4328− grid-row-end: 12;
4329−}
4330−
4331−.r10-13 {
4332− grid-row-start: 10;
4333− grid-row-end: 13;
4334−}
4335−
4336−.r11-12 {
4337− grid-row-start: 11;
4338− grid-row-end: 12;
4339−}
4340−
4341−.r11-13 {
4342− grid-row-start: 11;
4343− grid-row-end: 13;
4344−}
4345−
4346−.r12-13 {
4347− grid-row-start: 12;
4348− grid-row-end: 13;
4349−}
4350−
4351−.h-auto {
4352− height: auto;
4353−}
4354−
4355−@media only screen and (min-width: 550px) {
4356− .h-auto-ns {
4357− height: auto;
4358− }
4359−}
4360−
4361−@media only screen and (min-width: 750px) and (max-width: 960px) {
4362− .h-auto-md {
4363− height: auto;
4364− }
4365−}
4366−
4367−@media only screen and (min-width: 960px) {
4368− .h-auto-lg {
4369− height: auto;
4370− }
4371−}
4372−
4373−.h0 {
4374− height: 0px;
4375−}
4376−
4377−.h1 {
4378− height: 4px;
4379−}
4380−
4381−.h2 {
4382− height: 8px;
4383−}
4384−
4385−.h3 {
4386− height: 12px;
4387−}
4388−
4389−.h4 {
4390− height: 16px;
4391−}
4392−
4393−.h5 {
4394− height: 20px;
4395−}
4396−
4397−.h6 {
4398− height: 24px;
4399−}
4400−
4401−.h7 {
4402− height: 32px;
4403−}
4404−
4405−.h8 {
4406− height: 48px;
4407−}
4408−
4409−.h9 {
4410− height: 64px;
4411−}
4412−
4413−.h10 {
4414− height: 96px;
4415−}
4416−
4417−.h11 {
4418− height: 160px;
4419−}
4420−
4421−.h12 {
4422− height: 288px;
4423−}
4424−
4425−@media only screen and (min-width: 550px) {
4426− .h0-ns {
4427− height: 0px;
4428− }
4429−}
4430−
4431−@media only screen and (min-width: 750px) and (max-width: 960px) {
4432− .h0-md {
4433− height: 0px;
4434− }
4435−}
4436−
4437−@media only screen and (min-width: 960px) {
4438− .h0-lg {
4439− height: 0px;
4440− }
4441−}
4442−
4443−@media only screen and (min-width: 550px) {
4444− .h1-ns {
4445− height: 4px;
4446− }
4447−}
4448−
4449−@media only screen and (min-width: 750px) and (max-width: 960px) {
4450− .h1-md {
4451− height: 4px;
4452− }
4453−}
4454−
4455−@media only screen and (min-width: 960px) {
4456− .h1-lg {
4457− height: 4px;
4458− }
4459−}
4460−
4461−@media only screen and (min-width: 550px) {
4462− .h2-ns {
4463− height: 8px;
4464− }
4465−}
4466−
4467−@media only screen and (min-width: 750px) and (max-width: 960px) {
4468− .h2-md {
4469− height: 8px;
4470− }
4471−}
4472−
4473−@media only screen and (min-width: 960px) {
4474− .h2-lg {
4475− height: 8px;
4476− }
4477−}
4478−
4479−@media only screen and (min-width: 550px) {
4480− .h3-ns {
4481− height: 12px;
4482− }
4483−}
4484−
4485−@media only screen and (min-width: 750px) and (max-width: 960px) {
4486− .h3-md {
4487− height: 12px;
4488− }
4489−}
4490−
4491−@media only screen and (min-width: 960px) {
4492− .h3-lg {
4493− height: 12px;
4494− }
4495−}
4496−
4497−@media only screen and (min-width: 550px) {
4498− .h4-ns {
4499− height: 16px;
4500− }
4501−}
4502−
4503−@media only screen and (min-width: 750px) and (max-width: 960px) {
4504− .h4-md {
4505− height: 16px;
4506− }
4507−}
4508−
4509−@media only screen and (min-width: 960px) {
4510− .h4-lg {
4511− height: 16px;
4512− }
4513−}
4514−
4515−@media only screen and (min-width: 550px) {
4516− .h5-ns {
4517− height: 20px;
4518− }
4519−}
4520−
4521−@media only screen and (min-width: 750px) and (max-width: 960px) {
4522− .h5-md {
4523− height: 20px;
4524− }
4525−}
4526−
4527−@media only screen and (min-width: 960px) {
4528− .h5-lg {
4529− height: 20px;
4530− }
4531−}
4532−
4533−@media only screen and (min-width: 550px) {
4534− .h6-ns {
4535− height: 24px;
4536− }
4537−}
4538−
4539−@media only screen and (min-width: 750px) and (max-width: 960px) {
4540− .h6-md {
4541− height: 24px;
4542− }
4543−}
4544−
4545−@media only screen and (min-width: 960px) {
4546− .h6-lg {
4547− height: 24px;
4548− }
4549−}
4550−
4551−@media only screen and (min-width: 550px) {
4552− .h7-ns {
4553− height: 32px;
4554− }
4555−}
4556−
4557−@media only screen and (min-width: 750px) and (max-width: 960px) {
4558− .h7-md {
4559− height: 32px;
4560− }
4561−}
4562−
4563−@media only screen and (min-width: 960px) {
4564− .h7-lg {
4565− height: 32px;
4566− }
4567−}
4568−
4569−@media only screen and (min-width: 550px) {
4570− .h8-ns {
4571− height: 48px;
4572− }
4573−}
4574−
4575−@media only screen and (min-width: 750px) and (max-width: 960px) {
4576− .h8-md {
4577− height: 48px;
4578− }
4579−}
4580−
4581−@media only screen and (min-width: 960px) {
4582− .h8-lg {
4583− height: 48px;
4584− }
4585−}
4586−
4587−@media only screen and (min-width: 550px) {
4588− .h9-ns {
4589− height: 64px;
4590− }
4591−}
4592−
4593−@media only screen and (min-width: 750px) and (max-width: 960px) {
4594− .h9-md {
4595− height: 64px;
4596− }
4597−}
4598−
4599−@media only screen and (min-width: 960px) {
4600− .h9-lg {
4601− height: 64px;
4602− }
4603−}
4604−
4605−@media only screen and (min-width: 550px) {
4606− .h10-ns {
4607− height: 96px;
4608− }
4609−}
4610−
4611−@media only screen and (min-width: 750px) and (max-width: 960px) {
4612− .h10-md {
4613− height: 96px;
4614− }
4615−}
4616−
4617−@media only screen and (min-width: 960px) {
4618− .h10-lg {
4619− height: 96px;
4620− }
4621−}
4622−
4623−@media only screen and (min-width: 550px) {
4624− .h11-ns {
4625− height: 160px;
4626− }
4627−}
4628−
4629−@media only screen and (min-width: 750px) and (max-width: 960px) {
4630− .h11-md {
4631− height: 160px;
4632− }
4633−}
4634−
4635−@media only screen and (min-width: 960px) {
4636− .h11-lg {
4637− height: 160px;
4638− }
4639−}
4640−
4641−@media only screen and (min-width: 550px) {
4642− .h12-ns {
4643− height: 288px;
4644− }
4645−}
4646−
4647−@media only screen and (min-width: 750px) and (max-width: 960px) {
4648− .h12-md {
4649− height: 288px;
4650− }
4651−}
4652−
4653−@media only screen and (min-width: 960px) {
4654− .h12-lg {
4655− height: 288px;
4656− }
4657−}
4658−
4659−.pointer:hover {
4660− cursor: pointer;
4661−}
4662−
4663−/*******************************************************************************
4664− Margin
4665−*******************************************************************************/
4666−.m0 {
4667− margin: 0px;
4668−}
4669−
4670−.mt0 {
4671− margin-top: 0px;
4672−}
4673−
4674−.mb0 {
4675− margin-bottom: 0px;
4676−}
4677−
4678−.ml0 {
4679− margin-left: 0px;
4680−}
4681−
4682−.mr0 {
4683− margin-right: 0px;
4684−}
4685−
4686−.mv0 {
4687− margin-top: 0px;
4688− margin-bottom: 0px;
4689−}
4690−
4691−.mh0 {
4692− margin-left: 0px;
4693− margin-right: 0px;
4694−}
4695−
4696−.m1 {
4697− margin: 4px;
4698−}
4699−
4700−.mt1 {
4701− margin-top: 4px;
4702−}
4703−
4704−.mb1 {
4705− margin-bottom: 4px;
4706−}
4707−
4708−.ml1 {
4709− margin-left: 4px;
4710−}
4711−
4712−.mr1 {
4713− margin-right: 4px;
4714−}
4715−
4716−.mv1 {
4717− margin-top: 4px;
4718− margin-bottom: 4px;
4719−}
4720−
4721−.mh1 {
4722− margin-left: 4px;
4723− margin-right: 4px;
4724−}
4725−
4726−.m2 {
4727− margin: 8px;
4728−}
4729−
4730−.mt2 {
4731− margin-top: 8px;
4732−}
4733−
4734−.mb2 {
4735− margin-bottom: 8px;
4736−}
4737−
4738−.ml2 {
4739− margin-left: 8px;
4740−}
4741−
4742−.mr2 {
4743− margin-right: 8px;
4744−}
4745−
4746−.mv2 {
4747− margin-top: 8px;
4748− margin-bottom: 8px;
4749−}
4750−
4751−.mh2 {
4752− margin-left: 8px;
4753− margin-right: 8px;
4754−}
4755−
4756−.m3 {
4757− margin: 12px;
4758−}
4759−
4760−.mt3 {
4761− margin-top: 12px;
4762−}
4763−
4764−.mb3 {
4765− margin-bottom: 12px;
4766−}
4767−
4768−.ml3 {
4769− margin-left: 12px;
4770−}
4771−
4772−.mr3 {
4773− margin-right: 12px;
4774−}
4775−
4776−.mv3 {
4777− margin-top: 12px;
4778− margin-bottom: 12px;
4779−}
4780−
4781−.mh3 {
4782− margin-left: 12px;
4783− margin-right: 12px;
4784−}
4785−
4786−.m4 {
4787− margin: 16px;
4788−}
4789−
4790−.mt4 {
4791− margin-top: 16px;
4792−}
4793−
4794−.mb4 {
4795− margin-bottom: 16px;
4796−}
4797−
4798−.ml4 {
4799− margin-left: 16px;
4800−}
4801−
4802−.mr4 {
4803− margin-right: 16px;
4804−}
4805−
4806−.mv4 {
4807− margin-top: 16px;
4808− margin-bottom: 16px;
4809−}
4810−
4811−.mh4 {
4812− margin-left: 16px;
4813− margin-right: 16px;
4814−}
4815−
4816−.m5 {
4817− margin: 20px;
4818−}
4819−
4820−.mt5 {
4821− margin-top: 20px;
4822−}
4823−
4824−.mb5 {
4825− margin-bottom: 20px;
4826−}
4827−
4828−.ml5 {
4829− margin-left: 20px;
4830−}
4831−
4832−.mr5 {
4833− margin-right: 20px;
4834−}
4835−
4836−.mv5 {
4837− margin-top: 20px;
4838− margin-bottom: 20px;
4839−}
4840−
4841−.mh5 {
4842− margin-left: 20px;
4843− margin-right: 20px;
4844−}
4845−
4846−.m6 {
4847− margin: 24px;
4848−}
4849−
4850−.mt6 {
4851− margin-top: 24px;
4852−}
4853−
4854−.mb6 {
4855− margin-bottom: 24px;
4856−}
4857−
4858−.ml6 {
4859− margin-left: 24px;
4860−}
4861−
4862−.mr6 {
4863− margin-right: 24px;
4864−}
4865−
4866−.mv6 {
4867− margin-top: 24px;
4868− margin-bottom: 24px;
4869−}
4870−
4871−.mh6 {
4872− margin-left: 24px;
4873− margin-right: 24px;
4874−}
4875−
4876−.m7 {
4877− margin: 32px;
4878−}
4879−
4880−.mt7 {
4881− margin-top: 32px;
4882−}
4883−
4884−.mb7 {
4885− margin-bottom: 32px;
4886−}
4887−
4888−.ml7 {
4889− margin-left: 32px;
4890−}
4891−
4892−.mr7 {
4893− margin-right: 32px;
4894−}
4895−
4896−.mv7 {
4897− margin-top: 32px;
4898− margin-bottom: 32px;
4899−}
4900−
4901−.mh7 {
4902− margin-left: 32px;
4903− margin-right: 32px;
4904−}
4905−
4906−.m8 {
4907− margin: 48px;
4908−}
4909−
4910−.mt8 {
4911− margin-top: 48px;
4912−}
4913−
4914−.mb8 {
4915− margin-bottom: 48px;
4916−}
4917−
4918−.ml8 {
4919− margin-left: 48px;
4920−}
4921−
4922−.mr8 {
4923− margin-right: 48px;
4924−}
4925−
4926−.mv8 {
4927− margin-top: 48px;
4928− margin-bottom: 48px;
4929−}
4930−
4931−.mh8 {
4932− margin-left: 48px;
4933− margin-right: 48px;
4934−}
4935−
4936−.m9 {
4937− margin: 64px;
4938−}
4939−
4940−.mt9 {
4941− margin-top: 64px;
4942−}
4943−
4944−.mb9 {
4945− margin-bottom: 64px;
4946−}
4947−
4948−.ml9 {
4949− margin-left: 64px;
4950−}
4951−
4952−.mr9 {
4953− margin-right: 64px;
4954−}
4955−
4956−.mv9 {
4957− margin-top: 64px;
4958− margin-bottom: 64px;
4959−}
4960−
4961−.mh9 {
4962− margin-left: 64px;
4963− margin-right: 64px;
4964−}
4965−
4966−.m10 {
4967− margin: 96px;
4968−}
4969−
4970−.mt10 {
4971− margin-top: 96px;
4972−}
4973−
4974−.mb10 {
4975− margin-bottom: 96px;
4976−}
4977−
4978−.ml10 {
4979− margin-left: 96px;
4980−}
4981−
4982−.mr10 {
4983− margin-right: 96px;
4984−}
4985−
4986−.mv10 {
4987− margin-top: 96px;
4988− margin-bottom: 96px;
4989−}
4990−
4991−.mh10 {
4992− margin-left: 96px;
4993− margin-right: 96px;
4994−}
4995−
4996−.m11 {
4997− margin: 160px;
4998−}
4999−
5000−.mt11 {
5001− margin-top: 160px;
5002−}
5003−
5004−.mb11 {
5005− margin-bottom: 160px;
5006−}
5007−
5008−.ml11 {
5009− margin-left: 160px;
5010−}
5011−
5012−.mr11 {
5013− margin-right: 160px;
5014−}
5015−
5016−.mv11 {
5017− margin-top: 160px;
5018− margin-bottom: 160px;
5019−}
5020−
5021−.mh11 {
5022− margin-left: 160px;
5023− margin-right: 160px;
5024−}
5025−
5026−.m12 {
5027− margin: 288px;
5028−}
5029−
5030−.mt12 {
5031− margin-top: 288px;
5032−}
5033−
5034−.mb12 {
5035− margin-bottom: 288px;
5036−}
5037−
5038−.ml12 {
5039− margin-left: 288px;
5040−}
5041−
5042−.mr12 {
5043− margin-right: 288px;
5044−}
5045−
5046−.mv12 {
5047− margin-top: 288px;
5048− margin-bottom: 288px;
5049−}
5050−
5051−.mh12 {
5052− margin-left: 288px;
5053− margin-right: 288px;
5054−}
5055−
5056−@media only screen and (min-width: 550px) {
5057− .m0-ns {
5058− margin: 0px;
5059− }
5060− .mt0-ns {
5061− margin-top: 0px;
5062− }
5063− .mb0-ns {
5064− margin-bottom: 0px;
5065− }
5066− .ml0-ns {
5067− margin-left: 0px;
5068− }
5069− .mr0-ns {
5070− margin-right: 0px;
5071− }
5072− .mv0-ns {
5073− margin-top: 0px;
5074− margin-bottom: 0px;
5075− }
5076− .mh0-ns {
5077− margin-left: 0px;
5078− margin-right: 0px;
5079− }
5080−}
5081−
5082−@media only screen and (min-width: 750px) and (max-width: 960px) {
5083− .m0-md {
5084− margin: 0px;
5085− }
5086− .mt0-md {
5087− margin-top: 0px;
5088− }
5089− .mb0-md {
5090− margin-bottom: 0px;
5091− }
5092− .ml0-md {
5093− margin-left: 0px;
5094− }
5095− .mr0-md {
5096− margin-right: 0px;
5097− }
5098− .mv0-md {
5099− margin-top: 0px;
5100− margin-bottom: 0px;
5101− }
5102− .mh0-md {
5103− margin-left: 0px;
5104− margin-right: 0px;
5105− }
5106−}
5107−
5108−@media only screen and (min-width: 960px) {
5109− .m0-lg {
5110− margin: 0px;
5111− }
5112− .mt0-lg {
5113− margin-top: 0px;
5114− }
5115− .mb0-lg {
5116− margin-bottom: 0px;
5117− }
5118− .ml0-lg {
5119− margin-left: 0px;
5120− }
5121− .mr0-lg {
5122− margin-right: 0px;
5123− }
5124− .mv0-lg {
5125− margin-top: 0px;
5126− margin-bottom: 0px;
5127− }
5128− .mh0-lg {
5129− margin-left: 0px;
5130− margin-right: 0px;
5131− }
5132−}
5133−
5134−@media only screen and (min-width: 550px) {
5135− .m1-ns {
5136− margin: 4px;
5137− }
5138− .mt1-ns {
5139− margin-top: 4px;
5140− }
5141− .mb1-ns {
5142− margin-bottom: 4px;
5143− }
5144− .ml1-ns {
5145− margin-left: 4px;
5146− }
5147− .mr1-ns {
5148− margin-right: 4px;
5149− }
5150− .mv1-ns {
5151− margin-top: 4px;
5152− margin-bottom: 4px;
5153− }
5154− .mh1-ns {
5155− margin-left: 4px;
5156− margin-right: 4px;
5157− }
5158−}
5159−
5160−@media only screen and (min-width: 750px) and (max-width: 960px) {
5161− .m1-md {
5162− margin: 4px;
5163− }
5164− .mt1-md {
5165− margin-top: 4px;
5166− }
5167− .mb1-md {
5168− margin-bottom: 4px;
5169− }
5170− .ml1-md {
5171− margin-left: 4px;
5172− }
5173− .mr1-md {
5174− margin-right: 4px;
5175− }
5176− .mv1-md {
5177− margin-top: 4px;
5178− margin-bottom: 4px;
5179− }
5180− .mh1-md {
5181− margin-left: 4px;
5182− margin-right: 4px;
5183− }
5184−}
5185−
5186−@media only screen and (min-width: 960px) {
5187− .m1-lg {
5188− margin: 4px;
5189− }
5190− .mt1-lg {
5191− margin-top: 4px;
5192− }
5193− .mb1-lg {
5194− margin-bottom: 4px;
5195− }
5196− .ml1-lg {
5197− margin-left: 4px;
5198− }
5199− .mr1-lg {
5200− margin-right: 4px;
5201− }
5202− .mv1-lg {
5203− margin-top: 4px;
5204− margin-bottom: 4px;
5205− }
5206− .mh1-lg {
5207− margin-left: 4px;
5208− margin-right: 4px;
5209− }
5210−}
5211−
5212−@media only screen and (min-width: 550px) {
5213− .m2-ns {
5214− margin: 8px;
5215− }
5216− .mt2-ns {
5217− margin-top: 8px;
5218− }
5219− .mb2-ns {
5220− margin-bottom: 8px;
5221− }
5222− .ml2-ns {
5223− margin-left: 8px;
5224− }
5225− .mr2-ns {
5226− margin-right: 8px;
5227− }
5228− .mv2-ns {
5229− margin-top: 8px;
5230− margin-bottom: 8px;
5231− }
5232− .mh2-ns {
5233− margin-left: 8px;
5234− margin-right: 8px;
5235− }
5236−}
5237−
5238−@media only screen and (min-width: 750px) and (max-width: 960px) {
5239− .m2-md {
5240− margin: 8px;
5241− }
5242− .mt2-md {
5243− margin-top: 8px;
5244− }
5245− .mb2-md {
5246− margin-bottom: 8px;
5247− }
5248− .ml2-md {
5249− margin-left: 8px;
5250− }
5251− .mr2-md {
5252− margin-right: 8px;
5253− }
5254− .mv2-md {
5255− margin-top: 8px;
5256− margin-bottom: 8px;
5257− }
5258− .mh2-md {
5259− margin-left: 8px;
5260− margin-right: 8px;
5261− }
5262−}
5263−
5264−@media only screen and (min-width: 960px) {
5265− .m2-lg {
5266− margin: 8px;
5267− }
5268− .mt2-lg {
5269− margin-top: 8px;
5270− }
5271− .mb2-lg {
5272− margin-bottom: 8px;
5273− }
5274− .ml2-lg {
5275− margin-left: 8px;
5276− }
5277− .mr2-lg {
5278− margin-right: 8px;
5279− }
5280− .mv2-lg {
5281− margin-top: 8px;
5282− margin-bottom: 8px;
5283− }
5284− .mh2-lg {
5285− margin-left: 8px;
5286− margin-right: 8px;
5287− }
5288−}
5289−
5290−@media only screen and (min-width: 550px) {
5291− .m3-ns {
5292− margin: 12px;
5293− }
5294− .mt3-ns {
5295− margin-top: 12px;
5296− }
5297− .mb3-ns {
5298− margin-bottom: 12px;
5299− }
5300− .ml3-ns {
5301− margin-left: 12px;
5302− }
5303− .mr3-ns {
5304− margin-right: 12px;
5305− }
5306− .mv3-ns {
5307− margin-top: 12px;
5308− margin-bottom: 12px;
5309− }
5310− .mh3-ns {
5311− margin-left: 12px;
5312− margin-right: 12px;
5313− }
5314−}
5315−
5316−@media only screen and (min-width: 750px) and (max-width: 960px) {
5317− .m3-md {
5318− margin: 12px;
5319− }
5320− .mt3-md {
5321− margin-top: 12px;
5322− }
5323− .mb3-md {
5324− margin-bottom: 12px;
5325− }
5326− .ml3-md {
5327− margin-left: 12px;
5328− }
5329− .mr3-md {
5330− margin-right: 12px;
5331− }
5332− .mv3-md {
5333− margin-top: 12px;
5334− margin-bottom: 12px;
5335− }
5336− .mh3-md {
5337− margin-left: 12px;
5338− margin-right: 12px;
5339− }
5340−}
5341−
5342−@media only screen and (min-width: 960px) {
5343− .m3-lg {
5344− margin: 12px;
5345− }
5346− .mt3-lg {
5347− margin-top: 12px;
5348− }
5349− .mb3-lg {
5350− margin-bottom: 12px;
5351− }
5352− .ml3-lg {
5353− margin-left: 12px;
5354− }
5355− .mr3-lg {
5356− margin-right: 12px;
5357− }
5358− .mv3-lg {
5359− margin-top: 12px;
5360− margin-bottom: 12px;
5361− }
5362− .mh3-lg {
5363− margin-left: 12px;
5364− margin-right: 12px;
5365− }
5366−}
5367−
5368−@media only screen and (min-width: 550px) {
5369− .m4-ns {
5370− margin: 16px;
5371− }
5372− .mt4-ns {
5373− margin-top: 16px;
5374− }
5375− .mb4-ns {
5376− margin-bottom: 16px;
5377− }
5378− .ml4-ns {
5379− margin-left: 16px;
5380− }
5381− .mr4-ns {
5382− margin-right: 16px;
5383− }
5384− .mv4-ns {
5385− margin-top: 16px;
5386− margin-bottom: 16px;
5387− }
5388− .mh4-ns {
5389− margin-left: 16px;
5390− margin-right: 16px;
5391− }
5392−}
5393−
5394−@media only screen and (min-width: 750px) and (max-width: 960px) {
5395− .m4-md {
5396− margin: 16px;
5397− }
5398− .mt4-md {
5399− margin-top: 16px;
5400− }
5401− .mb4-md {
5402− margin-bottom: 16px;
5403− }
5404− .ml4-md {
5405− margin-left: 16px;
5406− }
5407− .mr4-md {
5408− margin-right: 16px;
5409− }
5410− .mv4-md {
5411− margin-top: 16px;
5412− margin-bottom: 16px;
5413− }
5414− .mh4-md {
5415− margin-left: 16px;
5416− margin-right: 16px;
5417− }
5418−}
5419−
5420−@media only screen and (min-width: 960px) {
5421− .m4-lg {
5422− margin: 16px;
5423− }
5424− .mt4-lg {
5425− margin-top: 16px;
5426− }
5427− .mb4-lg {
5428− margin-bottom: 16px;
5429− }
5430− .ml4-lg {
5431− margin-left: 16px;
5432− }
5433− .mr4-lg {
5434− margin-right: 16px;
5435− }
5436− .mv4-lg {
5437− margin-top: 16px;
5438− margin-bottom: 16px;
5439− }
5440− .mh4-lg {
5441− margin-left: 16px;
5442− margin-right: 16px;
5443− }
5444−}
5445−
5446−@media only screen and (min-width: 550px) {
5447− .m5-ns {
5448− margin: 20px;
5449− }
5450− .mt5-ns {
5451− margin-top: 20px;
5452− }
5453− .mb5-ns {
5454− margin-bottom: 20px;
5455− }
5456− .ml5-ns {
5457− margin-left: 20px;
5458− }
5459− .mr5-ns {
5460− margin-right: 20px;
5461− }
5462− .mv5-ns {
5463− margin-top: 20px;
5464− margin-bottom: 20px;
5465− }
5466− .mh5-ns {
5467− margin-left: 20px;
5468− margin-right: 20px;
5469− }
5470−}
5471−
5472−@media only screen and (min-width: 750px) and (max-width: 960px) {
5473− .m5-md {
5474− margin: 20px;
5475− }
5476− .mt5-md {
5477− margin-top: 20px;
5478− }
5479− .mb5-md {
5480− margin-bottom: 20px;
5481− }
5482− .ml5-md {
5483− margin-left: 20px;
5484− }
5485− .mr5-md {
5486− margin-right: 20px;
5487− }
5488− .mv5-md {
5489− margin-top: 20px;
5490− margin-bottom: 20px;
5491− }
5492− .mh5-md {
5493− margin-left: 20px;
5494− margin-right: 20px;
5495− }
5496−}
5497−
5498−@media only screen and (min-width: 960px) {
5499− .m5-lg {
5500− margin: 20px;
5501− }
5502− .mt5-lg {
5503− margin-top: 20px;
5504− }
5505− .mb5-lg {
5506− margin-bottom: 20px;
5507− }
5508− .ml5-lg {
5509− margin-left: 20px;
5510− }
5511− .mr5-lg {
5512− margin-right: 20px;
5513− }
5514− .mv5-lg {
5515− margin-top: 20px;
5516− margin-bottom: 20px;
5517− }
5518− .mh5-lg {
5519− margin-left: 20px;
5520− margin-right: 20px;
5521− }
5522−}
5523−
5524−@media only screen and (min-width: 550px) {
5525− .m6-ns {
5526− margin: 24px;
5527− }
5528− .mt6-ns {
5529− margin-top: 24px;
5530− }
5531− .mb6-ns {
5532− margin-bottom: 24px;
5533− }
5534− .ml6-ns {
5535− margin-left: 24px;
5536− }
5537− .mr6-ns {
5538− margin-right: 24px;
5539− }
5540− .mv6-ns {
5541− margin-top: 24px;
5542− margin-bottom: 24px;
5543− }
5544− .mh6-ns {
5545− margin-left: 24px;
5546− margin-right: 24px;
5547− }
5548−}
5549−
5550−@media only screen and (min-width: 750px) and (max-width: 960px) {
5551− .m6-md {
5552− margin: 24px;
5553− }
5554− .mt6-md {
5555− margin-top: 24px;
5556− }
5557− .mb6-md {
5558− margin-bottom: 24px;
5559− }
5560− .ml6-md {
5561− margin-left: 24px;
5562− }
5563− .mr6-md {
5564− margin-right: 24px;
5565− }
5566− .mv6-md {
5567− margin-top: 24px;
5568− margin-bottom: 24px;
5569− }
5570− .mh6-md {
5571− margin-left: 24px;
5572− margin-right: 24px;
5573− }
5574−}
5575−
5576−@media only screen and (min-width: 960px) {
5577− .m6-lg {
5578− margin: 24px;
5579− }
5580− .mt6-lg {
5581− margin-top: 24px;
5582− }
5583− .mb6-lg {
5584− margin-bottom: 24px;
5585− }
5586− .ml6-lg {
5587− margin-left: 24px;
5588− }
5589− .mr6-lg {
5590− margin-right: 24px;
5591− }
5592− .mv6-lg {
5593− margin-top: 24px;
5594− margin-bottom: 24px;
5595− }
5596− .mh6-lg {
5597− margin-left: 24px;
5598− margin-right: 24px;
5599− }
5600−}
5601−
5602−@media only screen and (min-width: 550px) {
5603− .m7-ns {
5604− margin: 32px;
5605− }
5606− .mt7-ns {
5607− margin-top: 32px;
5608− }
5609− .mb7-ns {
5610− margin-bottom: 32px;
5611− }
5612− .ml7-ns {
5613− margin-left: 32px;
5614− }
5615− .mr7-ns {
5616− margin-right: 32px;
5617− }
5618− .mv7-ns {
5619− margin-top: 32px;
5620− margin-bottom: 32px;
5621− }
5622− .mh7-ns {
5623− margin-left: 32px;
5624− margin-right: 32px;
5625− }
5626−}
5627−
5628−@media only screen and (min-width: 750px) and (max-width: 960px) {
5629− .m7-md {
5630− margin: 32px;
5631− }
5632− .mt7-md {
5633− margin-top: 32px;
5634− }
5635− .mb7-md {
5636− margin-bottom: 32px;
5637− }
5638− .ml7-md {
5639− margin-left: 32px;
5640− }
5641− .mr7-md {
5642− margin-right: 32px;
5643− }
5644− .mv7-md {
5645− margin-top: 32px;
5646− margin-bottom: 32px;
5647− }
5648− .mh7-md {
5649− margin-left: 32px;
5650− margin-right: 32px;
5651− }
5652−}
5653−
5654−@media only screen and (min-width: 960px) {
5655− .m7-lg {
5656− margin: 32px;
5657− }
5658− .mt7-lg {
5659− margin-top: 32px;
5660− }
5661− .mb7-lg {
5662− margin-bottom: 32px;
5663− }
5664− .ml7-lg {
5665− margin-left: 32px;
5666− }
5667− .mr7-lg {
5668− margin-right: 32px;
5669− }
5670− .mv7-lg {
5671− margin-top: 32px;
5672− margin-bottom: 32px;
5673− }
5674− .mh7-lg {
5675− margin-left: 32px;
5676− margin-right: 32px;
5677− }
5678−}
5679−
5680−@media only screen and (min-width: 550px) {
5681− .m8-ns {
5682− margin: 48px;
5683− }
5684− .mt8-ns {
5685− margin-top: 48px;
5686− }
5687− .mb8-ns {
5688− margin-bottom: 48px;
5689− }
5690− .ml8-ns {
5691− margin-left: 48px;
5692− }
5693− .mr8-ns {
5694− margin-right: 48px;
5695− }
5696− .mv8-ns {
5697− margin-top: 48px;
5698− margin-bottom: 48px;
5699− }
5700− .mh8-ns {
5701− margin-left: 48px;
5702− margin-right: 48px;
5703− }
5704−}
5705−
5706−@media only screen and (min-width: 750px) and (max-width: 960px) {
5707− .m8-md {
5708− margin: 48px;
5709− }
5710− .mt8-md {
5711− margin-top: 48px;
5712− }
5713− .mb8-md {
5714− margin-bottom: 48px;
5715− }
5716− .ml8-md {
5717− margin-left: 48px;
5718− }
5719− .mr8-md {
5720− margin-right: 48px;
5721− }
5722− .mv8-md {
5723− margin-top: 48px;
5724− margin-bottom: 48px;
5725− }
5726− .mh8-md {
5727− margin-left: 48px;
5728− margin-right: 48px;
5729− }
5730−}
5731−
5732−@media only screen and (min-width: 960px) {
5733− .m8-lg {
5734− margin: 48px;
5735− }
5736− .mt8-lg {
5737− margin-top: 48px;
5738− }
5739− .mb8-lg {
5740− margin-bottom: 48px;
5741− }
5742− .ml8-lg {
5743− margin-left: 48px;
5744− }
5745− .mr8-lg {
5746− margin-right: 48px;
5747− }
5748− .mv8-lg {
5749− margin-top: 48px;
5750− margin-bottom: 48px;
5751− }
5752− .mh8-lg {
5753− margin-left: 48px;
5754− margin-right: 48px;
5755− }
5756−}
5757−
5758−@media only screen and (min-width: 550px) {
5759− .m9-ns {
5760− margin: 64px;
5761− }
5762− .mt9-ns {
5763− margin-top: 64px;
5764− }
5765− .mb9-ns {
5766− margin-bottom: 64px;
5767− }
5768− .ml9-ns {
5769− margin-left: 64px;
5770− }
5771− .mr9-ns {
5772− margin-right: 64px;
5773− }
5774− .mv9-ns {
5775− margin-top: 64px;
5776− margin-bottom: 64px;
5777− }
5778− .mh9-ns {
5779− margin-left: 64px;
5780− margin-right: 64px;
5781− }
5782−}
5783−
5784−@media only screen and (min-width: 750px) and (max-width: 960px) {
5785− .m9-md {
5786− margin: 64px;
5787− }
5788− .mt9-md {
5789− margin-top: 64px;
5790− }
5791− .mb9-md {
5792− margin-bottom: 64px;
5793− }
5794− .ml9-md {
5795− margin-left: 64px;
5796− }
5797− .mr9-md {
5798− margin-right: 64px;
5799− }
5800− .mv9-md {
5801− margin-top: 64px;
5802− margin-bottom: 64px;
5803− }
5804− .mh9-md {
5805− margin-left: 64px;
5806− margin-right: 64px;
5807− }
5808−}
5809−
5810−@media only screen and (min-width: 960px) {
5811− .m9-lg {
5812− margin: 64px;
5813− }
5814− .mt9-lg {
5815− margin-top: 64px;
5816− }
5817− .mb9-lg {
5818− margin-bottom: 64px;
5819− }
5820− .ml9-lg {
5821− margin-left: 64px;
5822− }
5823− .mr9-lg {
5824− margin-right: 64px;
5825− }
5826− .mv9-lg {
5827− margin-top: 64px;
5828− margin-bottom: 64px;
5829− }
5830− .mh9-lg {
5831− margin-left: 64px;
5832− margin-right: 64px;
5833− }
5834−}
5835−
5836−@media only screen and (min-width: 550px) {
5837− .m10-ns {
5838− margin: 96px;
5839− }
5840− .mt10-ns {
5841− margin-top: 96px;
5842− }
5843− .mb10-ns {
5844− margin-bottom: 96px;
5845− }
5846− .ml10-ns {
5847− margin-left: 96px;
5848− }
5849− .mr10-ns {
5850− margin-right: 96px;
5851− }
5852− .mv10-ns {
5853− margin-top: 96px;
5854− margin-bottom: 96px;
5855− }
5856− .mh10-ns {
5857− margin-left: 96px;
5858− margin-right: 96px;
5859− }
5860−}
5861−
5862−@media only screen and (min-width: 750px) and (max-width: 960px) {
5863− .m10-md {
5864− margin: 96px;
5865− }
5866− .mt10-md {
5867− margin-top: 96px;
5868− }
5869− .mb10-md {
5870− margin-bottom: 96px;
5871− }
5872− .ml10-md {
5873− margin-left: 96px;
5874− }
5875− .mr10-md {
5876− margin-right: 96px;
5877− }
5878− .mv10-md {
5879− margin-top: 96px;
5880− margin-bottom: 96px;
5881− }
5882− .mh10-md {
5883− margin-left: 96px;
5884− margin-right: 96px;
5885− }
5886−}
5887−
5888−@media only screen and (min-width: 960px) {
5889− .m10-lg {
5890− margin: 96px;
5891− }
5892− .mt10-lg {
5893− margin-top: 96px;
5894− }
5895− .mb10-lg {
5896− margin-bottom: 96px;
5897− }
5898− .ml10-lg {
5899− margin-left: 96px;
5900− }
5901− .mr10-lg {
5902− margin-right: 96px;
5903− }
5904− .mv10-lg {
5905− margin-top: 96px;
5906− margin-bottom: 96px;
5907− }
5908− .mh10-lg {
5909− margin-left: 96px;
5910− margin-right: 96px;
5911− }
5912−}
5913−
5914−@media only screen and (min-width: 550px) {
5915− .m11-ns {
5916− margin: 160px;
5917− }
5918− .mt11-ns {
5919− margin-top: 160px;
5920− }
5921− .mb11-ns {
5922− margin-bottom: 160px;
5923− }
5924− .ml11-ns {
5925− margin-left: 160px;
5926− }
5927− .mr11-ns {
5928− margin-right: 160px;
5929− }
5930− .mv11-ns {
5931− margin-top: 160px;
5932− margin-bottom: 160px;
5933− }
5934− .mh11-ns {
5935− margin-left: 160px;
5936− margin-right: 160px;
5937− }
5938−}
5939−
5940−@media only screen and (min-width: 750px) and (max-width: 960px) {
5941− .m11-md {
5942− margin: 160px;
5943− }
5944− .mt11-md {
5945− margin-top: 160px;
5946− }
5947− .mb11-md {
5948− margin-bottom: 160px;
5949− }
5950− .ml11-md {
5951− margin-left: 160px;
5952− }
5953− .mr11-md {
5954− margin-right: 160px;
5955− }
5956− .mv11-md {
5957− margin-top: 160px;
5958− margin-bottom: 160px;
5959− }
5960− .mh11-md {
5961− margin-left: 160px;
5962− margin-right: 160px;
5963− }
5964−}
5965−
5966−@media only screen and (min-width: 960px) {
5967− .m11-lg {
5968− margin: 160px;
5969− }
5970− .mt11-lg {
5971− margin-top: 160px;
5972− }
5973− .mb11-lg {
5974− margin-bottom: 160px;
5975− }
5976− .ml11-lg {
5977− margin-left: 160px;
5978− }
5979− .mr11-lg {
5980− margin-right: 160px;
5981− }
5982− .mv11-lg {
5983− margin-top: 160px;
5984− margin-bottom: 160px;
5985− }
5986− .mh11-lg {
5987− margin-left: 160px;
5988− margin-right: 160px;
5989− }
5990−}
5991−
5992−@media only screen and (min-width: 550px) {
5993− .m12-ns {
5994− margin: 288px;
5995− }
5996− .mt12-ns {
5997− margin-top: 288px;
5998− }
5999− .mb12-ns {
6000− margin-bottom: 288px;
6001− }
6002− .ml12-ns {
6003− margin-left: 288px;
6004− }
6005− .mr12-ns {
6006− margin-right: 288px;
6007− }
6008− .mv12-ns {
6009− margin-top: 288px;
6010− margin-bottom: 288px;
6011− }
6012− .mh12-ns {
6013− margin-left: 288px;
6014− margin-right: 288px;
6015− }
6016−}
6017−
6018−@media only screen and (min-width: 750px) and (max-width: 960px) {
6019− .m12-md {
6020− margin: 288px;
6021− }
6022− .mt12-md {
6023− margin-top: 288px;
6024− }
6025− .mb12-md {
6026− margin-bottom: 288px;
6027− }
6028− .ml12-md {
6029− margin-left: 288px;
6030− }
6031− .mr12-md {
6032− margin-right: 288px;
6033− }
6034− .mv12-md {
6035− margin-top: 288px;
6036− margin-bottom: 288px;
6037− }
6038− .mh12-md {
6039− margin-left: 288px;
6040− margin-right: 288px;
6041− }
6042−}
6043−
6044−@media only screen and (min-width: 960px) {
6045− .m12-lg {
6046− margin: 288px;
6047− }
6048− .mt12-lg {
6049− margin-top: 288px;
6050− }
6051− .mb12-lg {
6052− margin-bottom: 288px;
6053− }
6054− .ml12-lg {
6055− margin-left: 288px;
6056− }
6057− .mr12-lg {
6058− margin-right: 288px;
6059− }
6060− .mv12-lg {
6061− margin-top: 288px;
6062− margin-bottom: 288px;
6063− }
6064− .mh12-lg {
6065− margin-left: 288px;
6066− margin-right: 288px;
6067− }
6068−}
6069−
6070−/*******************************************************************************
6071− Opacity
6072−*******************************************************************************/
6073−.o100 {
6074− opacity: 1;
6075−}
6076−
6077−.o0 {
6078− opacity: 0;
6079−}
6080−
6081−/*******************************************************************************
6082− Padding
6083−*******************************************************************************/
6084−.p0 {
6085− padding: 0px;
6086−}
6087−
6088−.pt0 {
6089− padding-top: 0px;
6090−}
6091−
6092−.pb0 {
6093− padding-bottom: 0px;
6094−}
6095−
6096−.pl0 {
6097− padding-left: 0px;
6098−}
6099−
6100−.pr0 {
6101− padding-right: 0px;
6102−}
6103−
6104−.pv0 {
6105− padding-top: 0px;
6106− padding-bottom: 0px;
6107−}
6108−
6109−.ph0 {
6110− padding-left: 0px;
6111− padding-right: 0px;
6112−}
6113−
6114−.p1 {
6115− padding: 4px;
6116−}
6117−
6118−.pt1 {
6119− padding-top: 4px;
6120−}
6121−
6122−.pb1 {
6123− padding-bottom: 4px;
6124−}
6125−
6126−.pl1 {
6127− padding-left: 4px;
6128−}
6129−
6130−.pr1 {
6131− padding-right: 4px;
6132−}
6133−
6134−.pv1 {
6135− padding-top: 4px;
6136− padding-bottom: 4px;
6137−}
6138−
6139−.ph1 {
6140− padding-left: 4px;
6141− padding-right: 4px;
6142−}
6143−
6144−.p2 {
6145− padding: 8px;
6146−}
6147−
6148−.pt2 {
6149− padding-top: 8px;
6150−}
6151−
6152−.pb2 {
6153− padding-bottom: 8px;
6154−}
6155−
6156−.pl2 {
6157− padding-left: 8px;
6158−}
6159−
6160−.pr2 {
6161− padding-right: 8px;
6162−}
6163−
6164−.pv2 {
6165− padding-top: 8px;
6166− padding-bottom: 8px;
6167−}
6168−
6169−.ph2 {
6170− padding-left: 8px;
6171− padding-right: 8px;
6172−}
6173−
6174−.p3 {
6175− padding: 12px;
6176−}
6177−
6178−.pt3 {
6179− padding-top: 12px;
6180−}
6181−
6182−.pb3 {
6183− padding-bottom: 12px;
6184−}
6185−
6186−.pl3 {
6187− padding-left: 12px;
6188−}
6189−
6190−.pr3 {
6191− padding-right: 12px;
6192−}
6193−
6194−.pv3 {
6195− padding-top: 12px;
6196− padding-bottom: 12px;
6197−}
6198−
6199−.ph3 {
6200− padding-left: 12px;
6201− padding-right: 12px;
6202−}
6203−
6204−.p4 {
6205− padding: 16px;
6206−}
6207−
6208−.pt4 {
6209− padding-top: 16px;
6210−}
6211−
6212−.pb4 {
6213− padding-bottom: 16px;
6214−}
6215−
6216−.pl4 {
6217− padding-left: 16px;
6218−}
6219−
6220−.pr4 {
6221− padding-right: 16px;
6222−}
6223−
6224−.pv4 {
6225− padding-top: 16px;
6226− padding-bottom: 16px;
6227−}
6228−
6229−.ph4 {
6230− padding-left: 16px;
6231− padding-right: 16px;
6232−}
6233−
6234−.p5 {
6235− padding: 20px;
6236−}
6237−
6238−.pt5 {
6239− padding-top: 20px;
6240−}
6241−
6242−.pb5 {
6243− padding-bottom: 20px;
6244−}
6245−
6246−.pl5 {
6247− padding-left: 20px;
6248−}
6249−
6250−.pr5 {
6251− padding-right: 20px;
6252−}
6253−
6254−.pv5 {
6255− padding-top: 20px;
6256− padding-bottom: 20px;
6257−}
6258−
6259−.ph5 {
6260− padding-left: 20px;
6261− padding-right: 20px;
6262−}
6263−
6264−.p6 {
6265− padding: 24px;
6266−}
6267−
6268−.pt6 {
6269− padding-top: 24px;
6270−}
6271−
6272−.pb6 {
6273− padding-bottom: 24px;
6274−}
6275−
6276−.pl6 {
6277− padding-left: 24px;
6278−}
6279−
6280−.pr6 {
6281− padding-right: 24px;
6282−}
6283−
6284−.pv6 {
6285− padding-top: 24px;
6286− padding-bottom: 24px;
6287−}
6288−
6289−.ph6 {
6290− padding-left: 24px;
6291− padding-right: 24px;
6292−}
6293−
6294−.p7 {
6295− padding: 32px;
6296−}
6297−
6298−.pt7 {
6299− padding-top: 32px;
6300−}
6301−
6302−.pb7 {
6303− padding-bottom: 32px;
6304−}
6305−
6306−.pl7 {
6307− padding-left: 32px;
6308−}
6309−
6310−.pr7 {
6311− padding-right: 32px;
6312−}
6313−
6314−.pv7 {
6315− padding-top: 32px;
6316− padding-bottom: 32px;
6317−}
6318−
6319−.ph7 {
6320− padding-left: 32px;
6321− padding-right: 32px;
6322−}
6323−
6324−.p8 {
6325− padding: 48px;
6326−}
6327−
6328−.pt8 {
6329− padding-top: 48px;
6330−}
6331−
6332−.pb8 {
6333− padding-bottom: 48px;
6334−}
6335−
6336−.pl8 {
6337− padding-left: 48px;
6338−}
6339−
6340−.pr8 {
6341− padding-right: 48px;
6342−}
6343−
6344−.pv8 {
6345− padding-top: 48px;
6346− padding-bottom: 48px;
6347−}
6348−
6349−.ph8 {
6350− padding-left: 48px;
6351− padding-right: 48px;
6352−}
6353−
6354−.p9 {
6355− padding: 64px;
6356−}
6357−
6358−.pt9 {
6359− padding-top: 64px;
6360−}
6361−
6362−.pb9 {
6363− padding-bottom: 64px;
6364−}
6365−
6366−.pl9 {
6367− padding-left: 64px;
6368−}
6369−
6370−.pr9 {
6371− padding-right: 64px;
6372−}
6373−
6374−.pv9 {
6375− padding-top: 64px;
6376− padding-bottom: 64px;
6377−}
6378−
6379−.ph9 {
6380− padding-left: 64px;
6381− padding-right: 64px;
6382−}
6383−
6384−.p10 {
6385− padding: 96px;
6386−}
6387−
6388−.pt10 {
6389− padding-top: 96px;
6390−}
6391−
6392−.pb10 {
6393− padding-bottom: 96px;
6394−}
6395−
6396−.pl10 {
6397− padding-left: 96px;
6398−}
6399−
6400−.pr10 {
6401− padding-right: 96px;
6402−}
6403−
6404−.pv10 {
6405− padding-top: 96px;
6406− padding-bottom: 96px;
6407−}
6408−
6409−.ph10 {
6410− padding-left: 96px;
6411− padding-right: 96px;
6412−}
6413−
6414−.p11 {
6415− padding: 160px;
6416−}
6417−
6418−.pt11 {
6419− padding-top: 160px;
6420−}
6421−
6422−.pb11 {
6423− padding-bottom: 160px;
6424−}
6425−
6426−.pl11 {
6427− padding-left: 160px;
6428−}
6429−
6430−.pr11 {
6431− padding-right: 160px;
6432−}
6433−
6434−.pv11 {
6435− padding-top: 160px;
6436− padding-bottom: 160px;
6437−}
6438−
6439−.ph11 {
6440− padding-left: 160px;
6441− padding-right: 160px;
6442−}
6443−
6444−.p12 {
6445− padding: 288px;
6446−}
6447−
6448−.pt12 {
6449− padding-top: 288px;
6450−}
6451−
6452−.pb12 {
6453− padding-bottom: 288px;
6454−}
6455−
6456−.pl12 {
6457− padding-left: 288px;
6458−}
6459−
6460−.pr12 {
6461− padding-right: 288px;
6462−}
6463−
6464−.pv12 {
6465− padding-top: 288px;
6466− padding-bottom: 288px;
6467−}
6468−
6469−.ph12 {
6470− padding-left: 288px;
6471− padding-right: 288px;
6472−}
6473−
6474−@media only screen and (min-width: 550px) {
6475− .p0-ns {
6476− padding: 0px;
6477− }
6478− .pt0-ns {
6479− padding-top: 0px;
6480− }
6481− .pb0-ns {
6482− padding-bottom: 0px;
6483− }
6484− .pl0-ns {
6485− padding-left: 0px;
6486− }
6487− .pr0-ns {
6488− padding-right: 0px;
6489− }
6490− .pv0-ns {
6491− padding-top: 0px;
6492− padding-bottom: 0px;
6493− }
6494− .ph0-ns {
6495− padding-left: 0px;
6496− padding-right: 0px;
6497− }
6498−}
6499−
6500−@media only screen and (min-width: 750px) and (max-width: 960px) {
6501− .p0-md {
6502− padding: 0px;
6503− }
6504− .pt0-md {
6505− padding-top: 0px;
6506− }
6507− .pb0-md {
6508− padding-bottom: 0px;
6509− }
6510− .pl0-md {
6511− padding-left: 0px;
6512− }
6513− .pr0-md {
6514− padding-right: 0px;
6515− }
6516− .pv0-md {
6517− padding-top: 0px;
6518− padding-bottom: 0px;
6519− }
6520− .ph0-md {
6521− padding-left: 0px;
6522− padding-right: 0px;
6523− }
6524−}
6525−
6526−@media only screen and (min-width: 960px) {
6527− .p0-lg {
6528− padding: 0px;
6529− }
6530− .pt0-lg {
6531− padding-top: 0px;
6532− }
6533− .pb0-lg {
6534− padding-bottom: 0px;
6535− }
6536− .pl0-lg {
6537− padding-left: 0px;
6538− }
6539− .pr0-lg {
6540− padding-right: 0px;
6541− }
6542− .pv0-lg {
6543− padding-top: 0px;
6544− padding-bottom: 0px;
6545− }
6546− .ph0-lg {
6547− padding-left: 0px;
6548− padding-right: 0px;
6549− }
6550−}
6551−
6552−@media only screen and (min-width: 550px) {
6553− .p1-ns {
6554− padding: 4px;
6555− }
6556− .pt1-ns {
6557− padding-top: 4px;
6558− }
6559− .pb1-ns {
6560− padding-bottom: 4px;
6561− }
6562− .pl1-ns {
6563− padding-left: 4px;
6564− }
6565− .pr1-ns {
6566− padding-right: 4px;
6567− }
6568− .pv1-ns {
6569− padding-top: 4px;
6570− padding-bottom: 4px;
6571− }
6572− .ph1-ns {
6573− padding-left: 4px;
6574− padding-right: 4px;
6575− }
6576−}
6577−
6578−@media only screen and (min-width: 750px) and (max-width: 960px) {
6579− .p1-md {
6580− padding: 4px;
6581− }
6582− .pt1-md {
6583− padding-top: 4px;
6584− }
6585− .pb1-md {
6586− padding-bottom: 4px;
6587− }
6588− .pl1-md {
6589− padding-left: 4px;
6590− }
6591− .pr1-md {
6592− padding-right: 4px;
6593− }
6594− .pv1-md {
6595− padding-top: 4px;
6596− padding-bottom: 4px;
6597− }
6598− .ph1-md {
6599− padding-left: 4px;
6600− padding-right: 4px;
6601− }
6602−}
6603−
6604−@media only screen and (min-width: 960px) {
6605− .p1-lg {
6606− padding: 4px;
6607− }
6608− .pt1-lg {
6609− padding-top: 4px;
6610− }
6611− .pb1-lg {
6612− padding-bottom: 4px;
6613− }
6614− .pl1-lg {
6615− padding-left: 4px;
6616− }
6617− .pr1-lg {
6618− padding-right: 4px;
6619− }
6620− .pv1-lg {
6621− padding-top: 4px;
6622− padding-bottom: 4px;
6623− }
6624− .ph1-lg {
6625− padding-left: 4px;
6626− padding-right: 4px;
6627− }
6628−}
6629−
6630−@media only screen and (min-width: 550px) {
6631− .p2-ns {
6632− padding: 8px;
6633− }
6634− .pt2-ns {
6635− padding-top: 8px;
6636− }
6637− .pb2-ns {
6638− padding-bottom: 8px;
6639− }
6640− .pl2-ns {
6641− padding-left: 8px;
6642− }
6643− .pr2-ns {
6644− padding-right: 8px;
6645− }
6646− .pv2-ns {
6647− padding-top: 8px;
6648− padding-bottom: 8px;
6649− }
6650− .ph2-ns {
6651− padding-left: 8px;
6652− padding-right: 8px;
6653− }
6654−}
6655−
6656−@media only screen and (min-width: 750px) and (max-width: 960px) {
6657− .p2-md {
6658− padding: 8px;
6659− }
6660− .pt2-md {
6661− padding-top: 8px;
6662− }
6663− .pb2-md {
6664− padding-bottom: 8px;
6665− }
6666− .pl2-md {
6667− padding-left: 8px;
6668− }
6669− .pr2-md {
6670− padding-right: 8px;
6671− }
6672− .pv2-md {
6673− padding-top: 8px;
6674− padding-bottom: 8px;
6675− }
6676− .ph2-md {
6677− padding-left: 8px;
6678− padding-right: 8px;
6679− }
6680−}
6681−
6682−@media only screen and (min-width: 960px) {
6683− .p2-lg {
6684− padding: 8px;
6685− }
6686− .pt2-lg {
6687− padding-top: 8px;
6688− }
6689− .pb2-lg {
6690− padding-bottom: 8px;
6691− }
6692− .pl2-lg {
6693− padding-left: 8px;
6694− }
6695− .pr2-lg {
6696− padding-right: 8px;
6697− }
6698− .pv2-lg {
6699− padding-top: 8px;
6700− padding-bottom: 8px;
6701− }
6702− .ph2-lg {
6703− padding-left: 8px;
6704− padding-right: 8px;
6705− }
6706−}
6707−
6708−@media only screen and (min-width: 550px) {
6709− .p3-ns {
6710− padding: 12px;
6711− }
6712− .pt3-ns {
6713− padding-top: 12px;
6714− }
6715− .pb3-ns {
6716− padding-bottom: 12px;
6717− }
6718− .pl3-ns {
6719− padding-left: 12px;
6720− }
6721− .pr3-ns {
6722− padding-right: 12px;
6723− }
6724− .pv3-ns {
6725− padding-top: 12px;
6726− padding-bottom: 12px;
6727− }
6728− .ph3-ns {
6729− padding-left: 12px;
6730− padding-right: 12px;
6731− }
6732−}
6733−
6734−@media only screen and (min-width: 750px) and (max-width: 960px) {
6735− .p3-md {
6736− padding: 12px;
6737− }
6738− .pt3-md {
6739− padding-top: 12px;
6740− }
6741− .pb3-md {
6742− padding-bottom: 12px;
6743− }
6744− .pl3-md {
6745− padding-left: 12px;
6746− }
6747− .pr3-md {
6748− padding-right: 12px;
6749− }
6750− .pv3-md {
6751− padding-top: 12px;
6752− padding-bottom: 12px;
6753− }
6754− .ph3-md {
6755− padding-left: 12px;
6756− padding-right: 12px;
6757− }
6758−}
6759−
6760−@media only screen and (min-width: 960px) {
6761− .p3-lg {
6762− padding: 12px;
6763− }
6764− .pt3-lg {
6765− padding-top: 12px;
6766− }
6767− .pb3-lg {
6768− padding-bottom: 12px;
6769− }
6770− .pl3-lg {
6771− padding-left: 12px;
6772− }
6773− .pr3-lg {
6774− padding-right: 12px;
6775− }
6776− .pv3-lg {
6777− padding-top: 12px;
6778− padding-bottom: 12px;
6779− }
6780− .ph3-lg {
6781− padding-left: 12px;
6782− padding-right: 12px;
6783− }
6784−}
6785−
6786−@media only screen and (min-width: 550px) {
6787− .p4-ns {
6788− padding: 16px;
6789− }
6790− .pt4-ns {
6791− padding-top: 16px;
6792− }
6793− .pb4-ns {
6794− padding-bottom: 16px;
6795− }
6796− .pl4-ns {
6797− padding-left: 16px;
6798− }
6799− .pr4-ns {
6800− padding-right: 16px;
6801− }
6802− .pv4-ns {
6803− padding-top: 16px;
6804− padding-bottom: 16px;
6805− }
6806− .ph4-ns {
6807− padding-left: 16px;
6808− padding-right: 16px;
6809− }
6810−}
6811−
6812−@media only screen and (min-width: 750px) and (max-width: 960px) {
6813− .p4-md {
6814− padding: 16px;
6815− }
6816− .pt4-md {
6817− padding-top: 16px;
6818− }
6819− .pb4-md {
6820− padding-bottom: 16px;
6821− }
6822− .pl4-md {
6823− padding-left: 16px;
6824− }
6825− .pr4-md {
6826− padding-right: 16px;
6827− }
6828− .pv4-md {
6829− padding-top: 16px;
6830− padding-bottom: 16px;
6831− }
6832− .ph4-md {
6833− padding-left: 16px;
6834− padding-right: 16px;
6835− }
6836−}
6837−
6838−@media only screen and (min-width: 960px) {
6839− .p4-lg {
6840− padding: 16px;
6841− }
6842− .pt4-lg {
6843− padding-top: 16px;
6844− }
6845− .pb4-lg {
6846− padding-bottom: 16px;
6847− }
6848− .pl4-lg {
6849− padding-left: 16px;
6850− }
6851− .pr4-lg {
6852− padding-right: 16px;
6853− }
6854− .pv4-lg {
6855− padding-top: 16px;
6856− padding-bottom: 16px;
6857− }
6858− .ph4-lg {
6859− padding-left: 16px;
6860− padding-right: 16px;
6861− }
6862−}
6863−
6864−@media only screen and (min-width: 550px) {
6865− .p5-ns {
6866− padding: 20px;
6867− }
6868− .pt5-ns {
6869− padding-top: 20px;
6870− }
6871− .pb5-ns {
6872− padding-bottom: 20px;
6873− }
6874− .pl5-ns {
6875− padding-left: 20px;
6876− }
6877− .pr5-ns {
6878− padding-right: 20px;
6879− }
6880− .pv5-ns {
6881− padding-top: 20px;
6882− padding-bottom: 20px;
6883− }
6884− .ph5-ns {
6885− padding-left: 20px;
6886− padding-right: 20px;
6887− }
6888−}
6889−
6890−@media only screen and (min-width: 750px) and (max-width: 960px) {
6891− .p5-md {
6892− padding: 20px;
6893− }
6894− .pt5-md {
6895− padding-top: 20px;
6896− }
6897− .pb5-md {
6898− padding-bottom: 20px;
6899− }
6900− .pl5-md {
6901− padding-left: 20px;
6902− }
6903− .pr5-md {
6904− padding-right: 20px;
6905− }
6906− .pv5-md {
6907− padding-top: 20px;
6908− padding-bottom: 20px;
6909− }
6910− .ph5-md {
6911− padding-left: 20px;
6912− padding-right: 20px;
6913− }
6914−}
6915−
6916−@media only screen and (min-width: 960px) {
6917− .p5-lg {
6918− padding: 20px;
6919− }
6920− .pt5-lg {
6921− padding-top: 20px;
6922− }
6923− .pb5-lg {
6924− padding-bottom: 20px;
6925− }
6926− .pl5-lg {
6927− padding-left: 20px;
6928− }
6929− .pr5-lg {
6930− padding-right: 20px;
6931− }
6932− .pv5-lg {
6933− padding-top: 20px;
6934− padding-bottom: 20px;
6935− }
6936− .ph5-lg {
6937− padding-left: 20px;
6938− padding-right: 20px;
6939− }
6940−}
6941−
6942−@media only screen and (min-width: 550px) {
6943− .p6-ns {
6944− padding: 24px;
6945− }
6946− .pt6-ns {
6947− padding-top: 24px;
6948− }
6949− .pb6-ns {
6950− padding-bottom: 24px;
6951− }
6952− .pl6-ns {
6953− padding-left: 24px;
6954− }
6955− .pr6-ns {
6956− padding-right: 24px;
6957− }
6958− .pv6-ns {
6959− padding-top: 24px;
6960− padding-bottom: 24px;
6961− }
6962− .ph6-ns {
6963− padding-left: 24px;
6964− padding-right: 24px;
6965− }
6966−}
6967−
6968−@media only screen and (min-width: 750px) and (max-width: 960px) {
6969− .p6-md {
6970− padding: 24px;
6971− }
6972− .pt6-md {
6973− padding-top: 24px;
6974− }
6975− .pb6-md {
6976− padding-bottom: 24px;
6977− }
6978− .pl6-md {
6979− padding-left: 24px;
6980− }
6981− .pr6-md {
6982− padding-right: 24px;
6983− }
6984− .pv6-md {
6985− padding-top: 24px;
6986− padding-bottom: 24px;
6987− }
6988− .ph6-md {
6989− padding-left: 24px;
6990− padding-right: 24px;
6991− }
6992−}
6993−
6994−@media only screen and (min-width: 960px) {
6995− .p6-lg {
6996− padding: 24px;
6997− }
6998− .pt6-lg {
6999− padding-top: 24px;
7000− }
7001− .pb6-lg {
7002− padding-bottom: 24px;
7003− }
7004− .pl6-lg {
7005− padding-left: 24px;
7006− }
7007− .pr6-lg {
7008− padding-right: 24px;
7009− }
7010− .pv6-lg {
7011− padding-top: 24px;
7012− padding-bottom: 24px;
7013− }
7014− .ph6-lg {
7015− padding-left: 24px;
7016− padding-right: 24px;
7017− }
7018−}
7019−
7020−@media only screen and (min-width: 550px) {
7021− .p7-ns {
7022− padding: 32px;
7023− }
7024− .pt7-ns {
7025− padding-top: 32px;
7026− }
7027− .pb7-ns {
7028− padding-bottom: 32px;
7029− }
7030− .pl7-ns {
7031− padding-left: 32px;
7032− }
7033− .pr7-ns {
7034− padding-right: 32px;
7035− }
7036− .pv7-ns {
7037− padding-top: 32px;
7038− padding-bottom: 32px;
7039− }
7040− .ph7-ns {
7041− padding-left: 32px;
7042− padding-right: 32px;
7043− }
7044−}
7045−
7046−@media only screen and (min-width: 750px) and (max-width: 960px) {
7047− .p7-md {
7048− padding: 32px;
7049− }
7050− .pt7-md {
7051− padding-top: 32px;
7052− }
7053− .pb7-md {
7054− padding-bottom: 32px;
7055− }
7056− .pl7-md {
7057− padding-left: 32px;
7058− }
7059− .pr7-md {
7060− padding-right: 32px;
7061− }
7062− .pv7-md {
7063− padding-top: 32px;
7064− padding-bottom: 32px;
7065− }
7066− .ph7-md {
7067− padding-left: 32px;
7068− padding-right: 32px;
7069− }
7070−}
7071−
7072−@media only screen and (min-width: 960px) {
7073− .p7-lg {
7074− padding: 32px;
7075− }
7076− .pt7-lg {
7077− padding-top: 32px;
7078− }
7079− .pb7-lg {
7080− padding-bottom: 32px;
7081− }
7082− .pl7-lg {
7083− padding-left: 32px;
7084− }
7085− .pr7-lg {
7086− padding-right: 32px;
7087− }
7088− .pv7-lg {
7089− padding-top: 32px;
7090− padding-bottom: 32px;
7091− }
7092− .ph7-lg {
7093− padding-left: 32px;
7094− padding-right: 32px;
7095− }
7096−}
7097−
7098−@media only screen and (min-width: 550px) {
7099− .p8-ns {
7100− padding: 48px;
7101− }
7102− .pt8-ns {
7103− padding-top: 48px;
7104− }
7105− .pb8-ns {
7106− padding-bottom: 48px;
7107− }
7108− .pl8-ns {
7109− padding-left: 48px;
7110− }
7111− .pr8-ns {
7112− padding-right: 48px;
7113− }
7114− .pv8-ns {
7115− padding-top: 48px;
7116− padding-bottom: 48px;
7117− }
7118− .ph8-ns {
7119− padding-left: 48px;
7120− padding-right: 48px;
7121− }
7122−}
7123−
7124−@media only screen and (min-width: 750px) and (max-width: 960px) {
7125− .p8-md {
7126− padding: 48px;
7127− }
7128− .pt8-md {
7129− padding-top: 48px;
7130− }
7131− .pb8-md {
7132− padding-bottom: 48px;
7133− }
7134− .pl8-md {
7135− padding-left: 48px;
7136− }
7137− .pr8-md {
7138− padding-right: 48px;
7139− }
7140− .pv8-md {
7141− padding-top: 48px;
7142− padding-bottom: 48px;
7143− }
7144− .ph8-md {
7145− padding-left: 48px;
7146− padding-right: 48px;
7147− }
7148−}
7149−
7150−@media only screen and (min-width: 960px) {
7151− .p8-lg {
7152− padding: 48px;
7153− }
7154− .pt8-lg {
7155− padding-top: 48px;
7156− }
7157− .pb8-lg {
7158− padding-bottom: 48px;
7159− }
7160− .pl8-lg {
7161− padding-left: 48px;
7162− }
7163− .pr8-lg {
7164− padding-right: 48px;
7165− }
7166− .pv8-lg {
7167− padding-top: 48px;
7168− padding-bottom: 48px;
7169− }
7170− .ph8-lg {
7171− padding-left: 48px;
7172− padding-right: 48px;
7173− }
7174−}
7175−
7176−@media only screen and (min-width: 550px) {
7177− .p9-ns {
7178− padding: 64px;
7179− }
7180− .pt9-ns {
7181− padding-top: 64px;
7182− }
7183− .pb9-ns {
7184− padding-bottom: 64px;
7185− }
7186− .pl9-ns {
7187− padding-left: 64px;
7188− }
7189− .pr9-ns {
7190− padding-right: 64px;
7191− }
7192− .pv9-ns {
7193− padding-top: 64px;
7194− padding-bottom: 64px;
7195− }
7196− .ph9-ns {
7197− padding-left: 64px;
7198− padding-right: 64px;
7199− }
7200−}
7201−
7202−@media only screen and (min-width: 750px) and (max-width: 960px) {
7203− .p9-md {
7204− padding: 64px;
7205− }
7206− .pt9-md {
7207− padding-top: 64px;
7208− }
7209− .pb9-md {
7210− padding-bottom: 64px;
7211− }
7212− .pl9-md {
7213− padding-left: 64px;
7214− }
7215− .pr9-md {
7216− padding-right: 64px;
7217− }
7218− .pv9-md {
7219− padding-top: 64px;
7220− padding-bottom: 64px;
7221− }
7222− .ph9-md {
7223− padding-left: 64px;
7224− padding-right: 64px;
7225− }
7226−}
7227−
7228−@media only screen and (min-width: 960px) {
7229− .p9-lg {
7230− padding: 64px;
7231− }
7232− .pt9-lg {
7233− padding-top: 64px;
7234− }
7235− .pb9-lg {
7236− padding-bottom: 64px;
7237− }
7238− .pl9-lg {
7239− padding-left: 64px;
7240− }
7241− .pr9-lg {
7242− padding-right: 64px;
7243− }
7244− .pv9-lg {
7245− padding-top: 64px;
7246− padding-bottom: 64px;
7247− }
7248− .ph9-lg {
7249− padding-left: 64px;
7250− padding-right: 64px;
7251− }
7252−}
7253−
7254−@media only screen and (min-width: 550px) {
7255− .p10-ns {
7256− padding: 96px;
7257− }
7258− .pt10-ns {
7259− padding-top: 96px;
7260− }
7261− .pb10-ns {
7262− padding-bottom: 96px;
7263− }
7264− .pl10-ns {
7265− padding-left: 96px;
7266− }
7267− .pr10-ns {
7268− padding-right: 96px;
7269− }
7270− .pv10-ns {
7271− padding-top: 96px;
7272− padding-bottom: 96px;
7273− }
7274− .ph10-ns {
7275− padding-left: 96px;
7276− padding-right: 96px;
7277− }
7278−}
7279−
7280−@media only screen and (min-width: 750px) and (max-width: 960px) {
7281− .p10-md {
7282− padding: 96px;
7283− }
7284− .pt10-md {
7285− padding-top: 96px;
7286− }
7287− .pb10-md {
7288− padding-bottom: 96px;
7289− }
7290− .pl10-md {
7291− padding-left: 96px;
7292− }
7293− .pr10-md {
7294− padding-right: 96px;
7295− }
7296− .pv10-md {
7297− padding-top: 96px;
7298− padding-bottom: 96px;
7299− }
7300− .ph10-md {
7301− padding-left: 96px;
7302− padding-right: 96px;
7303− }
7304−}
7305−
7306−@media only screen and (min-width: 960px) {
7307− .p10-lg {
7308− padding: 96px;
7309− }
7310− .pt10-lg {
7311− padding-top: 96px;
7312− }
7313− .pb10-lg {
7314− padding-bottom: 96px;
7315− }
7316− .pl10-lg {
7317− padding-left: 96px;
7318− }
7319− .pr10-lg {
7320− padding-right: 96px;
7321− }
7322− .pv10-lg {
7323− padding-top: 96px;
7324− padding-bottom: 96px;
7325− }
7326− .ph10-lg {
7327− padding-left: 96px;
7328− padding-right: 96px;
7329− }
7330−}
7331−
7332−@media only screen and (min-width: 550px) {
7333− .p11-ns {
7334− padding: 160px;
7335− }
7336− .pt11-ns {
7337− padding-top: 160px;
7338− }
7339− .pb11-ns {
7340− padding-bottom: 160px;
7341− }
7342− .pl11-ns {
7343− padding-left: 160px;
7344− }
7345− .pr11-ns {
7346− padding-right: 160px;
7347− }
7348− .pv11-ns {
7349− padding-top: 160px;
7350− padding-bottom: 160px;
7351− }
7352− .ph11-ns {
7353− padding-left: 160px;
7354− padding-right: 160px;
7355− }
7356−}
7357−
7358−@media only screen and (min-width: 750px) and (max-width: 960px) {
7359− .p11-md {
7360− padding: 160px;
7361− }
7362− .pt11-md {
7363− padding-top: 160px;
7364− }
7365− .pb11-md {
7366− padding-bottom: 160px;
7367− }
7368− .pl11-md {
7369− padding-left: 160px;
7370− }
7371− .pr11-md {
7372− padding-right: 160px;
7373− }
7374− .pv11-md {
7375− padding-top: 160px;
7376− padding-bottom: 160px;
7377− }
7378− .ph11-md {
7379− padding-left: 160px;
7380− padding-right: 160px;
7381− }
7382−}
7383−
7384−@media only screen and (min-width: 960px) {
7385− .p11-lg {
7386− padding: 160px;
7387− }
7388− .pt11-lg {
7389− padding-top: 160px;
7390− }
7391− .pb11-lg {
7392− padding-bottom: 160px;
7393− }
7394− .pl11-lg {
7395− padding-left: 160px;
7396− }
7397− .pr11-lg {
7398− padding-right: 160px;
7399− }
7400− .pv11-lg {
7401− padding-top: 160px;
7402− padding-bottom: 160px;
7403− }
7404− .ph11-lg {
7405− padding-left: 160px;
7406− padding-right: 160px;
7407− }
7408−}
7409−
7410−@media only screen and (min-width: 550px) {
7411− .p12-ns {
7412− padding: 288px;
7413− }
7414− .pt12-ns {
7415− padding-top: 288px;
7416− }
7417− .pb12-ns {
7418− padding-bottom: 288px;
7419− }
7420− .pl12-ns {
7421− padding-left: 288px;
7422− }
7423− .pr12-ns {
7424− padding-right: 288px;
7425− }
7426− .pv12-ns {
7427− padding-top: 288px;
7428− padding-bottom: 288px;
7429− }
7430− .ph12-ns {
7431− padding-left: 288px;
7432− padding-right: 288px;
7433− }
7434−}
7435−
7436−@media only screen and (min-width: 750px) and (max-width: 960px) {
7437− .p12-md {
7438− padding: 288px;
7439− }
7440− .pt12-md {
7441− padding-top: 288px;
7442− }
7443− .pb12-md {
7444− padding-bottom: 288px;
7445− }
7446− .pl12-md {
7447− padding-left: 288px;
7448− }
7449− .pr12-md {
7450− padding-right: 288px;
7451− }
7452− .pv12-md {
7453− padding-top: 288px;
7454− padding-bottom: 288px;
7455− }
7456− .ph12-md {
7457− padding-left: 288px;
7458− padding-right: 288px;
7459− }
7460−}
7461−
7462−@media only screen and (min-width: 960px) {
7463− .p12-lg {
7464− padding: 288px;
7465− }
7466− .pt12-lg {
7467− padding-top: 288px;
7468− }
7469− .pb12-lg {
7470− padding-bottom: 288px;
7471− }
7472− .pl12-lg {
7473− padding-left: 288px;
7474− }
7475− .pr12-lg {
7476− padding-right: 288px;
7477− }
7478− .pv12-lg {
7479− padding-top: 288px;
7480− padding-bottom: 288px;
7481− }
7482− .ph12-lg {
7483− padding-left: 288px;
7484− padding-right: 288px;
7485− }
7486−}
7487−
7488−/*******************************************************************************
7489− Position
7490−*******************************************************************************/
7491−.absolute,
7492−.abs {
7493− position: absolute;
7494−}
7495−
7496−.relative,
7497−.rel {
7498− position: relative;
7499−}
7500−
7501−.fixed,
7502−.fix {
7503− position: fixed;
7504−}
7505−
7506−.sticky {
7507− position: sticky;
7508−}
7509−
7510−.static {
7511− position: static;
7512−}
7513−
7514−@media only screen and (min-width: 550px) {
7515− .absolute-ns,
7516− .abs-ns {
7517− position: absolute;
7518− }
7519− .relative-ns,
7520− .rel-ns {
7521− position: relative;
7522− }
7523− .fixed-ns,
7524− .fix-ns {
7525− position: fixed;
7526− }
7527− .sticky-ns {
7528− position: sticky;
7529− }
7530− .static-ns {
7531− position: static;
7532− }
7533−}
7534−
7535−@media only screen and (min-width: 750px) and (max-width: 960px) {
7536− .absolute-md,
7537− .abs-md {
7538− position: absolute;
7539− }
7540− .relative-md,
7541− .rel-md {
7542− position: relative;
7543− }
7544− .fixed-md,
7545− .fix-md {
7546− position: fixed;
7547− }
7548− .sticky-md {
7549− position: sticky;
7550− }
7551− .static-md {
7552− position: static;
7553− }
7554−}
7555−
7556−@media only screen and (min-width: 960px) {
7557− .absolute-lg,
7558− .abs-lg {
7559− position: absolute;
7560− }
7561− .relative-lg,
7562− .rel-lg {
7563− position: relative;
7564− }
7565− .fixed-lg,
7566− .fix-lg {
7567− position: fixed;
7568− }
7569− .sticky-lg {
7570− position: sticky;
7571− }
7572− .static-lg {
7573− position: static;
7574− }
7575−}
7576−
7577−.top0 {
7578− top: 0px;
7579−}
7580−
7581−.right0 {
7582− right: 0px;
7583−}
7584−
7585−.bottom0 {
7586− bottom: 0px;
7587−}
7588−
7589−.left0 {
7590− left: 0px;
7591−}
7592−
7593−@media only screen and (min-width: 550px) {
7594− .top0-ns {
7595− top: 0px;
7596− }
7597− .right0-ns {
7598− right: 0px;
7599− }
7600− .bottom0-ns {
7601− bottom: 0px;
7602− }
7603− .left0-ns {
7604− left: 0px;
7605− }
7606−}
7607−
7608−@media only screen and (min-width: 750px) and (max-width: 960px) {
7609− .top0-md {
7610− top: 0px;
7611− }
7612− .right0-md {
7613− right: 0px;
7614− }
7615− .bottom0-md {
7616− bottom: 0px;
7617− }
7618− .left0-md {
7619− left: 0px;
7620− }
7621−}
7622−
7623−@media only screen and (min-width: 960px) {
7624− .top0-lg {
7625− top: 0px;
7626− }
7627− .right0-lg {
7628− right: 0px;
7629− }
7630− .bottom0-lg {
7631− bottom: 0px;
7632− }
7633− .left0-lg {
7634− left: 0px;
7635− }
7636−}
7637−
7638−.top1 {
7639− top: 4px;
7640−}
7641−
7642−.right1 {
7643− right: 4px;
7644−}
7645−
7646−.bottom1 {
7647− bottom: 4px;
7648−}
7649−
7650−.left1 {
7651− left: 4px;
7652−}
7653−
7654−@media only screen and (min-width: 550px) {
7655− .top4-ns {
7656− top: 4px;
7657− }
7658− .right4-ns {
7659− right: 4px;
7660− }
7661− .bottom4-ns {
7662− bottom: 4px;
7663− }
7664− .left4-ns {
7665− left: 4px;
7666− }
7667−}
7668−
7669−@media only screen and (min-width: 750px) and (max-width: 960px) {
7670− .top4-md {
7671− top: 4px;
7672− }
7673− .right4-md {
7674− right: 4px;
7675− }
7676− .bottom4-md {
7677− bottom: 4px;
7678− }
7679− .left4-md {
7680− left: 4px;
7681− }
7682−}
7683−
7684−@media only screen and (min-width: 960px) {
7685− .top4-lg {
7686− top: 4px;
7687− }
7688− .right4-lg {
7689− right: 4px;
7690− }
7691− .bottom4-lg {
7692− bottom: 4px;
7693− }
7694− .left4-lg {
7695− left: 4px;
7696− }
7697−}
7698−
7699−.top2 {
7700− top: 8px;
7701−}
7702−
7703−.right2 {
7704− right: 8px;
7705−}
7706−
7707−.bottom2 {
7708− bottom: 8px;
7709−}
7710−
7711−.left2 {
7712− left: 8px;
7713−}
7714−
7715−@media only screen and (min-width: 550px) {
7716− .top8-ns {
7717− top: 8px;
7718− }
7719− .right8-ns {
7720− right: 8px;
7721− }
7722− .bottom8-ns {
7723− bottom: 8px;
7724− }
7725− .left8-ns {
7726− left: 8px;
7727− }
7728−}
7729−
7730−@media only screen and (min-width: 750px) and (max-width: 960px) {
7731− .top8-md {
7732− top: 8px;
7733− }
7734− .right8-md {
7735− right: 8px;
7736− }
7737− .bottom8-md {
7738− bottom: 8px;
7739− }
7740− .left8-md {
7741− left: 8px;
7742− }
7743−}
7744−
7745−@media only screen and (min-width: 960px) {
7746− .top8-lg {
7747− top: 8px;
7748− }
7749− .right8-lg {
7750− right: 8px;
7751− }
7752− .bottom8-lg {
7753− bottom: 8px;
7754− }
7755− .left8-lg {
7756− left: 8px;
7757− }
7758−}
7759−
7760−.top3 {
7761− top: 12px;
7762−}
7763−
7764−.right3 {
7765− right: 12px;
7766−}
7767−
7768−.bottom3 {
7769− bottom: 12px;
7770−}
7771−
7772−.left3 {
7773− left: 12px;
7774−}
7775−
7776−@media only screen and (min-width: 550px) {
7777− .top12-ns {
7778− top: 12px;
7779− }
7780− .right12-ns {
7781− right: 12px;
7782− }
7783− .bottom12-ns {
7784− bottom: 12px;
7785− }
7786− .left12-ns {
7787− left: 12px;
7788− }
7789−}
7790−
7791−@media only screen and (min-width: 750px) and (max-width: 960px) {
7792− .top12-md {
7793− top: 12px;
7794− }
7795− .right12-md {
7796− right: 12px;
7797− }
7798− .bottom12-md {
7799− bottom: 12px;
7800− }
7801− .left12-md {
7802− left: 12px;
7803− }
7804−}
7805−
7806−@media only screen and (min-width: 960px) {
7807− .top12-lg {
7808− top: 12px;
7809− }
7810− .right12-lg {
7811− right: 12px;
7812− }
7813− .bottom12-lg {
7814− bottom: 12px;
7815− }
7816− .left12-lg {
7817− left: 12px;
7818− }
7819−}
7820−
7821−.top4 {
7822− top: 16px;
7823−}
7824−
7825−.right4 {
7826− right: 16px;
7827−}
7828−
7829−.bottom4 {
7830− bottom: 16px;
7831−}
7832−
7833−.left4 {
7834− left: 16px;
7835−}
7836−
7837−@media only screen and (min-width: 550px) {
7838− .top16-ns {
7839− top: 16px;
7840− }
7841− .right16-ns {
7842− right: 16px;
7843− }
7844− .bottom16-ns {
7845− bottom: 16px;
7846− }
7847− .left16-ns {
7848− left: 16px;
7849− }
7850−}
7851−
7852−@media only screen and (min-width: 750px) and (max-width: 960px) {
7853− .top16-md {
7854− top: 16px;
7855− }
7856− .right16-md {
7857− right: 16px;
7858− }
7859− .bottom16-md {
7860− bottom: 16px;
7861− }
7862− .left16-md {
7863− left: 16px;
7864− }
7865−}
7866−
7867−@media only screen and (min-width: 960px) {
7868− .top16-lg {
7869− top: 16px;
7870− }
7871− .right16-lg {
7872− right: 16px;
7873− }
7874− .bottom16-lg {
7875− bottom: 16px;
7876− }
7877− .left16-lg {
7878− left: 16px;
7879− }
7880−}
7881−
7882−.top5 {
7883− top: 20px;
7884−}
7885−
7886−.right5 {
7887− right: 20px;
7888−}
7889−
7890−.bottom5 {
7891− bottom: 20px;
7892−}
7893−
7894−.left5 {
7895− left: 20px;
7896−}
7897−
7898−@media only screen and (min-width: 550px) {
7899− .top20-ns {
7900− top: 20px;
7901− }
7902− .right20-ns {
7903− right: 20px;
7904− }
7905− .bottom20-ns {
7906− bottom: 20px;
7907− }
7908− .left20-ns {
7909− left: 20px;
7910− }
7911−}
7912−
7913−@media only screen and (min-width: 750px) and (max-width: 960px) {
7914− .top20-md {
7915− top: 20px;
7916− }
7917− .right20-md {
7918− right: 20px;
7919− }
7920− .bottom20-md {
7921− bottom: 20px;
7922− }
7923− .left20-md {
7924− left: 20px;
7925− }
7926−}
7927−
7928−@media only screen and (min-width: 960px) {
7929− .top20-lg {
7930− top: 20px;
7931− }
7932− .right20-lg {
7933− right: 20px;
7934− }
7935− .bottom20-lg {
7936− bottom: 20px;
7937− }
7938− .left20-lg {
7939− left: 20px;
7940− }
7941−}
7942−
7943−.top6 {
7944− top: 24px;
7945−}
7946−
7947−.right6 {
7948− right: 24px;
7949−}
7950−
7951−.bottom6 {
7952− bottom: 24px;
7953−}
7954−
7955−.left6 {
7956− left: 24px;
7957−}
7958−
7959−@media only screen and (min-width: 550px) {
7960− .top24-ns {
7961− top: 24px;
7962− }
7963− .right24-ns {
7964− right: 24px;
7965− }
7966− .bottom24-ns {
7967− bottom: 24px;
7968− }
7969− .left24-ns {
7970− left: 24px;
7971− }
7972−}
7973−
7974−@media only screen and (min-width: 750px) and (max-width: 960px) {
7975− .top24-md {
7976− top: 24px;
7977− }
7978− .right24-md {
7979− right: 24px;
7980− }
7981− .bottom24-md {
7982− bottom: 24px;
7983− }
7984− .left24-md {
7985− left: 24px;
7986− }
7987−}
7988−
7989−@media only screen and (min-width: 960px) {
7990− .top24-lg {
7991− top: 24px;
7992− }
7993− .right24-lg {
7994− right: 24px;
7995− }
7996− .bottom24-lg {
7997− bottom: 24px;
7998− }
7999− .left24-lg {
8000− left: 24px;
8001− }
8002−}
8003−
8004−.top7 {
8005− top: 32px;
8006−}
8007−
8008−.right7 {
8009− right: 32px;
8010−}
8011−
8012−.bottom7 {
8013− bottom: 32px;
8014−}
8015−
8016−.left7 {
8017− left: 32px;
8018−}
8019−
8020−@media only screen and (min-width: 550px) {
8021− .top32-ns {
8022− top: 32px;
8023− }
8024− .right32-ns {
8025− right: 32px;
8026− }
8027− .bottom32-ns {
8028− bottom: 32px;
8029− }
8030− .left32-ns {
8031− left: 32px;
8032− }
8033−}
8034−
8035−@media only screen and (min-width: 750px) and (max-width: 960px) {
8036− .top32-md {
8037− top: 32px;
8038− }
8039− .right32-md {
8040− right: 32px;
8041− }
8042− .bottom32-md {
8043− bottom: 32px;
8044− }
8045− .left32-md {
8046− left: 32px;
8047− }
8048−}
8049−
8050−@media only screen and (min-width: 960px) {
8051− .top32-lg {
8052− top: 32px;
8053− }
8054− .right32-lg {
8055− right: 32px;
8056− }
8057− .bottom32-lg {
8058− bottom: 32px;
8059− }
8060− .left32-lg {
8061− left: 32px;
8062− }
8063−}
8064−
8065−.top8 {
8066− top: 48px;
8067−}
8068−
8069−.right8 {
8070− right: 48px;
8071−}
8072−
8073−.bottom8 {
8074− bottom: 48px;
8075−}
8076−
8077−.left8 {
8078− left: 48px;
8079−}
8080−
8081−@media only screen and (min-width: 550px) {
8082− .top48-ns {
8083− top: 48px;
8084− }
8085− .right48-ns {
8086− right: 48px;
8087− }
8088− .bottom48-ns {
8089− bottom: 48px;
8090− }
8091− .left48-ns {
8092− left: 48px;
8093− }
8094−}
8095−
8096−@media only screen and (min-width: 750px) and (max-width: 960px) {
8097− .top48-md {
8098− top: 48px;
8099− }
8100− .right48-md {
8101− right: 48px;
8102− }
8103− .bottom48-md {
8104− bottom: 48px;
8105− }
8106− .left48-md {
8107− left: 48px;
8108− }
8109−}
8110−
8111−@media only screen and (min-width: 960px) {
8112− .top48-lg {
8113− top: 48px;
8114− }
8115− .right48-lg {
8116− right: 48px;
8117− }
8118− .bottom48-lg {
8119− bottom: 48px;
8120− }
8121− .left48-lg {
8122− left: 48px;
8123− }
8124−}
8125−
8126−.top9 {
8127− top: 64px;
8128−}
8129−
8130−.right9 {
8131− right: 64px;
8132−}
8133−
8134−.bottom9 {
8135− bottom: 64px;
8136−}
8137−
8138−.left9 {
8139− left: 64px;
8140−}
8141−
8142−@media only screen and (min-width: 550px) {
8143− .top64-ns {
8144− top: 64px;
8145− }
8146− .right64-ns {
8147− right: 64px;
8148− }
8149− .bottom64-ns {
8150− bottom: 64px;
8151− }
8152− .left64-ns {
8153− left: 64px;
8154− }
8155−}
8156−
8157−@media only screen and (min-width: 750px) and (max-width: 960px) {
8158− .top64-md {
8159− top: 64px;
8160− }
8161− .right64-md {
8162− right: 64px;
8163− }
8164− .bottom64-md {
8165− bottom: 64px;
8166− }
8167− .left64-md {
8168− left: 64px;
8169− }
8170−}
8171−
8172−@media only screen and (min-width: 960px) {
8173− .top64-lg {
8174− top: 64px;
8175− }
8176− .right64-lg {
8177− right: 64px;
8178− }
8179− .bottom64-lg {
8180− bottom: 64px;
8181− }
8182− .left64-lg {
8183− left: 64px;
8184− }
8185−}
8186−
8187−.top10 {
8188− top: 96px;
8189−}
8190−
8191−.right10 {
8192− right: 96px;
8193−}
8194−
8195−.bottom10 {
8196− bottom: 96px;
8197−}
8198−
8199−.left10 {
8200− left: 96px;
8201−}
8202−
8203−@media only screen and (min-width: 550px) {
8204− .top96-ns {
8205− top: 96px;
8206− }
8207− .right96-ns {
8208− right: 96px;
8209− }
8210− .bottom96-ns {
8211− bottom: 96px;
8212− }
8213− .left96-ns {
8214− left: 96px;
8215− }
8216−}
8217−
8218−@media only screen and (min-width: 750px) and (max-width: 960px) {
8219− .top96-md {
8220− top: 96px;
8221− }
8222− .right96-md {
8223− right: 96px;
8224− }
8225− .bottom96-md {
8226− bottom: 96px;
8227− }
8228− .left96-md {
8229− left: 96px;
8230− }
8231−}
8232−
8233−@media only screen and (min-width: 960px) {
8234− .top96-lg {
8235− top: 96px;
8236− }
8237− .right96-lg {
8238− right: 96px;
8239− }
8240− .bottom96-lg {
8241− bottom: 96px;
8242− }
8243− .left96-lg {
8244− left: 96px;
8245− }
8246−}
8247−
8248−.top11 {
8249− top: 160px;
8250−}
8251−
8252−.right11 {
8253− right: 160px;
8254−}
8255−
8256−.bottom11 {
8257− bottom: 160px;
8258−}
8259−
8260−.left11 {
8261− left: 160px;
8262−}
8263−
8264−@media only screen and (min-width: 550px) {
8265− .top160-ns {
8266− top: 160px;
8267− }
8268− .right160-ns {
8269− right: 160px;
8270− }
8271− .bottom160-ns {
8272− bottom: 160px;
8273− }
8274− .left160-ns {
8275− left: 160px;
8276− }
8277−}
8278−
8279−@media only screen and (min-width: 750px) and (max-width: 960px) {
8280− .top160-md {
8281− top: 160px;
8282− }
8283− .right160-md {
8284− right: 160px;
8285− }
8286− .bottom160-md {
8287− bottom: 160px;
8288− }
8289− .left160-md {
8290− left: 160px;
8291− }
8292−}
8293−
8294−@media only screen and (min-width: 960px) {
8295− .top160-lg {
8296− top: 160px;
8297− }
8298− .right160-lg {
8299− right: 160px;
8300− }
8301− .bottom160-lg {
8302− bottom: 160px;
8303− }
8304− .left160-lg {
8305− left: 160px;
8306− }
8307−}
8308−
8309−.top12 {
8310− top: 288px;
8311−}
8312−
8313−.right12 {
8314− right: 288px;
8315−}
8316−
8317−.bottom12 {
8318− bottom: 288px;
8319−}
8320−
8321−.left12 {
8322− left: 288px;
8323−}
8324−
8325−@media only screen and (min-width: 550px) {
8326− .top288-ns {
8327− top: 288px;
8328− }
8329− .right288-ns {
8330− right: 288px;
8331− }
8332− .bottom288-ns {
8333− bottom: 288px;
8334− }
8335− .left288-ns {
8336− left: 288px;
8337− }
8338−}
8339−
8340−@media only screen and (min-width: 750px) and (max-width: 960px) {
8341− .top288-md {
8342− top: 288px;
8343− }
8344− .right288-md {
8345− right: 288px;
8346− }
8347− .bottom288-md {
8348− bottom: 288px;
8349− }
8350− .left288-md {
8351− left: 288px;
8352− }
8353−}
8354−
8355−@media only screen and (min-width: 960px) {
8356− .top288-lg {
8357− top: 288px;
8358− }
8359− .right288-lg {
8360− right: 288px;
8361− }
8362− .bottom288-lg {
8363− bottom: 288px;
8364− }
8365− .left288-lg {
8366− left: 288px;
8367− }
8368−}
8369−
8370−.s0 {
8371− width: 0px;
8372− height: 0px;
8373−}
8374−
8375−@media only screen and (min-width: 550px) {
8376− .s0-ns {
8377− width: 0px;
8378− height: 0px;
8379− }
8380−}
8381−
8382−@media only screen and (min-width: 750px) and (max-width: 960px) {
8383− .s0-md {
8384− width: 0px;
8385− height: 0px;
8386− }
8387−}
8388−
8389−@media only screen and (min-width: 960px) {
8390− .s0-lg {
8391− width: 0px;
8392− height: 0px;
8393− }
8394−}
8395−
8396−.s1 {
8397− width: 4px;
8398− height: 4px;
8399−}
8400−
8401−@media only screen and (min-width: 550px) {
8402− .s1-ns {
8403− width: 4px;
8404− height: 4px;
8405− }
8406−}
8407−
8408−@media only screen and (min-width: 750px) and (max-width: 960px) {
8409− .s1-md {
8410− width: 4px;
8411− height: 4px;
8412− }
8413−}
8414−
8415−@media only screen and (min-width: 960px) {
8416− .s1-lg {
8417− width: 4px;
8418− height: 4px;
8419− }
8420−}
8421−
8422−.s2 {
8423− width: 8px;
8424− height: 8px;
8425−}
8426−
8427−@media only screen and (min-width: 550px) {
8428− .s2-ns {
8429− width: 8px;
8430− height: 8px;
8431− }
8432−}
8433−
8434−@media only screen and (min-width: 750px) and (max-width: 960px) {
8435− .s2-md {
8436− width: 8px;
8437− height: 8px;
8438− }
8439−}
8440−
8441−@media only screen and (min-width: 960px) {
8442− .s2-lg {
8443− width: 8px;
8444− height: 8px;
8445− }
8446−}
8447−
8448−.s3 {
8449− width: 12px;
8450− height: 12px;
8451−}
8452−
8453−@media only screen and (min-width: 550px) {
8454− .s3-ns {
8455− width: 12px;
8456− height: 12px;
8457− }
8458−}
8459−
8460−@media only screen and (min-width: 750px) and (max-width: 960px) {
8461− .s3-md {
8462− width: 12px;
8463− height: 12px;
8464− }
8465−}
8466−
8467−@media only screen and (min-width: 960px) {
8468− .s3-lg {
8469− width: 12px;
8470− height: 12px;
8471− }
8472−}
8473−
8474−.s4 {
8475− width: 16px;
8476− height: 16px;
8477−}
8478−
8479−@media only screen and (min-width: 550px) {
8480− .s4-ns {
8481− width: 16px;
8482− height: 16px;
8483− }
8484−}
8485−
8486−@media only screen and (min-width: 750px) and (max-width: 960px) {
8487− .s4-md {
8488− width: 16px;
8489− height: 16px;
8490− }
8491−}
8492−
8493−@media only screen and (min-width: 960px) {
8494− .s4-lg {
8495− width: 16px;
8496− height: 16px;
8497− }
8498−}
8499−
8500−.s5 {
8501− width: 20px;
8502− height: 20px;
8503−}
8504−
8505−@media only screen and (min-width: 550px) {
8506− .s5-ns {
8507− width: 20px;
8508− height: 20px;
8509− }
8510−}
8511−
8512−@media only screen and (min-width: 750px) and (max-width: 960px) {
8513− .s5-md {
8514− width: 20px;
8515− height: 20px;
8516− }
8517−}
8518−
8519−@media only screen and (min-width: 960px) {
8520− .s5-lg {
8521− width: 20px;
8522− height: 20px;
8523− }
8524−}
8525−
8526−.s6 {
8527− width: 24px;
8528− height: 24px;
8529−}
8530−
8531−@media only screen and (min-width: 550px) {
8532− .s6-ns {
8533− width: 24px;
8534− height: 24px;
8535− }
8536−}
8537−
8538−@media only screen and (min-width: 750px) and (max-width: 960px) {
8539− .s6-md {
8540− width: 24px;
8541− height: 24px;
8542− }
8543−}
8544−
8545−@media only screen and (min-width: 960px) {
8546− .s6-lg {
8547− width: 24px;
8548− height: 24px;
8549− }
8550−}
8551−
8552−.s7 {
8553− width: 32px;
8554− height: 32px;
8555−}
8556−
8557−@media only screen and (min-width: 550px) {
8558− .s7-ns {
8559− width: 32px;
8560− height: 32px;
8561− }
8562−}
8563−
8564−@media only screen and (min-width: 750px) and (max-width: 960px) {
8565− .s7-md {
8566− width: 32px;
8567− height: 32px;
8568− }
8569−}
8570−
8571−@media only screen and (min-width: 960px) {
8572− .s7-lg {
8573− width: 32px;
8574− height: 32px;
8575− }
8576−}
8577−
8578−.s8 {
8579− width: 48px;
8580− height: 48px;
8581−}
8582−
8583−@media only screen and (min-width: 550px) {
8584− .s8-ns {
8585− width: 48px;
8586− height: 48px;
8587− }
8588−}
8589−
8590−@media only screen and (min-width: 750px) and (max-width: 960px) {
8591− .s8-md {
8592− width: 48px;
8593− height: 48px;
8594− }
8595−}
8596−
8597−@media only screen and (min-width: 960px) {
8598− .s8-lg {
8599− width: 48px;
8600− height: 48px;
8601− }
8602−}
8603−
8604−.s9 {
8605− width: 64px;
8606− height: 64px;
8607−}
8608−
8609−@media only screen and (min-width: 550px) {
8610− .s9-ns {
8611− width: 64px;
8612− height: 64px;
8613− }
8614−}
8615−
8616−@media only screen and (min-width: 750px) and (max-width: 960px) {
8617− .s9-md {
8618− width: 64px;
8619− height: 64px;
8620− }
8621−}
8622−
8623−@media only screen and (min-width: 960px) {
8624− .s9-lg {
8625− width: 64px;
8626− height: 64px;
8627− }
8628−}
8629−
8630−.s10 {
8631− width: 96px;
8632− height: 96px;
8633−}
8634−
8635−@media only screen and (min-width: 550px) {
8636− .s10-ns {
8637− width: 96px;
8638− height: 96px;
8639− }
8640−}
8641−
8642−@media only screen and (min-width: 750px) and (max-width: 960px) {
8643− .s10-md {
8644− width: 96px;
8645− height: 96px;
8646− }
8647−}
8648−
8649−@media only screen and (min-width: 960px) {
8650− .s10-lg {
8651− width: 96px;
8652− height: 96px;
8653− }
8654−}
8655−
8656−.s11 {
8657− width: 160px;
8658− height: 160px;
8659−}
8660−
8661−@media only screen and (min-width: 550px) {
8662− .s11-ns {
8663− width: 160px;
8664− height: 160px;
8665− }
8666−}
8667−
8668−@media only screen and (min-width: 750px) and (max-width: 960px) {
8669− .s11-md {
8670− width: 160px;
8671− height: 160px;
8672− }
8673−}
8674−
8675−@media only screen and (min-width: 960px) {
8676− .s11-lg {
8677− width: 160px;
8678− height: 160px;
8679− }
8680−}
8681−
8682−.s12 {
8683− width: 288px;
8684− height: 288px;
8685−}
8686−
8687−@media only screen and (min-width: 550px) {
8688− .s12-ns {
8689− width: 288px;
8690− height: 288px;
8691− }
8692−}
8693−
8694−@media only screen and (min-width: 750px) and (max-width: 960px) {
8695− .s12-md {
8696− width: 288px;
8697− height: 288px;
8698− }
8699−}
8700−
8701−@media only screen and (min-width: 960px) {
8702− .s12-lg {
8703− width: 288px;
8704− height: 288px;
8705− }
8706−}
8707−
8708−/*******************************************************************************
8709− Visibility
8710−*******************************************************************************/
8711−.visible {
8712− visibility: visible;
8713−}
8714−
8715−.hidden {
8716− visibility: hidden;
8717−}
8718−
8719−.super-hidden {
8720− visibility: hidden;
8721− position: fixed;
8722− opacity: 0;
8723− top: -9999px;
8724− left: -99999px;
8725−}
8726−
8727−@media only screen and (min-width: 550px) {
8728− .visible-ns {
8729− visibility: visible;
8730− }
8731− .hidden-ns {
8732− visibility: hidden;
8733− }
8734− .super-hidden-ns {
8735− visibility: hidden;
8736− position: fixed;
8737− opacity: 0;
8738− top: -9999px;
8739− left: -99999px;
8740− }
8741−}
8742−
8743−@media only screen and (min-width: 750px) and (max-width: 960px) {
8744− .visible-md {
8745− visibility: visible;
8746− }
8747− .hidden-md {
8748− visibility: hidden;
8749− }
8750− .super-hidden-md {
8751− visibility: hidden;
8752− position: fixed;
8753− opacity: 0;
8754− top: -9999px;
8755− left: -99999px;
8756− }
8757−}
8758−
8759−@media only screen and (min-width: 960px) {
8760− .visible-lg {
8761− visibility: visible;
8762− }
8763− .hidden-lg {
8764− visibility: hidden;
8765− }
8766− .super-hidden-lg {
8767− visibility: hidden;
8768− position: fixed;
8769− opacity: 0;
8770− top: -9999px;
8771− left: -99999px;
8772− }
8773−}
8774−
8775−/*******************************************************************************
8776− Size classes
8777−*******************************************************************************/
8778−.w0 {
8779− width: 0px;
8780−}
8781−
8782−.w1 {
8783− width: 4px;
8784−}
8785−
8786−.w2 {
8787− width: 8px;
8788−}
8789−
8790−.w3 {
8791− width: 12px;
8792−}
8793−
8794−.w4 {
8795− width: 16px;
8796−}
8797−
8798−.w5 {
8799− width: 20px;
8800−}
8801−
8802−.w6 {
8803− width: 24px;
8804−}
8805−
8806−.w7 {
8807− width: 32px;
8808−}
8809−
8810−.w8 {
8811− width: 48px;
8812−}
8813−
8814−.w9 {
8815− width: 64px;
8816−}
8817−
8818−.w10 {
8819− width: 96px;
8820−}
8821−
8822−.w11 {
8823− width: 160px;
8824−}
8825−
8826−.w12 {
8827− width: 288px;
8828−}
8829−
8830−@media only screen and (min-width: 550px) {
8831− .w0-ns {
8832− width: 0px;
8833− }
8834−}
8835−
8836−@media only screen and (min-width: 750px) and (max-width: 960px) {
8837− .w0-md {
8838− width: 0px;
8839− }
8840−}
8841−
8842−@media only screen and (min-width: 960px) {
8843− .w0-lg {
8844− width: 0px;
8845− }
8846−}
8847−
8848−@media only screen and (min-width: 550px) {
8849− .w1-ns {
8850− width: 4px;
8851− }
8852−}
8853−
8854−@media only screen and (min-width: 750px) and (max-width: 960px) {
8855− .w1-md {
8856− width: 4px;
8857− }
8858−}
8859−
8860−@media only screen and (min-width: 960px) {
8861− .w1-lg {
8862− width: 4px;
8863− }
8864−}
8865−
8866−@media only screen and (min-width: 550px) {
8867− .w2-ns {
8868− width: 8px;
8869− }
8870−}
8871−
8872−@media only screen and (min-width: 750px) and (max-width: 960px) {
8873− .w2-md {
8874− width: 8px;
8875− }
8876−}
8877−
8878−@media only screen and (min-width: 960px) {
8879− .w2-lg {
8880− width: 8px;
8881− }
8882−}
8883−
8884−@media only screen and (min-width: 550px) {
8885− .w3-ns {
8886− width: 12px;
8887− }
8888−}
8889−
8890−@media only screen and (min-width: 750px) and (max-width: 960px) {
8891− .w3-md {
8892− width: 12px;
8893− }
8894−}
8895−
8896−@media only screen and (min-width: 960px) {
8897− .w3-lg {
8898− width: 12px;
8899− }
8900−}
8901−
8902−@media only screen and (min-width: 550px) {
8903− .w4-ns {
8904− width: 16px;
8905− }
8906−}
8907−
8908−@media only screen and (min-width: 750px) and (max-width: 960px) {
8909− .w4-md {
8910− width: 16px;
8911− }
8912−}
8913−
8914−@media only screen and (min-width: 960px) {
8915− .w4-lg {
8916− width: 16px;
8917− }
8918−}
8919−
8920−@media only screen and (min-width: 550px) {
8921− .w5-ns {
8922− width: 20px;
8923− }
8924−}
8925−
8926−@media only screen and (min-width: 750px) and (max-width: 960px) {
8927− .w5-md {
8928− width: 20px;
8929− }
8930−}
8931−
8932−@media only screen and (min-width: 960px) {
8933− .w5-lg {
8934− width: 20px;
8935− }
8936−}
8937−
8938−@media only screen and (min-width: 550px) {
8939− .w6-ns {
8940− width: 24px;
8941− }
8942−}
8943−
8944−@media only screen and (min-width: 750px) and (max-width: 960px) {
8945− .w6-md {
8946− width: 24px;
8947− }
8948−}
8949−
8950−@media only screen and (min-width: 960px) {
8951− .w6-lg {
8952− width: 24px;
8953− }
8954−}
8955−
8956−@media only screen and (min-width: 550px) {
8957− .w7-ns {
8958− width: 32px;
8959− }
8960−}
8961−
8962−@media only screen and (min-width: 750px) and (max-width: 960px) {
8963− .w7-md {
8964− width: 32px;
8965− }
8966−}
8967−
8968−@media only screen and (min-width: 960px) {
8969− .w7-lg {
8970− width: 32px;
8971− }
8972−}
8973−
8974−@media only screen and (min-width: 550px) {
8975− .w8-ns {
8976− width: 48px;
8977− }
8978−}
8979−
8980−@media only screen and (min-width: 750px) and (max-width: 960px) {
8981− .w8-md {
8982− width: 48px;
8983− }
8984−}
8985−
8986−@media only screen and (min-width: 960px) {
8987− .w8-lg {
8988− width: 48px;
8989− }
8990−}
8991−
8992−@media only screen and (min-width: 550px) {
8993− .w9-ns {
8994− width: 64px;
8995− }
8996−}
8997−
8998−@media only screen and (min-width: 750px) and (max-width: 960px) {
8999− .w9-md {
9000− width: 64px;
9001− }
9002−}
9003−
9004−@media only screen and (min-width: 960px) {
9005− .w9-lg {
9006− width: 64px;
9007− }
9008−}
9009−
9010−@media only screen and (min-width: 550px) {
9011− .w10-ns {
9012− width: 96px;
9013− }
9014−}
9015−
9016−@media only screen and (min-width: 750px) and (max-width: 960px) {
9017− .w10-md {
9018− width: 96px;
9019− }
9020−}
9021−
9022−@media only screen and (min-width: 960px) {
9023− .w10-lg {
9024− width: 96px;
9025− }
9026−}
9027−
9028−@media only screen and (min-width: 550px) {
9029− .w11-ns {
9030− width: 160px;
9031− }
9032−}
9033−
9034−@media only screen and (min-width: 750px) and (max-width: 960px) {
9035− .w11-md {
9036− width: 160px;
9037− }
9038−}
9039−
9040−@media only screen and (min-width: 960px) {
9041− .w11-lg {
9042− width: 160px;
9043− }
9044−}
9045−
9046−@media only screen and (min-width: 550px) {
9047− .w12-ns {
9048− width: 288px;
9049− }
9050−}
9051−
9052−@media only screen and (min-width: 750px) and (max-width: 960px) {
9053− .w12-md {
9054− width: 288px;
9055− }
9056−}
9057−
9058−@media only screen and (min-width: 960px) {
9059− .w12-lg {
9060− width: 288px;
9061− }
9062−}
9063−
9064−.z0 {
9065− z-index: 0;
9066−}
9067−
9068−.z1 {
9069− z-index: 1;
9070−}
9071−
9072−.z2 {
9073− z-index: 2;
9074−}
9075−
9076−.z3 {
9077− z-index: 3;
9078−}
9079−
9080−.z4 {
9081− z-index: 4;
9082−}
9083−
9084−.z5 {
9085− z-index: 5;
9086−}
9087−
9088−.z6 {
9089− z-index: 6;
9090−}
9091−
9092−.z7 {
9093− z-index: 7;
9094−}
9095−
9096−.z8 {
9097− z-index: 8;
9098−}
9099−
9100−.z9 {
9101− z-index: 9;
9102−}
9103−
9104−.z10 {
9105− z-index: 10;
9106−}
9107−
9108−.z-index {
9109− z-index: auto;
9110−}
953+ TYPOGRAPHY
954+ http://tachyons.io/docs/typography/measure/
955+
956+ Measures:
957+ measure = literal value 30em (base line length)
958+ measure-narrow = literal value 34em (narrow line length)
959+ measure-wide = literal value 20em (wide line length)
960+
961+ Media Query Extensions:
962+ -m = 34.375em
963+ -l = 46.875em
964+ -xl = 60em
965+
966+*/
967+.measure { max-width: 30em; }
968+.measure-wide { max-width: 34em; }
969+.measure-narrow { max-width: 20em; }
970+.small-caps { font-variant: small-caps; }
971+.indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
972+.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
973+.overflow-container { overflow-y: scroll; }
974+.center { margin-right: auto; margin-left: auto; }
975+.mr-auto { margin-right: auto; }
976+.ml-auto { margin-left: auto; }
977+.clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); clip: rect( 1px, 1px, 1px, 1px ); }
978+.ws-normal { white-space: normal; }
979+.nowrap { white-space: nowrap; }
980+.pre { white-space: pre; }
981+/*
9111982
9112−.zn1 {
9113− z-index: -1;
983+ WIDTHS
984+ Docs: http://tachyons.io/docs/layout/widths/
985+
986+ Base:
987+ w = width
988+
989+ Modifiers
990+ 1 = 1st step in width scale
991+ 2 = 2nd step in width scale
992+ 3 = 3rd step in width scale
993+ 4 = 4th step in width scale
994+ 5 = 5th step in width scale
995+
996+ -10 = literal value 10%
997+ -20 = literal value 20%
998+ -25 = literal value 25%
999+ -30 = literal value 30%
1000+ -33 = literal value 33%
1001+ -34 = literal value 34%
1002+ -40 = literal value 40%
1003+ -50 = literal value 50%
1004+ -60 = literal value 60%
1005+ -70 = literal value 70%
1006+ -75 = literal value 75%
1007+ -80 = literal value 80%
1008+ -90 = literal value 90%
1009+ -100 = literal value 100%
1010+
1011+ -third = 100% / 3 (Not supported in opera mini or IE8)
1012+ -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
1013+
1014+ -auto = string value auto
1015+
1016+ Media Query Extensions:
1017+ -m = 34.375em
1018+ -l = 46.875em
1019+ -xl = 60em
1020+
1021+*/
1022+.w1 { width: 1rem; }
1023+.w2 { width: 2rem; }
1024+.w3 { width: 4rem; }
1025+.w4 { width: 8rem; }
1026+.w5 { width: 16rem; }
1027+.w-10 { width: 10%; }
1028+.w-20 { width: 20%; }
1029+.w-25 { width: 25%; }
1030+.w-30 { width: 30%; }
1031+.w-33 { width: 33%; }
1032+.w-34 { width: 34%; }
1033+.w-40 { width: 40%; }
1034+.w-50 { width: 50%; }
1035+.w-60 { width: 60%; }
1036+.w-70 { width: 70%; }
1037+.w-75 { width: 75%; }
1038+.w-80 { width: 80%; }
1039+.w-90 { width: 90%; }
1040+.w-100 { width: 100%; }
1041+.w-third { width: 33.33333%; }
1042+.w-two-thirds { width: 66.66667%; }
1043+.w-auto { width: auto; }
1044+.z-0 { z-index: 0; }
1045+.z-1 { z-index: 1; }
1046+.z-2 { z-index: 2; }
1047+.z-3 { z-index: 3; }
1048+.z-4 { z-index: 4; }
1049+.z-5 { z-index: 5; }
1050+.z-999 { z-index: 999; }
1051+.z-9999 { z-index: 9999; }
1052+.z-max { z-index: 2147483647; }
1053+.z-inherit { z-index: inherit; }
1054+.z-initial { z-index: initial; }
1055+.z-unset { z-index: unset; }
1056+@media screen and (min-width: 34.375em) and (max-width: 46.875em) {
1057+ .aspect-ratio-m { height: 0; position: relative; }
1058+ .aspect-ratio--16x9-m { padding-bottom: 56.25%; }
1059+ .aspect-ratio--9x16-m { padding-bottom: 177.77%; }
1060+ .aspect-ratio--4x3-m { padding-bottom: 75%; }
1061+ .aspect-ratio--3x4-m { padding-bottom: 133.33%; }
1062+ .aspect-ratio--6x4-m { padding-bottom: 66.6%; }
1063+ .aspect-ratio--4x6-m { padding-bottom: 150%; }
1064+ .aspect-ratio--8x5-m { padding-bottom: 62.5%; }
1065+ .aspect-ratio--5x8-m { padding-bottom: 160%; }
1066+ .aspect-ratio--7x5-m { padding-bottom: 71.42%; }
1067+ .aspect-ratio--5x7-m { padding-bottom: 140%; }
1068+ .aspect-ratio--1x1-m { padding-bottom: 100%; }
1069+ .aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
1070+ .cover-m { background-size: cover !important; }
1071+ .contain-m { background-size: contain !important; }
1072+ .bg-center-m { background-repeat: no-repeat; background-position: center center; }
1073+ .bg-top-m { background-repeat: no-repeat; background-position: top center; }
1074+ .bg-right-m { background-repeat: no-repeat; background-position: center right; }
1075+ .bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; }
1076+ .bg-left-m { background-repeat: no-repeat; background-position: center left; }
1077+ .ba-m { border-style: solid; border-width: 1px; }
1078+ .bt-m { border-top-style: solid; border-top-width: 1px; }
1079+ .br-m { border-right-style: solid; border-right-width: 1px; }
1080+ .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
1081+ .bl-m { border-left-style: solid; border-left-width: 1px; }
1082+ .bn-m { border-style: none; border-width: 0; }
1083+ .br0-m { border-radius: 0; }
1084+ .br1-m { border-radius: .125rem; }
1085+ .br2-m { border-radius: .25rem; }
1086+ .br3-m { border-radius: .5rem; }
1087+ .br4-m { border-radius: 1rem; }
1088+ .br-100-m { border-radius: 100%; }
1089+ .br-pill-m { border-radius: 9999px; }
1090+ .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }
1091+ .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
1092+ .br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1093+ .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0; }
1094+ .b--dotted-m { border-style: dotted; }
1095+ .b--dashed-m { border-style: dashed; }
1096+ .b--solid-m { border-style: solid; }
1097+ .b--none-m { border-style: none; }
1098+ .bw0-m { border-width: 0; }
1099+ .bw1-m { border-width: .125rem; }
1100+ .bw2-m { border-width: .25rem; }
1101+ .bw3-m { border-width: .5rem; }
1102+ .bw4-m { border-width: 1rem; }
1103+ .bw5-m { border-width: 2rem; }
1104+ .bt-0-m { border-top-width: 0; }
1105+ .br-0-m { border-right-width: 0; }
1106+ .bb-0-m { border-bottom-width: 0; }
1107+ .bl-0-m { border-left-width: 0; }
1108+ .shadow-1-m { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
1109+ .shadow-2-m { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
1110+ .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
1111+ .shadow-4-m { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
1112+ .shadow-5-m { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
1113+ .pa0-m { padding: 0; }
1114+ .ma0-m { margin: 0; }
1115+ .na0-m { margin: 0; }
1116+ .pl0-m { padding-left: 0; }
1117+ .ml0-m { margin-left: 0; }
1118+ .nl0-m { margin-left: 0; }
1119+ .pr0-m { padding-right: 0; }
1120+ .mr0-m { margin-right: 0; }
1121+ .nr0-m { margin-right: 0; }
1122+ .pt0-m { padding-top: 0; }
1123+ .mt0-m { margin-top: 0; }
1124+ .nt0-m { margin-top: 0; }
1125+ .pb0-m { padding-bottom: 0; }
1126+ .mb0-m { margin-bottom: 0; }
1127+ .nb0-m { margin-bottom: 0; }
1128+ .pv0-m { padding-top: 0; padding-bottom: 0; }
1129+ .mv0-m { margin-top: 0; margin-bottom: 0; }
1130+ .nv0-m { margin-top: 0; margin-bottom: 0; }
1131+ .ph0-m { padding-left: 0; padding-right: 0; }
1132+ .mh0-m { margin-left: 0; margin-right: 0; }
1133+ .nh0-m { margin-left: 0; margin-right: 0; }
1134+ .pa1-m { padding: .25rem; }
1135+ .ma1-m { margin: .25rem; }
1136+ .na1-m { margin: -0.25rem; }
1137+ .pl1-m { padding-left: .25rem; }
1138+ .ml1-m { margin-left: .25rem; }
1139+ .nl1-m { margin-left: -0.25rem; }
1140+ .pr1-m { padding-right: .25rem; }
1141+ .mr1-m { margin-right: .25rem; }
1142+ .nr1-m { margin-right: -0.25rem; }
1143+ .pt1-m { padding-top: .25rem; }
1144+ .mt1-m { margin-top: .25rem; }
1145+ .nt1-m { margin-top: -0.25rem; }
1146+ .pb1-m { padding-bottom: .25rem; }
1147+ .mb1-m { margin-bottom: .25rem; }
1148+ .nb1-m { margin-bottom: -0.25rem; }
1149+ .pv1-m { padding-top: .25rem; padding-bottom: .25rem; }
1150+ .mv1-m { margin-top: .25rem; margin-bottom: .25rem; }
1151+ .nv1-m { margin-top: -0.25rem; margin-bottom: -0.25rem; }
1152+ .ph1-m { padding-left: .25rem; padding-right: .25rem; }
1153+ .mh1-m { margin-left: .25rem; margin-right: .25rem; }
1154+ .nh1-m { margin-left: -0.25rem; margin-right: -0.25rem; }
1155+ .pa2-m { padding: .5rem; }
1156+ .ma2-m { margin: .5rem; }
1157+ .na2-m { margin: -0.5rem; }
1158+ .pl2-m { padding-left: .5rem; }
1159+ .ml2-m { margin-left: .5rem; }
1160+ .nl2-m { margin-left: -0.5rem; }
1161+ .pr2-m { padding-right: .5rem; }
1162+ .mr2-m { margin-right: .5rem; }
1163+ .nr2-m { margin-right: -0.5rem; }
1164+ .pt2-m { padding-top: .5rem; }
1165+ .mt2-m { margin-top: .5rem; }
1166+ .nt2-m { margin-top: -0.5rem; }
1167+ .pb2-m { padding-bottom: .5rem; }
1168+ .mb2-m { margin-bottom: .5rem; }
1169+ .nb2-m { margin-bottom: -0.5rem; }
1170+ .pv2-m { padding-top: .5rem; padding-bottom: .5rem; }
1171+ .mv2-m { margin-top: .5rem; margin-bottom: .5rem; }
1172+ .nv2-m { margin-top: -0.5rem; margin-bottom: -0.5rem; }
1173+ .ph2-m { padding-left: .5rem; padding-right: .5rem; }
1174+ .mh2-m { margin-left: .5rem; margin-right: .5rem; }
1175+ .nh2-m { margin-left: -0.5rem; margin-right: -0.5rem; }
1176+ .pa3-m { padding: 1rem; }
1177+ .ma3-m { margin: 1rem; }
1178+ .na3-m { margin: -1rem; }
1179+ .pl3-m { padding-left: 1rem; }
1180+ .ml3-m { margin-left: 1rem; }
1181+ .nl3-m { margin-left: -1rem; }
1182+ .pr3-m { padding-right: 1rem; }
1183+ .mr3-m { margin-right: 1rem; }
1184+ .nr3-m { margin-right: -1rem; }
1185+ .pt3-m { padding-top: 1rem; }
1186+ .mt3-m { margin-top: 1rem; }
1187+ .nt3-m { margin-top: -1rem; }
1188+ .pb3-m { padding-bottom: 1rem; }
1189+ .mb3-m { margin-bottom: 1rem; }
1190+ .nb3-m { margin-bottom: -1rem; }
1191+ .pv3-m { padding-top: 1rem; padding-bottom: 1rem; }
1192+ .mv3-m { margin-top: 1rem; margin-bottom: 1rem; }
1193+ .nv3-m { margin-top: -1rem; margin-bottom: -1rem; }
1194+ .ph3-m { padding-left: 1rem; padding-right: 1rem; }
1195+ .mh3-m { margin-left: 1rem; margin-right: 1rem; }
1196+ .nh3-m { margin-left: -1rem; margin-right: -1rem; }
1197+ .pa4-m { padding: 2rem; }
1198+ .ma4-m { margin: 2rem; }
1199+ .na4-m { margin: -2rem; }
1200+ .pl4-m { padding-left: 2rem; }
1201+ .ml4-m { margin-left: 2rem; }
1202+ .nl4-m { margin-left: -2rem; }
1203+ .pr4-m { padding-right: 2rem; }
1204+ .mr4-m { margin-right: 2rem; }
1205+ .nr4-m { margin-right: -2rem; }
1206+ .pt4-m { padding-top: 2rem; }
1207+ .mt4-m { margin-top: 2rem; }
1208+ .nt4-m { margin-top: -2rem; }
1209+ .pb4-m { padding-bottom: 2rem; }
1210+ .mb4-m { margin-bottom: 2rem; }
1211+ .nb4-m { margin-bottom: -2rem; }
1212+ .pv4-m { padding-top: 2rem; padding-bottom: 2rem; }
1213+ .mv4-m { margin-top: 2rem; margin-bottom: 2rem; }
1214+ .nv4-m { margin-top: -2rem; margin-bottom: -2rem; }
1215+ .ph4-m { padding-left: 2rem; padding-right: 2rem; }
1216+ .mh4-m { margin-left: 2rem; margin-right: 2rem; }
1217+ .nh4-m { margin-left: -2rem; margin-right: -2rem; }
1218+ .pa5-m { padding: 4rem; }
1219+ .ma5-m { margin: 4rem; }
1220+ .na5-m { margin: -4rem; }
1221+ .pl5-m { padding-left: 4rem; }
1222+ .ml5-m { margin-left: 4rem; }
1223+ .nl5-m { margin-left: -4rem; }
1224+ .pr5-m { padding-right: 4rem; }
1225+ .mr5-m { margin-right: 4rem; }
1226+ .nr5-m { margin-right: -4rem; }
1227+ .pt5-m { padding-top: 4rem; }
1228+ .mt5-m { margin-top: 4rem; }
1229+ .nt5-m { margin-top: -4rem; }
1230+ .pb5-m { padding-bottom: 4rem; }
1231+ .mb5-m { margin-bottom: 4rem; }
1232+ .nb5-m { margin-bottom: -4rem; }
1233+ .pv5-m { padding-top: 4rem; padding-bottom: 4rem; }
1234+ .mv5-m { margin-top: 4rem; margin-bottom: 4rem; }
1235+ .nv5-m { margin-top: -4rem; margin-bottom: -4rem; }
1236+ .ph5-m { padding-left: 4rem; padding-right: 4rem; }
1237+ .mh5-m { margin-left: 4rem; margin-right: 4rem; }
1238+ .nh5-m { margin-left: -4rem; margin-right: -4rem; }
1239+ .pa6-m { padding: 8rem; }
1240+ .ma6-m { margin: 8rem; }
1241+ .na6-m { margin: -8rem; }
1242+ .pl6-m { padding-left: 8rem; }
1243+ .ml6-m { margin-left: 8rem; }
1244+ .nl6-m { margin-left: -8rem; }
1245+ .pr6-m { padding-right: 8rem; }
1246+ .mr6-m { margin-right: 8rem; }
1247+ .nr6-m { margin-right: -8rem; }
1248+ .pt6-m { padding-top: 8rem; }
1249+ .mt6-m { margin-top: 8rem; }
1250+ .nt6-m { margin-top: -8rem; }
1251+ .pb6-m { padding-bottom: 8rem; }
1252+ .mb6-m { margin-bottom: 8rem; }
1253+ .nb6-m { margin-bottom: -8rem; }
1254+ .pv6-m { padding-top: 8rem; padding-bottom: 8rem; }
1255+ .mv6-m { margin-top: 8rem; margin-bottom: 8rem; }
1256+ .nv6-m { margin-top: -8rem; margin-bottom: -8rem; }
1257+ .ph6-m { padding-left: 8rem; padding-right: 8rem; }
1258+ .mh6-m { margin-left: 8rem; margin-right: 8rem; }
1259+ .nh6-m { margin-left: -8rem; margin-right: -8rem; }
1260+ .pa7-m { padding: 16rem; }
1261+ .ma7-m { margin: 16rem; }
1262+ .na7-m { margin: -16rem; }
1263+ .pl7-m { padding-left: 16rem; }
1264+ .ml7-m { margin-left: 16rem; }
1265+ .nl7-m { margin-left: -16rem; }
1266+ .pr7-m { padding-right: 16rem; }
1267+ .mr7-m { margin-right: 16rem; }
1268+ .nr7-m { margin-right: -16rem; }
1269+ .pt7-m { padding-top: 16rem; }
1270+ .mt7-m { margin-top: 16rem; }
1271+ .nt7-m { margin-top: -16rem; }
1272+ .pb7-m { padding-bottom: 16rem; }
1273+ .mb7-m { margin-bottom: 16rem; }
1274+ .nb7-m { margin-bottom: -16rem; }
1275+ .pv7-m { padding-top: 16rem; padding-bottom: 16rem; }
1276+ .mv7-m { margin-top: 16rem; margin-bottom: 16rem; }
1277+ .nv7-m { margin-top: -16rem; margin-bottom: -16rem; }
1278+ .ph7-m { padding-left: 16rem; padding-right: 16rem; }
1279+ .mh7-m { margin-left: 16rem; margin-right: 16rem; }
1280+ .nh7-m { margin-left: -16rem; margin-right: -16rem; }
1281+ .top-0-m { top: 0; }
1282+ .right-0-m { right: 0; }
1283+ .bottom-0-m { bottom: 0; }
1284+ .left-0-m { left: 0; }
1285+ .top-1-m { top: 1rem; }
1286+ .right-1-m { right: 1rem; }
1287+ .bottom-1-m { bottom: 1rem; }
1288+ .left-1-m { left: 1rem; }
1289+ .top-2-m { top: 2rem; }
1290+ .right-2-m { right: 2rem; }
1291+ .bottom-2-m { bottom: 2rem; }
1292+ .left-2-m { left: 2rem; }
1293+ .top--1-m { top: -1rem; }
1294+ .right--1-m { right: -1rem; }
1295+ .bottom--1-m { bottom: -1rem; }
1296+ .left--1-m { left: -1rem; }
1297+ .top--2-m { top: -2rem; }
1298+ .right--2-m { right: -2rem; }
1299+ .bottom--2-m { bottom: -2rem; }
1300+ .left--2-m { left: -2rem; }
1301+ .absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; }
1302+ .cf-m:before, .cf-m:after { content: " "; display: table; }
1303+ .cf-m:after { clear: both; }
1304+ .cf-m { *zoom: 1; }
1305+ .cl-m { clear: left; }
1306+ .cr-m { clear: right; }
1307+ .cb-m { clear: both; }
1308+ .cn-m { clear: none; }
1309+ .dn-m { display: none; }
1310+ .di-m { display: inline; }
1311+ .db-m { display: block; }
1312+ .dib-m { display: inline-block; }
1313+ .dit-m { display: inline-table; }
1314+ .dt-m { display: table; }
1315+ .dtc-m { display: table-cell; }
1316+ .dt-row-m { display: table-row; }
1317+ .dt-row-group-m { display: table-row-group; }
1318+ .dt-column-m { display: table-column; }
1319+ .dt-column-group-m { display: table-column-group; }
1320+ .dt--fixed-m { table-layout: fixed; width: 100%; }
1321+ .flex-m { display: flex; }
1322+ .inline-flex-m { display: inline-flex; }
1323+ .flex-auto-m { flex: 1 1 auto; min-width: 0; min-height: 0; }
1324+ .flex-none-m { flex: none; }
1325+ .flex-column-m { flex-direction: column; }
1326+ .flex-row-m { flex-direction: row; }
1327+ .flex-wrap-m { flex-wrap: wrap; }
1328+ .flex-nowrap-m { flex-wrap: nowrap; }
1329+ .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
1330+ .flex-column-reverse-m { flex-direction: column-reverse; }
1331+ .flex-row-reverse-m { flex-direction: row-reverse; }
1332+ .items-start-m { align-items: flex-start; }
1333+ .items-end-m { align-items: flex-end; }
1334+ .items-center-m { align-items: center; }
1335+ .items-baseline-m { align-items: baseline; }
1336+ .items-stretch-m { align-items: stretch; }
1337+ .self-start-m { align-self: flex-start; }
1338+ .self-end-m { align-self: flex-end; }
1339+ .self-center-m { align-self: center; }
1340+ .self-baseline-m { align-self: baseline; }
1341+ .self-stretch-m { align-self: stretch; }
1342+ .justify-start-m { justify-content: flex-start; }
1343+ .justify-end-m { justify-content: flex-end; }
1344+ .justify-center-m { justify-content: center; }
1345+ .justify-between-m { justify-content: space-between; }
1346+ .justify-around-m { justify-content: space-around; }
1347+ .content-start-m { align-content: flex-start; }
1348+ .content-end-m { align-content: flex-end; }
1349+ .content-center-m { align-content: center; }
1350+ .content-between-m { align-content: space-between; }
1351+ .content-around-m { align-content: space-around; }
1352+ .content-stretch-m { align-content: stretch; }
1353+ .order-0-m { order: 0; }
1354+ .order-1-m { order: 1; }
1355+ .order-2-m { order: 2; }
1356+ .order-3-m { order: 3; }
1357+ .order-4-m { order: 4; }
1358+ .order-5-m { order: 5; }
1359+ .order-6-m { order: 6; }
1360+ .order-7-m { order: 7; }
1361+ .order-8-m { order: 8; }
1362+ .order-last-m { order: 99999; }
1363+ .flex-grow-0-m { flex-grow: 0; }
1364+ .flex-grow-1-m { flex-grow: 1; }
1365+ .flex-shrink-0-m { flex-shrink: 0; }
1366+ .flex-shrink-1-m { flex-shrink: 1; }
1367+ .fl-m { float: left; _display: inline; }
1368+ .fr-m { float: right; _display: inline; }
1369+ .fn-m { float: none; }
1370+ .i-m { font-style: italic; }
1371+ .fs-normal-m { font-style: normal; }
1372+ .normal-m { font-weight: normal; }
1373+ .b-m { font-weight: bold; }
1374+ .fw1-m { font-weight: 100; }
1375+ .fw2-m { font-weight: 200; }
1376+ .fw3-m { font-weight: 300; }
1377+ .fw4-m { font-weight: 400; }
1378+ .fw5-m { font-weight: 500; }
1379+ .fw6-m { font-weight: 600; }
1380+ .fw7-m { font-weight: 700; }
1381+ .fw8-m { font-weight: 800; }
1382+ .fw9-m { font-weight: 900; }
1383+ .h1-m { height: 1rem; }
1384+ .h2-m { height: 2rem; }
1385+ .h3-m { height: 4rem; }
1386+ .h4-m { height: 8rem; }
1387+ .h5-m { height: 16rem; }
1388+ .h-25-m { height: 25%; }
1389+ .h-50-m { height: 50%; }
1390+ .h-75-m { height: 75%; }
1391+ .h-100-m { height: 100%; }
1392+ .min-h-100-m { min-height: 100%; }
1393+ .vh-25-m { height: 25vh; }
1394+ .vh-50-m { height: 50vh; }
1395+ .vh-75-m { height: 75vh; }
1396+ .vh-100-m { height: 100vh; }
1397+ .min-vh-100-m { min-height: 100vh; }
1398+ .h-auto-m { height: auto; }
1399+ .h-inherit-m { height: inherit; }
1400+ .tracked-m { letter-spacing: .1em; }
1401+ .tracked-tight-m { letter-spacing: -.05em; }
1402+ .tracked-mega-m { letter-spacing: .25em; }
1403+ .lh-solid-m { line-height: 1.333333; }
1404+ .lh-title-m { line-height: 1.5; }
1405+ .lh-copy-m { line-height: 1.666666; }
1406+ .mw1-m { max-width: 1rem; }
1407+ .mw2-m { max-width: 2rem; }
1408+ .mw3-m { max-width: 4rem; }
1409+ .mw4-m { max-width: 8rem; }
1410+ .mw5-m { max-width: 16rem; }
1411+ .mw6-m { max-width: 32rem; }
1412+ .mw7-m { max-width: 48rem; }
1413+ .mw8-m { max-width: 64rem; }
1414+ .mw9-m { max-width: 96rem; }
1415+ .mw-none-m { max-width: none; }
1416+ .mw-100-m { max-width: 100%; }
1417+ .o-100-m { opacity: 1; }
1418+ .o-90-m { opacity: .9; }
1419+ .o-80-m { opacity: .8; }
1420+ .o-70-m { opacity: .7; }
1421+ .o-60-m { opacity: .6; }
1422+ .o-50-m { opacity: .5; }
1423+ .o-40-m { opacity: .4; }
1424+ .o-30-m { opacity: .3; }
1425+ .o-20-m { opacity: .2; }
1426+ .o-10-m { opacity: .1; }
1427+ .o-05-m { opacity: .05; }
1428+ .o-025-m { opacity: .025; }
1429+ .o-0-m { opacity: 0; }
1430+ .rotate-45-m { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
1431+ .rotate-90-m { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
1432+ .rotate-135-m { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
1433+ .rotate-180-m { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
1434+ .rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
1435+ .rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
1436+ .rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
1437+ .outline-m { outline: 1px solid; }
1438+ .outline-transparent-m { outline: 1px solid transparent; }
1439+ .outline-0-m { outline: 0; }
1440+ .overflow-visible-m { overflow: visible; }
1441+ .overflow-hidden-m { overflow: hidden; }
1442+ .overflow-scroll-m { overflow: scroll; }
1443+ .overflow-auto-m { overflow: auto; }
1444+ .overflow-x-visible-m { overflow-x: visible; }
1445+ .overflow-x-hidden-m { overflow-x: hidden; }
1446+ .overflow-x-scroll-m { overflow-x: scroll; }
1447+ .overflow-x-auto-m { overflow-x: auto; }
1448+ .overflow-y-visible-m { overflow-y: visible; }
1449+ .overflow-y-hidden-m { overflow-y: hidden; }
1450+ .overflow-y-scroll-m { overflow-y: scroll; }
1451+ .overflow-y-auto-m { overflow-y: auto; }
1452+ .static-m { position: static; }
1453+ .relative-m { position: relative; }
1454+ .absolute-m { position: absolute; }
1455+ .fixed-m { position: fixed; }
1456+ .strike-m { text-decoration: line-through; }
1457+ .underline-m { text-decoration: underline; }
1458+ .no-underline-m { text-decoration: none; }
1459+ .tl-m { text-align: left; }
1460+ .tr-m { text-align: right; }
1461+ .tc-m { text-align: center; }
1462+ .tj-m { text-align: justify; }
1463+ .ttc-m { text-transform: capitalize; }
1464+ .ttl-m { text-transform: lowercase; }
1465+ .ttu-m { text-transform: uppercase; }
1466+ .ttn-m { text-transform: none; }
1467+ .f1-m { font-size: 3rem; }
1468+ .f2-m { font-size: 2.25rem; }
1469+ .f3-m { font-size: 1.5rem; }
1470+ .f4-m { font-size: 1.25rem; }
1471+ .f5-m { font-size: 1rem; }
1472+ .f6-m { font-size: .875rem; }
1473+ .f7-m { font-size: .75rem; }
1474+ .measure-m { max-width: 30em; }
1475+ .measure-wide-m { max-width: 34em; }
1476+ .measure-narrow-m { max-width: 20em; }
1477+ .small-caps-m { font-variant: small-caps; }
1478+ .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
1479+ .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
1480+ .clip-m { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); clip: rect( 1px, 1px, 1px, 1px ); }
1481+ .ws-normal-m { white-space: normal; }
1482+ .nowrap-m { white-space: nowrap; }
1483+ .pre-m { white-space: pre; }
1484+ .w1-m { width: 1rem; }
1485+ .w2-m { width: 2rem; }
1486+ .w3-m { width: 4rem; }
1487+ .w4-m { width: 8rem; }
1488+ .w5-m { width: 16rem; }
1489+ .w-10-m { width: 10%; }
1490+ .w-20-m { width: 20%; }
1491+ .w-25-m { width: 25%; }
1492+ .w-30-m { width: 30%; }
1493+ .w-33-m { width: 33%; }
1494+ .w-34-m { width: 34%; }
1495+ .w-40-m { width: 40%; }
1496+ .w-50-m { width: 50%; }
1497+ .w-60-m { width: 60%; }
1498+ .w-70-m { width: 70%; }
1499+ .w-75-m { width: 75%; }
1500+ .w-80-m { width: 80%; }
1501+ .w-90-m { width: 90%; }
1502+ .w-100-m { width: 100%; }
1503+ .w-third-m { width: 33.33333%; }
1504+ .w-two-thirds-m { width: 66.66667%; }
1505+ .w-auto-m { width: auto; }
1506+}
1507+@media screen and (min-width: 46.875em) and (max-width: 60em) {
1508+ .aspect-ratio-l { height: 0; position: relative; }
1509+ .aspect-ratio--16x9-l { padding-bottom: 56.25%; }
1510+ .aspect-ratio--9x16-l { padding-bottom: 177.77%; }
1511+ .aspect-ratio--4x3-l { padding-bottom: 75%; }
1512+ .aspect-ratio--3x4-l { padding-bottom: 133.33%; }
1513+ .aspect-ratio--6x4-l { padding-bottom: 66.6%; }
1514+ .aspect-ratio--4x6-l { padding-bottom: 150%; }
1515+ .aspect-ratio--8x5-l { padding-bottom: 62.5%; }
1516+ .aspect-ratio--5x8-l { padding-bottom: 160%; }
1517+ .aspect-ratio--7x5-l { padding-bottom: 71.42%; }
1518+ .aspect-ratio--5x7-l { padding-bottom: 140%; }
1519+ .aspect-ratio--1x1-l { padding-bottom: 100%; }
1520+ .aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
1521+ .cover-l { background-size: cover !important; }
1522+ .contain-l { background-size: contain !important; }
1523+ .bg-center-l { background-repeat: no-repeat; background-position: center center; }
1524+ .bg-top-l { background-repeat: no-repeat; background-position: top center; }
1525+ .bg-right-l { background-repeat: no-repeat; background-position: center right; }
1526+ .bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; }
1527+ .bg-left-l { background-repeat: no-repeat; background-position: center left; }
1528+ .ba-l { border-style: solid; border-width: 1px; }
1529+ .bt-l { border-top-style: solid; border-top-width: 1px; }
1530+ .br-l { border-right-style: solid; border-right-width: 1px; }
1531+ .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
1532+ .bl-l { border-left-style: solid; border-left-width: 1px; }
1533+ .bn-l { border-style: none; border-width: 0; }
1534+ .br0-l { border-radius: 0; }
1535+ .br1-l { border-radius: .125rem; }
1536+ .br2-l { border-radius: .25rem; }
1537+ .br3-l { border-radius: .5rem; }
1538+ .br4-l { border-radius: 1rem; }
1539+ .br-100-l { border-radius: 100%; }
1540+ .br-pill-l { border-radius: 9999px; }
1541+ .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; }
1542+ .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
1543+ .br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1544+ .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; }
1545+ .b--dotted-l { border-style: dotted; }
1546+ .b--dashed-l { border-style: dashed; }
1547+ .b--solid-l { border-style: solid; }
1548+ .b--none-l { border-style: none; }
1549+ .bw0-l { border-width: 0; }
1550+ .bw1-l { border-width: .125rem; }
1551+ .bw2-l { border-width: .25rem; }
1552+ .bw3-l { border-width: .5rem; }
1553+ .bw4-l { border-width: 1rem; }
1554+ .bw5-l { border-width: 2rem; }
1555+ .bt-0-l { border-top-width: 0; }
1556+ .br-0-l { border-right-width: 0; }
1557+ .bb-0-l { border-bottom-width: 0; }
1558+ .bl-0-l { border-left-width: 0; }
1559+ .shadow-1-l { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
1560+ .shadow-2-l { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
1561+ .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
1562+ .shadow-4-l { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
1563+ .shadow-5-l { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
1564+ .pa0-l { padding: 0; }
1565+ .ma0-l { margin: 0; }
1566+ .na0-l { margin: 0; }
1567+ .pl0-l { padding-left: 0; }
1568+ .ml0-l { margin-left: 0; }
1569+ .nl0-l { margin-left: 0; }
1570+ .pr0-l { padding-right: 0; }
1571+ .mr0-l { margin-right: 0; }
1572+ .nr0-l { margin-right: 0; }
1573+ .pt0-l { padding-top: 0; }
1574+ .mt0-l { margin-top: 0; }
1575+ .nt0-l { margin-top: 0; }
1576+ .pb0-l { padding-bottom: 0; }
1577+ .mb0-l { margin-bottom: 0; }
1578+ .nb0-l { margin-bottom: 0; }
1579+ .pv0-l { padding-top: 0; padding-bottom: 0; }
1580+ .mv0-l { margin-top: 0; margin-bottom: 0; }
1581+ .nv0-l { margin-top: 0; margin-bottom: 0; }
1582+ .ph0-l { padding-left: 0; padding-right: 0; }
1583+ .mh0-l { margin-left: 0; margin-right: 0; }
1584+ .nh0-l { margin-left: 0; margin-right: 0; }
1585+ .pa1-l { padding: .25rem; }
1586+ .ma1-l { margin: .25rem; }
1587+ .na1-l { margin: -0.25rem; }
1588+ .pl1-l { padding-left: .25rem; }
1589+ .ml1-l { margin-left: .25rem; }
1590+ .nl1-l { margin-left: -0.25rem; }
1591+ .pr1-l { padding-right: .25rem; }
1592+ .mr1-l { margin-right: .25rem; }
1593+ .nr1-l { margin-right: -0.25rem; }
1594+ .pt1-l { padding-top: .25rem; }
1595+ .mt1-l { margin-top: .25rem; }
1596+ .nt1-l { margin-top: -0.25rem; }
1597+ .pb1-l { padding-bottom: .25rem; }
1598+ .mb1-l { margin-bottom: .25rem; }
1599+ .nb1-l { margin-bottom: -0.25rem; }
1600+ .pv1-l { padding-top: .25rem; padding-bottom: .25rem; }
1601+ .mv1-l { margin-top: .25rem; margin-bottom: .25rem; }
1602+ .nv1-l { margin-top: -0.25rem; margin-bottom: -0.25rem; }
1603+ .ph1-l { padding-left: .25rem; padding-right: .25rem; }
1604+ .mh1-l { margin-left: .25rem; margin-right: .25rem; }
1605+ .nh1-l { margin-left: -0.25rem; margin-right: -0.25rem; }
1606+ .pa2-l { padding: .5rem; }
1607+ .ma2-l { margin: .5rem; }
1608+ .na2-l { margin: -0.5rem; }
1609+ .pl2-l { padding-left: .5rem; }
1610+ .ml2-l { margin-left: .5rem; }
1611+ .nl2-l { margin-left: -0.5rem; }
1612+ .pr2-l { padding-right: .5rem; }
1613+ .mr2-l { margin-right: .5rem; }
1614+ .nr2-l { margin-right: -0.5rem; }
1615+ .pt2-l { padding-top: .5rem; }
1616+ .mt2-l { margin-top: .5rem; }
1617+ .nt2-l { margin-top: -0.5rem; }
1618+ .pb2-l { padding-bottom: .5rem; }
1619+ .mb2-l { margin-bottom: .5rem; }
1620+ .nb2-l { margin-bottom: -0.5rem; }
1621+ .pv2-l { padding-top: .5rem; padding-bottom: .5rem; }
1622+ .mv2-l { margin-top: .5rem; margin-bottom: .5rem; }
1623+ .nv2-l { margin-top: -0.5rem; margin-bottom: -0.5rem; }
1624+ .ph2-l { padding-left: .5rem; padding-right: .5rem; }
1625+ .mh2-l { margin-left: .5rem; margin-right: .5rem; }
1626+ .nh2-l { margin-left: -0.5rem; margin-right: -0.5rem; }
1627+ .pa3-l { padding: 1rem; }
1628+ .ma3-l { margin: 1rem; }
1629+ .na3-l { margin: -1rem; }
1630+ .pl3-l { padding-left: 1rem; }
1631+ .ml3-l { margin-left: 1rem; }
1632+ .nl3-l { margin-left: -1rem; }
1633+ .pr3-l { padding-right: 1rem; }
1634+ .mr3-l { margin-right: 1rem; }
1635+ .nr3-l { margin-right: -1rem; }
1636+ .pt3-l { padding-top: 1rem; }
1637+ .mt3-l { margin-top: 1rem; }
1638+ .nt3-l { margin-top: -1rem; }
1639+ .pb3-l { padding-bottom: 1rem; }
1640+ .mb3-l { margin-bottom: 1rem; }
1641+ .nb3-l { margin-bottom: -1rem; }
1642+ .pv3-l { padding-top: 1rem; padding-bottom: 1rem; }
1643+ .mv3-l { margin-top: 1rem; margin-bottom: 1rem; }
1644+ .nv3-l { margin-top: -1rem; margin-bottom: -1rem; }
1645+ .ph3-l { padding-left: 1rem; padding-right: 1rem; }
1646+ .mh3-l { margin-left: 1rem; margin-right: 1rem; }
1647+ .nh3-l { margin-left: -1rem; margin-right: -1rem; }
1648+ .pa4-l { padding: 2rem; }
1649+ .ma4-l { margin: 2rem; }
1650+ .na4-l { margin: -2rem; }
1651+ .pl4-l { padding-left: 2rem; }
1652+ .ml4-l { margin-left: 2rem; }
1653+ .nl4-l { margin-left: -2rem; }
1654+ .pr4-l { padding-right: 2rem; }
1655+ .mr4-l { margin-right: 2rem; }
1656+ .nr4-l { margin-right: -2rem; }
1657+ .pt4-l { padding-top: 2rem; }
1658+ .mt4-l { margin-top: 2rem; }
1659+ .nt4-l { margin-top: -2rem; }
1660+ .pb4-l { padding-bottom: 2rem; }
1661+ .mb4-l { margin-bottom: 2rem; }
1662+ .nb4-l { margin-bottom: -2rem; }
1663+ .pv4-l { padding-top: 2rem; padding-bottom: 2rem; }
1664+ .mv4-l { margin-top: 2rem; margin-bottom: 2rem; }
1665+ .nv4-l { margin-top: -2rem; margin-bottom: -2rem; }
1666+ .ph4-l { padding-left: 2rem; padding-right: 2rem; }
1667+ .mh4-l { margin-left: 2rem; margin-right: 2rem; }
1668+ .nh4-l { margin-left: -2rem; margin-right: -2rem; }
1669+ .pa5-l { padding: 4rem; }
1670+ .ma5-l { margin: 4rem; }
1671+ .na5-l { margin: -4rem; }
1672+ .pl5-l { padding-left: 4rem; }
1673+ .ml5-l { margin-left: 4rem; }
1674+ .nl5-l { margin-left: -4rem; }
1675+ .pr5-l { padding-right: 4rem; }
1676+ .mr5-l { margin-right: 4rem; }
1677+ .nr5-l { margin-right: -4rem; }
1678+ .pt5-l { padding-top: 4rem; }
1679+ .mt5-l { margin-top: 4rem; }
1680+ .nt5-l { margin-top: -4rem; }
1681+ .pb5-l { padding-bottom: 4rem; }
1682+ .mb5-l { margin-bottom: 4rem; }
1683+ .nb5-l { margin-bottom: -4rem; }
1684+ .pv5-l { padding-top: 4rem; padding-bottom: 4rem; }
1685+ .mv5-l { margin-top: 4rem; margin-bottom: 4rem; }
1686+ .nv5-l { margin-top: -4rem; margin-bottom: -4rem; }
1687+ .ph5-l { padding-left: 4rem; padding-right: 4rem; }
1688+ .mh5-l { margin-left: 4rem; margin-right: 4rem; }
1689+ .nh5-l { margin-left: -4rem; margin-right: -4rem; }
1690+ .pa6-l { padding: 8rem; }
1691+ .ma6-l { margin: 8rem; }
1692+ .na6-l { margin: -8rem; }
1693+ .pl6-l { padding-left: 8rem; }
1694+ .ml6-l { margin-left: 8rem; }
1695+ .nl6-l { margin-left: -8rem; }
1696+ .pr6-l { padding-right: 8rem; }
1697+ .mr6-l { margin-right: 8rem; }
1698+ .nr6-l { margin-right: -8rem; }
1699+ .pt6-l { padding-top: 8rem; }
1700+ .mt6-l { margin-top: 8rem; }
1701+ .nt6-l { margin-top: -8rem; }
1702+ .pb6-l { padding-bottom: 8rem; }
1703+ .mb6-l { margin-bottom: 8rem; }
1704+ .nb6-l { margin-bottom: -8rem; }
1705+ .pv6-l { padding-top: 8rem; padding-bottom: 8rem; }
1706+ .mv6-l { margin-top: 8rem; margin-bottom: 8rem; }
1707+ .nv6-l { margin-top: -8rem; margin-bottom: -8rem; }
1708+ .ph6-l { padding-left: 8rem; padding-right: 8rem; }
1709+ .mh6-l { margin-left: 8rem; margin-right: 8rem; }
1710+ .nh6-l { margin-left: -8rem; margin-right: -8rem; }
1711+ .pa7-l { padding: 16rem; }
1712+ .ma7-l { margin: 16rem; }
1713+ .na7-l { margin: -16rem; }
1714+ .pl7-l { padding-left: 16rem; }
1715+ .ml7-l { margin-left: 16rem; }
1716+ .nl7-l { margin-left: -16rem; }
1717+ .pr7-l { padding-right: 16rem; }
1718+ .mr7-l { margin-right: 16rem; }
1719+ .nr7-l { margin-right: -16rem; }
1720+ .pt7-l { padding-top: 16rem; }
1721+ .mt7-l { margin-top: 16rem; }
1722+ .nt7-l { margin-top: -16rem; }
1723+ .pb7-l { padding-bottom: 16rem; }
1724+ .mb7-l { margin-bottom: 16rem; }
1725+ .nb7-l { margin-bottom: -16rem; }
1726+ .pv7-l { padding-top: 16rem; padding-bottom: 16rem; }
1727+ .mv7-l { margin-top: 16rem; margin-bottom: 16rem; }
1728+ .nv7-l { margin-top: -16rem; margin-bottom: -16rem; }
1729+ .ph7-l { padding-left: 16rem; padding-right: 16rem; }
1730+ .mh7-l { margin-left: 16rem; margin-right: 16rem; }
1731+ .nh7-l { margin-left: -16rem; margin-right: -16rem; }
1732+ .top-0-l { top: 0; }
1733+ .right-0-l { right: 0; }
1734+ .bottom-0-l { bottom: 0; }
1735+ .left-0-l { left: 0; }
1736+ .top-1-l { top: 1rem; }
1737+ .right-1-l { right: 1rem; }
1738+ .bottom-1-l { bottom: 1rem; }
1739+ .left-1-l { left: 1rem; }
1740+ .top-2-l { top: 2rem; }
1741+ .right-2-l { right: 2rem; }
1742+ .bottom-2-l { bottom: 2rem; }
1743+ .left-2-l { left: 2rem; }
1744+ .top--1-l { top: -1rem; }
1745+ .right--1-l { right: -1rem; }
1746+ .bottom--1-l { bottom: -1rem; }
1747+ .left--1-l { left: -1rem; }
1748+ .top--2-l { top: -2rem; }
1749+ .right--2-l { right: -2rem; }
1750+ .bottom--2-l { bottom: -2rem; }
1751+ .left--2-l { left: -2rem; }
1752+ .absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; }
1753+ .cf-l:before, .cf-l:after { content: " "; display: table; }
1754+ .cf-l:after { clear: both; }
1755+ .cf-l { *zoom: 1; }
1756+ .cl-l { clear: left; }
1757+ .cr-l { clear: right; }
1758+ .cb-l { clear: both; }
1759+ .cn-l { clear: none; }
1760+ .dn-l { display: none; }
1761+ .di-l { display: inline; }
1762+ .db-l { display: block; }
1763+ .dib-l { display: inline-block; }
1764+ .dit-l { display: inline-table; }
1765+ .dt-l { display: table; }
1766+ .dtc-l { display: table-cell; }
1767+ .dt-row-l { display: table-row; }
1768+ .dt-row-group-l { display: table-row-group; }
1769+ .dt-column-l { display: table-column; }
1770+ .dt-column-group-l { display: table-column-group; }
1771+ .dt--fixed-l { table-layout: fixed; width: 100%; }
1772+ .flex-l { display: flex; }
1773+ .inline-flex-l { display: inline-flex; }
1774+ .flex-auto-l { flex: 1 1 auto; min-width: 0; min-height: 0; }
1775+ .flex-none-l { flex: none; }
1776+ .flex-column-l { flex-direction: column; }
1777+ .flex-row-l { flex-direction: row; }
1778+ .flex-wrap-l { flex-wrap: wrap; }
1779+ .flex-nowrap-l { flex-wrap: nowrap; }
1780+ .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
1781+ .flex-column-reverse-l { flex-direction: column-reverse; }
1782+ .flex-row-reverse-l { flex-direction: row-reverse; }
1783+ .items-start-l { align-items: flex-start; }
1784+ .items-end-l { align-items: flex-end; }
1785+ .items-center-l { align-items: center; }
1786+ .items-baseline-l { align-items: baseline; }
1787+ .items-stretch-l { align-items: stretch; }
1788+ .self-start-l { align-self: flex-start; }
1789+ .self-end-l { align-self: flex-end; }
1790+ .self-center-l { align-self: center; }
1791+ .self-baseline-l { align-self: baseline; }
1792+ .self-stretch-l { align-self: stretch; }
1793+ .justify-start-l { justify-content: flex-start; }
1794+ .justify-end-l { justify-content: flex-end; }
1795+ .justify-center-l { justify-content: center; }
1796+ .justify-between-l { justify-content: space-between; }
1797+ .justify-around-l { justify-content: space-around; }
1798+ .content-start-l { align-content: flex-start; }
1799+ .content-end-l { align-content: flex-end; }
1800+ .content-center-l { align-content: center; }
1801+ .content-between-l { align-content: space-between; }
1802+ .content-around-l { align-content: space-around; }
1803+ .content-stretch-l { align-content: stretch; }
1804+ .order-0-l { order: 0; }
1805+ .order-1-l { order: 1; }
1806+ .order-2-l { order: 2; }
1807+ .order-3-l { order: 3; }
1808+ .order-4-l { order: 4; }
1809+ .order-5-l { order: 5; }
1810+ .order-6-l { order: 6; }
1811+ .order-7-l { order: 7; }
1812+ .order-8-l { order: 8; }
1813+ .order-last-l { order: 99999; }
1814+ .flex-grow-0-l { flex-grow: 0; }
1815+ .flex-grow-1-l { flex-grow: 1; }
1816+ .flex-shrink-0-l { flex-shrink: 0; }
1817+ .flex-shrink-1-l { flex-shrink: 1; }
1818+ .fl-l { float: left; _display: inline; }
1819+ .fr-l { float: right; _display: inline; }
1820+ .fn-l { float: none; }
1821+ .i-l { font-style: italic; }
1822+ .fs-normal-l { font-style: normal; }
1823+ .normal-l { font-weight: normal; }
1824+ .b-l { font-weight: bold; }
1825+ .fw1-l { font-weight: 100; }
1826+ .fw2-l { font-weight: 200; }
1827+ .fw3-l { font-weight: 300; }
1828+ .fw4-l { font-weight: 400; }
1829+ .fw5-l { font-weight: 500; }
1830+ .fw6-l { font-weight: 600; }
1831+ .fw7-l { font-weight: 700; }
1832+ .fw8-l { font-weight: 800; }
1833+ .fw9-l { font-weight: 900; }
1834+ .h1-l { height: 1rem; }
1835+ .h2-l { height: 2rem; }
1836+ .h3-l { height: 4rem; }
1837+ .h4-l { height: 8rem; }
1838+ .h5-l { height: 16rem; }
1839+ .h-25-l { height: 25%; }
1840+ .h-50-l { height: 50%; }
1841+ .h-75-l { height: 75%; }
1842+ .h-100-l { height: 100%; }
1843+ .min-h-100-l { min-height: 100%; }
1844+ .vh-25-l { height: 25vh; }
1845+ .vh-50-l { height: 50vh; }
1846+ .vh-75-l { height: 75vh; }
1847+ .vh-100-l { height: 100vh; }
1848+ .min-vh-100-l { min-height: 100vh; }
1849+ .h-auto-l { height: auto; }
1850+ .h-inherit-l { height: inherit; }
1851+ .tracked-l { letter-spacing: .1em; }
1852+ .tracked-tight-l { letter-spacing: -.05em; }
1853+ .tracked-mega-l { letter-spacing: .25em; }
1854+ .lh-solid-l { line-height: 1.333333; }
1855+ .lh-title-l { line-height: 1.5; }
1856+ .lh-copy-l { line-height: 1.666666; }
1857+ .mw1-l { max-width: 1rem; }
1858+ .mw2-l { max-width: 2rem; }
1859+ .mw3-l { max-width: 4rem; }
1860+ .mw4-l { max-width: 8rem; }
1861+ .mw5-l { max-width: 16rem; }
1862+ .mw6-l { max-width: 32rem; }
1863+ .mw7-l { max-width: 48rem; }
1864+ .mw8-l { max-width: 64rem; }
1865+ .mw9-l { max-width: 96rem; }
1866+ .mw-none-l { max-width: none; }
1867+ .mw-100-l { max-width: 100%; }
1868+ .o-100-l { opacity: 1; }
1869+ .o-90-l { opacity: .9; }
1870+ .o-80-l { opacity: .8; }
1871+ .o-70-l { opacity: .7; }
1872+ .o-60-l { opacity: .6; }
1873+ .o-50-l { opacity: .5; }
1874+ .o-40-l { opacity: .4; }
1875+ .o-30-l { opacity: .3; }
1876+ .o-20-l { opacity: .2; }
1877+ .o-10-l { opacity: .1; }
1878+ .o-05-l { opacity: .05; }
1879+ .o-025-l { opacity: .025; }
1880+ .o-0-l { opacity: 0; }
1881+ .rotate-45-l { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
1882+ .rotate-90-l { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
1883+ .rotate-135-l { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
1884+ .rotate-180-l { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
1885+ .rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
1886+ .rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
1887+ .rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
1888+ .outline-l { outline: 1px solid; }
1889+ .outline-transparent-l { outline: 1px solid transparent; }
1890+ .outline-0-l { outline: 0; }
1891+ .overflow-visible-l { overflow: visible; }
1892+ .overflow-hidden-l { overflow: hidden; }
1893+ .overflow-scroll-l { overflow: scroll; }
1894+ .overflow-auto-l { overflow: auto; }
1895+ .overflow-x-visible-l { overflow-x: visible; }
1896+ .overflow-x-hidden-l { overflow-x: hidden; }
1897+ .overflow-x-scroll-l { overflow-x: scroll; }
1898+ .overflow-x-auto-l { overflow-x: auto; }
1899+ .overflow-y-visible-l { overflow-y: visible; }
1900+ .overflow-y-hidden-l { overflow-y: hidden; }
1901+ .overflow-y-scroll-l { overflow-y: scroll; }
1902+ .overflow-y-auto-l { overflow-y: auto; }
1903+ .static-l { position: static; }
1904+ .relative-l { position: relative; }
1905+ .absolute-l { position: absolute; }
1906+ .fixed-l { position: fixed; }
1907+ .strike-l { text-decoration: line-through; }
1908+ .underline-l { text-decoration: underline; }
1909+ .no-underline-l { text-decoration: none; }
1910+ .tl-l { text-align: left; }
1911+ .tr-l { text-align: right; }
1912+ .tc-l { text-align: center; }
1913+ .tj-l { text-align: justify; }
1914+ .ttc-l { text-transform: capitalize; }
1915+ .ttl-l { text-transform: lowercase; }
1916+ .ttu-l { text-transform: uppercase; }
1917+ .ttn-l { text-transform: none; }
1918+ .f1-l { font-size: 3rem; }
1919+ .f2-l { font-size: 2.25rem; }
1920+ .f3-l { font-size: 1.5rem; }
1921+ .f4-l { font-size: 1.25rem; }
1922+ .f5-l { font-size: 1rem; }
1923+ .f6-l { font-size: .875rem; }
1924+ .f7-l { font-size: .75rem; }
1925+ .measure-l { max-width: 30em; }
1926+ .measure-wide-l { max-width: 34em; }
1927+ .measure-narrow-l { max-width: 20em; }
1928+ .small-caps-l { font-variant: small-caps; }
1929+ .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
1930+ .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
1931+ .clip-l { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); clip: rect( 1px, 1px, 1px, 1px ); }
1932+ .ws-normal-l { white-space: normal; }
1933+ .nowrap-l { white-space: nowrap; }
1934+ .pre-l { white-space: pre; }
1935+ .w1-l { width: 1rem; }
1936+ .w2-l { width: 2rem; }
1937+ .w3-l { width: 4rem; }
1938+ .w4-l { width: 8rem; }
1939+ .w5-l { width: 16rem; }
1940+ .w-10-l { width: 10%; }
1941+ .w-20-l { width: 20%; }
1942+ .w-25-l { width: 25%; }
1943+ .w-30-l { width: 30%; }
1944+ .w-33-l { width: 33%; }
1945+ .w-34-l { width: 34%; }
1946+ .w-40-l { width: 40%; }
1947+ .w-50-l { width: 50%; }
1948+ .w-60-l { width: 60%; }
1949+ .w-70-l { width: 70%; }
1950+ .w-75-l { width: 75%; }
1951+ .w-80-l { width: 80%; }
1952+ .w-90-l { width: 90%; }
1953+ .w-100-l { width: 100%; }
1954+ .w-third-l { width: 33.33333%; }
1955+ .w-two-thirds-l { width: 66.66667%; }
1956+ .w-auto-l { width: auto; }
1957+}
1958+@media screen and (min-width: 60em) {
1959+ .aspect-ratio-xl { height: 0; position: relative; }
1960+ .aspect-ratio--16x9-xl { padding-bottom: 56.25%; }
1961+ .aspect-ratio--9x16-xl { padding-bottom: 177.77%; }
1962+ .aspect-ratio--4x3-xl { padding-bottom: 75%; }
1963+ .aspect-ratio--3x4-xl { padding-bottom: 133.33%; }
1964+ .aspect-ratio--6x4-xl { padding-bottom: 66.6%; }
1965+ .aspect-ratio--4x6-xl { padding-bottom: 150%; }
1966+ .aspect-ratio--8x5-xl { padding-bottom: 62.5%; }
1967+ .aspect-ratio--5x8-xl { padding-bottom: 160%; }
1968+ .aspect-ratio--7x5-xl { padding-bottom: 71.42%; }
1969+ .aspect-ratio--5x7-xl { padding-bottom: 140%; }
1970+ .aspect-ratio--1x1-xl { padding-bottom: 100%; }
1971+ .aspect-ratio--object-xl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
1972+ .cover-xl { background-size: cover !important; }
1973+ .contain-xl { background-size: contain !important; }
1974+ .bg-center-xl { background-repeat: no-repeat; background-position: center center; }
1975+ .bg-top-xl { background-repeat: no-repeat; background-position: top center; }
1976+ .bg-right-xl { background-repeat: no-repeat; background-position: center right; }
1977+ .bg-bottom-xl { background-repeat: no-repeat; background-position: bottom center; }
1978+ .bg-left-xl { background-repeat: no-repeat; background-position: center left; }
1979+ .ba-xl { border-style: solid; border-width: 1px; }
1980+ .bt-xl { border-top-style: solid; border-top-width: 1px; }
1981+ .br-xl { border-right-style: solid; border-right-width: 1px; }
1982+ .bb-xl { border-bottom-style: solid; border-bottom-width: 1px; }
1983+ .bl-xl { border-left-style: solid; border-left-width: 1px; }
1984+ .bn-xl { border-style: none; border-width: 0; }
1985+ .br0-xl { border-radius: 0; }
1986+ .br1-xl { border-radius: .125rem; }
1987+ .br2-xl { border-radius: .25rem; }
1988+ .br3-xl { border-radius: .5rem; }
1989+ .br4-xl { border-radius: 1rem; }
1990+ .br-100-xl { border-radius: 100%; }
1991+ .br-pill-xl { border-radius: 9999px; }
1992+ .br--bottom-xl { border-top-left-radius: 0; border-top-right-radius: 0; }
1993+ .br--top-xl { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
1994+ .br--right-xl { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1995+ .br--left-xl { border-top-right-radius: 0; border-bottom-right-radius: 0; }
1996+ .b--dotted-xl { border-style: dotted; }
1997+ .b--dashed-xl { border-style: dashed; }
1998+ .b--solid-xl { border-style: solid; }
1999+ .b--none-xl { border-style: none; }
2000+ .bw0-xl { border-width: 0; }
2001+ .bw1-xl { border-width: .125rem; }
2002+ .bw2-xl { border-width: .25rem; }
2003+ .bw3-xl { border-width: .5rem; }
2004+ .bw4-xl { border-width: 1rem; }
2005+ .bw5-xl { border-width: 2rem; }
2006+ .bt-0-xl { border-top-width: 0; }
2007+ .br-0-xl { border-right-width: 0; }
2008+ .bb-0-xl { border-bottom-width: 0; }
2009+ .bl-0-xl { border-left-width: 0; }
2010+ .shadow-1-xl { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
2011+ .shadow-2-xl { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
2012+ .shadow-3-xl { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
2013+ .shadow-4-xl { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
2014+ .shadow-5-xl { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
2015+ .pa0-xl { padding: 0; }
2016+ .ma0-xl { margin: 0; }
2017+ .na0-xl { margin: 0; }
2018+ .pl0-xl { padding-left: 0; }
2019+ .ml0-xl { margin-left: 0; }
2020+ .nl0-xl { margin-left: 0; }
2021+ .pr0-xl { padding-right: 0; }
2022+ .mr0-xl { margin-right: 0; }
2023+ .nr0-xl { margin-right: 0; }
2024+ .pt0-xl { padding-top: 0; }
2025+ .mt0-xl { margin-top: 0; }
2026+ .nt0-xl { margin-top: 0; }
2027+ .pb0-xl { padding-bottom: 0; }
2028+ .mb0-xl { margin-bottom: 0; }
2029+ .nb0-xl { margin-bottom: 0; }
2030+ .pv0-xl { padding-top: 0; padding-bottom: 0; }
2031+ .mv0-xl { margin-top: 0; margin-bottom: 0; }
2032+ .nv0-xl { margin-top: 0; margin-bottom: 0; }
2033+ .ph0-xl { padding-left: 0; padding-right: 0; }
2034+ .mh0-xl { margin-left: 0; margin-right: 0; }
2035+ .nh0-xl { margin-left: 0; margin-right: 0; }
2036+ .pa1-xl { padding: .25rem; }
2037+ .ma1-xl { margin: .25rem; }
2038+ .na1-xl { margin: -0.25rem; }
2039+ .pl1-xl { padding-left: .25rem; }
2040+ .ml1-xl { margin-left: .25rem; }
2041+ .nl1-xl { margin-left: -0.25rem; }
2042+ .pr1-xl { padding-right: .25rem; }
2043+ .mr1-xl { margin-right: .25rem; }
2044+ .nr1-xl { margin-right: -0.25rem; }
2045+ .pt1-xl { padding-top: .25rem; }
2046+ .mt1-xl { margin-top: .25rem; }
2047+ .nt1-xl { margin-top: -0.25rem; }
2048+ .pb1-xl { padding-bottom: .25rem; }
2049+ .mb1-xl { margin-bottom: .25rem; }
2050+ .nb1-xl { margin-bottom: -0.25rem; }
2051+ .pv1-xl { padding-top: .25rem; padding-bottom: .25rem; }
2052+ .mv1-xl { margin-top: .25rem; margin-bottom: .25rem; }
2053+ .nv1-xl { margin-top: -0.25rem; margin-bottom: -0.25rem; }
2054+ .ph1-xl { padding-left: .25rem; padding-right: .25rem; }
2055+ .mh1-xl { margin-left: .25rem; margin-right: .25rem; }
2056+ .nh1-xl { margin-left: -0.25rem; margin-right: -0.25rem; }
2057+ .pa2-xl { padding: .5rem; }
2058+ .ma2-xl { margin: .5rem; }
2059+ .na2-xl { margin: -0.5rem; }
2060+ .pl2-xl { padding-left: .5rem; }
2061+ .ml2-xl { margin-left: .5rem; }
2062+ .nl2-xl { margin-left: -0.5rem; }
2063+ .pr2-xl { padding-right: .5rem; }
2064+ .mr2-xl { margin-right: .5rem; }
2065+ .nr2-xl { margin-right: -0.5rem; }
2066+ .pt2-xl { padding-top: .5rem; }
2067+ .mt2-xl { margin-top: .5rem; }
2068+ .nt2-xl { margin-top: -0.5rem; }
2069+ .pb2-xl { padding-bottom: .5rem; }
2070+ .mb2-xl { margin-bottom: .5rem; }
2071+ .nb2-xl { margin-bottom: -0.5rem; }
2072+ .pv2-xl { padding-top: .5rem; padding-bottom: .5rem; }
2073+ .mv2-xl { margin-top: .5rem; margin-bottom: .5rem; }
2074+ .nv2-xl { margin-top: -0.5rem; margin-bottom: -0.5rem; }
2075+ .ph2-xl { padding-left: .5rem; padding-right: .5rem; }
2076+ .mh2-xl { margin-left: .5rem; margin-right: .5rem; }
2077+ .nh2-xl { margin-left: -0.5rem; margin-right: -0.5rem; }
2078+ .pa3-xl { padding: 1rem; }
2079+ .ma3-xl { margin: 1rem; }
2080+ .na3-xl { margin: -1rem; }
2081+ .pl3-xl { padding-left: 1rem; }
2082+ .ml3-xl { margin-left: 1rem; }
2083+ .nl3-xl { margin-left: -1rem; }
2084+ .pr3-xl { padding-right: 1rem; }
2085+ .mr3-xl { margin-right: 1rem; }
2086+ .nr3-xl { margin-right: -1rem; }
2087+ .pt3-xl { padding-top: 1rem; }
2088+ .mt3-xl { margin-top: 1rem; }
2089+ .nt3-xl { margin-top: -1rem; }
2090+ .pb3-xl { padding-bottom: 1rem; }
2091+ .mb3-xl { margin-bottom: 1rem; }
2092+ .nb3-xl { margin-bottom: -1rem; }
2093+ .pv3-xl { padding-top: 1rem; padding-bottom: 1rem; }
2094+ .mv3-xl { margin-top: 1rem; margin-bottom: 1rem; }
2095+ .nv3-xl { margin-top: -1rem; margin-bottom: -1rem; }
2096+ .ph3-xl { padding-left: 1rem; padding-right: 1rem; }
2097+ .mh3-xl { margin-left: 1rem; margin-right: 1rem; }
2098+ .nh3-xl { margin-left: -1rem; margin-right: -1rem; }
2099+ .pa4-xl { padding: 2rem; }
2100+ .ma4-xl { margin: 2rem; }
2101+ .na4-xl { margin: -2rem; }
2102+ .pl4-xl { padding-left: 2rem; }
2103+ .ml4-xl { margin-left: 2rem; }
2104+ .nl4-xl { margin-left: -2rem; }
2105+ .pr4-xl { padding-right: 2rem; }
2106+ .mr4-xl { margin-right: 2rem; }
2107+ .nr4-xl { margin-right: -2rem; }
2108+ .pt4-xl { padding-top: 2rem; }
2109+ .mt4-xl { margin-top: 2rem; }
2110+ .nt4-xl { margin-top: -2rem; }
2111+ .pb4-xl { padding-bottom: 2rem; }
2112+ .mb4-xl { margin-bottom: 2rem; }
2113+ .nb4-xl { margin-bottom: -2rem; }
2114+ .pv4-xl { padding-top: 2rem; padding-bottom: 2rem; }
2115+ .mv4-xl { margin-top: 2rem; margin-bottom: 2rem; }
2116+ .nv4-xl { margin-top: -2rem; margin-bottom: -2rem; }
2117+ .ph4-xl { padding-left: 2rem; padding-right: 2rem; }
2118+ .mh4-xl { margin-left: 2rem; margin-right: 2rem; }
2119+ .nh4-xl { margin-left: -2rem; margin-right: -2rem; }
2120+ .pa5-xl { padding: 4rem; }
2121+ .ma5-xl { margin: 4rem; }
2122+ .na5-xl { margin: -4rem; }
2123+ .pl5-xl { padding-left: 4rem; }
2124+ .ml5-xl { margin-left: 4rem; }
2125+ .nl5-xl { margin-left: -4rem; }
2126+ .pr5-xl { padding-right: 4rem; }
2127+ .mr5-xl { margin-right: 4rem; }
2128+ .nr5-xl { margin-right: -4rem; }
2129+ .pt5-xl { padding-top: 4rem; }
2130+ .mt5-xl { margin-top: 4rem; }
2131+ .nt5-xl { margin-top: -4rem; }
2132+ .pb5-xl { padding-bottom: 4rem; }
2133+ .mb5-xl { margin-bottom: 4rem; }
2134+ .nb5-xl { margin-bottom: -4rem; }
2135+ .pv5-xl { padding-top: 4rem; padding-bottom: 4rem; }
2136+ .mv5-xl { margin-top: 4rem; margin-bottom: 4rem; }
2137+ .nv5-xl { margin-top: -4rem; margin-bottom: -4rem; }
2138+ .ph5-xl { padding-left: 4rem; padding-right: 4rem; }
2139+ .mh5-xl { margin-left: 4rem; margin-right: 4rem; }
2140+ .nh5-xl { margin-left: -4rem; margin-right: -4rem; }
2141+ .pa6-xl { padding: 8rem; }
2142+ .ma6-xl { margin: 8rem; }
2143+ .na6-xl { margin: -8rem; }
2144+ .pl6-xl { padding-left: 8rem; }
2145+ .ml6-xl { margin-left: 8rem; }
2146+ .nl6-xl { margin-left: -8rem; }
2147+ .pr6-xl { padding-right: 8rem; }
2148+ .mr6-xl { margin-right: 8rem; }
2149+ .nr6-xl { margin-right: -8rem; }
2150+ .pt6-xl { padding-top: 8rem; }
2151+ .mt6-xl { margin-top: 8rem; }
2152+ .nt6-xl { margin-top: -8rem; }
2153+ .pb6-xl { padding-bottom: 8rem; }
2154+ .mb6-xl { margin-bottom: 8rem; }
2155+ .nb6-xl { margin-bottom: -8rem; }
2156+ .pv6-xl { padding-top: 8rem; padding-bottom: 8rem; }
2157+ .mv6-xl { margin-top: 8rem; margin-bottom: 8rem; }
2158+ .nv6-xl { margin-top: -8rem; margin-bottom: -8rem; }
2159+ .ph6-xl { padding-left: 8rem; padding-right: 8rem; }
2160+ .mh6-xl { margin-left: 8rem; margin-right: 8rem; }
2161+ .nh6-xl { margin-left: -8rem; margin-right: -8rem; }
2162+ .pa7-xl { padding: 16rem; }
2163+ .ma7-xl { margin: 16rem; }
2164+ .na7-xl { margin: -16rem; }
2165+ .pl7-xl { padding-left: 16rem; }
2166+ .ml7-xl { margin-left: 16rem; }
2167+ .nl7-xl { margin-left: -16rem; }
2168+ .pr7-xl { padding-right: 16rem; }
2169+ .mr7-xl { margin-right: 16rem; }
2170+ .nr7-xl { margin-right: -16rem; }
2171+ .pt7-xl { padding-top: 16rem; }
2172+ .mt7-xl { margin-top: 16rem; }
2173+ .nt7-xl { margin-top: -16rem; }
2174+ .pb7-xl { padding-bottom: 16rem; }
2175+ .mb7-xl { margin-bottom: 16rem; }
2176+ .nb7-xl { margin-bottom: -16rem; }
2177+ .pv7-xl { padding-top: 16rem; padding-bottom: 16rem; }
2178+ .mv7-xl { margin-top: 16rem; margin-bottom: 16rem; }
2179+ .nv7-xl { margin-top: -16rem; margin-bottom: -16rem; }
2180+ .ph7-xl { padding-left: 16rem; padding-right: 16rem; }
2181+ .mh7-xl { margin-left: 16rem; margin-right: 16rem; }
2182+ .nh7-xl { margin-left: -16rem; margin-right: -16rem; }
2183+ .top-0-xl { top: 0; }
2184+ .right-0-xl { right: 0; }
2185+ .bottom-0-xl { bottom: 0; }
2186+ .left-0-xl { left: 0; }
2187+ .top-1-xl { top: 1rem; }
2188+ .right-1-xl { right: 1rem; }
2189+ .bottom-1-xl { bottom: 1rem; }
2190+ .left-1-xl { left: 1rem; }
2191+ .top-2-xl { top: 2rem; }
2192+ .right-2-xl { right: 2rem; }
2193+ .bottom-2-xl { bottom: 2rem; }
2194+ .left-2-xl { left: 2rem; }
2195+ .top--1-xl { top: -1rem; }
2196+ .right--1-xl { right: -1rem; }
2197+ .bottom--1-xl { bottom: -1rem; }
2198+ .left--1-xl { left: -1rem; }
2199+ .top--2-xl { top: -2rem; }
2200+ .right--2-xl { right: -2rem; }
2201+ .bottom--2-xl { bottom: -2rem; }
2202+ .left--2-xl { left: -2rem; }
2203+ .absolute--fill-xl { top: 0; right: 0; bottom: 0; left: 0; }
2204+ .cf-xl:before, .cf-xl:after { content: " "; display: table; }
2205+ .cf-xl:after { clear: both; }
2206+ .cf-xl { *zoom: 1; }
2207+ .cl-xl { clear: left; }
2208+ .cr-xl { clear: right; }
2209+ .cb-xl { clear: both; }
2210+ .cn-xl { clear: none; }
2211+ .dn-xl { display: none; }
2212+ .di-xl { display: inline; }
2213+ .db-xl { display: block; }
2214+ .dib-xl { display: inline-block; }
2215+ .dit-xl { display: inline-table; }
2216+ .dt-xl { display: table; }
2217+ .dtc-xl { display: table-cell; }
2218+ .dt-row-xl { display: table-row; }
2219+ .dt-row-group-xl { display: table-row-group; }
2220+ .dt-column-xl { display: table-column; }
2221+ .dt-column-group-xl { display: table-column-group; }
2222+ .dt--fixed-xl { table-layout: fixed; width: 100%; }
2223+ .flex-xl { display: flex; }
2224+ .inline-flex-xl { display: inline-flex; }
2225+ .flex-auto-xl { flex: 1 1 auto; min-width: 0; min-height: 0; }
2226+ .flex-none-xl { flex: none; }
2227+ .flex-column-xl { flex-direction: column; }
2228+ .flex-row-xl { flex-direction: row; }
2229+ .flex-wrap-xl { flex-wrap: wrap; }
2230+ .flex-nowrap-xl { flex-wrap: nowrap; }
2231+ .flex-wrap-reverse-xl { flex-wrap: wrap-reverse; }
2232+ .flex-column-reverse-xl { flex-direction: column-reverse; }
2233+ .flex-row-reverse-xl { flex-direction: row-reverse; }
2234+ .items-start-xl { align-items: flex-start; }
2235+ .items-end-xl { align-items: flex-end; }
2236+ .items-center-xl { align-items: center; }
2237+ .items-baseline-xl { align-items: baseline; }
2238+ .items-stretch-xl { align-items: stretch; }
2239+ .self-start-xl { align-self: flex-start; }
2240+ .self-end-xl { align-self: flex-end; }
2241+ .self-center-xl { align-self: center; }
2242+ .self-baseline-xl { align-self: baseline; }
2243+ .self-stretch-xl { align-self: stretch; }
2244+ .justify-start-xl { justify-content: flex-start; }
2245+ .justify-end-xl { justify-content: flex-end; }
2246+ .justify-center-xl { justify-content: center; }
2247+ .justify-between-xl { justify-content: space-between; }
2248+ .justify-around-xl { justify-content: space-around; }
2249+ .content-start-xl { align-content: flex-start; }
2250+ .content-end-xl { align-content: flex-end; }
2251+ .content-center-xl { align-content: center; }
2252+ .content-between-xl { align-content: space-between; }
2253+ .content-around-xl { align-content: space-around; }
2254+ .content-stretch-xl { align-content: stretch; }
2255+ .order-0-xl { order: 0; }
2256+ .order-1-xl { order: 1; }
2257+ .order-2-xl { order: 2; }
2258+ .order-3-xl { order: 3; }
2259+ .order-4-xl { order: 4; }
2260+ .order-5-xl { order: 5; }
2261+ .order-6-xl { order: 6; }
2262+ .order-7-xl { order: 7; }
2263+ .order-8-xl { order: 8; }
2264+ .order-last-xl { order: 99999; }
2265+ .flex-grow-0-xl { flex-grow: 0; }
2266+ .flex-grow-1-xl { flex-grow: 1; }
2267+ .flex-shrink-0-xl { flex-shrink: 0; }
2268+ .flex-shrink-1-xl { flex-shrink: 1; }
2269+ .fl-xl { float: left; _display: inline; }
2270+ .fr-xl { float: right; _display: inline; }
2271+ .fn-xl { float: none; }
2272+ .i-xl { font-style: italic; }
2273+ .fs-normal-xl { font-style: normal; }
2274+ .normal-xl { font-weight: normal; }
2275+ .b-xl { font-weight: bold; }
2276+ .fw1-xl { font-weight: 100; }
2277+ .fw2-xl { font-weight: 200; }
2278+ .fw3-xl { font-weight: 300; }
2279+ .fw4-xl { font-weight: 400; }
2280+ .fw5-xl { font-weight: 500; }
2281+ .fw6-xl { font-weight: 600; }
2282+ .fw7-xl { font-weight: 700; }
2283+ .fw8-xl { font-weight: 800; }
2284+ .fw9-xl { font-weight: 900; }
2285+ .h1-xl { height: 1rem; }
2286+ .h2-xl { height: 2rem; }
2287+ .h3-xl { height: 4rem; }
2288+ .h4-xl { height: 8rem; }
2289+ .h5-xl { height: 16rem; }
2290+ .h-25-xl { height: 25%; }
2291+ .h-50-xl { height: 50%; }
2292+ .h-75-xl { height: 75%; }
2293+ .h-100-xl { height: 100%; }
2294+ .min-h-100-xl { min-height: 100%; }
2295+ .vh-25-xl { height: 25vh; }
2296+ .vh-50-xl { height: 50vh; }
2297+ .vh-75-xl { height: 75vh; }
2298+ .vh-100-xl { height: 100vh; }
2299+ .min-vh-100-xl { min-height: 100vh; }
2300+ .h-auto-xl { height: auto; }
2301+ .h-inherit-xl { height: inherit; }
2302+ .tracked-xl { letter-spacing: .1em; }
2303+ .tracked-tight-xl { letter-spacing: -.05em; }
2304+ .tracked-mega-xl { letter-spacing: .25em; }
2305+ .lh-solid-xl { line-height: 1.333333; }
2306+ .lh-title-xl { line-height: 1.5; }
2307+ .lh-copy-xl { line-height: 1.666666; }
2308+ .mw1-xl { max-width: 1rem; }
2309+ .mw2-xl { max-width: 2rem; }
2310+ .mw3-xl { max-width: 4rem; }
2311+ .mw4-xl { max-width: 8rem; }
2312+ .mw5-xl { max-width: 16rem; }
2313+ .mw6-xl { max-width: 32rem; }
2314+ .mw7-xl { max-width: 48rem; }
2315+ .mw8-xl { max-width: 64rem; }
2316+ .mw9-xl { max-width: 96rem; }
2317+ .mw-none-xl { max-width: none; }
2318+ .mw-100-xl { max-width: 100%; }
2319+ .o-100-xl { opacity: 1; }
2320+ .o-90-xl { opacity: .9; }
2321+ .o-80-xl { opacity: .8; }
2322+ .o-70-xl { opacity: .7; }
2323+ .o-60-xl { opacity: .6; }
2324+ .o-50-xl { opacity: .5; }
2325+ .o-40-xl { opacity: .4; }
2326+ .o-30-xl { opacity: .3; }
2327+ .o-20-xl { opacity: .2; }
2328+ .o-10-xl { opacity: .1; }
2329+ .o-05-xl { opacity: .05; }
2330+ .o-025-xl { opacity: .025; }
2331+ .o-0-xl { opacity: 0; }
2332+ .rotate-45-xl { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
2333+ .rotate-90-xl { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
2334+ .rotate-135-xl { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
2335+ .rotate-180-xl { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
2336+ .rotate-225-xl { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
2337+ .rotate-270-xl { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
2338+ .rotate-315-xl { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
2339+ .outline-xl { outline: 1px solid; }
2340+ .outline-transparent-xl { outline: 1px solid transparent; }
2341+ .outline-0-xl { outline: 0; }
2342+ .overflow-visible-xl { overflow: visible; }
2343+ .overflow-hidden-xl { overflow: hidden; }
2344+ .overflow-scroll-xl { overflow: scroll; }
2345+ .overflow-auto-xl { overflow: auto; }
2346+ .overflow-x-visible-xl { overflow-x: visible; }
2347+ .overflow-x-hidden-xl { overflow-x: hidden; }
2348+ .overflow-x-scroll-xl { overflow-x: scroll; }
2349+ .overflow-x-auto-xl { overflow-x: auto; }
2350+ .overflow-y-visible-xl { overflow-y: visible; }
2351+ .overflow-y-hidden-xl { overflow-y: hidden; }
2352+ .overflow-y-scroll-xl { overflow-y: scroll; }
2353+ .overflow-y-auto-xl { overflow-y: auto; }
2354+ .static-xl { position: static; }
2355+ .relative-xl { position: relative; }
2356+ .absolute-xl { position: absolute; }
2357+ .fixed-xl { position: fixed; }
2358+ .strike-xl { text-decoration: line-through; }
2359+ .underline-xl { text-decoration: underline; }
2360+ .no-underline-xl { text-decoration: none; }
2361+ .tl-xl { text-align: left; }
2362+ .tr-xl { text-align: right; }
2363+ .tc-xl { text-align: center; }
2364+ .tj-xl { text-align: justify; }
2365+ .ttc-xl { text-transform: capitalize; }
2366+ .ttl-xl { text-transform: lowercase; }
2367+ .ttu-xl { text-transform: uppercase; }
2368+ .ttn-xl { text-transform: none; }
2369+ .f1-xl { font-size: 3rem; }
2370+ .f2-xl { font-size: 2.25rem; }
2371+ .f3-xl { font-size: 1.5rem; }
2372+ .f4-xl { font-size: 1.25rem; }
2373+ .f5-xl { font-size: 1rem; }
2374+ .f6-xl { font-size: .875rem; }
2375+ .f7-xl { font-size: .75rem; }
2376+ .measure-xl { max-width: 30em; }
2377+ .measure-wide-xl { max-width: 34em; }
2378+ .measure-narrow-xl { max-width: 20em; }
2379+ .small-caps-xl { font-variant: small-caps; }
2380+ .indent-xl { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
2381+ .truncate-xl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
2382+ .clip-xl { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); clip: rect( 1px, 1px, 1px, 1px ); }
2383+ .ws-normal-xl { white-space: normal; }
2384+ .nowrap-xl { white-space: nowrap; }
2385+ .pre-xl { white-space: pre; }
2386+ .w1-xl { width: 1rem; }
2387+ .w2-xl { width: 2rem; }
2388+ .w3-xl { width: 4rem; }
2389+ .w4-xl { width: 8rem; }
2390+ .w5-xl { width: 16rem; }
2391+ .w-10-xl { width: 10%; }
2392+ .w-20-xl { width: 20%; }
2393+ .w-25-xl { width: 25%; }
2394+ .w-30-xl { width: 30%; }
2395+ .w-33-xl { width: 33%; }
2396+ .w-34-xl { width: 34%; }
2397+ .w-40-xl { width: 40%; }
2398+ .w-50-xl { width: 50%; }
2399+ .w-60-xl { width: 60%; }
2400+ .w-70-xl { width: 70%; }
2401+ .w-75-xl { width: 75%; }
2402+ .w-80-xl { width: 80%; }
2403+ .w-90-xl { width: 90%; }
2404+ .w-100-xl { width: 100%; }
2405+ .w-third-xl { width: 33.33333%; }
2406+ .w-two-thirds-xl { width: 66.66667%; }
2407+ .w-auto-xl { width: auto; }
91142408}
static/scripts.js+5−5
@@ -171,7 +171,7 @@ function formatSearchResultTitle(item) {
171171 // last directory is in 2nd to last element of array
172172 var lastPartTitle = item.doc.title;
173173
174− var fullTitle = firstPartTitle + '<span class="gray90 inline-block pl2">' + ' / ' + lastPartTitle + '</span>';
174+ var fullTitle = firstPartTitle + '<span class="gray1 dib pl2">' + ' / ' + lastPartTitle + '</span>';
175175
176176 return fullTitle;
177177}
@@ -185,10 +185,10 @@ function formatSearchResultItem(item, terms) {
185185 li.classList.add("ph3");
186186 var hrefA = item.ref;
187187 createA.setAttribute('href', hrefA);
188− createA.setAttribute('class','no-underline block pl6 pv3');
189− createA.innerHTML = `<span class="fs45 capitalize">${teaserTitle}</span>`;
190− createA.innerHTML += `<span class='pr7 fs5 none float-right'>→</span>`;
191− createA.innerHTML += `<div class="fs35 truncate mr10">${makeTeaser(item.doc.body, terms)}</div>`;
188+ createA.setAttribute('class','no-underline db pl1 pv2');
189+ createA.innerHTML = `<span class="capitalize">${teaserTitle}</span>`;
190+ createA.innerHTML += `<span class='dn arrow fr'>→</span>`;
191+ createA.innerHTML += `<div class="truncate pr2">${makeTeaser(item.doc.body, terms)}</div>`;
192192 return li;
193193}
194194
templates/404.html+2−2
@@ -1,7 +1,7 @@
11{% extends "base.html" %}
22{% block title %} 404 {% endblock title %}
33{% block content %}
4−<nav class="mt6">
4+<nav class="mt4">
55 <a class="gray3" href="/">Urbit</a>
66 <span class="gray3"> / </span>
77 <a href="/404">
@@ -10,7 +10,7 @@
1010 {% include "partials/navigation-search.html" %}
1111 </nav>
1212<main class="fourth-2">
13− <h1 class="fixed fw-thin"
13+ <h1 class="fixed fw2"
1414 style="font-size: 6rem;
1515 top: 50%;
1616 left: 50%;
templates/doc.html+1−1
@@ -4,7 +4,7 @@
44<!-- header -->
55<!-- content -->
66 {% include "partials/navigation-docs.html" %}
7− <article class="mt6">
7+ <article class="mt4 c5-10 c4-10-lg">
88 <!-- header -->
99 <h1>{{ page.title }}</h1>
1010 <!-- body -->
templates/essays/list.html+4−4
@@ -2,7 +2,7 @@
22{% block title %} Essays {% endblock title %}
33{% block content %}
44<!-- header -->
5−<nav class="mt6 full fourth-1-md fourth-1-lg">
5+<nav class="mt4 full fourth-1-md fourth-1-lg">
66 <a class="gray3" href="/">Urbit</a>
77 <span class="gray3"> / </span>
88 <a href="/essays">
@@ -11,12 +11,12 @@
1111 {% include "partials/navigation-search.html" %}
1212</nav>
1313<!-- content -->
14− <article class="mt6-lg mb6 full c4-12-lg">
14+ <article class="mt4-l mt4-xl mb2 full c4-12-lg">
1515 <ul class="posts">
1616 {% set posts = get_section(path="essays/_index.md") %}
1717 {% for page in posts.pages %}
18− <li class="mb8">
19− <h2 class="mb1"><a class="bb0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
18+ <li class="mb3">
19+ <h2 class="mb1"><a class="bb-0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
2020 <p class="mb2 mt2">{{ page.description }}</p>
2121 <time class="mono f5">{{ page.date | date(format="~%Y.%-m.%-d") }}</time>
2222 <span class="mono f5">
templates/essays/post.html+4−4
@@ -17,7 +17,7 @@
1717{% block content %}
1818<!-- header -->
1919<!-- content -->
20−<nav class="mt6 full fourth-1-md fourth-1-lg">
20+<nav class="mt4 full fourth-1-md fourth-1-lg">
2121 <a class="gray3" href="/">Urbit</a>
2222 <span class="gray3"> / </span>
2323 <a class="section" href="/essays">
@@ -27,15 +27,15 @@
2727 {% include "partials/navigation-search.html" %}
2828
2929</nav>
30− <article class="mt6 mb6 full c4-10-lg">
31− <h1 class="mb6">{{ page.title }}</h1>
30+ <article class="mt4 mb4 full c4-10-lg">
31+ <h1 class="mb4">{{ page.title }}</h1>
3232 {% if page.extra.author %}
3333 <span rel="author"> {{ page.extra.author }} </span>
3434 {% if page.extra.ship %}
3535 <address class="mono">{{ page.extra.ship }}</address>
3636 {% endif %}
3737 {% if page.date %}
38− <time class="mono block mv1 gray4 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
38+ <time class="mono db mv1 gray2 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
3939 {% endif %}
4040 {% endif %}
4141 <!-- body -->
templates/index.html+11−11
@@ -8,8 +8,8 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
88
99{% block title %} {{ section.title }} {% endblock title %}
1010{% block content %}
11−<nav class="home full fourth-1-md fourth-1-lg mt6">
12− <h1 class="mb6 mt6 fw-regular">Urbit is your last computer</h1>
11+<nav class="home full fourth-1-md fourth-1-lg mt4">
12+ <h1 class="mb2 mt2 fw4">Urbit is your last computer</h1>
1313 <h3>What is Urbit?</h3>
1414 <ul>
1515 <li>Project Overview</li>
@@ -17,25 +17,25 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
1717 <li>Infrastructure</li>
1818 <li><a href="https://azimuth.network">Azimuth</a></li>
1919 </ul>
20− <h3 class="mt6">Contributing</h3>
20+ <h3 class="mt2">Contributing</h3>
2121 <ul>
2222 <li>How can I help?</li>
2323 <li>Operating Galaxies and Stars</li>
2424 <li>Governance</li>
2525 </ul>
26− <h3 class="mt6">Learn</h3>
26+ <h3 class="mt2">Learn</h3>
2727 <ul>
2828 <li><a href="/essays">Essays</a></li>
2929 <li><a href="/media">Media</a></li>
30− <li><a href="/faq">FAQ</a></li>
30+ <li><a href="/faq/">FAQ</a></li>
3131 </ul>
32− <h3 class="mt6">Developers</h3>
32+ <h3 class="mt2">Developers</h3>
3333 <ul>
3434 <li><a href="/docs">Documentation</a></li>
3535 </ul>
3636</nav>
37−<aside class="mt6 fourth-3-md fourth-3-lg full">
38− <section class="mt6 mb6"><h3>Latest Posts</h3>
37+<aside class="mt4 fourth-3-md fourth-3-lg full">
38+ <section class="mt2 mb2"><h3>Latest Posts</h3>
3939 {% set s = get_section(path="updates/_index.md") %}
4040 {% set e = get_section(path="essays/_index.md") %}
4141 {% set allposts = s.pages
@@ -46,9 +46,9 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
4646 {% for page in allposts
4747 | slice (end=2)
4848 %}
49− <a class="block fw-bold mt6 mb1" href="{{ page.permalink }}">{{ page.title }}</a>
50− <address class="mono block mv2">{{ page.extra.ship }}</address>
51− <time class="mono mv2 mr3">{{ page.date
49+ <a class="db fw6 mt3 mb1" href="{{ page.permalink }}">{{ page.title }}</a>
50+ <address class="mono db mv1">{{ page.extra.ship }}</address>
51+ <time class="mono mv1 mr3">{{ page.date
5252 | date(format="~%Y.%-m.%-d") }}</time>
5353 <a class="mono mv2" href="/{{page.components[0] | lower}}">
5454 {{ page.components[0] | lower}}
templates/page.html+6−22
@@ -12,7 +12,7 @@
1212<!-- header -->
1313<!-- content -->
1414{% if page.components[1] %}
15−<nav class="mt6 full fourth-1-md fourth-1-lg">
15+<nav class="mt4 full fourth-1-md fourth-1-lg">
1616 <a class="gray3" href="/">Urbit</a>
1717 <span class="gray3"> / </span>
1818 <a href="/{{ page.components[0] }}">
@@ -23,7 +23,7 @@
2323
2424</nav>
2525{% else %}
26−<nav class="mt6 full fourth-1-md fourth-1-lg">
26+<nav class="mt4 full fourth-1-md fourth-1-lg">
2727 <a class="gray3" href="/">Urbit</a>
2828 <span class="gray3"> / </span>
2929 <a href="/{{ page.components[0] }}">
@@ -34,36 +34,20 @@
3434
3535</nav>
3636{% endif %}
37− <article class="mt6 mb6 full-ns c4-10-lg">
37+ <article class="mt4 mb4 full-ns c4-10-lg">
3838 <h1>{{ page.title }}</h1>
3939 {% if page.extra.author %}
40− <span class="mt2 inline-block" rel="author"> {{ page.extra.author }} </span>
40+ <span class="mt2 dib" rel="author"> {{ page.extra.author }} </span>
4141 {% if page.extra.ship %}
4242 <address class="mono">{{ page.extra.ship }}</address>
4343 {% endif %}
4444 {% if page.date %}
45− <time class="mono block mv1 gray4 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
45+ <time class="mono db mv1 gray2 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
4646 {% endif %}
4747 {% endif %}
4848 <!-- body -->
4949 {{ page.content | safe }}
50− <footer class="relative">{% if page.earlier %}
51− <a class="bb0" href="{{page.earlier.permalink}}">
52− <nav class="previous mv6 absolute right4 f4 t-right">
53− <p class="mb0 f5">Previous Post:</p>
54− <p class="fw-bold f4 mb0 mt0">{{page.earlier.title}}</p>
55− <time class="mono block f5">{{page.earlier.date | date(format="~%Y.%-m.%-d") }}</time>
56− </nav>
57− </a>
58− {% endif %}
59−
60− {% if page.later %}
61− <nav class="next mv6 absolute left4 f4">
62− <p class="mb0">Next Post:</p>
63− <a class="fw-bold bb0" href="{{page.later.permalink}}">{{page.later.title}}</a>
64− <time class="mono block f5">{{page.later.date | date(format="~%Y.%-m.%-d") }}</time>
65− </nav>
66− {% endif %}
50+ {% include "partials/pagination.html" %}
6751 </footer>
6852 </article>
6953{% endblock content %}
templates/page_indiced.html+7−24
@@ -13,7 +13,7 @@
1313<!-- header -->
1414<!-- content -->
1515{% if page.title %}
16−<nav class="mt6 full fourth-1-md fourth-1-lg">
16+<nav class="mt4 full fourth-1-md fourth-1-lg">
1717 <a class="gray3" href="/">Urbit</a>
1818 <span class="gray3"> / </span>
1919 <a href="/{{ page.components[0] }}">
@@ -23,7 +23,7 @@
2323 {% include "partials/navigation-search.html" %}
2424
2525{% else %}
26−<nav class="mt6 full fourth-1-md fourth-1-lg">
26+<nav class="mt4 full fourth-1-md fourth-1-lg">
2727 <a class="gray3" href="/">Urbit</a>
2828 <span class="gray3"> / </span>
2929 <a href="/{{ page.components[0] }}">
@@ -38,7 +38,7 @@
3838{% if h2.children %}
3939<details class="page-indiced"><summary>{{ h2.title }}</summary>
4040 {% for h3 in h2.children %}
41− <li class="ml6 mv1"><a href="{{h3.permalink}}">{{h3.title}}</a></li>
41+ <li class="ml3 mv1"><a href="{{h3.permalink}}">{{h3.title}}</a></li>
4242 {% endfor %}
4343</details>
4444{% else %}
@@ -46,35 +46,18 @@
4646{% endif %}
4747{% endfor %}
4848</nav>
49− <article class="mt6 mb6 full-ns c4-10-lg">
49+ <article class="mt4 mb4 full-ns c4-10-lg">
5050 {% if page.extra.author %}
51− <span class="mt2 inline-block" rel="author"> {{ page.extra.author }} </span>
51+ <span class="mt2 dib" rel="author"> {{ page.extra.author }} </span>
5252 {% if page.extra.ship %}
5353 <address class="mono">{{ page.extra.ship }}</address>
5454 {% endif %}
5555 {% if page.date %}
56− <time class="mono block mv1 gray4 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
56+ <time class="mono db mv1 gray4 f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
5757 {% endif %}
5858 {% endif %}
5959 <!-- body -->
6060 {{ page.content | safe }}
61− <footer class="relative">{% if page.earlier %}
62− <a class="bb0" href="{{page.earlier.permalink}}">
63− <nav class="previous mv6 absolute right4 f4 t-right">
64− <p class="mb0 f5">Previous Post:</p>
65− <p class="fw-bold f4 mb0 mt0">{{page.earlier.title}}</p>
66− <time class="mono block f5">{{page.earlier.date | date(format="~%Y.%-m.%-d") }}</time>
67− </nav>
68− </a>
69− {% endif %}
70−
71− {% if page.later %}
72− <nav class="next mv6 absolute left4 f4">
73− <p class="mb0">Next Post:</p>
74− <a class="fw-bold bb0" href="{{page.later.permalink}}">{{page.later.title}}</a>
75− <time class="mono block f5">{{page.later.date | date(format="~%Y.%-m.%-d") }}</time>
76− </nav>
77− {% endif %}
78− </footer>
61+ {% include "partials/pagination.html" %}
7962 </article>
8063{% endblock content %}
templates/partials/navigation-docs.html+3−3
@@ -1,12 +1,12 @@
11{% block content %}
2−<nav class="bg-gray1 pt6 full-left no-break docs pr6">
2+<nav class="bg-gray4 pt4 full-left no-break docs pr4 fourth-1-md fourth-1-lg">
33 <a class="gray3" href="{{config.base_url}}">Urbit</a>
44 <span class="gray3"> / </span>
55 <a href="{{config.base_url}}/docs/">
66 Documentation
77 </a>
8− <button id="js-search-window-toggle" class="mt6 mb6" type="button" style="outline:none">
9− <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray3">Search</span> <span class="gray3 search-slash">/</span>
8+ <button id="js-search-window-toggle" class="mt4 mb4" type="button" style="outline:none">
9+ <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray2">Search</span>
1010 </button>
1111 <ul>
1212 {% block menu %}
templates/partials/navigation-search.html+1−1
@@ -1,3 +1,3 @@
1−<button id="js-search-window-toggle" class="mt6 mb6" type="button" style="outline:none">
1+<button id="js-search-window-toggle" class="mt4 bw-0 mb3" type="button" style="outline:none">
22 <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray3">Search</span></span>
33 </button>
templates/partials/pagination.html+9−9
@@ -1,19 +1,19 @@
1−<footer class="relative mt9">{% if page.earlier %}
2− <a class="bb0" href="{{page.earlier.permalink}}">
3− <nav class="previous mv6 absolute right7 f4 t-right">
1+<footer class="relative mt4">{% if page.earlier %}
2+ <a class="bb-0" href="{{page.earlier.permalink}}">
3+ <nav class="previous mv3 absolute right-2 f4 t-right">
44 <p class="mb0 f5">Previous Post:</p>
5− <p class="fw-bold f5 f4-ns mb0 mt0">{{page.earlier.title}}</p>
6− <time class="mono block f5 mb9">{{page.earlier.date | date(format="~%Y.%-m.%-d") }}</time>
5+ <p class="fw6 f5 f4-l f4-xl mb0 mt0">{{page.earlier.title}}</p>
6+ <time class="mono db f5 mb5">{{page.earlier.date | date(format="~%Y.%-m.%-d") }}</time>
77 </nav>
88 </a>
99 {% endif %}
1010
1111 {% if page.later %}
12− <a class="bb0" href="{{page.later.permalink}}">
13− <nav class="next mv6 absolute left4-ns left6 f4">
12+ <a class="bb-0" href="{{page.later.permalink}}">
13+ <nav class="next mv3 absolute left-2 f4">
1414 <p class="mb0 f5">Next Post:</p>
15− <p class="fw-bold f5 f4-ns mb0 mt0">{{page.later.title}}</p>
16− <time class="mono block f5 mb9">{{page.later.date | date(format="~%Y.%-m.%-d") }}</time>
15+ <p class="fw6 f5 f4-l f4-xl mb0 mt0">{{page.later.title}}</p>
16+ <time class="mono db f5 mb5">{{page.later.date | date(format="~%Y.%-m.%-d") }}</time>
1717 </nav>
1818 </a>
1919 {% endif %}
templates/partials/search-overlay.html+7−7
@@ -1,14 +1,14 @@
11{% block content %}
2−<nav id="search-overlay" class="search-overlay fix col full b-transparent z10 none top0">
2+<nav id="search-overlay" class="search-overlay fixed w-100 full b-transparent z-999 dn">
33 <div class="wrapper">
44 <div id="search-window" class="pop-up">
5− <div class="search-bar p0 b0 z1 inline align-center col">
6− <span class="header__search-icon ml3 abs z1 fs6 gray50">⚲</span>
7− <form id="search-form" class="col"><input id="search" autocomplete="off" type="search" class="search-bar__input b0" placeholder="Go to..."></form>
8− <a id="search-reset" class="f6 pr3 gray5 no-underline pointer:hover">&#57503;</a>
5+ <div class="search-bar pa0 bw0 z-1 di items-center flex w-100">
6+ <span class="header__search-icon ml3 absolute z-1 f5 gray3">⚲</span>
7+ <form id="search-form" class="w-100"><input id="search" autocomplete="off" type="search" class="search-bar__input bw0" placeholder="Go to..."></form>
8+ <a id="search-reset" class="f6 pr3 gray3 no-underline pointer:hover">&#57503;</a>
99 </div>
10− <div id="search-results" class="search-results bt1 b-gray4 col">
11− <div class="search-results__header ml5 mv2 gray6 f5"></div>
10+ <div id="search-results" class="search-results bt-1 b-gray3 w-100">
11+ <div class="search-results__header ml3 mv1 gray3 f6"></div>
1212 <ul class="list search-results__items"></ul>
1313 </div>
1414 </div>
templates/sections/docs.html+1−1
@@ -4,7 +4,7 @@
44<!-- header -->
55<!-- content -->
66 {% include "partials/navigation-docs.html" %}
7− <article class="mt6">
7+ <article class="mt4 c5-10 c4-10-lg">
88 <!-- header -->
99 <h1>{{ section.title }}</h1>
1010 <!-- body -->
templates/sections/docs/chapters.html+1−1
@@ -4,7 +4,7 @@
44<!-- header -->
55<!-- content -->
66 {% include "partials/navigation-docs.html" %}
7− <article class="mt6">
7+ <article class="mt4 c5-10 c4-10-lg">
88 <!-- header -->
99 <h1>{{ section.title }}</h1>
1010 <!-- body -->
templates/updates/list.html+6−6
@@ -3,7 +3,7 @@
33{% block bodyclasses %}class="updates"{% endblock bodyclasses %}
44{% block content %}
55<!-- header -->
6−<nav class="mt6 full fourth-1-md fourth-1-lg">
6+<nav class="mt4 full fourth-1-md fourth-1-lg">
77 <a class="gray3" href="/">Urbit</a>
88 <span class="gray3"> / </span>
99 <a href="/updates">
@@ -12,11 +12,11 @@
1212 {% include "partials/navigation-search.html" %}
1313</nav>
1414<!-- content -->
15− <main class="mt6 mb6 full c4-10-lg">
15+ <main class="mt4 mb4 full c4-10-lg">
1616 {% set posts = get_section(path="updates/_index.md") %}
1717 {% for page in posts.pages | slice (end=1) %}
1818 <article class="mb6 relative">
19− <h1>{{ page.title }} <a class="absolute right0 fw-regular" href="#more-updates">Go to older updates</a></h1>
19+ <h1>{{ page.title }} <a class="absolute right-0 fw4" href="#more-updates">Go to older updates</a></h1>
2020 <!-- body -->
2121 {{ page.content | safe }}
2222 {% if page.extra.author %}
@@ -25,15 +25,15 @@
2525 <address class="mono">{{ page.extra.ship }}</address>
2626 {% endif %}
2727 {% if page.date %}
28− <time class="mono block f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
28+ <time class="mono db f5">{{page.date | date(format="~%Y.%-m.%-d") }}</time>
2929 {% endif %}
3030 {% endif %}
3131 </article>
3232 {% endfor %}
33− <h2 id="more-updates" class="mt10 mb6">More Updates</h2>
33+ <h2 id="more-updates" class="mt5 mb3">More Updates</h2>
3434 <ul class="posts">
3535 {% for page in posts.pages | slice (start=1) %}
36− <li class="mb6 mt6">
36+ <li class="mb4 mt4">
3737 <h2 class="mb1"><a class="bb0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
3838 <p class="mb2 mt2">{{ page.description }}</p>
3939 <time class="mono f5">{{ page.date | date(format="~%Y.%-m.%-d") }}</time>