pdap-design-system 1.0.5 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,2133 @@
1
+ /*
2
+ ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
3
+ */
4
+
5
+ /*
6
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
+ */
9
+
10
+ *,
11
+ ::before,
12
+ ::after {
13
+ -webkit-box-sizing: border-box;
14
+ -moz-box-sizing: border-box;
15
+ box-sizing: border-box;
16
+ /* 1 */
17
+ border-width: 0;
18
+ /* 2 */
19
+ border-style: solid;
20
+ /* 2 */
21
+ border-color: #e5e7eb;
22
+ /* 2 */
23
+ }
24
+
25
+ ::before,
26
+ ::after {
27
+ --tw-content: '';
28
+ }
29
+
30
+ /*
31
+ 1. Use a consistent sensible line-height in all browsers.
32
+ 2. Prevent adjustments of font size after orientation changes in iOS.
33
+ 3. Use a more readable tab size.
34
+ 4. Use the user's configured `sans` font-family by default.
35
+ 5. Use the user's configured `sans` font-feature-settings by default.
36
+ 6. Use the user's configured `sans` font-variation-settings by default.
37
+ */
38
+
39
+ html {
40
+ line-height: 1.5;
41
+ /* 1 */
42
+ -webkit-text-size-adjust: 100%;
43
+ /* 2 */
44
+ -moz-tab-size: 4;
45
+ /* 3 */
46
+ -o-tab-size: 4;
47
+ tab-size: 4;
48
+ /* 3 */
49
+ font-family: "Libre Franklin", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
50
+ /* 4 */
51
+ -webkit-font-feature-settings: normal;
52
+ -moz-font-feature-settings: normal;
53
+ font-feature-settings: normal;
54
+ /* 5 */
55
+ font-variation-settings: normal;
56
+ /* 6 */
57
+ }
58
+
59
+ /*
60
+ 1. Remove the margin in all browsers.
61
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
62
+ */
63
+
64
+ body {
65
+ margin: 0;
66
+ /* 1 */
67
+ line-height: inherit;
68
+ /* 2 */
69
+ }
70
+
71
+ /*
72
+ 1. Add the correct height in Firefox.
73
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
74
+ 3. Ensure horizontal rules are visible by default.
75
+ */
76
+
77
+ hr {
78
+ height: 0;
79
+ /* 1 */
80
+ color: inherit;
81
+ /* 2 */
82
+ border-top-width: 1px;
83
+ /* 3 */
84
+ }
85
+
86
+ /*
87
+ Add the correct text decoration in Chrome, Edge, and Safari.
88
+ */
89
+
90
+ abbr:where([title]) {
91
+ -webkit-text-decoration: underline dotted;
92
+ text-decoration: underline dotted;
93
+ }
94
+
95
+ /*
96
+ Remove the default font size and weight for headings.
97
+ */
98
+
99
+ h1,
100
+ h2,
101
+ h3,
102
+ h4,
103
+ h5,
104
+ h6 {
105
+ font-size: inherit;
106
+ font-weight: inherit;
107
+ }
108
+
109
+ /*
110
+ Reset links to optimize for opt-in styling instead of opt-out.
111
+ */
112
+
113
+ a {
114
+ color: inherit;
115
+ text-decoration: inherit;
116
+ }
117
+
118
+ /*
119
+ Add the correct font weight in Edge and Safari.
120
+ */
121
+
122
+ b,
123
+ strong {
124
+ font-weight: bolder;
125
+ }
126
+
127
+ /*
128
+ 1. Use the user's configured `mono` font family by default.
129
+ 2. Correct the odd `em` font sizing in all browsers.
130
+ */
131
+
132
+ code,
133
+ kbd,
134
+ samp,
135
+ pre {
136
+ font-family: "Source Code Pro", monospace, ui-monospace, SFMono-Regular;
137
+ /* 1 */
138
+ font-size: 1em;
139
+ /* 2 */
140
+ }
141
+
142
+ /*
143
+ Add the correct font size in all browsers.
144
+ */
145
+
146
+ small {
147
+ font-size: 80%;
148
+ }
149
+
150
+ /*
151
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
152
+ */
153
+
154
+ sub,
155
+ sup {
156
+ font-size: 75%;
157
+ line-height: 0;
158
+ position: relative;
159
+ vertical-align: baseline;
160
+ }
161
+
162
+ sub {
163
+ bottom: -0.25em;
164
+ }
165
+
166
+ sup {
167
+ top: -0.5em;
168
+ }
169
+
170
+ /*
171
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
172
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
173
+ 3. Remove gaps between table borders by default.
174
+ */
175
+
176
+ table {
177
+ text-indent: 0;
178
+ /* 1 */
179
+ border-color: inherit;
180
+ /* 2 */
181
+ border-collapse: collapse;
182
+ /* 3 */
183
+ }
184
+
185
+ /*
186
+ 1. Change the font styles in all browsers.
187
+ 2. Remove the margin in Firefox and Safari.
188
+ 3. Remove default padding in all browsers.
189
+ */
190
+
191
+ button,
192
+ input,
193
+ optgroup,
194
+ select,
195
+ textarea {
196
+ font-family: inherit;
197
+ /* 1 */
198
+ -webkit-font-feature-settings: inherit;
199
+ -moz-font-feature-settings: inherit;
200
+ font-feature-settings: inherit;
201
+ /* 1 */
202
+ font-variation-settings: inherit;
203
+ /* 1 */
204
+ font-size: 100%;
205
+ /* 1 */
206
+ font-weight: inherit;
207
+ /* 1 */
208
+ line-height: inherit;
209
+ /* 1 */
210
+ color: inherit;
211
+ /* 1 */
212
+ margin: 0;
213
+ /* 2 */
214
+ padding: 0;
215
+ /* 3 */
216
+ }
217
+
218
+ /*
219
+ Remove the inheritance of text transform in Edge and Firefox.
220
+ */
221
+
222
+ button,
223
+ select {
224
+ text-transform: none;
225
+ }
226
+
227
+ /*
228
+ 1. Correct the inability to style clickable types in iOS and Safari.
229
+ 2. Remove default button styles.
230
+ */
231
+
232
+ button,
233
+ [type='button'],
234
+ [type='reset'],
235
+ [type='submit'] {
236
+ -webkit-appearance: button;
237
+ /* 1 */
238
+ background-color: transparent;
239
+ /* 2 */
240
+ background-image: none;
241
+ /* 2 */
242
+ }
243
+
244
+ /*
245
+ Use the modern Firefox focus style for all focusable elements.
246
+ */
247
+
248
+ :-moz-focusring {
249
+ outline: auto;
250
+ }
251
+
252
+ /*
253
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
254
+ */
255
+
256
+ :-moz-ui-invalid {
257
+ box-shadow: none;
258
+ }
259
+
260
+ /*
261
+ Add the correct vertical alignment in Chrome and Firefox.
262
+ */
263
+
264
+ progress {
265
+ vertical-align: baseline;
266
+ }
267
+
268
+ /*
269
+ Correct the cursor style of increment and decrement buttons in Safari.
270
+ */
271
+
272
+ ::-webkit-inner-spin-button,
273
+ ::-webkit-outer-spin-button {
274
+ height: auto;
275
+ }
276
+
277
+ /*
278
+ 1. Correct the odd appearance in Chrome and Safari.
279
+ 2. Correct the outline style in Safari.
280
+ */
281
+
282
+ [type='search'] {
283
+ -webkit-appearance: textfield;
284
+ /* 1 */
285
+ outline-offset: -2px;
286
+ /* 2 */
287
+ }
288
+
289
+ /*
290
+ Remove the inner padding in Chrome and Safari on macOS.
291
+ */
292
+
293
+ ::-webkit-search-decoration {
294
+ -webkit-appearance: none;
295
+ }
296
+
297
+ /*
298
+ 1. Correct the inability to style clickable types in iOS and Safari.
299
+ 2. Change font properties to `inherit` in Safari.
300
+ */
301
+
302
+ ::-webkit-file-upload-button {
303
+ -webkit-appearance: button;
304
+ /* 1 */
305
+ font: inherit;
306
+ /* 2 */
307
+ }
308
+
309
+ /*
310
+ Add the correct display in Chrome and Safari.
311
+ */
312
+
313
+ summary {
314
+ display: list-item;
315
+ }
316
+
317
+ /*
318
+ Removes the default spacing and border for appropriate elements.
319
+ */
320
+
321
+ blockquote,
322
+ dl,
323
+ dd,
324
+ h1,
325
+ h2,
326
+ h3,
327
+ h4,
328
+ h5,
329
+ h6,
330
+ hr,
331
+ figure,
332
+ p,
333
+ pre {
334
+ margin: 0;
335
+ }
336
+
337
+ fieldset {
338
+ margin: 0;
339
+ padding: 0;
340
+ }
341
+
342
+ legend {
343
+ padding: 0;
344
+ }
345
+
346
+ ol,
347
+ ul,
348
+ menu {
349
+ list-style: none;
350
+ margin: 0;
351
+ padding: 0;
352
+ }
353
+
354
+ /*
355
+ Reset default styling for dialogs.
356
+ */
357
+
358
+ dialog {
359
+ padding: 0;
360
+ }
361
+
362
+ /*
363
+ Prevent resizing textareas horizontally by default.
364
+ */
365
+
366
+ textarea {
367
+ resize: vertical;
368
+ }
369
+
370
+ /*
371
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
372
+ 2. Set the default placeholder color to the user's configured gray 400 color.
373
+ */
374
+
375
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
376
+ opacity: 1;
377
+ /* 1 */
378
+ color: #9ca3af;
379
+ /* 2 */
380
+ }
381
+
382
+ input::-moz-placeholder, textarea::-moz-placeholder {
383
+ opacity: 1;
384
+ /* 1 */
385
+ color: #9ca3af;
386
+ /* 2 */
387
+ }
388
+
389
+ input::-ms-input-placeholder, textarea::-ms-input-placeholder {
390
+ opacity: 1;
391
+ /* 1 */
392
+ color: #9ca3af;
393
+ /* 2 */
394
+ }
395
+
396
+ input::placeholder,
397
+ textarea::placeholder {
398
+ opacity: 1;
399
+ /* 1 */
400
+ color: #9ca3af;
401
+ /* 2 */
402
+ }
403
+
404
+ /*
405
+ Set the default cursor for buttons.
406
+ */
407
+
408
+ button,
409
+ [role="button"] {
410
+ cursor: pointer;
411
+ }
412
+
413
+ /*
414
+ Make sure disabled buttons don't get the pointer cursor.
415
+ */
416
+
417
+ :disabled {
418
+ cursor: default;
419
+ }
420
+
421
+ /*
422
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
423
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
424
+ This can trigger a poorly considered lint error in some tools but is included by design.
425
+ */
426
+
427
+ img,
428
+ svg,
429
+ video,
430
+ canvas,
431
+ audio,
432
+ iframe,
433
+ embed,
434
+ object {
435
+ display: block;
436
+ /* 1 */
437
+ vertical-align: middle;
438
+ /* 2 */
439
+ }
440
+
441
+ /*
442
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
443
+ */
444
+
445
+ img,
446
+ video {
447
+ max-width: 100%;
448
+ height: auto;
449
+ }
450
+
451
+ /* Make elements with the HTML hidden attribute stay hidden by default */
452
+
453
+ [hidden] {
454
+ display: none;
455
+ }
456
+
457
+ :root {
458
+ /* Theming */
459
+ /* Using only the rgb values here allows Tailwind to interpolate on compilation and adjust opacity at build time. */
460
+ /* Neutral */
461
+ --color-neutral-50: 255 255 255;
462
+ --color-neutral-100: 255 253 253;
463
+ --color-neutral-200: 255 251 250;
464
+ --color-neutral-300: 204 204 204;
465
+ --color-neutral-400: 191 192 192;
466
+ --color-neutral-500: 153 153 153;
467
+ --color-neutral-600: 97 97 97;
468
+ --color-neutral-700: 51 51 51;
469
+ --color-neutral-800: 34 34 34;
470
+ --color-neutral-800: 26 26 26;
471
+ --color-neutral-950: 0 0 0;
472
+ /* Brand */
473
+ --color-brand-blue-light: 56 152 236;
474
+ --color-brand-blue-medium: 0 130 243;
475
+ --color-brand-gold: 213 162 60;
476
+ --color-brand-wine: 81 42 79;
477
+ }
478
+
479
+ /* Dark mode */
480
+
481
+ @media (prefers-color-scheme: dark) {
482
+ :root {
483
+ /* Theming */
484
+ /* Reverse the order of neutral colors for dark theme */
485
+ --color-neutral-50: 0 0 0;
486
+ --color-neutral-100: 26 26 26;
487
+ --color-neutral-200: 34 34 34;
488
+ --color-neutral-300: 51 51 51;
489
+ --color-neutral-400: 97 97 97;
490
+ --color-neutral-500: 153 153 153;
491
+ --color-neutral-600: 191 192 192;
492
+ --color-neutral-700: 204 204 204;
493
+ --color-neutral-800: 255 251 250;
494
+ --color-neutral-800: 255 253 253;
495
+ --color-neutral-950: 255 255 255;
496
+ }
497
+ }
498
+
499
+ /* Globals */
500
+
501
+ * {
502
+ -webkit-box-sizing: border-box;
503
+ -moz-box-sizing: border-box;
504
+ box-sizing: border-box;
505
+ }
506
+
507
+ html {
508
+ height: 100%;
509
+ }
510
+
511
+ body {
512
+ margin: 0px;
513
+ min-height: 100%;
514
+ --tw-bg-opacity: 1;
515
+ background-color: rgba(var(--color-neutral-50)/var(--tw-bg-opacity));
516
+ font-family: "Libre Franklin", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
517
+ font-size: 1.25rem;
518
+ font-weight: 300;
519
+ line-height: 1.5;
520
+ --tw-text-opacity: 1;
521
+ color: rgba(var(--color-neutral-950)/var(--tw-text-opacity));
522
+ }
523
+
524
+ @media (min-width: 1024px) {
525
+ body {
526
+ font-size: 1.75rem;
527
+ }
528
+ }
529
+
530
+ /* Images */
531
+
532
+ img {
533
+ display: inline-block;
534
+ max-width: 100%;
535
+ vertical-align: middle;
536
+ }
537
+
538
+ /* Headings */
539
+
540
+ h1,
541
+ h2,
542
+ h3,
543
+ h4,
544
+ h5,
545
+ h6 {
546
+ font-family: "Libre Franklin", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
547
+ line-height: 1.25;
548
+ }
549
+
550
+ h3,
551
+ h4 {
552
+ --tw-text-opacity: 1;
553
+ color: rgba(var(--color-brand-wine)/var(--tw-text-opacity));
554
+ }
555
+
556
+ h4,
557
+ h5,
558
+ h6 {
559
+ margin-bottom: .625rem;
560
+ margin-top: .625rem;
561
+ }
562
+
563
+ h1 {
564
+ margin-top: 3rem;
565
+ margin-bottom: 1rem;
566
+ font-size: 2.625rem;
567
+ font-weight: 500;
568
+ }
569
+
570
+ h2 {
571
+ margin-bottom: 1rem;
572
+ margin-top: 2rem;
573
+ font-size: 1.5rem;
574
+ font-weight: 700;
575
+ }
576
+
577
+ @media (min-width: 768px) {
578
+ h2 {
579
+ font-size: 2rem;
580
+ }
581
+ }
582
+
583
+ h3 {
584
+ margin-bottom: 0.5rem;
585
+ margin-top: 2rem;
586
+ font-size: 1rem;
587
+ font-weight: 800;
588
+ text-transform: uppercase;
589
+ letter-spacing: .1em;
590
+ }
591
+
592
+ @media (min-width: 768px) {
593
+ h3 {
594
+ font-size: 1.125rem;
595
+ }
596
+ }
597
+
598
+ h4 {
599
+ font-size: 1.125rem;
600
+ font-weight: 600;
601
+ text-transform: uppercase;
602
+ letter-spacing: .07em;
603
+ }
604
+
605
+ h5 {
606
+ font-size: 1.75rem;
607
+ font-weight: 300;
608
+ font-style: italic;
609
+ }
610
+
611
+ h6 {
612
+ font-size: 1.125rem;
613
+ font-weight: 300;
614
+ text-transform: uppercase;
615
+ letter-spacing: .8125rem;
616
+ }
617
+
618
+ /* Anchors and buttons*/
619
+
620
+ a {
621
+ --tw-text-opacity: 1;
622
+ color: rgba(var(--color-brand-gold)/var(--tw-text-opacity));
623
+ -webkit-text-decoration-style: solid;
624
+ -moz-text-decoration-style: solid;
625
+ text-decoration-style: solid;
626
+ text-decoration-thickness: 6%;
627
+ text-underline-offset: 5%;
628
+ }
629
+
630
+ a:hover {
631
+ --tw-brightness: brightness(.85);
632
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
633
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
634
+ }
635
+
636
+ /* Miscellaneous */
637
+
638
+ p {
639
+ margin-bottom: 0.5rem;
640
+ margin-top: 0px;
641
+ }
642
+
643
+ p,
644
+ li {
645
+ max-width: 43ch;
646
+ }
647
+
648
+ .small p,
649
+ p.small,
650
+ .small li {
651
+ font-size: 1.125rem;
652
+ }
653
+
654
+ strong {
655
+ font-weight: 600;
656
+ }
657
+
658
+ code {
659
+ max-width: 100%;
660
+ font-family: "Source Code Pro", monospace, ui-monospace, SFMono-Regular;
661
+ font-weight: 400;
662
+ --tw-text-opacity: 1;
663
+ color: rgba(var(--color-neutral-950)/var(--tw-text-opacity));
664
+ }
665
+
666
+ p > code,
667
+ li > code,
668
+ pre code {
669
+ background-color: rgba(var(--color-brand-wine)/var(--tw-bg-opacity));
670
+ --tw-bg-opacity: 0.05;
671
+ }
672
+
673
+ p > code,
674
+ li > code {
675
+ border-radius: 0.125rem;
676
+ -webkit-box-decoration-break: clone;
677
+ box-decoration-break: clone;
678
+ padding-left: 0.5rem;
679
+ padding-right: 0.5rem;
680
+ padding-top: 0.25rem;
681
+ padding-bottom: 0.25rem;
682
+ word-wrap: break-word;
683
+ }
684
+
685
+ pre code {
686
+ display: block;
687
+ max-width: 100%;
688
+ overflow: scroll;
689
+ white-space: pre;
690
+ border-width: 1px;
691
+ border-style: solid;
692
+ border-color: rgba(var(--color-brand-wine)/var(--tw-border-opacity));
693
+ --tw-border-opacity: 0.2;
694
+ padding: 1.25rem;
695
+ text-align: left;
696
+ font-size: 1.25rem;
697
+ }
698
+
699
+ *, ::before, ::after {
700
+ --tw-border-spacing-x: 0;
701
+ --tw-border-spacing-y: 0;
702
+ --tw-translate-x: 0;
703
+ --tw-translate-y: 0;
704
+ --tw-rotate: 0;
705
+ --tw-skew-x: 0;
706
+ --tw-skew-y: 0;
707
+ --tw-scale-x: 1;
708
+ --tw-scale-y: 1;
709
+ --tw-pan-x: ;
710
+ --tw-pan-y: ;
711
+ --tw-pinch-zoom: ;
712
+ --tw-scroll-snap-strictness: proximity;
713
+ --tw-gradient-from-position: ;
714
+ --tw-gradient-via-position: ;
715
+ --tw-gradient-to-position: ;
716
+ --tw-ordinal: ;
717
+ --tw-slashed-zero: ;
718
+ --tw-numeric-figure: ;
719
+ --tw-numeric-spacing: ;
720
+ --tw-numeric-fraction: ;
721
+ --tw-ring-inset: ;
722
+ --tw-ring-offset-width: 0px;
723
+ --tw-ring-offset-color: #fff;
724
+ --tw-ring-color: rgb(59 130 246 / 0.5);
725
+ --tw-ring-offset-shadow: 0 0 #0000;
726
+ --tw-ring-shadow: 0 0 #0000;
727
+ --tw-shadow: 0 0 #0000;
728
+ --tw-shadow-colored: 0 0 #0000;
729
+ --tw-blur: ;
730
+ --tw-brightness: ;
731
+ --tw-contrast: ;
732
+ --tw-grayscale: ;
733
+ --tw-hue-rotate: ;
734
+ --tw-invert: ;
735
+ --tw-saturate: ;
736
+ --tw-sepia: ;
737
+ --tw-drop-shadow: ;
738
+ --tw-backdrop-blur: ;
739
+ --tw-backdrop-brightness: ;
740
+ --tw-backdrop-contrast: ;
741
+ --tw-backdrop-grayscale: ;
742
+ --tw-backdrop-hue-rotate: ;
743
+ --tw-backdrop-invert: ;
744
+ --tw-backdrop-opacity: ;
745
+ --tw-backdrop-saturate: ;
746
+ --tw-backdrop-sepia: ;
747
+ }
748
+
749
+ ::-webkit-backdrop {
750
+ --tw-border-spacing-x: 0;
751
+ --tw-border-spacing-y: 0;
752
+ --tw-translate-x: 0;
753
+ --tw-translate-y: 0;
754
+ --tw-rotate: 0;
755
+ --tw-skew-x: 0;
756
+ --tw-skew-y: 0;
757
+ --tw-scale-x: 1;
758
+ --tw-scale-y: 1;
759
+ --tw-pan-x: ;
760
+ --tw-pan-y: ;
761
+ --tw-pinch-zoom: ;
762
+ --tw-scroll-snap-strictness: proximity;
763
+ --tw-gradient-from-position: ;
764
+ --tw-gradient-via-position: ;
765
+ --tw-gradient-to-position: ;
766
+ --tw-ordinal: ;
767
+ --tw-slashed-zero: ;
768
+ --tw-numeric-figure: ;
769
+ --tw-numeric-spacing: ;
770
+ --tw-numeric-fraction: ;
771
+ --tw-ring-inset: ;
772
+ --tw-ring-offset-width: 0px;
773
+ --tw-ring-offset-color: #fff;
774
+ --tw-ring-color: rgb(59 130 246 / 0.5);
775
+ --tw-ring-offset-shadow: 0 0 #0000;
776
+ --tw-ring-shadow: 0 0 #0000;
777
+ --tw-shadow: 0 0 #0000;
778
+ --tw-shadow-colored: 0 0 #0000;
779
+ --tw-blur: ;
780
+ --tw-brightness: ;
781
+ --tw-contrast: ;
782
+ --tw-grayscale: ;
783
+ --tw-hue-rotate: ;
784
+ --tw-invert: ;
785
+ --tw-saturate: ;
786
+ --tw-sepia: ;
787
+ --tw-drop-shadow: ;
788
+ --tw-backdrop-blur: ;
789
+ --tw-backdrop-brightness: ;
790
+ --tw-backdrop-contrast: ;
791
+ --tw-backdrop-grayscale: ;
792
+ --tw-backdrop-hue-rotate: ;
793
+ --tw-backdrop-invert: ;
794
+ --tw-backdrop-opacity: ;
795
+ --tw-backdrop-saturate: ;
796
+ --tw-backdrop-sepia: ;
797
+ }
798
+
799
+ ::backdrop {
800
+ --tw-border-spacing-x: 0;
801
+ --tw-border-spacing-y: 0;
802
+ --tw-translate-x: 0;
803
+ --tw-translate-y: 0;
804
+ --tw-rotate: 0;
805
+ --tw-skew-x: 0;
806
+ --tw-skew-y: 0;
807
+ --tw-scale-x: 1;
808
+ --tw-scale-y: 1;
809
+ --tw-pan-x: ;
810
+ --tw-pan-y: ;
811
+ --tw-pinch-zoom: ;
812
+ --tw-scroll-snap-strictness: proximity;
813
+ --tw-gradient-from-position: ;
814
+ --tw-gradient-via-position: ;
815
+ --tw-gradient-to-position: ;
816
+ --tw-ordinal: ;
817
+ --tw-slashed-zero: ;
818
+ --tw-numeric-figure: ;
819
+ --tw-numeric-spacing: ;
820
+ --tw-numeric-fraction: ;
821
+ --tw-ring-inset: ;
822
+ --tw-ring-offset-width: 0px;
823
+ --tw-ring-offset-color: #fff;
824
+ --tw-ring-color: rgb(59 130 246 / 0.5);
825
+ --tw-ring-offset-shadow: 0 0 #0000;
826
+ --tw-ring-shadow: 0 0 #0000;
827
+ --tw-shadow: 0 0 #0000;
828
+ --tw-shadow-colored: 0 0 #0000;
829
+ --tw-blur: ;
830
+ --tw-brightness: ;
831
+ --tw-contrast: ;
832
+ --tw-grayscale: ;
833
+ --tw-hue-rotate: ;
834
+ --tw-invert: ;
835
+ --tw-saturate: ;
836
+ --tw-sepia: ;
837
+ --tw-drop-shadow: ;
838
+ --tw-backdrop-blur: ;
839
+ --tw-backdrop-brightness: ;
840
+ --tw-backdrop-contrast: ;
841
+ --tw-backdrop-grayscale: ;
842
+ --tw-backdrop-hue-rotate: ;
843
+ --tw-backdrop-invert: ;
844
+ --tw-backdrop-opacity: ;
845
+ --tw-backdrop-saturate: ;
846
+ --tw-backdrop-sepia: ;
847
+ }
848
+
849
+ .container {
850
+ width: 100%;
851
+ }
852
+
853
+ @media (min-width: 500px) {
854
+ .container {
855
+ max-width: 500px;
856
+ }
857
+ }
858
+
859
+ @media (min-width: 640px) {
860
+ .container {
861
+ max-width: 640px;
862
+ }
863
+ }
864
+
865
+ @media (min-width: 768px) {
866
+ .container {
867
+ max-width: 768px;
868
+ }
869
+ }
870
+
871
+ @media (min-width: 1024px) {
872
+ .container {
873
+ max-width: 1024px;
874
+ }
875
+ }
876
+
877
+ @media (min-width: 1280px) {
878
+ .container {
879
+ max-width: 1280px;
880
+ }
881
+ }
882
+
883
+ @media (min-width: 1536px) {
884
+ .container {
885
+ max-width: 1536px;
886
+ }
887
+ }
888
+
889
+ /* Layout */
890
+
891
+ .container {
892
+ /* Left and top aligned by default */
893
+ margin-left: auto;
894
+ margin-right: auto;
895
+ display: -webkit-box;
896
+ display: -webkit-flex;
897
+ display: -moz-box;
898
+ display: flex;
899
+ width: 100%;
900
+ max-width: none;
901
+ -webkit-box-orient: vertical;
902
+ -webkit-box-direction: normal;
903
+ -webkit-flex-direction: column;
904
+ -moz-box-orient: vertical;
905
+ -moz-box-direction: normal;
906
+ flex-direction: column;
907
+ -webkit-box-align: start;
908
+ -webkit-align-items: flex-start;
909
+ -moz-box-align: start;
910
+ align-items: flex-start;
911
+ -webkit-box-pack: start;
912
+ -webkit-justify-content: flex-start;
913
+ -moz-box-pack: start;
914
+ justify-content: flex-start;
915
+ padding: 2rem;
916
+ /* Responsiveness */
917
+ }
918
+
919
+ @media (min-width: 500px) {
920
+ .container {
921
+ max-width: 48rem;
922
+ }
923
+ }
924
+
925
+ @media (min-width: 1024px) {
926
+ .container {
927
+ max-width: 59rem;
928
+ }
929
+ }
930
+
931
+ .container-center {
932
+ /* Center-aligned (vert & hor) */
933
+ width: 100%;
934
+ }
935
+
936
+ @media (min-width: 500px) {
937
+ .container-center {
938
+ max-width: 500px;
939
+ }
940
+ }
941
+
942
+ @media (min-width: 640px) {
943
+ .container-center {
944
+ max-width: 640px;
945
+ }
946
+ }
947
+
948
+ @media (min-width: 768px) {
949
+ .container-center {
950
+ max-width: 768px;
951
+ }
952
+ }
953
+
954
+ @media (min-width: 1024px) {
955
+ .container-center {
956
+ max-width: 1024px;
957
+ }
958
+ }
959
+
960
+ @media (min-width: 1280px) {
961
+ .container-center {
962
+ max-width: 1280px;
963
+ }
964
+ }
965
+
966
+ @media (min-width: 1536px) {
967
+ .container-center {
968
+ max-width: 1536px;
969
+ }
970
+ }
971
+
972
+ .container-center {
973
+ /* Left and top aligned by default */
974
+ margin-left: auto;
975
+ margin-right: auto;
976
+ display: -webkit-box;
977
+ display: -webkit-flex;
978
+ display: -moz-box;
979
+ display: flex;
980
+ width: 100%;
981
+ max-width: none;
982
+ -webkit-box-orient: vertical;
983
+ -webkit-box-direction: normal;
984
+ -webkit-flex-direction: column;
985
+ -moz-box-orient: vertical;
986
+ -moz-box-direction: normal;
987
+ flex-direction: column;
988
+ -webkit-box-align: start;
989
+ -webkit-align-items: flex-start;
990
+ -moz-box-align: start;
991
+ align-items: flex-start;
992
+ -webkit-box-pack: start;
993
+ -webkit-justify-content: flex-start;
994
+ -moz-box-pack: start;
995
+ justify-content: flex-start;
996
+ padding: 2rem;
997
+ /* Responsiveness */
998
+ }
999
+
1000
+ @media (min-width: 500px) {
1001
+ .container-center {
1002
+ max-width: 48rem;
1003
+ }
1004
+ }
1005
+
1006
+ @media (min-width: 1024px) {
1007
+ .container-center {
1008
+ max-width: 59rem;
1009
+ }
1010
+ }
1011
+
1012
+ .container-center > * {
1013
+ width: 100%;
1014
+ }
1015
+
1016
+ .footer .container-center {
1017
+ display: -webkit-box;
1018
+ display: -webkit-flex;
1019
+ display: -moz-box;
1020
+ display: flex;
1021
+ -webkit-box-align: center;
1022
+ -webkit-align-items: center;
1023
+ -moz-box-align: center;
1024
+ align-items: center;
1025
+ -webkit-box-pack: center;
1026
+ -webkit-justify-content: center;
1027
+ -moz-box-pack: center;
1028
+ justify-content: center;
1029
+ }
1030
+
1031
+ .footer .container-center > * {
1032
+ margin-bottom: 0.5rem;
1033
+ color: inherit;
1034
+ }
1035
+
1036
+ .container-center {
1037
+ -webkit-box-align: center;
1038
+ -webkit-align-items: center;
1039
+ -moz-box-align: center;
1040
+ align-items: center;
1041
+ -webkit-box-pack: center;
1042
+ -webkit-justify-content: center;
1043
+ -moz-box-pack: center;
1044
+ justify-content: center;
1045
+ }
1046
+
1047
+ .container > * {
1048
+ width: 100%;
1049
+ }
1050
+
1051
+ /* Header */
1052
+
1053
+ .header {
1054
+ position: relative;
1055
+ z-index: 50;
1056
+ display: -webkit-box;
1057
+ display: -webkit-flex;
1058
+ display: -moz-box;
1059
+ display: flex;
1060
+ -webkit-box-pack: justify;
1061
+ -webkit-justify-content: space-between;
1062
+ -moz-box-pack: justify;
1063
+ justify-content: space-between;
1064
+ --tw-bg-opacity: 1;
1065
+ background-color: rgba(var(--color-neutral-50)/var(--tw-bg-opacity));
1066
+ padding: 2rem;
1067
+ }
1068
+
1069
+ @media (prefers-color-scheme: dark) {
1070
+ .header {
1071
+ --tw-bg-opacity: 1;
1072
+ background-color: rgba(var(--color-neutral-300)/var(--tw-bg-opacity));
1073
+ }
1074
+ }
1075
+
1076
+ /* Footer */
1077
+
1078
+ .footer {
1079
+ position: relative;
1080
+ margin-left: auto;
1081
+ margin-right: auto;
1082
+ margin-top: auto;
1083
+ --tw-bg-opacity: 1;
1084
+ background-color: rgba(var(--color-brand-wine)/var(--tw-bg-opacity));
1085
+ padding-left: 0.5rem;
1086
+ padding-right: 0.5rem;
1087
+ padding-top: 0.5rem;
1088
+ padding-bottom: 0px;
1089
+ text-align: center;
1090
+ font-size: 1.125rem;
1091
+ --tw-text-opacity: 1;
1092
+ color: rgba(255, 251, 250, var(--tw-text-opacity));
1093
+ }
1094
+
1095
+ @media (min-width: 768px) {
1096
+ .footer {
1097
+ padding-top: 2rem;
1098
+ padding-bottom: 2rem;
1099
+ padding-left: 0.5rem;
1100
+ padding-right: 0.5rem;
1101
+ }
1102
+ }
1103
+
1104
+ .footer-actions > * {
1105
+ margin-bottom: 0.5rem;
1106
+ }
1107
+
1108
+ .footer .container {
1109
+ display: -webkit-box;
1110
+ display: -webkit-flex;
1111
+ display: -moz-box;
1112
+ display: flex;
1113
+ -webkit-box-align: center;
1114
+ -webkit-align-items: center;
1115
+ -moz-box-align: center;
1116
+ align-items: center;
1117
+ -webkit-box-pack: center;
1118
+ -webkit-justify-content: center;
1119
+ -moz-box-pack: center;
1120
+ justify-content: center;
1121
+ }
1122
+
1123
+ .footer .container > * {
1124
+ margin-bottom: 0.5rem;
1125
+ color: inherit;
1126
+ }
1127
+
1128
+ .footer-logo {
1129
+ padding-left: 1.75rem;
1130
+ --tw-invert: invert(100%);
1131
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1132
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1133
+ }
1134
+
1135
+ /* Images and Icons */
1136
+
1137
+ .logo {
1138
+ position: relative;
1139
+ max-width: 80%;
1140
+ text-decoration-thickness: 0px;
1141
+ }
1142
+
1143
+ @media (prefers-color-scheme: dark) {
1144
+ .logo {
1145
+ --tw-invert: invert(100%);
1146
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1147
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1148
+ }
1149
+ }
1150
+
1151
+ @media (min-width: 500px) {
1152
+ .logo {
1153
+ max-width: none;
1154
+ }
1155
+ }
1156
+
1157
+ .tile-icon {
1158
+ max-width: 120px;
1159
+ }
1160
+
1161
+ /* Nav */
1162
+
1163
+ .nav {
1164
+ position: relative;
1165
+ z-index: 40;
1166
+ display: -webkit-box;
1167
+ display: -webkit-flex;
1168
+ display: -moz-box;
1169
+ display: flex;
1170
+ --tw-bg-opacity: 1;
1171
+ background-color: rgba(var(--color-neutral-400)/var(--tw-bg-opacity));
1172
+ }
1173
+
1174
+ @media not all and (min-width: 1024px) {
1175
+ .nav {
1176
+ position: absolute;
1177
+ left: 0px;
1178
+ top: 104px;
1179
+ height: -moz-calc(100vh - 104px);
1180
+ height: calc(100vh - 104px);
1181
+ width: 100%;
1182
+ -webkit-box-orient: vertical;
1183
+ -webkit-box-direction: normal;
1184
+ -webkit-flex-direction: column;
1185
+ -moz-box-orient: vertical;
1186
+ -moz-box-direction: normal;
1187
+ flex-direction: column;
1188
+ padding: 1.5rem;
1189
+ }
1190
+ }
1191
+
1192
+ @media (min-width: 1024px) {
1193
+ .nav {
1194
+ -webkit-box-align: center;
1195
+ -webkit-align-items: center;
1196
+ -moz-box-align: center;
1197
+ align-items: center;
1198
+ -webkit-box-pack: center;
1199
+ -webkit-justify-content: center;
1200
+ -moz-box-pack: center;
1201
+ justify-content: center;
1202
+ background-color: transparent;
1203
+ }
1204
+ }
1205
+
1206
+ .nav-open-button {
1207
+ display: -webkit-box;
1208
+ display: -webkit-flex;
1209
+ display: -moz-box;
1210
+ display: flex;
1211
+ cursor: pointer;
1212
+ -webkit-box-align: center;
1213
+ -webkit-align-items: center;
1214
+ -moz-box-align: center;
1215
+ align-items: center;
1216
+ font-size: 1.25rem;
1217
+ }
1218
+
1219
+ @media (min-width: 1024px) {
1220
+ .nav-open-button {
1221
+ display: none;
1222
+ }
1223
+ }
1224
+
1225
+ .nav-link {
1226
+ position: relative;
1227
+ display: inline-block;
1228
+ -webkit-flex-basis: max-content;
1229
+ flex-basis: max-content;
1230
+ padding: 0.5rem;
1231
+ text-align: left;
1232
+ vertical-align: top;
1233
+ font-size: 1.125rem;
1234
+ font-weight: 500;
1235
+ --tw-text-opacity: 1;
1236
+ color: rgba(var(--color-neutral-800)/var(--tw-text-opacity));
1237
+ text-decoration-thickness: 0px;
1238
+ }
1239
+
1240
+ @media (min-width: 1024px) {
1241
+ .nav-link {
1242
+ margin-left: 0.5rem;
1243
+ margin-right: 0.5rem;
1244
+ margin-bottom: 0.5rem;
1245
+ -webkit-flex-shrink: 0;
1246
+ flex-shrink: 0;
1247
+ -webkit-box-flex: 1;
1248
+ -webkit-flex-grow: 1;
1249
+ -moz-box-flex: 1;
1250
+ flex-grow: 1;
1251
+ }
1252
+ }
1253
+
1254
+ /* Buttons */
1255
+
1256
+ .button {
1257
+ margin-left: 0.25rem;
1258
+ margin-right: 0.25rem;
1259
+ display: inline-block;
1260
+ width: 100%;
1261
+ cursor: pointer;
1262
+ border-radius: 0px;
1263
+ border-width: 0px;
1264
+ --tw-bg-opacity: 1;
1265
+ background-color: rgba(var(--color-brand-gold)/var(--tw-bg-opacity));
1266
+ padding-left: 1.5rem;
1267
+ padding-right: 1.5rem;
1268
+ padding-top: 0.75rem;
1269
+ padding-bottom: 0.75rem;
1270
+ text-align: center;
1271
+ font-size: 1.125rem;
1272
+ font-weight: 600;
1273
+ --tw-text-opacity: 1;
1274
+ color: rgba(var(--color-neutral-100)/var(--tw-text-opacity));
1275
+ text-decoration-thickness: 0px;
1276
+ }
1277
+
1278
+ .button:hover {
1279
+ --tw-brightness: brightness(.85);
1280
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1281
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1282
+ }
1283
+
1284
+ @media (min-width: 640px) {
1285
+ .button {
1286
+ max-width: -webkit-max-content;
1287
+ max-width: -moz-max-content;
1288
+ max-width: max-content;
1289
+ }
1290
+ }
1291
+
1292
+ @media (min-width: 1024px) {
1293
+ .button {
1294
+ font-size: 1.25rem;
1295
+ }
1296
+ }
1297
+
1298
+ .button-outline {
1299
+ margin-left: 0.25rem;
1300
+ margin-right: 0.25rem;
1301
+ display: inline-block;
1302
+ width: 100%;
1303
+ cursor: pointer;
1304
+ border-radius: 0px;
1305
+ border-width: 0px;
1306
+ --tw-bg-opacity: 1;
1307
+ background-color: rgba(var(--color-brand-gold)/var(--tw-bg-opacity));
1308
+ padding-left: 1.5rem;
1309
+ padding-right: 1.5rem;
1310
+ padding-top: 0.75rem;
1311
+ padding-bottom: 0.75rem;
1312
+ text-align: center;
1313
+ font-size: 1.125rem;
1314
+ font-weight: 600;
1315
+ --tw-text-opacity: 1;
1316
+ color: rgba(var(--color-neutral-100)/var(--tw-text-opacity));
1317
+ text-decoration-thickness: 0px;
1318
+ }
1319
+
1320
+ .button-outline:hover {
1321
+ --tw-brightness: brightness(.85);
1322
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1323
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1324
+ }
1325
+
1326
+ @media (min-width: 640px) {
1327
+ .button-outline {
1328
+ max-width: -webkit-max-content;
1329
+ max-width: -moz-max-content;
1330
+ max-width: max-content;
1331
+ }
1332
+ }
1333
+
1334
+ @media (min-width: 1024px) {
1335
+ .button-outline {
1336
+ font-size: 1.25rem;
1337
+ }
1338
+ }
1339
+
1340
+ .button-outline {
1341
+ border-width: 2px;
1342
+ border-style: solid;
1343
+ --tw-border-opacity: 1;
1344
+ border-color: rgba(var(--color-brand-gold)/var(--tw-border-opacity));
1345
+ background-color: transparent;
1346
+ --tw-text-opacity: 1;
1347
+ color: rgba(var(--color-brand-gold)/var(--tw-text-opacity));
1348
+ }
1349
+
1350
+ /* Form */
1351
+
1352
+ .form {
1353
+ margin-bottom: 1rem;
1354
+ width: 100%;
1355
+ }
1356
+
1357
+ /* Inputs */
1358
+
1359
+ .input {
1360
+ margin-bottom: 0.5rem;
1361
+ display: block;
1362
+ height: 2.25rem;
1363
+ width: 100%;
1364
+ border-width: 1px;
1365
+ border-style: solid;
1366
+ --tw-border-opacity: 1;
1367
+ border-color: rgba(var(--color-neutral-300)/var(--tw-border-opacity));
1368
+ --tw-bg-opacity: 1;
1369
+ background-color: rgba(var(--color-neutral-50)/var(--tw-bg-opacity));
1370
+ padding-left: 0.75rem;
1371
+ padding-right: 0.75rem;
1372
+ padding-top: 0.5rem;
1373
+ padding-bottom: 0.5rem;
1374
+ vertical-align: middle;
1375
+ font-size: 0.875rem;
1376
+ line-height: 1.5;
1377
+ --tw-text-opacity: 1;
1378
+ color: rgba(var(--color-neutral-700)/var(--tw-text-opacity));
1379
+ }
1380
+
1381
+ @media (prefers-color-scheme: dark) {
1382
+ .input {
1383
+ --tw-bg-opacity: 1;
1384
+ background-color: rgba(var(--color-neutral-950)/var(--tw-bg-opacity));
1385
+ }
1386
+ }
1387
+
1388
+ .input:-moz-placeholder,
1389
+ .input:-ms-input-placeholder,
1390
+ .input::-webkit-input-placeholder {
1391
+ --tw-text-opacity: 1;
1392
+ color: rgba(var(--color-neutral-500)/var(--tw-text-opacity));
1393
+ }
1394
+
1395
+ .input:focus {
1396
+ border-width: 2px;
1397
+ border-style: solid;
1398
+ --tw-border-opacity: 1;
1399
+ border-color: rgba(var(--color-brand-blue-light)/var(--tw-border-opacity));
1400
+ outline-width: 0px;
1401
+ }
1402
+
1403
+ /* Input - text */
1404
+
1405
+ .input-text {
1406
+ height: 3rem;
1407
+ font-size: 1.125rem;
1408
+ }
1409
+
1410
+ .relative {
1411
+ position: relative;
1412
+ }
1413
+
1414
+ .m-0 {
1415
+ margin: 0px;
1416
+ }
1417
+
1418
+ .mx-0 {
1419
+ margin-left: 0px;
1420
+ margin-right: 0px;
1421
+ }
1422
+
1423
+ .mx-1 {
1424
+ margin-left: 0.25rem;
1425
+ margin-right: 0.25rem;
1426
+ }
1427
+
1428
+ .mx-auto {
1429
+ margin-left: auto;
1430
+ margin-right: auto;
1431
+ }
1432
+
1433
+ .my-4 {
1434
+ margin-top: 1rem;
1435
+ margin-bottom: 1rem;
1436
+ }
1437
+
1438
+ .mb-2 {
1439
+ margin-bottom: 0.5rem;
1440
+ }
1441
+
1442
+ .mb-4 {
1443
+ margin-bottom: 1rem;
1444
+ }
1445
+
1446
+ .mb-\[\.625rem\] {
1447
+ margin-bottom: .625rem;
1448
+ }
1449
+
1450
+ .mt-0 {
1451
+ margin-top: 0px;
1452
+ }
1453
+
1454
+ .mt-12 {
1455
+ margin-top: 3rem;
1456
+ }
1457
+
1458
+ .mt-8 {
1459
+ margin-top: 2rem;
1460
+ }
1461
+
1462
+ .mt-\[\.625rem\] {
1463
+ margin-top: .625rem;
1464
+ }
1465
+
1466
+ .mt-auto {
1467
+ margin-top: auto;
1468
+ }
1469
+
1470
+ .block {
1471
+ display: block;
1472
+ }
1473
+
1474
+ .inline-block {
1475
+ display: inline-block;
1476
+ }
1477
+
1478
+ .flex {
1479
+ display: -webkit-box;
1480
+ display: -webkit-flex;
1481
+ display: -moz-box;
1482
+ display: flex;
1483
+ }
1484
+
1485
+ .grid {
1486
+ display: grid;
1487
+ }
1488
+
1489
+ .h-12 {
1490
+ height: 3rem;
1491
+ }
1492
+
1493
+ .h-9 {
1494
+ height: 2.25rem;
1495
+ }
1496
+
1497
+ .max-w-\[120px\] {
1498
+ max-width: 120px;
1499
+ }
1500
+
1501
+ .max-w-\[30ch\] {
1502
+ max-width: 30ch;
1503
+ }
1504
+
1505
+ .max-w-\[43ch\] {
1506
+ max-width: 43ch;
1507
+ }
1508
+
1509
+ .max-w-\[80\%\] {
1510
+ max-width: 80%;
1511
+ }
1512
+
1513
+ .max-w-full {
1514
+ max-width: 100%;
1515
+ }
1516
+
1517
+ .max-w-none {
1518
+ max-width: none;
1519
+ }
1520
+
1521
+ .basis-\[max-content\] {
1522
+ -webkit-flex-basis: max-content;
1523
+ flex-basis: max-content;
1524
+ }
1525
+
1526
+ .cursor-pointer {
1527
+ cursor: pointer;
1528
+ }
1529
+
1530
+ .grid-cols-1 {
1531
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1532
+ }
1533
+
1534
+ .flex-col {
1535
+ -webkit-box-orient: vertical;
1536
+ -webkit-box-direction: normal;
1537
+ -webkit-flex-direction: column;
1538
+ -moz-box-orient: vertical;
1539
+ -moz-box-direction: normal;
1540
+ flex-direction: column;
1541
+ }
1542
+
1543
+ .items-start {
1544
+ -webkit-box-align: start;
1545
+ -webkit-align-items: flex-start;
1546
+ -moz-box-align: start;
1547
+ align-items: flex-start;
1548
+ }
1549
+
1550
+ .items-center {
1551
+ -webkit-box-align: center;
1552
+ -webkit-align-items: center;
1553
+ -moz-box-align: center;
1554
+ align-items: center;
1555
+ }
1556
+
1557
+ .justify-start {
1558
+ -webkit-box-pack: start;
1559
+ -webkit-justify-content: flex-start;
1560
+ -moz-box-pack: start;
1561
+ justify-content: flex-start;
1562
+ }
1563
+
1564
+ .justify-between {
1565
+ -webkit-box-pack: justify;
1566
+ -webkit-justify-content: space-between;
1567
+ -moz-box-pack: justify;
1568
+ justify-content: space-between;
1569
+ }
1570
+
1571
+ .gap-4 {
1572
+ gap: 1rem;
1573
+ }
1574
+
1575
+ .overflow-scroll {
1576
+ overflow: scroll;
1577
+ }
1578
+
1579
+ .rounded-none {
1580
+ border-radius: 0px;
1581
+ }
1582
+
1583
+ .border-0 {
1584
+ border-width: 0px;
1585
+ }
1586
+
1587
+ .border-2 {
1588
+ border-width: 2px;
1589
+ }
1590
+
1591
+ .border-\[1px\] {
1592
+ border-width: 1px;
1593
+ }
1594
+
1595
+ .border-solid {
1596
+ border-style: solid;
1597
+ }
1598
+
1599
+ .border-brand-blue-light {
1600
+ --tw-border-opacity: 1;
1601
+ border-color: rgba(var(--color-brand-blue-light)/var(--tw-border-opacity));
1602
+ }
1603
+
1604
+ .border-brand-gold {
1605
+ --tw-border-opacity: 1;
1606
+ border-color: rgba(var(--color-brand-gold)/var(--tw-border-opacity));
1607
+ }
1608
+
1609
+ .border-brand-wine {
1610
+ --tw-border-opacity: 1;
1611
+ border-color: rgba(var(--color-brand-wine)/var(--tw-border-opacity));
1612
+ }
1613
+
1614
+ .border-neutral-300 {
1615
+ --tw-border-opacity: 1;
1616
+ border-color: rgba(var(--color-neutral-300)/var(--tw-border-opacity));
1617
+ }
1618
+
1619
+ .border-opacity-20 {
1620
+ --tw-border-opacity: 0.2;
1621
+ }
1622
+
1623
+ .bg-brand-gold {
1624
+ --tw-bg-opacity: 1;
1625
+ background-color: rgba(var(--color-brand-gold)/var(--tw-bg-opacity));
1626
+ }
1627
+
1628
+ .bg-brand-wine {
1629
+ --tw-bg-opacity: 1;
1630
+ background-color: rgba(var(--color-brand-wine)/var(--tw-bg-opacity));
1631
+ }
1632
+
1633
+ .bg-neutral-400 {
1634
+ --tw-bg-opacity: 1;
1635
+ background-color: rgba(var(--color-neutral-400)/var(--tw-bg-opacity));
1636
+ }
1637
+
1638
+ .bg-neutral-50 {
1639
+ --tw-bg-opacity: 1;
1640
+ background-color: rgba(var(--color-neutral-50)/var(--tw-bg-opacity));
1641
+ }
1642
+
1643
+ .bg-transparent {
1644
+ background-color: transparent;
1645
+ }
1646
+
1647
+ .box-decoration-clone {
1648
+ -webkit-box-decoration-break: clone;
1649
+ box-decoration-break: clone;
1650
+ }
1651
+
1652
+ .p-2 {
1653
+ padding: 0.5rem;
1654
+ }
1655
+
1656
+ .p-4 {
1657
+ padding: 1rem;
1658
+ }
1659
+
1660
+ .p-5 {
1661
+ padding: 1.25rem;
1662
+ }
1663
+
1664
+ .p-8 {
1665
+ padding: 2rem;
1666
+ }
1667
+
1668
+ .px-2 {
1669
+ padding-left: 0.5rem;
1670
+ padding-right: 0.5rem;
1671
+ }
1672
+
1673
+ .px-3 {
1674
+ padding-left: 0.75rem;
1675
+ padding-right: 0.75rem;
1676
+ }
1677
+
1678
+ .px-6 {
1679
+ padding-left: 1.5rem;
1680
+ padding-right: 1.5rem;
1681
+ }
1682
+
1683
+ .py-2 {
1684
+ padding-top: 0.5rem;
1685
+ padding-bottom: 0.5rem;
1686
+ }
1687
+
1688
+ .py-3 {
1689
+ padding-top: 0.75rem;
1690
+ padding-bottom: 0.75rem;
1691
+ }
1692
+
1693
+ .pb-0 {
1694
+ padding-bottom: 0px;
1695
+ }
1696
+
1697
+ .pb-1 {
1698
+ padding-bottom: 0.25rem;
1699
+ }
1700
+
1701
+ .pt-1 {
1702
+ padding-top: 0.25rem;
1703
+ }
1704
+
1705
+ .pt-2 {
1706
+ padding-top: 0.5rem;
1707
+ }
1708
+
1709
+ .text-left {
1710
+ text-align: left;
1711
+ }
1712
+
1713
+ .text-center {
1714
+ text-align: center;
1715
+ }
1716
+
1717
+ .align-top {
1718
+ vertical-align: top;
1719
+ }
1720
+
1721
+ .align-middle {
1722
+ vertical-align: middle;
1723
+ }
1724
+
1725
+ .font-mono {
1726
+ font-family: "Source Code Pro", monospace, ui-monospace, SFMono-Regular;
1727
+ }
1728
+
1729
+ .font-sans {
1730
+ font-family: "Libre Franklin", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
1731
+ }
1732
+
1733
+ .text-\[2\.625rem\] {
1734
+ font-size: 2.625rem;
1735
+ }
1736
+
1737
+ .text-lg {
1738
+ font-size: 1.125rem;
1739
+ }
1740
+
1741
+ .text-med {
1742
+ font-size: 1rem;
1743
+ }
1744
+
1745
+ .text-sm {
1746
+ font-size: 0.875rem;
1747
+ }
1748
+
1749
+ .text-xl {
1750
+ font-size: 1.25rem;
1751
+ }
1752
+
1753
+ .font-bold {
1754
+ font-weight: 700;
1755
+ }
1756
+
1757
+ .font-extrabold {
1758
+ font-weight: 800;
1759
+ }
1760
+
1761
+ .font-light {
1762
+ font-weight: 300;
1763
+ }
1764
+
1765
+ .font-medium {
1766
+ font-weight: 500;
1767
+ }
1768
+
1769
+ .font-normal {
1770
+ font-weight: 400;
1771
+ }
1772
+
1773
+ .font-semibold {
1774
+ font-weight: 600;
1775
+ }
1776
+
1777
+ .uppercase {
1778
+ text-transform: uppercase;
1779
+ }
1780
+
1781
+ .italic {
1782
+ font-style: italic;
1783
+ }
1784
+
1785
+ .leading-normal {
1786
+ line-height: 1.5;
1787
+ }
1788
+
1789
+ .leading-tight {
1790
+ line-height: 1.25;
1791
+ }
1792
+
1793
+ .tracking-\[\.07em\] {
1794
+ letter-spacing: .07em;
1795
+ }
1796
+
1797
+ .tracking-\[\.1em\] {
1798
+ letter-spacing: .1em;
1799
+ }
1800
+
1801
+ .tracking-\[\.8125rem\] {
1802
+ letter-spacing: .8125rem;
1803
+ }
1804
+
1805
+ .text-\[rgba\(255\2c 251\2c 250\)\] {
1806
+ --tw-text-opacity: 1;
1807
+ color: rgba(255, 251, 250, var(--tw-text-opacity));
1808
+ }
1809
+
1810
+ .text-brand-gold {
1811
+ --tw-text-opacity: 1;
1812
+ color: rgba(var(--color-brand-gold)/var(--tw-text-opacity));
1813
+ }
1814
+
1815
+ .text-neutral-100 {
1816
+ --tw-text-opacity: 1;
1817
+ color: rgba(var(--color-neutral-100)/var(--tw-text-opacity));
1818
+ }
1819
+
1820
+ .text-neutral-700 {
1821
+ --tw-text-opacity: 1;
1822
+ color: rgba(var(--color-neutral-700)/var(--tw-text-opacity));
1823
+ }
1824
+
1825
+ .text-neutral-950 {
1826
+ --tw-text-opacity: 1;
1827
+ color: rgba(var(--color-neutral-950)/var(--tw-text-opacity));
1828
+ }
1829
+
1830
+ .decoration-solid {
1831
+ -webkit-text-decoration-style: solid;
1832
+ -moz-text-decoration-style: solid;
1833
+ text-decoration-style: solid;
1834
+ }
1835
+
1836
+ .decoration-0 {
1837
+ text-decoration-thickness: 0px;
1838
+ }
1839
+
1840
+ .decoration-\[6\%\] {
1841
+ text-decoration-thickness: 6%;
1842
+ }
1843
+
1844
+ .underline-offset-\[5\%\] {
1845
+ text-underline-offset: 5%;
1846
+ }
1847
+
1848
+ .invert {
1849
+ --tw-invert: invert(100%);
1850
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1851
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1852
+ }
1853
+
1854
+ /* Current nav page */
1855
+
1856
+ .current {
1857
+ --tw-text-opacity: 1;
1858
+ color: rgba(var(--color-neutral-700)/var(--tw-text-opacity));
1859
+ }
1860
+
1861
+ @media (min-width: 1024px) {
1862
+ .current {
1863
+ border-width: 2px;
1864
+ border-style: solid;
1865
+ --tw-border-opacity: 1;
1866
+ border-color: rgba(var(--color-neutral-400)/var(--tw-border-opacity));
1867
+ }
1868
+ }
1869
+
1870
+ /* Hide up to the lg breakpoint (use for nav) */
1871
+
1872
+ @media not all and (min-width: 1024px) {
1873
+ .hide-max-lg {
1874
+ display: none;
1875
+ }
1876
+ }
1877
+
1878
+ /* Lock any scroll container (used for body when mobile nav open) */
1879
+
1880
+ .lock-scroll {
1881
+ overflow: hidden;
1882
+ }
1883
+
1884
+ /* Text */
1885
+
1886
+ .citation {
1887
+ margin-bottom: 0px;
1888
+ font-style: italic;
1889
+ }
1890
+
1891
+ .shout {
1892
+ margin-top: 0px;
1893
+ max-width: 30ch;
1894
+ font-size: 2rem;
1895
+ font-weight: 500;
1896
+ line-height: 1.25;
1897
+ }
1898
+
1899
+ @media (min-width: 768px) {
1900
+ .shout {
1901
+ font-size: 3rem;
1902
+ }
1903
+ }
1904
+
1905
+ /* Layout */
1906
+
1907
+ .boxed {
1908
+ margin-top: 1rem;
1909
+ margin-bottom: 1rem;
1910
+ margin-left: 0px;
1911
+ margin-right: 0px;
1912
+ border-width: 2px;
1913
+ border-style: solid;
1914
+ border-color: rgba(var(--color-brand-wine)/var(--tw-border-opacity));
1915
+ --tw-border-opacity: 0.2;
1916
+ padding: 1rem;
1917
+ }
1918
+
1919
+ .layout-grid {
1920
+ display: grid;
1921
+ width: 100%;
1922
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1923
+ gap: 1rem;
1924
+ }
1925
+
1926
+ @media (min-width: 768px) {
1927
+ .layout-grid {
1928
+ gap: 2rem;
1929
+ }
1930
+ }
1931
+
1932
+ .layout-grid-2 {
1933
+ -webkit-box-align: start;
1934
+ -webkit-align-items: flex-start;
1935
+ -moz-box-align: start;
1936
+ align-items: flex-start;
1937
+ display: grid;
1938
+ width: 100%;
1939
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1940
+ gap: 1rem;
1941
+ }
1942
+
1943
+ @media (min-width: 768px) {
1944
+ .layout-grid-2 {
1945
+ gap: 2rem;
1946
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1947
+ }
1948
+ }
1949
+
1950
+ .layout-grid-3 {
1951
+ display: grid;
1952
+ width: 100%;
1953
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1954
+ gap: 1rem;
1955
+ }
1956
+
1957
+ @media (min-width: 768px) {
1958
+ .layout-grid-3 {
1959
+ gap: 2rem;
1960
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1961
+ }
1962
+ }
1963
+
1964
+ @media (min-width: 1024px) {
1965
+ .layout-grid-3 {
1966
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1967
+ }
1968
+ }
1969
+
1970
+ .grid-item-span-2 {
1971
+ grid-column: span 1 / span 1;
1972
+ }
1973
+
1974
+ @media (min-width: 768px) {
1975
+ .grid-item-span-2 {
1976
+ grid-column: span 2 / span 2;
1977
+ }
1978
+ }
1979
+
1980
+ .grid-item-span-3 {
1981
+ grid-column: span 1 / span 1;
1982
+ }
1983
+
1984
+ @media (min-width: 768px) {
1985
+ .grid-item-span-3 {
1986
+ grid-column: span 2 / span 2;
1987
+ }
1988
+ }
1989
+
1990
+ @media (min-width: 1024px) {
1991
+ .grid-item-span-3 {
1992
+ grid-column: span 3 / span 3;
1993
+ }
1994
+ }
1995
+
1996
+ .hover\:brightness-85:hover {
1997
+ --tw-brightness: brightness(.85);
1998
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1999
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2000
+ }
2001
+
2002
+ @media (prefers-color-scheme: dark) {
2003
+ .dark\:bg-neutral-300 {
2004
+ --tw-bg-opacity: 1;
2005
+ background-color: rgba(var(--color-neutral-300)/var(--tw-bg-opacity));
2006
+ }
2007
+
2008
+ .dark\:bg-neutral-950 {
2009
+ --tw-bg-opacity: 1;
2010
+ background-color: rgba(var(--color-neutral-950)/var(--tw-bg-opacity));
2011
+ }
2012
+
2013
+ .dark\:invert {
2014
+ --tw-invert: invert(100%);
2015
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2016
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2017
+ }
2018
+ }
2019
+
2020
+ @media not all and (min-width: 1024px) {
2021
+ .max-lg\:absolute {
2022
+ position: absolute;
2023
+ }
2024
+
2025
+ .max-lg\:left-0 {
2026
+ left: 0px;
2027
+ }
2028
+
2029
+ .max-lg\:top-\[104px\] {
2030
+ top: 104px;
2031
+ }
2032
+
2033
+ .max-lg\:hidden {
2034
+ display: none;
2035
+ }
2036
+
2037
+ .max-lg\:h-\[calc\(100vh-104px\)\] {
2038
+ height: -moz-calc(100vh - 104px);
2039
+ height: calc(100vh - 104px);
2040
+ }
2041
+
2042
+ .max-lg\:flex-col {
2043
+ -webkit-box-orient: vertical;
2044
+ -webkit-box-direction: normal;
2045
+ -webkit-flex-direction: column;
2046
+ -moz-box-orient: vertical;
2047
+ -moz-box-direction: normal;
2048
+ flex-direction: column;
2049
+ }
2050
+
2051
+ .max-lg\:p-6 {
2052
+ padding: 1.5rem;
2053
+ }
2054
+ }
2055
+
2056
+ @media (min-width: 500px) {
2057
+ .xs\:max-w-3xl {
2058
+ max-width: 48rem;
2059
+ }
2060
+ }
2061
+
2062
+ @media (min-width: 768px) {
2063
+ .md\:col-span-2 {
2064
+ grid-column: span 2 / span 2;
2065
+ }
2066
+
2067
+ .md\:grid-cols-2 {
2068
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2069
+ }
2070
+
2071
+ .md\:py-8 {
2072
+ padding-top: 2rem;
2073
+ padding-bottom: 2rem;
2074
+ }
2075
+ }
2076
+
2077
+ @media (min-width: 1024px) {
2078
+ .lg\:mx-2 {
2079
+ margin-left: 0.5rem;
2080
+ margin-right: 0.5rem;
2081
+ }
2082
+
2083
+ .lg\:hidden {
2084
+ display: none;
2085
+ }
2086
+
2087
+ .lg\:flex-shrink-0 {
2088
+ -webkit-flex-shrink: 0;
2089
+ flex-shrink: 0;
2090
+ }
2091
+
2092
+ .lg\:flex-grow {
2093
+ -webkit-box-flex: 1;
2094
+ -webkit-flex-grow: 1;
2095
+ -moz-box-flex: 1;
2096
+ flex-grow: 1;
2097
+ }
2098
+
2099
+ .lg\:items-center {
2100
+ -webkit-box-align: center;
2101
+ -webkit-align-items: center;
2102
+ -moz-box-align: center;
2103
+ align-items: center;
2104
+ }
2105
+
2106
+ .lg\:justify-center {
2107
+ -webkit-box-pack: center;
2108
+ -webkit-justify-content: center;
2109
+ -moz-box-pack: center;
2110
+ justify-content: center;
2111
+ }
2112
+
2113
+ .lg\:border-2 {
2114
+ border-width: 2px;
2115
+ }
2116
+
2117
+ .lg\:border-solid {
2118
+ border-style: solid;
2119
+ }
2120
+
2121
+ .lg\:border-neutral-400 {
2122
+ --tw-border-opacity: 1;
2123
+ border-color: rgba(var(--color-neutral-400)/var(--tw-border-opacity));
2124
+ }
2125
+
2126
+ .lg\:bg-transparent {
2127
+ background-color: transparent;
2128
+ }
2129
+
2130
+ .lg\:text-xl {
2131
+ font-size: 1.25rem;
2132
+ }
2133
+ }