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