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