diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index e3cafd2f..2ff5f9d0 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1,6 +1,6 @@
 /*! Congo v2.5.4 | MIT License | https://github.com/jpanther/congo */
 
-/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -31,6 +31,7 @@
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
 */
 
 html {
@@ -47,6 +48,8 @@ html {
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
 }
 
 /*
@@ -1035,32 +1038,32 @@ body:has(#menu-controller:checked) {
 
 /* RTL support */
 
-[dir="rtl"] .prose blockquote {
+:is([dir="rtl"] .prose blockquote) {
   border-left-width: 0px;
   border-right-width: 4px;
   padding-right: 1rem;
 }
 
-[dir="rtl"] .prose ul > li,[dir="rtl"] 
-.prose ol > li {
+:is([dir="rtl"] .prose ul > li),:is([dir="rtl"] 
+.prose ol > li) {
   margin-right: 1.75rem;
   padding-left: 0px;
   padding-right: 0.5rem;
 }
 
-[dir="rtl"] .prose ol > li:before,[dir="rtl"] 
-.prose ul > li:before {
+:is([dir="rtl"] .prose ol > li):before,:is([dir="rtl"] 
+.prose ul > li):before {
   left: auto;
   right: 0.25rem;
 }
 
-[dir="rtl"] .prose thead td:first-child,[dir="rtl"] 
-.prose thead th:first-child {
+:is([dir="rtl"] .prose thead td:first-child),:is([dir="rtl"] 
+.prose thead th:first-child) {
   padding-right: 0px;
 }
 
-[dir="rtl"] .prose thead td:last-child,[dir="rtl"] 
-.prose thead th:last-child {
+:is([dir="rtl"] .prose thead td:last-child),:is([dir="rtl"] 
+.prose thead th:last-child) {
   padding-left: 0px;
 }
 
@@ -1080,11 +1083,11 @@ body:has(#menu-controller:checked) {
   line-height: 1.375;
 }
 
-[dir="ltr"] .toc ul ul {
+:is([dir="ltr"] .toc ul ul) {
   padding-left: 1rem;
 }
 
-[dir="rtl"] .toc ul ul {
+:is([dir="rtl"] .toc ul ul) {
   padding-right: 1rem;
 }
 
@@ -1094,12 +1097,12 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-.dark .toc a {
+:is(.dark .toc a) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
 
-[dir="rtl"] .toc ul > li {
+:is([dir="rtl"] .toc ul > li) {
   margin-right: 0px;
 }
 
@@ -1141,7 +1144,7 @@ body:has(#menu-controller:checked) {
   opacity: 0.9;
 }
 
-.dark .copy-button {
+:is(.dark .copy-button) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1156,10 +1159,10 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
-.dark .copy-button:hover,.dark 
-.copy-button:focus,.dark 
-.copy-button:active,.dark 
-.copy-button:active:hover {
+:is(.dark .copy-button:hover),:is(.dark 
+.copy-button:focus),:is(.dark 
+.copy-button:active),:is(.dark 
+.copy-button:active:hover) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
 }
@@ -1184,7 +1187,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-.dark .chroma {
+:is(.dark .chroma) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1220,8 +1223,8 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
 }
 
-.dark .chroma .lnt,.dark 
-.chroma .ln {
+:is(.dark .chroma .lnt),:is(.dark 
+.chroma .ln) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
 }
@@ -1244,7 +1247,7 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
-.dark .chroma .hl {
+:is(.dark .chroma .hl) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
@@ -1283,16 +1286,16 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
 
-.dark .chroma .k,.dark 
-.chroma .kd,.dark 
-.chroma .kn,.dark 
-.chroma .kp,.dark 
-.chroma .kr,.dark 
-.chroma .nc,.dark 
-.chroma .fm,.dark 
-.chroma .nn,.dark 
-.chroma .vc,.dark 
-.chroma .o {
+:is(.dark .chroma .k),:is(.dark 
+.chroma .kd),:is(.dark 
+.chroma .kn),:is(.dark 
+.chroma .kp),:is(.dark 
+.chroma .kr),:is(.dark 
+.chroma .nc),:is(.dark 
+.chroma .fm),:is(.dark 
+.chroma .nn),:is(.dark 
+.chroma .vc),:is(.dark 
+.chroma .o) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-300), var(--tw-text-opacity));
 }
@@ -1305,7 +1308,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.dark .chroma .kc {
+:is(.dark .chroma .kc) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1347,17 +1350,17 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.dark .chroma .kt,.dark 
-.chroma .nv,.dark 
-.chroma .vi,.dark 
-.chroma .vm,.dark 
-.chroma .m,.dark 
-.chroma .mb,.dark 
-.chroma .mf,.dark 
-.chroma .mh,.dark 
-.chroma .mi,.dark 
-.chroma .il,.dark 
-.chroma .mo {
+:is(.dark .chroma .kt),:is(.dark 
+.chroma .nv),:is(.dark 
+.chroma .vi),:is(.dark 
+.chroma .vm),:is(.dark 
+.chroma .m),:is(.dark 
+.chroma .mb),:is(.dark 
+.chroma .mf),:is(.dark 
+.chroma .mh),:is(.dark 
+.chroma .mi),:is(.dark 
+.chroma .il),:is(.dark 
+.chroma .mo) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
 }
@@ -1378,10 +1381,10 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-900), var(--tw-text-opacity));
 }
 
-.dark .chroma .n,.dark 
-.chroma .nd,.dark 
-.chroma .ni,.dark 
-.chroma .nl {
+:is(.dark .chroma .n),:is(.dark 
+.chroma .nd),:is(.dark 
+.chroma .ni),:is(.dark 
+.chroma .nl) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-200), var(--tw-text-opacity));
 }
@@ -1408,12 +1411,12 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-800), var(--tw-text-opacity));
 }
 
-.dark .chroma .na,.dark 
-.chroma .nb,.dark 
-.chroma .bp,.dark 
-.chroma .nx,.dark 
-.chroma .py,.dark 
-.chroma .nt {
+:is(.dark .chroma .na),:is(.dark 
+.chroma .nb),:is(.dark 
+.chroma .bp),:is(.dark 
+.chroma .nx),:is(.dark 
+.chroma .py),:is(.dark 
+.chroma .nt) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-300), var(--tw-text-opacity));
 }
@@ -1432,9 +1435,9 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.dark .chroma .no,.dark 
-.chroma .ne,.dark 
-.chroma .vg {
+:is(.dark .chroma .no),:is(.dark 
+.chroma .ne),:is(.dark 
+.chroma .vg) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1446,7 +1449,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
 }
 
-.dark .chroma .nf {
+:is(.dark .chroma .nf) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1503,22 +1506,22 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
-.dark .chroma .l,.dark 
-.chroma .ld,.dark 
-.chroma .s,.dark 
-.chroma .sa,.dark 
-.chroma .sb,.dark 
-.chroma .sc,.dark 
-.chroma .dl,.dark 
-.chroma .sd,.dark 
-.chroma .s2,.dark 
-.chroma .sh,.dark 
-.chroma .si,.dark 
-.chroma .sx,.dark 
-.chroma .s1,.dark 
-.chroma .gi,.dark 
-.chroma .go,.dark 
-.chroma .gp {
+:is(.dark .chroma .l),:is(.dark 
+.chroma .ld),:is(.dark 
+.chroma .s),:is(.dark 
+.chroma .sa),:is(.dark 
+.chroma .sb),:is(.dark 
+.chroma .sc),:is(.dark 
+.chroma .dl),:is(.dark 
+.chroma .sd),:is(.dark 
+.chroma .s2),:is(.dark 
+.chroma .sh),:is(.dark 
+.chroma .si),:is(.dark 
+.chroma .sx),:is(.dark 
+.chroma .s1),:is(.dark 
+.chroma .gi),:is(.dark 
+.chroma .go),:is(.dark 
+.chroma .gp) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
@@ -1531,7 +1534,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
-.dark .chroma .se {
+:is(.dark .chroma .se) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
@@ -1547,8 +1550,8 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
-.dark .chroma .sr,.dark 
-.chroma .ss {
+:is(.dark .chroma .sr),:is(.dark 
+.chroma .ss) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
@@ -1561,7 +1564,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-.dark .chroma .ow {
+:is(.dark .chroma .ow) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
@@ -1589,12 +1592,12 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-.dark .chroma .c,.dark 
-.chroma .cm,.dark 
-.chroma .c1,.dark 
-.chroma .cs,.dark 
-.chroma .cp,.dark 
-.chroma .cpf {
+:is(.dark .chroma .c),:is(.dark 
+.chroma .cm),:is(.dark 
+.chroma .c1),:is(.dark 
+.chroma .cs),:is(.dark 
+.chroma .cp),:is(.dark 
+.chroma .cpf) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
@@ -1608,7 +1611,7 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-.dark .chroma .ch {
+:is(.dark .chroma .ch) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
@@ -1678,10 +1681,7 @@ body:has(#menu-controller:checked) {
 }
 
 .inset-0 {
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
+  inset: 0px;
 }
 
 .bottom-0 {
@@ -2464,7 +2464,7 @@ body:has(#menu-controller:checked) {
   transition-duration: 150ms;
 }
 
-.dark .dark\:prose-invert {
+: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);
@@ -2483,16 +2483,16 @@ body:has(#menu-controller:checked) {
   --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
-.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) {
+:is(.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"] *)) {
+:is(.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"] *)) {
+:is(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"] *)) {
   background-color: rgba(var(--color-secondary-400), 1);
 }
 
@@ -2629,267 +2629,267 @@ body:has(#menu-controller:checked) {
   opacity: 1;
 }
 
-[dir="ltr"] .ltr\:-left-6 {
+:is([dir="ltr"] .ltr\:-left-6) {
   left: -1.5rem;
 }
 
-[dir="ltr"] .ltr\:right-0 {
+:is([dir="ltr"] .ltr\:right-0) {
   right: 0px;
 }
 
-[dir="ltr"] .ltr\:-ml-5 {
+:is([dir="ltr"] .ltr\:-ml-5) {
   margin-left: -1.25rem;
 }
 
-[dir="ltr"] .ltr\:ml-1 {
+:is([dir="ltr"] .ltr\:ml-1) {
   margin-left: 0.25rem;
 }
 
-[dir="ltr"] .ltr\:ml-2 {
+:is([dir="ltr"] .ltr\:ml-2) {
   margin-left: 0.5rem;
 }
 
-[dir="ltr"] .ltr\:mr-14 {
+:is([dir="ltr"] .ltr\:mr-14) {
   margin-right: 3.5rem;
 }
 
-[dir="ltr"] .ltr\:mr-4 {
+:is([dir="ltr"] .ltr\:mr-4) {
   margin-right: 1rem;
 }
 
-[dir="ltr"] .ltr\:block {
+:is([dir="ltr"] .ltr\:block) {
   display: block;
 }
 
-[dir="ltr"] .ltr\:inline {
+:is([dir="ltr"] .ltr\:inline) {
   display: inline;
 }
 
-[dir="ltr"] .ltr\:hidden {
+:is([dir="ltr"] .ltr\:hidden) {
   display: none;
 }
 
-[dir="ltr"] .ltr\:border-l {
+:is([dir="ltr"] .ltr\:border-l) {
   border-left-width: 1px;
 }
 
-[dir="ltr"] .ltr\:pl-5 {
+:is([dir="ltr"] .ltr\:pl-5) {
   padding-left: 1.25rem;
 }
 
-[dir="ltr"] .ltr\:pr-2 {
+:is([dir="ltr"] .ltr\:pr-2) {
   padding-right: 0.5rem;
 }
 
-[dir="ltr"] .ltr\:pr-3 {
+:is([dir="ltr"] .ltr\:pr-3) {
   padding-right: 0.75rem;
 }
 
-[dir="ltr"] .ltr\:text-right {
+:is([dir="ltr"] .ltr\:text-right) {
   text-align: right;
 }
 
-[dir="rtl"] .rtl\:-right-6 {
+:is([dir="rtl"] .rtl\:-right-6) {
   right: -1.5rem;
 }
 
-[dir="rtl"] .rtl\:left-0 {
+:is([dir="rtl"] .rtl\:left-0) {
   left: 0px;
 }
 
-[dir="rtl"] .rtl\:-mr-5 {
+:is([dir="rtl"] .rtl\:-mr-5) {
   margin-right: -1.25rem;
 }
 
-[dir="rtl"] .rtl\:ml-14 {
+:is([dir="rtl"] .rtl\:ml-14) {
   margin-left: 3.5rem;
 }
 
-[dir="rtl"] .rtl\:ml-4 {
+:is([dir="rtl"] .rtl\:ml-4) {
   margin-left: 1rem;
 }
 
-[dir="rtl"] .rtl\:mr-1 {
+:is([dir="rtl"] .rtl\:mr-1) {
   margin-right: 0.25rem;
 }
 
-[dir="rtl"] .rtl\:mr-2 {
+:is([dir="rtl"] .rtl\:mr-2) {
   margin-right: 0.5rem;
 }
 
-[dir="rtl"] .rtl\:block {
+:is([dir="rtl"] .rtl\:block) {
   display: block;
 }
 
-[dir="rtl"] .rtl\:inline {
+:is([dir="rtl"] .rtl\:inline) {
   display: inline;
 }
 
-[dir="rtl"] .rtl\:hidden {
+:is([dir="rtl"] .rtl\:hidden) {
   display: none;
 }
 
-[dir="rtl"] .rtl\:border-r {
+:is([dir="rtl"] .rtl\:border-r) {
   border-right-width: 1px;
 }
 
-[dir="rtl"] .rtl\:pl-2 {
+:is([dir="rtl"] .rtl\:pl-2) {
   padding-left: 0.5rem;
 }
 
-[dir="rtl"] .rtl\:pl-3 {
+:is([dir="rtl"] .rtl\:pl-3) {
   padding-left: 0.75rem;
 }
 
-[dir="rtl"] .rtl\:pr-5 {
+:is([dir="rtl"] .rtl\:pr-5) {
   padding-right: 1.25rem;
 }
 
-[dir="rtl"] .rtl\:text-left {
+:is([dir="rtl"] .rtl\:text-left) {
   text-align: left;
 }
 
-.dark .dark\:inline {
+:is(.dark .dark\:inline) {
   display: inline;
 }
 
-.dark .dark\:flex {
+:is(.dark .dark\:flex) {
   display: flex;
 }
 
-.dark .dark\:hidden {
+:is(.dark .dark\:hidden) {
   display: none;
 }
 
-.dark .dark\:border-neutral-600 {
+:is(.dark .dark\:border-neutral-600) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity));
 }
 
-.dark .dark\:border-neutral-700 {
+:is(.dark .dark\:border-neutral-700) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity));
 }
 
-.dark .dark\:border-primary-600 {
+:is(.dark .dark\:border-primary-600) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
 }
 
-.dark .dark\:bg-neutral-600 {
+:is(.dark .dark\:bg-neutral-600) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-neutral-700 {
+:is(.dark .dark\:bg-neutral-700) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-neutral-800 {
+:is(.dark .dark\:bg-neutral-800) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-neutral-800\/50 {
+:is(.dark .dark\:bg-neutral-800\/50) {
   background-color: rgba(var(--color-neutral-800), 0.5);
 }
 
-.dark .dark\:bg-neutral-900\/50 {
+:is(.dark .dark\:bg-neutral-900\/50) {
   background-color: rgba(var(--color-neutral-900), 0.5);
 }
 
-.dark .dark\:bg-primary-400 {
+:is(.dark .dark\:bg-primary-400) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-primary-800 {
+:is(.dark .dark\:bg-primary-800) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-primary-900 {
+:is(.dark .dark\:bg-primary-900) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
-.dark .dark\:text-neutral {
+:is(.dark .dark\:text-neutral) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-neutral-100 {
+:is(.dark .dark\:text-neutral-100) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-neutral-300 {
+:is(.dark .dark\:text-neutral-300) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-neutral-400 {
+:is(.dark .dark\:text-neutral-400) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-neutral-500 {
+:is(.dark .dark\:text-neutral-500) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-neutral-800 {
+:is(.dark .dark\:text-neutral-800) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-primary-400 {
+:is(.dark .dark\:text-primary-400) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-.dark .dark\:hover\:border-primary-600:hover {
+:is(.dark .dark\:hover\:border-primary-600:hover) {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
 }
 
-.dark .dark\:hover\:\!bg-primary-700:hover {
+: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 .dark\:hover\:bg-primary-400:hover {
+:is(.dark .dark\:hover\:bg-primary-400:hover) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
 }
 
-.dark .dark\:hover\:bg-primary-900:hover {
+:is(.dark .dark\:hover\:bg-primary-900:hover) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
-.dark .dark\:hover\:text-neutral-800:hover {
+:is(.dark .dark\:hover\:text-neutral-800:hover) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
 }
 
-.dark .dark\:hover\:text-primary-400:hover {
+:is(.dark .dark\:hover\:text-primary-400:hover) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-.dark .dark\:focus\:bg-primary-900:focus {
+:is(.dark .dark\:focus\:bg-primary-900:focus) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
-.dark .group:hover .dark\:group-hover\:text-neutral-700 {
+:is(.dark .group:hover .dark\:group-hover\:text-neutral-700) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-.dark .group:hover .dark\:group-hover\:text-primary-400 {
+:is(.dark .group:hover .dark\:group-hover\:text-primary-400) {
   --tw-text-opacity: 1;
   color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
@@ -2964,19 +2964,19 @@ body:has(#menu-controller:checked) {
     line-height: 1.75rem;
   }
 
-  [dir="ltr"] .ltr\:sm\:mr-7 {
+  :is([dir="ltr"] .ltr\:sm\:mr-7) {
     margin-right: 1.75rem;
   }
 
-  [dir="ltr"] .ltr\:sm\:last\:mr-0:last-child {
+  :is([dir="ltr"] .ltr\:sm\:last\:mr-0:last-child) {
     margin-right: 0px;
   }
 
-  [dir="rtl"] .rtl\:sm\:ml-7 {
+  :is([dir="rtl"] .rtl\:sm\:ml-7) {
     margin-left: 1.75rem;
   }
 
-  [dir="rtl"] .rtl\:sm\:last\:ml-0:last-child {
+  :is([dir="rtl"] .rtl\:sm\:last\:ml-0:last-child) {
     margin-left: 0px;
   }
 }
@@ -3034,11 +3034,11 @@ body:has(#menu-controller:checked) {
     padding-right: 8rem;
   }
 
-  [dir="ltr"] .ltr\:lg\:pl-8 {
+  :is([dir="ltr"] .ltr\:lg\:pl-8) {
     padding-left: 2rem;
   }
 
-  [dir="rtl"] .rtl\:lg\:pr-8 {
+  :is([dir="rtl"] .rtl\:lg\:pr-8) {
     padding-right: 2rem;
   }
 }