💄 Rebuild CSS

assets/css/compiled/main.css

@@ -1,6 +1,6 @@
 /*! Congo v2.3.1 | MIT License | https://github.com/jpanther/congo */
 
-/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -410,6 +410,12 @@ video {
   height: auto;
 }
 
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden] {
+  display: none;
+}
+
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -568,7 +574,6 @@ video {
   color: var(--tw-prose-links);
   text-decoration: underline;
   font-weight: 500;
-  -webkit-text-decoration-color: rgba(var(--color-primary-300), 1);
   text-decoration-color: rgba(var(--color-primary-300), 1);
 }
 
@@ -1180,9 +1185,7 @@ video {
 
 body a,
 body button {
-  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -1226,25 +1229,25 @@ body:has(#menu-controller:checked) {
   padding-right: 1rem;
 }
 
-[dir="rtl"] .prose ul > li, [dir="rtl"] 
+[dir="rtl"] .prose ul > li,[dir="rtl"] 
 .prose ol > li {
   margin-right: 1.75rem;
   padding-left: 0px;
   padding-right: 0.5rem;
 }
 
-[dir="rtl"] .prose ol > li:before, [dir="rtl"] 
+[dir="rtl"] .prose ol > li:before,[dir="rtl"] 
 .prose ul > li:before {
   left: auto;
   right: 0.25rem;
 }
 
-[dir="rtl"] .prose thead td:first-child, [dir="rtl"] 
+[dir="rtl"] .prose thead td:first-child,[dir="rtl"] 
 .prose thead th:first-child {
   padding-right: 0px;
 }
 
-[dir="rtl"] .prose thead td:last-child, [dir="rtl"] 
+[dir="rtl"] .prose thead td:last-child,[dir="rtl"] 
 .prose thead th:last-child {
   padding-left: 0px;
 }
@@ -1341,9 +1344,9 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
-.dark .copy-button:hover, .dark 
+.dark .copy-button:hover,.dark 
-.copy-button:focus, .dark 
+.copy-button:focus,.dark 
-.copy-button:active, .dark 
+.copy-button:active,.dark 
 .copy-button:active:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
@@ -1438,7 +1441,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
 }
 
-.dark .chroma .lnt, .dark 
+.dark .chroma .lnt,.dark 
 .chroma .ln {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
@@ -1478,15 +1481,15 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
 
-.dark .chroma .k, .dark 
+.dark .chroma .k,.dark 
-.chroma .kd, .dark 
+.chroma .kd,.dark 
-.chroma .kn, .dark 
+.chroma .kn,.dark 
-.chroma .kp, .dark 
+.chroma .kp,.dark 
-.chroma .kr, .dark 
+.chroma .kr,.dark 
-.chroma .nc, .dark 
+.chroma .nc,.dark 
-.chroma .fm, .dark 
+.chroma .fm,.dark 
-.chroma .nn, .dark 
+.chroma .nn,.dark 
-.chroma .vc, .dark 
+.chroma .vc,.dark 
 .chroma .o {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-300), var(--tw-text-opacity));
@@ -1542,16 +1545,16 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.dark .chroma .kt, .dark 
+.dark .chroma .kt,.dark 
-.chroma .nv, .dark 
+.chroma .nv,.dark 
-.chroma .vi, .dark 
+.chroma .vi,.dark 
-.chroma .vm, .dark 
+.chroma .vm,.dark 
-.chroma .m, .dark 
+.chroma .m,.dark 
-.chroma .mb, .dark 
+.chroma .mb,.dark 
-.chroma .mf, .dark 
+.chroma .mf,.dark 
-.chroma .mh, .dark 
+.chroma .mh,.dark 
-.chroma .mi, .dark 
+.chroma .mi,.dark 
-.chroma .il, .dark 
+.chroma .il,.dark 
 .chroma .mo {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
@@ -1573,9 +1576,9 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-900), var(--tw-text-opacity));
 }
 
-.dark .chroma .n, .dark 
+.dark .chroma .n,.dark 
-.chroma .nd, .dark 
+.chroma .nd,.dark 
-.chroma .ni, .dark 
+.chroma .ni,.dark 
 .chroma .nl {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-200), var(--tw-text-opacity));
@@ -1603,11 +1606,11 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-800), var(--tw-text-opacity));
 }
 
-.dark .chroma .na, .dark 
+.dark .chroma .na,.dark 
-.chroma .nb, .dark 
+.chroma .nb,.dark 
-.chroma .bp, .dark 
+.chroma .bp,.dark 
-.chroma .nx, .dark 
+.chroma .nx,.dark 
-.chroma .py, .dark 
+.chroma .py,.dark 
 .chroma .nt {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-300), var(--tw-text-opacity));
@@ -1627,8 +1630,8 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.dark .chroma .no, .dark 
+.dark .chroma .no,.dark 
-.chroma .ne, .dark 
+.chroma .ne,.dark 
 .chroma .vg {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
@@ -1698,21 +1701,21 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
-.dark .chroma .l, .dark 
+.dark .chroma .l,.dark 
-.chroma .ld, .dark 
+.chroma .ld,.dark 
-.chroma .s, .dark 
+.chroma .s,.dark 
-.chroma .sa, .dark 
+.chroma .sa,.dark 
-.chroma .sb, .dark 
+.chroma .sb,.dark 
-.chroma .sc, .dark 
+.chroma .sc,.dark 
-.chroma .dl, .dark 
+.chroma .dl,.dark 
-.chroma .sd, .dark 
+.chroma .sd,.dark 
-.chroma .s2, .dark 
+.chroma .s2,.dark 
-.chroma .sh, .dark 
+.chroma .sh,.dark 
-.chroma .si, .dark 
+.chroma .si,.dark 
-.chroma .sx, .dark 
+.chroma .sx,.dark 
-.chroma .s1, .dark 
+.chroma .s1,.dark 
-.chroma .gi, .dark 
+.chroma .gi,.dark 
-.chroma .go, .dark 
+.chroma .go,.dark 
 .chroma .gp {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@@ -1742,7 +1745,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
-.dark .chroma .sr, .dark 
+.dark .chroma .sr,.dark 
 .chroma .ss {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@@ -1784,11 +1787,11 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-.dark .chroma .c, .dark 
+.dark .chroma .c,.dark 
-.chroma .cm, .dark 
+.chroma .cm,.dark 
-.chroma .c1, .dark 
+.chroma .c1,.dark 
-.chroma .cs, .dark 
+.chroma .cs,.dark 
-.chroma .cp, .dark 
+.chroma .cp,.dark 
 .chroma .cpf {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
@@ -1841,7 +1844,6 @@ body:has(#menu-controller:checked) {
 /* GenericUnderline */
 
 .chroma .gl {
-  -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
 }
 
@@ -1870,7 +1872,6 @@ body:has(#menu-controller:checked) {
 }
 
 .sticky {
-  position: -webkit-sticky;
   position: sticky;
 }
 
@@ -2586,17 +2587,14 @@ body:has(#menu-controller:checked) {
 }
 
 .\!no-underline {
-  -webkit-text-decoration-line: none !important;
   text-decoration-line: none !important;
 }
 
 .decoration-primary-500 {
-  -webkit-text-decoration-color: rgba(var(--color-primary-500), 1);
   text-decoration-color: rgba(var(--color-primary-500), 1);
 }
 
 .decoration-neutral-300 {
-  -webkit-text-decoration-color: rgba(var(--color-neutral-300), 1);
   text-decoration-color: rgba(var(--color-neutral-300), 1);
 }
 
@@ -2678,12 +2676,10 @@ body:has(#menu-controller:checked) {
 }
 
 .hover\:underline:hover {
-  -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
 }
 
 .hover\:decoration-primary-400:hover {
-  -webkit-text-decoration-color: rgba(var(--color-primary-400), 1);
   text-decoration-color: rgba(var(--color-primary-400), 1);
 }
 
@@ -2728,12 +2724,10 @@ body:has(#menu-controller:checked) {
 }
 
 .group:hover .group-hover\:underline {
-  -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
 }
 
 .group:hover .group-hover\:decoration-primary-500 {
-  -webkit-text-decoration-color: rgba(var(--color-primary-500), 1);
   text-decoration-color: rgba(var(--color-primary-500), 1);
 }
 
@@ -2861,39 +2855,6 @@ body:has(#menu-controller:checked) {
   text-align: left;
 }
 
-.dark .dark\:prose-invert {
-  --tw-prose-body: var(--tw-prose-invert-body);
-  --tw-prose-headings: var(--tw-prose-invert-headings);
-  --tw-prose-lead: var(--tw-prose-invert-lead);
-  --tw-prose-links: var(--tw-prose-invert-links);
-  --tw-prose-bold: var(--tw-prose-invert-bold);
-  --tw-prose-counters: var(--tw-prose-invert-counters);
-  --tw-prose-bullets: var(--tw-prose-invert-bullets);
-  --tw-prose-hr: var(--tw-prose-invert-hr);
-  --tw-prose-quotes: var(--tw-prose-invert-quotes);
-  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
-  --tw-prose-captions: var(--tw-prose-invert-captions);
-  --tw-prose-code: var(--tw-prose-invert-code);
-  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
-  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
-  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
-  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
-}
-
-.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) {
-  -webkit-text-decoration-color: rgba(var(--color-neutral-600), 1);
-          text-decoration-color: rgba(var(--color-neutral-600), 1);
-}
-
-.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) {
-  color: rgba(var(--color-neutral-200), 1);
-  background-color: rgba(var(--color-neutral-700), 1);
-}
-
-.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) {
-  background-color: rgba(var(--color-secondary-400), 1);
-}
-
 .dark .dark\:flex {
   display: flex;
 }
@@ -2955,6 +2916,38 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
 }
 
+.dark .dark\:prose-invert {
+  --tw-prose-body: var(--tw-prose-invert-body);
+  --tw-prose-headings: var(--tw-prose-invert-headings);
+  --tw-prose-lead: var(--tw-prose-invert-lead);
+  --tw-prose-links: var(--tw-prose-invert-links);
+  --tw-prose-bold: var(--tw-prose-invert-bold);
+  --tw-prose-counters: var(--tw-prose-invert-counters);
+  --tw-prose-bullets: var(--tw-prose-invert-bullets);
+  --tw-prose-hr: var(--tw-prose-invert-hr);
+  --tw-prose-quotes: var(--tw-prose-invert-quotes);
+  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+  --tw-prose-captions: var(--tw-prose-invert-captions);
+  --tw-prose-code: var(--tw-prose-invert-code);
+  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+}
+
+.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) {
+  text-decoration-color: rgba(var(--color-neutral-600), 1);
+}
+
+.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) {
+  color: rgba(var(--color-neutral-200), 1);
+  background-color: rgba(var(--color-neutral-700), 1);
+}
+
+.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) {
+  background-color: rgba(var(--color-secondary-400), 1);
+}
+
 .dark .dark\:text-neutral-500 {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
@@ -3111,7 +3104,6 @@ body:has(#menu-controller:checked) {
 
 @media (min-width: 1024px) {
   .lg\:sticky {
-    position: -webkit-sticky;
     position: sticky;
   }