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.mt-2 {
612 margin-top: 0.5rem;
613}
614
615.mt-4 {
616 margin-top: 1rem;
617}
618
619.block {
620 display: block;
621}
622
623.flex {
624 display: flex;
625}
626
627.table {
628 display: table;
629}
630
631.hidden {
632 display: none;
633}
634
635.h-12 {
636 height: 3rem;
637}
638
639.h-32 {
640 height: 8rem;
641}
642
643.h-44 {
644 height: 11rem;
645}
646
647.h-64 {
648 height: 16rem;
649}
650
651.h-8 {
652 height: 2rem;
653}
654
655.h-full {
656 height: 100%;
657}
658
659.w-1\/3 {
660 width: 33.333333%;
661}
662
663.w-1\/4 {
664 width: 25%;
665}
666
667.w-2\/3 {
668 width: 66.666667%;
669}
670
671.w-5\/12 {
672 width: 41.666667%;
673}
674
675.w-full {
676 width: 100%;
677}
678
679.flex-1 {
680 flex: 1 1 0%;
681}
682
683.flex-grow {
684 flex-grow: 1;
685}
686
687.table-auto {
688 table-layout: auto;
689}
690
691.cursor-pointer {
692 cursor: pointer;
693}
694
695.flex-row {
696 flex-direction: row;
697}
698
699.flex-col {
700 flex-direction: column;
701}
702
703.content-center {
704 align-content: center;
705}
706
707.items-center {
708 align-items: center;
709}
710
711.justify-start {
712 justify-content: flex-start;
713}
714
715.justify-end {
716 justify-content: flex-end;
717}
718
719.justify-center {
720 justify-content: center;
721}
722
723.justify-between {
724 justify-content: space-between;
725}
726
727.justify-evenly {
728 justify-content: space-evenly;
729}
730
731.justify-items-center {
732 justify-items: center;
733}
734
735.space-x-4 > :not([hidden]) ~ :not([hidden]) {
736 --tw-space-x-reverse: 0;
737 margin-right: calc(1rem * var(--tw-space-x-reverse));
738 margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
739}
740
741.space-y-2 > :not([hidden]) ~ :not([hidden]) {
742 --tw-space-y-reverse: 0;
743 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
744 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
745}
746
747.space-y-4 > :not([hidden]) ~ :not([hidden]) {
748 --tw-space-y-reverse: 0;
749 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
750 margin-bottom: calc(1rem * var(--tw-space-y-reverse));
751}
752
753.space-y-6 > :not([hidden]) ~ :not([hidden]) {
754 --tw-space-y-reverse: 0;
755 margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
756 margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
757}
758
759.rounded {
760 border-radius: 0.25rem;
761}
762
763.rounded-md {
764 border-radius: 0.375rem;
765}
766
767.rounded-sm {
768 border-radius: 0.125rem;
769}
770
771.border {
772 border-width: 1px;
773}
774
775.border-2 {
776 border-width: 2px;
777}
778
779.border-t-2 {
780 border-top-width: 2px;
781}
782
783.border-gray-300 {
784 --tw-border-opacity: 1;
785 border-color: rgb(209 213 219 / var(--tw-border-opacity));
786}
787
788.bg-blue-500 {
789 --tw-bg-opacity: 1;
790 background-color: rgb(59 130 246 / var(--tw-bg-opacity));
791}
792
793.bg-gordonmascot-hblue {
794 --tw-bg-opacity: 1;
795 background-color: rgb(1 30 92 / var(--tw-bg-opacity));
796}
797
798.bg-gordonmascot-lblue {
799 --tw-bg-opacity: 1;
800 background-color: rgb(0 123 192 / var(--tw-bg-opacity));
801}
802
803.bg-gray-100 {
804 --tw-bg-opacity: 1;
805 background-color: rgb(243 244 246 / var(--tw-bg-opacity));
806}
807
808.bg-gray-300 {
809 --tw-bg-opacity: 1;
810 background-color: rgb(209 213 219 / var(--tw-bg-opacity));
811}
812
813.bg-slate-100 {
814 --tw-bg-opacity: 1;
815 background-color: rgb(241 245 249 / var(--tw-bg-opacity));
816}
817
818.bg-slate-200 {
819 --tw-bg-opacity: 1;
820 background-color: rgb(226 232 240 / var(--tw-bg-opacity));
821}
822
823.bg-transparent {
824 background-color: transparent;
825}
826
827.bg-white {
828 --tw-bg-opacity: 1;
829 background-color: rgb(255 255 255 / var(--tw-bg-opacity));
830}
831
832.bg-zinc-200 {
833 --tw-bg-opacity: 1;
834 background-color: rgb(228 228 231 / var(--tw-bg-opacity));
835}
836
837.p-0 {
838 padding: 0px;
839}
840
841.p-2 {
842 padding: 0.5rem;
843}
844
845.p-4 {
846 padding: 1rem;
847}
848
849.px-2 {
850 padding-left: 0.5rem;
851 padding-right: 0.5rem;
852}
853
854.px-4 {
855 padding-left: 1rem;
856 padding-right: 1rem;
857}
858
859.px-8 {
860 padding-left: 2rem;
861 padding-right: 2rem;
862}
863
864.py-1 {
865 padding-top: 0.25rem;
866 padding-bottom: 0.25rem;
867}
868
869.py-2 {
870 padding-top: 0.5rem;
871 padding-bottom: 0.5rem;
872}
873
874.pb-4 {
875 padding-bottom: 1rem;
876}
877
878.pr-1 {
879 padding-right: 0.25rem;
880}
881
882.pt-16 {
883 padding-top: 4rem;
884}
885
886.text-center {
887 text-align: center;
888}
889
890.align-middle {
891 vertical-align: middle;
892}
893
894.text-2xl {
895 font-size: 1.5rem;
896 line-height: 2rem;
897}
898
899.text-3xl {
900 font-size: 1.875rem;
901 line-height: 2.25rem;
902}
903
904.text-4xl {
905 font-size: 2.25rem;
906 line-height: 2.5rem;
907}
908
909.text-5xl {
910 font-size: 3rem;
911 line-height: 1;
912}
913
914.text-lg {
915 font-size: 1.125rem;
916 line-height: 1.75rem;
917}
918
919.text-sm {
920 font-size: 0.875rem;
921 line-height: 1.25rem;
922}
923
924.text-xl {
925 font-size: 1.25rem;
926 line-height: 1.75rem;
927}
928
929.text-xs {
930 font-size: 0.75rem;
931 line-height: 1rem;
932}
933
934.font-bold {
935 font-weight: 700;
936}
937
938.font-semibold {
939 font-weight: 600;
940}
941
942.tracking-tighter {
943 letter-spacing: -0.05em;
944}
945
946.text-blue-600 {
947 --tw-text-opacity: 1;
948 color: rgb(37 99 235 / var(--tw-text-opacity));
949}
950
951.text-blue-800 {
952 --tw-text-opacity: 1;
953 color: rgb(30 64 175 / var(--tw-text-opacity));
954}
955
956.text-gordonmascot-hblue {
957 --tw-text-opacity: 1;
958 color: rgb(1 30 92 / var(--tw-text-opacity));
959}
960
961.text-gordonmascot-mblue {
962 --tw-text-opacity: 1;
963 color: rgb(0 82 147 / var(--tw-text-opacity));
964}
965
966.text-gray-100 {
967 --tw-text-opacity: 1;
968 color: rgb(243 244 246 / var(--tw-text-opacity));
969}
970
971.text-gray-400 {
972 --tw-text-opacity: 1;
973 color: rgb(156 163 175 / var(--tw-text-opacity));
974}
975
976.text-gray-500 {
977 --tw-text-opacity: 1;
978 color: rgb(107 114 128 / var(--tw-text-opacity));
979}
980
981.text-gray-800 {
982 --tw-text-opacity: 1;
983 color: rgb(31 41 55 / var(--tw-text-opacity));
984}
985
986.text-green-300 {
987 --tw-text-opacity: 1;
988 color: rgb(134 239 172 / var(--tw-text-opacity));
989}
990
991.text-red-500 {
992 --tw-text-opacity: 1;
993 color: rgb(239 68 68 / var(--tw-text-opacity));
994}
995
996.text-red-600 {
997 --tw-text-opacity: 1;
998 color: rgb(220 38 38 / var(--tw-text-opacity));
999}
1000
1001.text-slate-100 {
1002 --tw-text-opacity: 1;
1003 color: rgb(241 245 249 / var(--tw-text-opacity));
1004}
1005
1006.text-white {
1007 --tw-text-opacity: 1;
1008 color: rgb(255 255 255 / var(--tw-text-opacity));
1009}
1010
1011.shadow {
1012 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1013 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1014 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1015}
1016
1017.outline-none {
1018 outline: 2px solid transparent;
1019 outline-offset: 2px;
1020}
1021
1022.transition {
1023 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1024 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1025 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1026 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1027 transition-duration: 150ms;
1028}
1029
1030/* Import IBM Plex Fonts */
1031
1032@font-face {
1033 font-family: "IBMPlexSans-Bold";
1034
1035 src: url("/assets/fonts/IBMPlex/IBMPlexSans-Bold.woff2") format("woff2");
1036
1037 font-weight: bold;
1038
1039 font-style: normal;
1040}
1041
1042@font-face {
1043 font-family: "IBMPlexSans-Regular";
1044
1045 src: url("/assets/fonts/IBMPlex/IBMPlexSans-Regular.woff2") format("woff2");
1046
1047 font-weight: normal;
1048
1049 font-style: normal;
1050}
1051
1052/* Import Jetbrains Mono Nerd Font */
1053
1054@font-face {
1055 font-family: "JetBrainsMono-Nerd-Font-Regular";
1056
1057 src: url("/assets/fonts/JetBrainsMonoNerd/JetBrainsMonoNerdFont-Regular.woff2")
1058 format("woff2");
1059
1060 font-weight: normal;
1061
1062 font-style: normal;
1063}
1064
1065/* Import Jetbrains Mono Nerd Font Bold */
1066
1067@font-face {
1068 font-family: "JetBrainsMono-Nerd-Font-Bold";
1069
1070 src: url("/assets/fonts/JetBrainsMonoNerd/JetBrainsMonoNerdFont-Bold.woff2")
1071 format("woff2");
1072
1073 font-weight: bold;
1074
1075 font-style: normal;
1076}
1077
1078@font-face {
1079 font-family: "LilitaOne-Regular";
1080
1081 src: url("/assets/fonts/LilitaOne/LilitaOne-Regular.ttf") format("truetype");
1082
1083 font-weight: normal;
1084
1085 font-style: normal;
1086}
1087
1088.fade-me-out.htmx-swapping {
1089 opacity: 0;
1090 transition: opacity 1s ease-out;
1091}
1092
1093/* View transition */
1094
1095@keyframes fade-in {
1096 from {
1097 opacity: 0;
1098 }
1099}
1100
1101@keyframes fade-out {
1102 to {
1103 opacity: 0;
1104 }
1105}
1106
1107@keyframes slide-from-right {
1108 from {
1109 transform: translateX(90px);
1110 }
1111}
1112
1113@keyframes slide-to-left {
1114 to {
1115 transform: translateX(-90px);
1116 }
1117}
1118
1119@keyframes wiggle {
1120 0%,
1121 100% {
1122 transform: rotate(-3deg);
1123 }
1124
1125 50% {
1126 transform: rotate(3deg);
1127 }
1128}
1129
1130#update-available {
1131 animation: wiggle 1s ease-in-out infinite;
1132}
1133
1134.slide-it {
1135 view-transition-name: slide-it;
1136}
1137
1138::view-transition-old(slide-it) {
1139 animation:
1140 180ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
1141 600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
1142}
1143
1144::view-transition-new(slide-it) {
1145 animation:
1146 420ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
1147 600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
1148}
1149
1150.gordon-title {
1151 font-family: "LilitaOne-Regular", sans-serif;
1152}
1153
1154.IBMPlexSans {
1155 font-family: "IBMPlexSans-Regular", sans-serif;
1156}
1157
1158.JetBrainsMonoNF, .iconf{
1159 font-family: "JetBrainsMono-Nerd-Font-Regular", sans-serif;
1160}
1161
1162.JetBrainsMonoBoldNF, .iconfb{
1163 font-family: "JetBrainsMono-Nerd-Font-Bold", sans-serif;
1164}
1165
1166.hover\:bg-blue-700:hover {
1167 --tw-bg-opacity: 1;
1168 background-color: rgb(29 78 216 / var(--tw-bg-opacity));
1169}
1170
1171.hover\:bg-gordonmascot-mblue:hover {
1172 --tw-bg-opacity: 1;
1173 background-color: rgb(0 82 147 / var(--tw-bg-opacity));
1174}
1175
1176.hover\:bg-slate-100:hover {
1177 --tw-bg-opacity: 1;
1178 background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1179}
1180
1181.hover\:text-gordonmascot-hblue:hover {
1182 --tw-text-opacity: 1;
1183 color: rgb(1 30 92 / var(--tw-text-opacity));
1184}
1185
1186.hover\:text-red-900:hover {
1187 --tw-text-opacity: 1;
1188 color: rgb(127 29 29 / var(--tw-text-opacity));
1189}
1190
1191@media (min-width: 640px) {
1192 .sm\:h-24 {
1193 height: 6rem;
1194 }
1195}
1196
1197@media (min-width: 768px) {
1198 .md\:ml-4 {
1199 margin-left: 1rem;
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}