Merge b0e502cc72 into 50b77b2836

assets/css/compiled/main.css

@@ -1,6 +1,6 @@
 /*! Congo v2.8.1 | MIT License | https://github.com/jpanther/congo */
 
-/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -211,8 +211,6 @@ textarea {
   /* 1 */
   line-height: inherit;
   /* 1 */
-  letter-spacing: inherit;
-  /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
@@ -236,9 +234,9 @@ select {
 */
 
 button,
-input:where([type='button']),
+[type='button'],
-input:where([type='reset']),
+[type='reset'],
-input:where([type='submit']) {
+[type='submit'] {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -494,10 +492,6 @@ video {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
 }
 
 ::backdrop {
@@ -548,10 +542,6 @@ video {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
 }
 
 .prose {
@@ -1175,7 +1165,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-.toc a:is(.dark *) {
+:is(.dark .toc a) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
@@ -1222,7 +1212,7 @@ body:has(#menu-controller:checked) {
   opacity: 0.9;
 }
 
-.copy-button:is(.dark *) {
+:is(.dark .copy-button) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1237,10 +1227,10 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
-.copy-button:hover:is(.dark *),
+:is(.dark .copy-button:hover),:is(.dark 
-.copy-button:focus:is(.dark *),
+.copy-button:focus),:is(.dark 
-.copy-button:active:is(.dark *),
+.copy-button:active),:is(.dark 
-.copy-button:active:hover:is(.dark *) {
+.copy-button:active:hover) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
 }
@@ -1292,7 +1282,7 @@ code {
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-.chroma:is(.dark *) {
+:is(.dark .chroma) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1328,8 +1318,8 @@ code {
   color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
 }
 
-.chroma .lnt:is(.dark *),
+:is(.dark .chroma .lnt),:is(.dark 
-.chroma .ln:is(.dark *) {
+.chroma .ln) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
 }
@@ -1352,7 +1342,7 @@ code {
   background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
-.chroma .hl:is(.dark *) {
+:is(.dark .chroma .hl) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
@@ -1391,16 +1381,16 @@ code {
   color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
 
-.chroma .k:is(.dark *),
+:is(.dark .chroma .k),:is(.dark 
-.chroma .kd:is(.dark *),
+.chroma .kd),:is(.dark 
-.chroma .kn:is(.dark *),
+.chroma .kn),:is(.dark 
-.chroma .kp:is(.dark *),
+.chroma .kp),:is(.dark 
-.chroma .kr:is(.dark *),
+.chroma .kr),:is(.dark 
-.chroma .nc:is(.dark *),
+.chroma .nc),:is(.dark 
-.chroma .fm:is(.dark *),
+.chroma .fm),:is(.dark 
-.chroma .nn:is(.dark *),
+.chroma .nn),:is(.dark 
-.chroma .vc:is(.dark *),
+.chroma .vc),:is(.dark 
-.chroma .o:is(.dark *) {
+.chroma .o) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-300), var(--tw-text-opacity));
 }
@@ -1413,7 +1403,7 @@ code {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.chroma .kc:is(.dark *) {
+:is(.dark .chroma .kc) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1455,17 +1445,17 @@ code {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.chroma .kt:is(.dark *),
+:is(.dark .chroma .kt),:is(.dark 
-.chroma .nv:is(.dark *),
+.chroma .nv),:is(.dark 
-.chroma .vi:is(.dark *),
+.chroma .vi),:is(.dark 
-.chroma .vm:is(.dark *),
+.chroma .vm),:is(.dark 
-.chroma .m:is(.dark *),
+.chroma .m),:is(.dark 
-.chroma .mb:is(.dark *),
+.chroma .mb),:is(.dark 
-.chroma .mf:is(.dark *),
+.chroma .mf),:is(.dark 
-.chroma .mh:is(.dark *),
+.chroma .mh),:is(.dark 
-.chroma .mi:is(.dark *),
+.chroma .mi),:is(.dark 
-.chroma .il:is(.dark *),
+.chroma .il),:is(.dark 
-.chroma .mo:is(.dark *) {
+.chroma .mo) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
 }
@@ -1486,10 +1476,10 @@ code {
   color: rgba(var(--color-secondary-900), var(--tw-text-opacity));
 }
 
-.chroma .n:is(.dark *),
+:is(.dark .chroma .n),:is(.dark 
-.chroma .nd:is(.dark *),
+.chroma .nd),:is(.dark 
-.chroma .ni:is(.dark *),
+.chroma .ni),:is(.dark 
-.chroma .nl:is(.dark *) {
+.chroma .nl) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-200), var(--tw-text-opacity));
 }
@@ -1516,12 +1506,12 @@ code {
   color: rgba(var(--color-secondary-800), var(--tw-text-opacity));
 }
 
-.chroma .na:is(.dark *),
+:is(.dark .chroma .na),:is(.dark 
-.chroma .nb:is(.dark *),
+.chroma .nb),:is(.dark 
-.chroma .bp:is(.dark *),
+.chroma .bp),:is(.dark 
-.chroma .nx:is(.dark *),
+.chroma .nx),:is(.dark 
-.chroma .py:is(.dark *),
+.chroma .py),:is(.dark 
-.chroma .nt:is(.dark *) {
+.chroma .nt) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-300), var(--tw-text-opacity));
 }
@@ -1540,9 +1530,9 @@ code {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.chroma .no:is(.dark *),
+:is(.dark .chroma .no),:is(.dark 
-.chroma .ne:is(.dark *),
+.chroma .ne),:is(.dark 
-.chroma .vg:is(.dark *) {
+.chroma .vg) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1554,7 +1544,7 @@ code {
   color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
 }
 
-.chroma .nf:is(.dark *) {
+:is(.dark .chroma .nf) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1611,22 +1601,22 @@ code {
   color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
-.chroma .l:is(.dark *),
+:is(.dark .chroma .l),:is(.dark 
-.chroma .ld:is(.dark *),
+.chroma .ld),:is(.dark 
-.chroma .s:is(.dark *),
+.chroma .s),:is(.dark 
-.chroma .sa:is(.dark *),
+.chroma .sa),:is(.dark 
-.chroma .sb:is(.dark *),
+.chroma .sb),:is(.dark 
-.chroma .sc:is(.dark *),
+.chroma .sc),:is(.dark 
-.chroma .dl:is(.dark *),
+.chroma .dl),:is(.dark 
-.chroma .sd:is(.dark *),
+.chroma .sd),:is(.dark 
-.chroma .s2:is(.dark *),
+.chroma .s2),:is(.dark 
-.chroma .sh:is(.dark *),
+.chroma .sh),:is(.dark 
-.chroma .si:is(.dark *),
+.chroma .si),:is(.dark 
-.chroma .sx:is(.dark *),
+.chroma .sx),:is(.dark 
-.chroma .s1:is(.dark *),
+.chroma .s1),:is(.dark 
-.chroma .gi:is(.dark *),
+.chroma .gi),:is(.dark 
-.chroma .go:is(.dark *),
+.chroma .go),:is(.dark 
-.chroma .gp:is(.dark *) {
+.chroma .gp) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
@@ -1639,7 +1629,7 @@ code {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.chroma .se:is(.dark *) {
+:is(.dark .chroma .se) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1655,8 +1645,8 @@ code {
   color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
-.chroma .sr:is(.dark *),
+:is(.dark .chroma .sr),:is(.dark 
-.chroma .ss:is(.dark *) {
+.chroma .ss) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
@@ -1669,7 +1659,7 @@ code {
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-.chroma .ow:is(.dark *) {
+:is(.dark .chroma .ow) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
@@ -1697,12 +1687,12 @@ code {
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-.chroma .c:is(.dark *),
+:is(.dark .chroma .c),:is(.dark 
-.chroma .cm:is(.dark *),
+.chroma .cm),:is(.dark 
-.chroma .c1:is(.dark *),
+.chroma .c1),:is(.dark 
-.chroma .cs:is(.dark *),
+.chroma .cs),:is(.dark 
-.chroma .cp:is(.dark *),
+.chroma .cp),:is(.dark 
-.chroma .cpf:is(.dark *) {
+.chroma .cpf) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
@@ -1716,7 +1706,7 @@ code {
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-.chroma .ch:is(.dark *) {
+:is(.dark .chroma .ch) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
@@ -2651,7 +2641,7 @@ code {
   transition-duration: 150ms;
 }
 
-.dark\:prose-invert:is(.dark *) {
+:is(.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);
@@ -2672,16 +2662,16 @@ code {
   --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
-.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   text-decoration-color: rgba(var(--color-neutral-600), 1);
 }
 
-.dark\:prose-invert:is(.dark *) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   color: rgba(var(--color-neutral-200), 1);
   background-color: rgba(var(--color-neutral-700), 1);
 }
 
-.dark\:prose-invert:is(.dark *) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   background-color: rgba(var(--color-secondary-400), 1);
 }
 
@@ -2817,147 +2807,147 @@ code {
   opacity: 1;
 }
 
-.dark\:inline:is(.dark *) {
+:is(.dark .dark\:inline) {
   display: inline;
 }
 
-.dark\:flex:is(.dark *) {
+:is(.dark .dark\:flex) {
   display: flex;
 }
 
-.dark\:hidden:is(.dark *) {
+:is(.dark .dark\:hidden) {
   display: none;
 }
 
-.dark\:border-neutral-600:is(.dark *) {
+:is(.dark .dark\:border-neutral-600) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity));
 }
 
-.dark\:border-neutral-700:is(.dark *) {
+:is(.dark .dark\:border-neutral-700) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity));
 }
 
-.dark\:border-primary-600:is(.dark *) {
+:is(.dark .dark\:border-primary-600) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
 }
 
-.dark\:bg-neutral-600:is(.dark *) {
+:is(.dark .dark\:bg-neutral-600) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
 }
 
-.dark\:bg-neutral-700:is(.dark *) {
+:is(.dark .dark\:bg-neutral-700) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
 }
 
-.dark\:bg-neutral-800:is(.dark *) {
+:is(.dark .dark\:bg-neutral-800) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity));
 }
 
-.dark\:bg-neutral-800\/50:is(.dark *) {
+:is(.dark .dark\:bg-neutral-800\/50) {
   background-color: rgba(var(--color-neutral-800), 0.5);
 }
 
-.dark\:bg-neutral-900\/50:is(.dark *) {
+:is(.dark .dark\:bg-neutral-900\/50) {
   background-color: rgba(var(--color-neutral-900), 0.5);
 }
 
-.dark\:bg-primary-400:is(.dark *) {
+:is(.dark .dark\:bg-primary-400) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
 }
 
-.dark\:bg-primary-800:is(.dark *) {
+:is(.dark .dark\:bg-primary-800) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
 }
 
-.dark\:bg-primary-900:is(.dark *) {
+:is(.dark .dark\:bg-primary-900) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
-.dark\:text-neutral:is(.dark *) {
+:is(.dark .dark\:text-neutral) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral), var(--tw-text-opacity));
 }
 
-.dark\:text-neutral-100:is(.dark *) {
+:is(.dark .dark\:text-neutral-100) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
 }
 
-.dark\:text-neutral-300:is(.dark *) {
+:is(.dark .dark\:text-neutral-300) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
 }
 
-.dark\:text-neutral-400:is(.dark *) {
+:is(.dark .dark\:text-neutral-400) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
 
-.dark\:text-neutral-500:is(.dark *) {
+:is(.dark .dark\:text-neutral-500) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-.dark\:text-neutral-800:is(.dark *) {
+:is(.dark .dark\:text-neutral-800) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
 }
 
-.dark\:text-primary-400:is(.dark *) {
+:is(.dark .dark\:text-primary-400) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-.dark\:hover\:border-primary-600:hover:is(.dark *) {
+:is(.dark .dark\:hover\:border-primary-600:hover) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
 }
 
-.dark\:hover\:\!bg-primary-700:hover:is(.dark *) {
+:is(.dark .dark\:hover\:\!bg-primary-700:hover) {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important;
 }
 
-.dark\:hover\:bg-primary-400:hover:is(.dark *) {
+:is(.dark .dark\:hover\:bg-primary-400:hover) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
 }
 
-.dark\:hover\:bg-primary-900:hover:is(.dark *) {
+:is(.dark .dark\:hover\:bg-primary-900:hover) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
-.dark\:hover\:text-neutral-800:hover:is(.dark *) {
+:is(.dark .dark\:hover\:text-neutral-800:hover) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
 }
 
-.dark\:hover\:text-primary-400:hover:is(.dark *) {
+:is(.dark .dark\:hover\:text-primary-400:hover) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-.dark\:focus\:bg-primary-900:focus:is(.dark *) {
+:is(.dark .dark\:focus\:bg-primary-900:focus) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
-.group:hover .dark\:group-hover\:text-neutral-700:is(.dark *) {
+:is(.dark .group:hover .dark\:group-hover\:text-neutral-700) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-.group:hover .dark\:group-hover\:text-primary-400:is(.dark *) {
+:is(.dark .group:hover .dark\:group-hover\:text-primary-400) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }