diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index a84fb5ed..3ea83443 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -122,7 +122,7 @@ body.zen-mode-enable {
   --tw-contain-style: 
 }
 
-/*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -2359,32 +2359,32 @@ select {
 
 .border-neutral-100 {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-neutral-100), var(--tw-border-opacity))
+  border-color:rgba(var(--color-neutral-100), var(--tw-border-opacity, 1))
 }
 
 .border-neutral-200 {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-neutral-200), var(--tw-border-opacity))
+  border-color:rgba(var(--color-neutral-200), var(--tw-border-opacity, 1))
 }
 
 .border-neutral-300 {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity))
+  border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity, 1))
 }
 
 .border-primary-400 {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-primary-400), var(--tw-border-opacity))
+  border-color:rgba(var(--color-primary-400), var(--tw-border-opacity, 1))
 }
 
 .border-primary-500 {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-primary-500), var(--tw-border-opacity))
+  border-color:rgba(var(--color-primary-500), var(--tw-border-opacity, 1))
 }
 
 .border-secondary-500 {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-secondary-500), var(--tw-border-opacity))
+  border-color:rgba(var(--color-secondary-500), var(--tw-border-opacity, 1))
 }
 
 .border-transparent {
@@ -2397,17 +2397,17 @@ select {
 
 .bg-\[\#6d6d6d\] {
   --tw-bg-opacity:1;
-  background-color:rgb(109 109 109 / var(--tw-bg-opacity))
+  background-color:rgb(109 109 109 / var(--tw-bg-opacity, 1))
 }
 
 .bg-neutral {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-neutral), var(--tw-bg-opacity, 1))
 }
 
 .bg-neutral-100 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-100), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-neutral-100), var(--tw-bg-opacity, 1))
 }
 
 .bg-neutral-100\/50 {
@@ -2416,7 +2416,7 @@ select {
 
 .bg-neutral-300 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-300), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-neutral-300), var(--tw-bg-opacity, 1))
 }
 
 .bg-neutral-500\/50 {
@@ -2429,22 +2429,22 @@ select {
 
 .bg-primary-100 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
 }
 
 .bg-primary-200 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity, 1))
 }
 
 .bg-primary-500 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1))
 }
 
 .bg-primary-600 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
 }
 
 .bg-transparent {
@@ -2823,82 +2823,82 @@ select {
 
 .\!text-neutral {
   --tw-text-opacity:1 !important;
-  color:rgba(var(--color-neutral), var(--tw-text-opacity)) !important
+  color:rgba(var(--color-neutral), var(--tw-text-opacity, 1)) !important
 }
 
 .text-neutral-200 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
 }
 
 .text-neutral-300 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
 }
 
 .text-neutral-400 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
 }
 
 .text-neutral-50 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-50), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-50), var(--tw-text-opacity, 1))
 }
 
 .text-neutral-500 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
 }
 
 .text-neutral-700 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
 }
 
 .text-neutral-800 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
 }
 
 .text-neutral-900 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-900), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-900), var(--tw-text-opacity, 1))
 }
 
 .text-primary-100 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-100), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-100), var(--tw-text-opacity, 1))
 }
 
 .text-primary-300 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
 }
 
 .text-primary-400 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
 }
 
 .text-primary-500 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-500), var(--tw-text-opacity, 1))
 }
 
 .text-primary-600 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
 }
 
 .text-primary-700 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-700), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-700), var(--tw-text-opacity, 1))
 }
 
 .text-primary-800 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
 }
 
 .text-transparent {
@@ -3240,12 +3240,12 @@ body button {
 .toc a {
   font-weight:400;
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
 }
 
 .toc a:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
 }
 
 .toc ul>li:where([dir="rtl"], [dir="rtl"] *) {
@@ -3279,22 +3279,22 @@ body button {
   border-bottom-left-radius:0.375rem;
   border-top-right-radius:0.375rem;
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity));
+  background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity, 1));
   padding-top:0.25rem;
   padding-bottom:0.25rem;
   font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   font-size:0.875rem;
   line-height:1.25rem;
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-700), var(--tw-text-opacity));
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1));
   opacity:0.9
 }
 
 .copy-button:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity));
+  background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity, 1));
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
 }
 
 .copy-button:hover,
@@ -3302,7 +3302,7 @@ body button {
 .copy-button:active,
 .copy-button:active:hover {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
 }
 
 .copy-button:hover:is(.dark *),
@@ -3310,7 +3310,7 @@ body button {
 .copy-button:active:is(.dark *),
 .copy-button:active:hover:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
 }
 
 .copy-textarea {
@@ -3357,16 +3357,16 @@ a {
   position:static;
   border-radius:0.375rem;
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity));
+  background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity, 1));
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
 }
 
 .prose .chroma:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity));
+  background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity, 1));
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
 }
 
 /* LineTableTD */
@@ -3402,14 +3402,14 @@ a {
   display:block;
   width:auto;
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity));
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1));
   padding-left:1rem;
   padding-right:1rem
 }
 
 .chroma .hl:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
 }
 
 .chroma .lntd .hl {
@@ -3429,13 +3429,13 @@ a {
   padding-top:0px;
   padding-bottom:0px;
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-600), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-600), var(--tw-text-opacity, 1))
 }
 
 .chroma .lnt:is(.dark *),
 .chroma .ln:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
 }
 
 /* Keyword */
@@ -3469,7 +3469,7 @@ a {
 .chroma .vc,
 .chroma .o {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
 }
 
 .chroma .k:is(.dark *),
@@ -3483,7 +3483,7 @@ a {
 .chroma .vc:is(.dark *),
 .chroma .o:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
 }
 
 /* KeywordConstant */
@@ -3491,12 +3491,12 @@ a {
 .chroma .kc {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
 }
 
 .chroma .kc:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
 }
 
 /* KeywordType */
@@ -3533,7 +3533,7 @@ a {
 .chroma .il,
 .chroma .mo {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
 }
 
 .chroma .kt:is(.dark *),
@@ -3548,7 +3548,7 @@ a {
 .chroma .il:is(.dark *),
 .chroma .mo:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-600), var(--tw-text-opacity, 1))
 }
 
 /* Name */
@@ -3564,7 +3564,7 @@ a {
 .chroma .ni,
 .chroma .nl {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-900), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-900), var(--tw-text-opacity, 1))
 }
 
 .chroma .n:is(.dark *),
@@ -3572,7 +3572,7 @@ a {
 .chroma .ni:is(.dark *),
 .chroma .nl:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-200), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-200), var(--tw-text-opacity, 1))
 }
 
 /* NameAttribute */
@@ -3594,7 +3594,7 @@ a {
 .chroma .py,
 .chroma .nt {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-800), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-800), var(--tw-text-opacity, 1))
 }
 
 .chroma .na:is(.dark *),
@@ -3604,7 +3604,7 @@ a {
 .chroma .py:is(.dark *),
 .chroma .nt:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-300), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-300), var(--tw-text-opacity, 1))
 }
 
 /* NameConstant */
@@ -3618,26 +3618,26 @@ a {
 .chroma .vg {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
 }
 
 .chroma .no:is(.dark *),
 .chroma .ne:is(.dark *),
 .chroma .vg:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
 }
 
 /* NameFunction */
 
 .chroma .nf {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-600), var(--tw-text-opacity, 1))
 }
 
 .chroma .nf:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
 }
 
 /* Literal */
@@ -3689,7 +3689,7 @@ a {
 .chroma .go,
 .chroma .gp {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
 }
 
 .chroma .l:is(.dark *),
@@ -3709,7 +3709,7 @@ a {
 .chroma .go:is(.dark *),
 .chroma .gp:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
 }
 
 /* LiteralStringEscape */
@@ -3717,12 +3717,12 @@ a {
 .chroma .se {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
 }
 
 .chroma .se:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+  color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
 }
 
 /* LiteralStringRegex */
@@ -3733,13 +3733,13 @@ a {
 .chroma .ss {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
 }
 
 .chroma .sr:is(.dark *),
 .chroma .ss:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
 }
 
 /* OperatorWord */
@@ -3747,12 +3747,12 @@ a {
 .chroma .ow {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
 }
 
 .chroma .ow:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
 }
 
 /* Comment */
@@ -3775,7 +3775,7 @@ a {
 .chroma .cpf {
   font-style:italic;
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
 }
 
 .chroma .c:is(.dark *),
@@ -3785,7 +3785,7 @@ a {
 .chroma .cp:is(.dark *),
 .chroma .cpf:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
 }
 
 /* CommentHashbang */
@@ -3794,12 +3794,12 @@ a {
   font-weight:600;
   font-style:italic;
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
 }
 
 .chroma .ch:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
 }
 
 /* GenericEmph */
@@ -3813,7 +3813,7 @@ a {
 .chroma .gh {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
 }
 
 /* GenericStrong */
@@ -3829,7 +3829,7 @@ a {
 .chroma .gu,
 .chroma .gt {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
 }
 
 /* GenericUnderline */
@@ -4800,12 +4800,12 @@ pre {
 
 .group:hover .group-hover\:text-primary-300 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
 }
 
 .group:hover .group-hover\:text-primary-600 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
 }
 
 .group:hover .group-hover\:underline {
@@ -4900,47 +4900,47 @@ pre {
 
 .hover\:\!bg-primary-500:hover {
   --tw-bg-opacity:1 !important;
-  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)) !important
 }
 
 .hover\:bg-primary-100:hover {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
 }
 
 .hover\:bg-primary-500:hover {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1))
 }
 
 .hover\:bg-primary-600:hover {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
 }
 
 .hover\:text-neutral:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral), var(--tw-text-opacity, 1))
 }
 
 .hover\:text-primary-400:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
 }
 
 .hover\:text-primary-500:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-500), var(--tw-text-opacity, 1))
 }
 
 .hover\:text-primary-600:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
 }
 
 .hover\:text-primary-700:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-700), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-700), var(--tw-text-opacity, 1))
 }
 
 .hover\:underline:hover {
@@ -4979,7 +4979,7 @@ pre {
 
 .focus\:bg-primary-100:focus {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
 }
 
 .focus\:no-underline:focus {
@@ -5023,47 +5023,47 @@ pre {
 
 .dark\:border-neutral-400:is(.dark *) {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-neutral-400), var(--tw-border-opacity))
+  border-color:rgba(var(--color-neutral-400), var(--tw-border-opacity, 1))
 }
 
 .dark\:border-neutral-600:is(.dark *) {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity))
+  border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity, 1))
 }
 
 .dark\:border-neutral-700:is(.dark *) {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity))
+  border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity, 1))
 }
 
 .dark\:border-primary-300:is(.dark *) {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-primary-300), var(--tw-border-opacity))
+  border-color:rgba(var(--color-primary-300), var(--tw-border-opacity, 1))
 }
 
 .dark\:border-primary-600:is(.dark *) {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-primary-600), var(--tw-border-opacity))
+  border-color:rgba(var(--color-primary-600), var(--tw-border-opacity, 1))
 }
 
 .dark\:bg-neutral-400:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-400), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-neutral-400), var(--tw-bg-opacity, 1))
 }
 
 .dark\:bg-neutral-600:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity, 1))
 }
 
 .dark\:bg-neutral-700:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity, 1))
 }
 
 .dark\:bg-neutral-800:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-neutral-800), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-neutral-800), var(--tw-bg-opacity, 1))
 }
 
 .dark\:bg-neutral-800\/50:is(.dark *) {
@@ -5076,22 +5076,22 @@ pre {
 
 .dark\:bg-primary-300:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity, 1))
 }
 
 .dark\:bg-primary-400:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity, 1))
 }
 
 .dark\:bg-primary-800:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity, 1))
 }
 
 .dark\:bg-primary-900:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
 }
 
 .dark\:from-neutral-800:is(.dark *) {
@@ -5116,52 +5116,52 @@ pre {
 
 .dark\:text-neutral:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-neutral-100:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-100), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-100), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-neutral-200:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-neutral-300:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-neutral-400:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-neutral-500:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-neutral-700:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-neutral-800:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-primary-200:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-200), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-200), var(--tw-text-opacity, 1))
 }
 
 .dark\:text-primary-400:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
 }
 
 .dark\:opacity-60:is(.dark *) {
@@ -5178,42 +5178,42 @@ pre {
 
 .group:hover .dark\:group-hover\:text-neutral-700:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
 }
 
 .group:hover .dark\:group-hover\:text-primary-400:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
 }
 
 .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
+  background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity, 1)) !important
 }
 
 .dark\:hover\:bg-primary-400:hover:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity, 1))
 }
 
 .dark\:hover\:bg-primary-900:hover:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
 }
 
 .dark\:hover\:text-neutral-800:hover:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
+  color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
 }
 
 .dark\:hover\:text-primary-400:hover:is(.dark *) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
 }
 
 .dark\:focus\:bg-primary-900:focus:is(.dark *) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
 }
 
 @media (min-width: 640px) {