1/**
2 * Path: internal/ui/public/assets/css/custom.css
3 *
4 * @format
5 */
6
7/* Embeded path : assets/css/cutsom.css */
8
9/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
10 */
11
12/*
131. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
142. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
15*/
16
17*,
18::before,
19::after {
20 box-sizing: border-box;
21 /* 1 */
22 border-width: 0;
23 /* 2 */
24 border-style: solid;
25 /* 2 */
26 border-color: #e5e7eb;
27 /* 2 */
28}
29
30::before,
31::after {
32 --tw-content: '';
33}
34
35/*
361. Use a consistent sensible line-height in all browsers.
372. Prevent adjustments of font size after orientation changes in iOS.
383. Use a more readable tab size.
394. Use the user's configured `sans` font-family by default.
405. Use the user's configured `sans` font-feature-settings by default.
416. Use the user's configured `sans` font-variation-settings by default.
42*/
43
44html {
45 line-height: 1.5;
46 /* 1 */
47 -webkit-text-size-adjust: 100%;
48 /* 2 */
49 -moz-tab-size: 4;
50 /* 3 */
51 -o-tab-size: 4;
52 tab-size: 4;
53 /* 3 */
54 font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
55 /* 4 */
56 font-feature-settings: normal;
57 /* 5 */
58 font-variation-settings: normal;
59 /* 6 */
60}
61
62/*
631. Remove the margin in all browsers.
642. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
65*/
66
67body {
68 margin: 0;
69 /* 1 */
70 line-height: inherit;
71 /* 2 */
72}
73
74/*
751. Add the correct height in Firefox.
762. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
773. Ensure horizontal rules are visible by default.
78*/
79
80hr {
81 height: 0;
82 /* 1 */
83 color: inherit;
84 /* 2 */
85 border-top-width: 1px;
86 /* 3 */
87}
88
89/*
90Add the correct text decoration in Chrome, Edge, and Safari.
91*/
92
93abbr:where([title]) {
94 -webkit-text-decoration: underline dotted;
95 text-decoration: underline dotted;
96}
97
98/*
99Remove the default font size and weight for headings.
100*/
101
102h1,
103h2,
104h3,
105h4,
106h5,
107h6 {
108 font-size: inherit;
109 font-weight: inherit;
110}
111
112/*
113Reset links to optimize for opt-in styling instead of opt-out.
114*/
115
116a {
117 color: inherit;
118 text-decoration: inherit;
119}
120
121/*
122Add the correct font weight in Edge and Safari.
123*/
124
125b,
126strong {
127 font-weight: bolder;
128}
129
130/*
1311. Use the user's configured `mono` font family by default.
1322. Correct the odd `em` font sizing in all browsers.
133*/
134
135code,
136kbd,
137samp,
138pre {
139 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
140 /* 1 */
141 font-size: 1em;
142 /* 2 */
143}
144
145/*
146Add the correct font size in all browsers.
147*/
148
149small {
150 font-size: 80%;
151}
152
153/*
154Prevent `sub` and `sup` elements from affecting the line height in all browsers.
155*/
156
157sub,
158sup {
159 font-size: 75%;
160 line-height: 0;
161 position: relative;
162 vertical-align: baseline;
163}
164
165sub {
166 bottom: -0.25em;
167}
168
169sup {
170 top: -0.5em;
171}
172
173/*
1741. 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)
1752. 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)
1763. Remove gaps between table borders by default.
177*/
178
179table {
180 text-indent: 0;
181 /* 1 */
182 border-color: inherit;
183 /* 2 */
184 border-collapse: collapse;
185 /* 3 */
186}
187
188/*
1891. Change the font styles in all browsers.
1902. Remove the margin in Firefox and Safari.
1913. Remove default padding in all browsers.
192*/
193
194button,
195input,
196optgroup,
197select,
198textarea {
199 font-family: inherit;
200 /* 1 */
201 font-feature-settings: inherit;
202 /* 1 */
203 font-variation-settings: inherit;
204 /* 1 */
205 font-size: 100%;
206 /* 1 */
207 font-weight: inherit;
208 /* 1 */
209 line-height: inherit;
210 /* 1 */
211 color: inherit;
212 /* 1 */
213 margin: 0;
214 /* 2 */
215 padding: 0;
216 /* 3 */
217}
218
219/*
220Remove the inheritance of text transform in Edge and Firefox.
221*/
222
223button,
224select {
225 text-transform: none;
226}
227
228/*
2291. Correct the inability to style clickable types in iOS and Safari.
2302. Remove default button styles.
231*/
232
233button,
234[type='button'],
235[type='reset'],
236[type='submit'] {
237 -webkit-appearance: button;
238 /* 1 */
239 background-color: transparent;
240 /* 2 */
241 background-image: none;
242 /* 2 */
243}
244
245/*
246Use the modern Firefox focus style for all focusable elements.
247*/
248
249:-moz-focusring {
250 outline: auto;
251}
252
253/*
254Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
255*/
256
257:-moz-ui-invalid {
258 box-shadow: none;
259}
260
261/*
262Add the correct vertical alignment in Chrome and Firefox.
263*/
264
265progress {
266 vertical-align: baseline;
267}
268
269/*
270Correct the cursor style of increment and decrement buttons in Safari.
271*/
272
273::-webkit-inner-spin-button,
274::-webkit-outer-spin-button {
275 height: auto;
276}
277
278/*
2791. Correct the odd appearance in Chrome and Safari.
2802. Correct the outline style in Safari.
281*/
282
283[type='search'] {
284 -webkit-appearance: textfield;
285 /* 1 */
286 outline-offset: -2px;
287 /* 2 */
288}
289
290/*
291Remove the inner padding in Chrome and Safari on macOS.
292*/
293
294::-webkit-search-decoration {
295 -webkit-appearance: none;
296}
297
298/*
2991. Correct the inability to style clickable types in iOS and Safari.
3002. Change font properties to `inherit` in Safari.
301*/
302
303::-webkit-file-upload-button {
304 -webkit-appearance: button;
305 /* 1 */
306 font: inherit;
307 /* 2 */
308}
309
310/*
311Add the correct display in Chrome and Safari.
312*/
313
314summary {
315 display: list-item;
316}
317
318/*
319Removes the default spacing and border for appropriate elements.
320*/
321
322blockquote,
323dl,
324dd,
325h1,
326h2,
327h3,
328h4,
329h5,
330h6,
331hr,
332figure,
333p,
334pre {
335 margin: 0;
336}
337
338fieldset {
339 margin: 0;
340 padding: 0;
341}
342
343legend {
344 padding: 0;
345}
346
347ol,
348ul,
349menu {
350 list-style: none;
351 margin: 0;
352 padding: 0;
353}
354
355/*
356Reset default styling for dialogs.
357*/
358
359dialog {
360 padding: 0;
361}
362
363/*
364Prevent resizing textareas horizontally by default.
365*/
366
367textarea {
368 resize: vertical;
369}
370
371/*
3721. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
3732. Set the default placeholder color to the user's configured gray 400 color.
374*/
375
376input::-moz-placeholder, textarea::-moz-placeholder {
377 opacity: 1;
378 /* 1 */
379 color: #9ca3af;
380 /* 2 */
381}
382
383input::placeholder,
384textarea::placeholder {
385 opacity: 1;
386 /* 1 */
387 color: #9ca3af;
388 /* 2 */
389}
390
391/*
392Set the default cursor for buttons.
393*/
394
395button,
396[role="button"] {
397 cursor: pointer;
398}
399
400/*
401Make sure disabled buttons don't get the pointer cursor.
402*/
403
404:disabled {
405 cursor: default;
406}
407
408/*
4091. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
4102. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
411 This can trigger a poorly considered lint error in some tools but is included by design.
412*/
413
414img,
415svg,
416video,
417canvas,
418audio,
419iframe,
420embed,
421object {
422 display: block;
423 /* 1 */
424 vertical-align: middle;
425 /* 2 */
426}
427
428/*
429Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
430*/
431
432img,
433video {
434 max-width: 100%;
435 height: auto;
436}
437
438/* Make elements with the HTML hidden attribute stay hidden by default */
439
440[hidden] {
441 display: none;
442}
443
444*, ::before, ::after {
445 --tw-border-spacing-x: 0;
446 --tw-border-spacing-y: 0;
447 --tw-translate-x: 0;
448 --tw-translate-y: 0;
449 --tw-rotate: 0;
450 --tw-skew-x: 0;
451 --tw-skew-y: 0;
452 --tw-scale-x: 1;
453 --tw-scale-y: 1;
454 --tw-pan-x: ;
455 --tw-pan-y: ;
456 --tw-pinch-zoom: ;
457 --tw-scroll-snap-strictness: proximity;
458 --tw-gradient-from-position: ;
459 --tw-gradient-via-position: ;
460 --tw-gradient-to-position: ;
461 --tw-ordinal: ;
462 --tw-slashed-zero: ;
463 --tw-numeric-figure: ;
464 --tw-numeric-spacing: ;
465 --tw-numeric-fraction: ;
466 --tw-ring-inset: ;
467 --tw-ring-offset-width: 0px;
468 --tw-ring-offset-color: #fff;
469 --tw-ring-color: rgb(59 130 246 / 0.5);
470 --tw-ring-offset-shadow: 0 0 #0000;
471 --tw-ring-shadow: 0 0 #0000;
472 --tw-shadow: 0 0 #0000;
473 --tw-shadow-colored: 0 0 #0000;
474 --tw-blur: ;
475 --tw-brightness: ;
476 --tw-contrast: ;
477 --tw-grayscale: ;
478 --tw-hue-rotate: ;
479 --tw-invert: ;
480 --tw-saturate: ;
481 --tw-sepia: ;
482 --tw-drop-shadow: ;
483 --tw-backdrop-blur: ;
484 --tw-backdrop-brightness: ;
485 --tw-backdrop-contrast: ;
486 --tw-backdrop-grayscale: ;
487 --tw-backdrop-hue-rotate: ;
488 --tw-backdrop-invert: ;
489 --tw-backdrop-opacity: ;
490 --tw-backdrop-saturate: ;
491 --tw-backdrop-sepia: ;
492}
493
494::backdrop {
495 --tw-border-spacing-x: 0;
496 --tw-border-spacing-y: 0;
497 --tw-translate-x: 0;
498 --tw-translate-y: 0;
499 --tw-rotate: 0;
500 --tw-skew-x: 0;
501 --tw-skew-y: 0;
502 --tw-scale-x: 1;
503 --tw-scale-y: 1;
504 --tw-pan-x: ;
505 --tw-pan-y: ;
506 --tw-pinch-zoom: ;
507 --tw-scroll-snap-strictness: proximity;
508 --tw-gradient-from-position: ;
509 --tw-gradient-via-position: ;
510 --tw-gradient-to-position: ;
511 --tw-ordinal: ;
512 --tw-slashed-zero: ;
513 --tw-numeric-figure: ;
514 --tw-numeric-spacing: ;
515 --tw-numeric-fraction: ;
516 --tw-ring-inset: ;
517 --tw-ring-offset-width: 0px;
518 --tw-ring-offset-color: #fff;
519 --tw-ring-color: rgb(59 130 246 / 0.5);
520 --tw-ring-offset-shadow: 0 0 #0000;
521 --tw-ring-shadow: 0 0 #0000;
522 --tw-shadow: 0 0 #0000;
523 --tw-shadow-colored: 0 0 #0000;
524 --tw-blur: ;
525 --tw-brightness: ;
526 --tw-contrast: ;
527 --tw-grayscale: ;
528 --tw-hue-rotate: ;
529 --tw-invert: ;
530 --tw-saturate: ;
531 --tw-sepia: ;
532 --tw-drop-shadow: ;
533 --tw-backdrop-blur: ;
534 --tw-backdrop-brightness: ;
535 --tw-backdrop-contrast: ;
536 --tw-backdrop-grayscale: ;
537 --tw-backdrop-hue-rotate: ;
538 --tw-backdrop-invert: ;
539 --tw-backdrop-opacity: ;
540 --tw-backdrop-saturate: ;
541 --tw-backdrop-sepia: ;
542}
543
544.container {
545 width: 100%;
546}
547
548@media (min-width: 640px) {
549 .container {
550 max-width: 640px;
551 }
552}
553
554@media (min-width: 768px) {
555 .container {
556 max-width: 768px;
557 }
558}
559
560@media (min-width: 1024px) {
561 .container {
562 max-width: 1024px;
563 }
564}
565
566@media (min-width: 1280px) {
567 .container {
568 max-width: 1280px;
569 }
570}
571
572@media (min-width: 1536px) {
573 .container {
574 max-width: 1536px;
575 }
576}
577
578.visible {
579 visibility: visible;
580}
581
582.fixed {
583 position: fixed;
584}
585
586.left-0 {
587 left: 0px;
588}
589
590.top-0 {
591 top: 0px;
592}
593
594.my-2 {
595 margin-top: 0.5rem;
596 margin-bottom: 0.5rem;
597}
598
599.mb-1 {
600 margin-bottom: 0.25rem;
601}
602
603.mb-4 {
604 margin-bottom: 1rem;
605}
606
607.ml-2 {
608 margin-left: 0.5rem;
609}
610
611.mr-2 {
612 margin-right: 0.5rem;
613}
614
615.mt-2 {
616 margin-top: 0.5rem;
617}
618
619.mt-4 {
620 margin-top: 1rem;
621}
622
623.block {
624 display: block;
625}
626
627.flex {
628 display: flex;
629}
630
631.table {
632 display: table;
633}
634
635.hidden {
636 display: none;
637}
638
639.h-10 {
640 height: 2.5rem;
641}
642
643.h-12 {
644 height: 3rem;
645}
646
647.h-32 {
648 height: 8rem;
649}
650
651.h-44 {
652 height: 11rem;
653}
654
655.h-64 {
656 height: 16rem;
657}
658
659.h-8 {
660 height: 2rem;
661}
662
663.h-full {
664 height: 100%;
665}
666
667.w-1\/3 {
668 width: 33.333333%;
669}
670
671.w-1\/4 {
672 width: 25%;
673}
674
675.w-2\/3 {
676 width: 66.666667%;
677}
678
679.w-5\/12 {
680 width: 41.666667%;
681}
682
683.w-72 {
684 width: 18rem;
685}
686
687.w-full {
688 width: 100%;
689}
690
691.flex-1 {
692 flex: 1 1 0%;
693}
694
695.flex-grow {
696 flex-grow: 1;
697}
698
699.table-auto {
700 table-layout: auto;
701}
702
703.cursor-pointer {
704 cursor: pointer;
705}
706
707.flex-row {
708 flex-direction: row;
709}
710
711.flex-col {
712 flex-direction: column;
713}
714
715.content-center {
716 align-content: center;
717}
718
719.items-center {
720 align-items: center;
721}
722
723.justify-start {
724 justify-content: flex-start;
725}
726
727.justify-end {
728 justify-content: flex-end;
729}
730
731.justify-center {
732 justify-content: center;
733}
734
735.justify-between {
736 justify-content: space-between;
737}
738
739.justify-evenly {
740 justify-content: space-evenly;
741}
742
743.justify-items-center {
744 justify-items: center;
745}
746
747.space-x-4 > :not([hidden]) ~ :not([hidden]) {
748 --tw-space-x-reverse: 0;
749 margin-right: calc(1rem * var(--tw-space-x-reverse));
750 margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
751}
752
753.space-y-2 > :not([hidden]) ~ :not([hidden]) {
754 --tw-space-y-reverse: 0;
755 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
756 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
757}
758
759.space-y-4 > :not([hidden]) ~ :not([hidden]) {
760 --tw-space-y-reverse: 0;
761 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
762 margin-bottom: calc(1rem * var(--tw-space-y-reverse));
763}
764
765.space-y-6 > :not([hidden]) ~ :not([hidden]) {
766 --tw-space-y-reverse: 0;
767 margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
768 margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
769}
770
771.rounded {
772 border-radius: 0.25rem;
773}
774
775.rounded-lg {
776 border-radius: 0.5rem;
777}
778
779.rounded-md {
780 border-radius: 0.375rem;
781}
782
783.rounded-sm {
784 border-radius: 0.125rem;
785}
786
787.border {
788 border-width: 1px;
789}
790
791.border-2 {
792 border-width: 2px;
793}
794
795.border-t-2 {
796 border-top-width: 2px;
797}
798
799.border-gray-300 {
800 --tw-border-opacity: 1;
801 border-color: rgb(209 213 219 / var(--tw-border-opacity));
802}
803
804.bg-blue-500 {
805 --tw-bg-opacity: 1;
806 background-color: rgb(59 130 246 / var(--tw-bg-opacity));
807}
808
809.bg-gordonmascot-hblue {
810 --tw-bg-opacity: 1;
811 background-color: rgb(1 30 92 / var(--tw-bg-opacity));
812}
813
814.bg-gordonmascot-lblue {
815 --tw-bg-opacity: 1;
816 background-color: rgb(0 123 192 / var(--tw-bg-opacity));
817}
818
819.bg-gray-100 {
820 --tw-bg-opacity: 1;
821 background-color: rgb(243 244 246 / var(--tw-bg-opacity));
822}
823
824.bg-gray-300 {
825 --tw-bg-opacity: 1;
826 background-color: rgb(209 213 219 / var(--tw-bg-opacity));
827}
828
829.bg-slate-100 {
830 --tw-bg-opacity: 1;
831 background-color: rgb(241 245 249 / var(--tw-bg-opacity));
832}
833
834.bg-slate-200 {
835 --tw-bg-opacity: 1;
836 background-color: rgb(226 232 240 / var(--tw-bg-opacity));
837}
838
839.bg-transparent {
840 background-color: transparent;
841}
842
843.bg-white {
844 --tw-bg-opacity: 1;
845 background-color: rgb(255 255 255 / var(--tw-bg-opacity));
846}
847
848.bg-zinc-200 {
849 --tw-bg-opacity: 1;
850 background-color: rgb(228 228 231 / var(--tw-bg-opacity));
851}
852
853.p-0 {
854 padding: 0px;
855}
856
857.p-2 {
858 padding: 0.5rem;
859}
860
861.p-4 {
862 padding: 1rem;
863}
864
865.px-2 {
866 padding-left: 0.5rem;
867 padding-right: 0.5rem;
868}
869
870.px-4 {
871 padding-left: 1rem;
872 padding-right: 1rem;
873}
874
875.px-8 {
876 padding-left: 2rem;
877 padding-right: 2rem;
878}
879
880.py-1 {
881 padding-top: 0.25rem;
882 padding-bottom: 0.25rem;
883}
884
885.py-2 {
886 padding-top: 0.5rem;
887 padding-bottom: 0.5rem;
888}
889
890.pb-4 {
891 padding-bottom: 1rem;
892}
893
894.pr-1 {
895 padding-right: 0.25rem;
896}
897
898.pt-16 {
899 padding-top: 4rem;
900}
901
902.text-center {
903 text-align: center;
904}
905
906.align-middle {
907 vertical-align: middle;
908}
909
910.text-2xl {
911 font-size: 1.5rem;
912 line-height: 2rem;
913}
914
915.text-3xl {
916 font-size: 1.875rem;
917 line-height: 2.25rem;
918}
919
920.text-4xl {
921 font-size: 2.25rem;
922 line-height: 2.5rem;
923}
924
925.text-5xl {
926 font-size: 3rem;
927 line-height: 1;
928}
929
930.text-lg {
931 font-size: 1.125rem;
932 line-height: 1.75rem;
933}
934
935.text-sm {
936 font-size: 0.875rem;
937 line-height: 1.25rem;
938}
939
940.text-xl {
941 font-size: 1.25rem;
942 line-height: 1.75rem;
943}
944
945.text-xs {
946 font-size: 0.75rem;
947 line-height: 1rem;
948}
949
950.font-bold {
951 font-weight: 700;
952}
953
954.font-semibold {
955 font-weight: 600;
956}
957
958.tracking-tighter {
959 letter-spacing: -0.05em;
960}
961
962.text-blue-600 {
963 --tw-text-opacity: 1;
964 color: rgb(37 99 235 / var(--tw-text-opacity));
965}
966
967.text-blue-800 {
968 --tw-text-opacity: 1;
969 color: rgb(30 64 175 / var(--tw-text-opacity));
970}
971
972.text-gordonmascot-hblue {
973 --tw-text-opacity: 1;
974 color: rgb(1 30 92 / var(--tw-text-opacity));
975}
976
977.text-gordonmascot-mblue {
978 --tw-text-opacity: 1;
979 color: rgb(0 82 147 / var(--tw-text-opacity));
980}
981
982.text-gray-100 {
983 --tw-text-opacity: 1;
984 color: rgb(243 244 246 / var(--tw-text-opacity));
985}
986
987.text-gray-400 {
988 --tw-text-opacity: 1;
989 color: rgb(156 163 175 / var(--tw-text-opacity));
990}
991
992.text-gray-500 {
993 --tw-text-opacity: 1;
994 color: rgb(107 114 128 / var(--tw-text-opacity));
995}
996
997.text-gray-600 {
998 --tw-text-opacity: 1;
999 color: rgb(75 85 99 / var(--tw-text-opacity));
1000}
1001
1002.text-gray-800 {
1003 --tw-text-opacity: 1;
1004 color: rgb(31 41 55 / var(--tw-text-opacity));
1005}
1006
1007.text-red-500 {
1008 --tw-text-opacity: 1;
1009 color: rgb(239 68 68 / var(--tw-text-opacity));
1010}
1011
1012.text-red-600 {
1013 --tw-text-opacity: 1;
1014 color: rgb(220 38 38 / var(--tw-text-opacity));
1015}
1016
1017.text-slate-100 {
1018 --tw-text-opacity: 1;
1019 color: rgb(241 245 249 / var(--tw-text-opacity));
1020}
1021
1022.text-white {
1023 --tw-text-opacity: 1;
1024 color: rgb(255 255 255 / var(--tw-text-opacity));
1025}
1026
1027.shadow {
1028 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1029 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1030 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1031}
1032
1033.outline-none {
1034 outline: 2px solid transparent;
1035 outline-offset: 2px;
1036}
1037
1038.transition {
1039 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1040 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1041 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1042 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1043 transition-duration: 150ms;
1044}
1045
1046/* Import IBM Plex Fonts */
1047
1048@font-face {
1049 font-family: "IBMPlexSans-Bold";
1050
1051 src: url("/assets/fonts/IBMPlex/IBMPlexSans-Bold.woff2") format("woff2");
1052
1053 font-weight: bold;
1054
1055 font-style: normal;
1056}
1057
1058@font-face {
1059 font-family: "IBMPlexSans-Regular";
1060
1061 src: url("/assets/fonts/IBMPlex/IBMPlexSans-Regular.woff2") format("woff2");
1062
1063 font-weight: normal;
1064
1065 font-style: normal;
1066}
1067
1068/* Import Jetbrains Mono Nerd Font */
1069
1070@font-face {
1071 font-family: "JetBrainsMono-Nerd-Font-Regular";
1072
1073 src: url("/assets/fonts/JetBrainsMonoNerd/JetBrainsMonoNerdFont-Regular.woff2")
1074 format("woff2");
1075
1076 font-weight: normal;
1077
1078 font-style: normal;
1079}
1080
1081/* Import Jetbrains Mono Nerd Font Bold */
1082
1083@font-face {
1084 font-family: "JetBrainsMono-Nerd-Font-Bold";
1085
1086 src: url("/assets/fonts/JetBrainsMonoNerd/JetBrainsMonoNerdFont-Bold.woff2")
1087 format("woff2");
1088
1089 font-weight: bold;
1090
1091 font-style: normal;
1092}
1093
1094@font-face {
1095 font-family: "LilitaOne-Regular";
1096
1097 src: url("/assets/fonts/LilitaOne/LilitaOne-Regular.ttf") format("truetype");
1098
1099 font-weight: normal;
1100
1101 font-style: normal;
1102}
1103
1104.fade-me-out.htmx-swapping {
1105 opacity: 0;
1106 transition: opacity 1s ease-out;
1107}
1108
1109/* View transition */
1110
1111@keyframes fade-in {
1112 from {
1113 opacity: 0;
1114 }
1115}
1116
1117@keyframes fade-out {
1118 to {
1119 opacity: 0;
1120 }
1121}
1122
1123@keyframes slide-from-right {
1124 from {
1125 transform: translateX(90px);
1126 }
1127}
1128
1129@keyframes slide-to-left {
1130 to {
1131 transform: translateX(-90px);
1132 }
1133}
1134
1135.slide-it {
1136 view-transition-name: slide-it;
1137}
1138
1139::view-transition-old(slide-it) {
1140 animation:
1141 180ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
1142 600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
1143}
1144
1145::view-transition-new(slide-it) {
1146 animation:
1147 420ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
1148 600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
1149}
1150
1151.gordon-title {
1152 font-family: "LilitaOne-Regular", sans-serif;
1153}
1154
1155.IBMPlexSans {
1156 font-family: "IBMPlexSans-Regular", sans-serif;
1157}
1158
1159.JetBrainsMonoNF, .iconf{
1160 font-family: "JetBrainsMono-Nerd-Font-Regular", sans-serif;
1161}
1162
1163.JetBrainsMonoBoldNF, .iconfb{
1164 font-family: "JetBrainsMono-Nerd-Font-Bold", sans-serif;
1165}
1166
1167.hover\:bg-blue-700:hover {
1168 --tw-bg-opacity: 1;
1169 background-color: rgb(29 78 216 / var(--tw-bg-opacity));
1170}
1171
1172.hover\:bg-gordonmascot-mblue:hover {
1173 --tw-bg-opacity: 1;
1174 background-color: rgb(0 82 147 / var(--tw-bg-opacity));
1175}
1176
1177.hover\:text-gordonmascot-hblue:hover {
1178 --tw-text-opacity: 1;
1179 color: rgb(1 30 92 / var(--tw-text-opacity));
1180}
1181
1182.hover\:text-red-900:hover {
1183 --tw-text-opacity: 1;
1184 color: rgb(127 29 29 / var(--tw-text-opacity));
1185}
1186
1187@media (min-width: 640px) {
1188 .sm\:h-24 {
1189 height: 6rem;
1190 }
1191}
1192
1193@media (min-width: 768px) {
1194 .md\:ml-4 {
1195 margin-left: 1rem;
1196 }
1197
1198 .md\:flex {
1199 display: flex;
1200 }
1201
1202 .md\:h-16 {
1203 height: 4rem;
1204 }
1205
1206 .md\:w-1\/2 {
1207 width: 50%;
1208 }
1209
1210 .md\:w-2\/6 {
1211 width: 33.333333%;
1212 }
1213
1214 .md\:flex-row {
1215 flex-direction: row;
1216 }
1217
1218 .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
1219 --tw-space-x-reverse: 0;
1220 margin-right: calc(1rem * var(--tw-space-x-reverse));
1221 margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1222 }
1223
1224 .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
1225 --tw-space-y-reverse: 0;
1226 margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
1227 margin-bottom: calc(0px * var(--tw-space-y-reverse));
1228 }
1229
1230 .md\:rounded-md {
1231 border-radius: 0.375rem;
1232 }
1233
1234 .md\:p-0 {
1235 padding: 0px;
1236 }
1237
1238 .md\:p-8 {
1239 padding: 2rem;
1240 }
1241
1242 .md\:px-6 {
1243 padding-left: 1.5rem;
1244 padding-right: 1.5rem;
1245 }
1246
1247 .md\:pt-10 {
1248 padding-top: 2.5rem;
1249 }
1250
1251 .md\:pt-32 {
1252 padding-top: 8rem;
1253 }
1254
1255 .md\:text-4xl {
1256 font-size: 2.25rem;
1257 line-height: 2.5rem;
1258 }
1259
1260 .md\:text-sm {
1261 font-size: 0.875rem;
1262 line-height: 1.25rem;
1263 }
1264
1265 .md\:text-xl {
1266 font-size: 1.25rem;
1267 line-height: 1.75rem;
1268 }
1269
1270 .md\:shadow {
1271 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1272 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1273 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1274 }
1275}
1276
1277@media (min-width: 1024px) {
1278 .lg\:flex-row {
1279 flex-direction: row;
1280 }
1281
1282 .lg\:text-4xl {
1283 font-size: 2.25rem;
1284 line-height: 2.5rem;
1285 }
1286}
1287
1288@media (min-width: 1280px) {
1289 .xl\:h-12 {
1290 height: 3rem;
1291 }
1292
1293 .xl\:h-48 {
1294 height: 12rem;
1295 }
1296
1297 .xl\:text-5xl {
1298 font-size: 3rem;
1299 line-height: 1;
1300 }
1301}