From fd356e8c1ba677e911e0cbb42e61232e9a61bf67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Wed, 6 Mar 2024 23:12:52 +0000
Subject: [PATCH] fixed tw-elements breaking changes

---
 assets/css/compiled/main.css | 798 ++++++++++++++++++++++++++++++-----
 tailwind.config.js           |   3 +-
 2 files changed, 706 insertions(+), 95 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 28b441fd..c6e94077 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -60,7 +60,7 @@ html,
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: Roboto, sans-serif;
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
@@ -149,7 +149,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-family: ui-monospace, monospace;
   /* 1 */
   font-feature-settings: normal;
   /* 2 */
@@ -653,6 +653,106 @@ select {
   outline:1px auto -webkit-focus-ring-color
 }
 
+input[type="range"]::-webkit-slider-thumb {
+  height:1rem;
+  width:1rem;
+  background:#3B71CA;
+  border-radius:9999px;
+  border:0;
+  appearance:none;
+  -moz-appearance:none;
+  -webkit-appearance:none;
+  cursor:pointer
+}
+
+.dark input[type="range"]::-webkit-slider-thumb {
+  background:#8FAEE0
+}
+
+input[type="range"]:disabled::-webkit-slider-thumb {
+  background:rgba(var(--color-neutral-400), <alpha-value>)
+}
+
+input[type="range"]:disabled:focus::-webkit-slider-thumb {
+  background:rgba(var(--color-neutral-400), <alpha-value>)
+}
+
+input[type="range"]:disabled:active::-webkit-slider-thumb {
+  background:rgba(var(--color-neutral-400), <alpha-value>)
+}
+
+.dark input[type="range"]:disabled::-webkit-slider-thumb {
+  background:rgba(var(--color-neutral-500), <alpha-value>)
+}
+
+.dark input[type="range"]:disabled:focus::-webkit-slider-thumb {
+  background:rgba(var(--color-neutral-500), <alpha-value>)
+}
+
+.dark input[type="range"]:disabled:active::-webkit-slider-thumb {
+  background:rgba(var(--color-neutral-500), <alpha-value>)
+}
+
+input[type="range"]::-moz-range-thumb {
+  height:1rem;
+  width:1rem;
+  background:#3B71CA;
+  border-radius:9999px;
+  border:0;
+  appearance:none;
+  -moz-appearance:none;
+  -webkit-appearance:none;
+  cursor:pointer
+}
+
+.dark input[type="range"]::-moz-range-thumb {
+  background:#8FAEE0
+}
+
+input[type="range"]:disabled::-moz-range-thumb {
+  background:rgba(var(--color-neutral-400), <alpha-value>)
+}
+
+.dark input[type="range"]:disabled::-moz-range-thumb {
+  background:rgba(var(--color-neutral-500), <alpha-value>)
+}
+
+input[type="range"]::-moz-range-progress {
+  background:#3061AF
+}
+
+input[type="range"]::-ms-fill-lower {
+  background:#3061AF
+}
+
+.dark input[type="range"]::-moz-range-progress {
+  background:#6590D5
+}
+
+.dark input[type="range"]::-ms-fill-lower {
+  background:#6590D5
+}
+
+input[type="range"]:focus {
+  outline:none
+}
+
+input[type="range"]:focus::-webkit-slider-thumb {
+  background:#3061AF
+}
+
+input[type="range"]:active::-webkit-slider-thumb {
+  background:#285192
+}
+
+.dark input[type="range"]:focus::-webkit-slider-thumb {
+  background:#6590D5
+}
+
+.dark input[type="range"]:active::-webkit-slider-thumb {
+  background:#3061AF
+}
+
 *, ::before, ::after {
   --tw-border-spacing-x:0;
   --tw-border-spacing-y:0;
@@ -753,6 +853,40 @@ select {
   --tw-backdrop-sepia: 
 }
 
+.container {
+  width:100%
+}
+
+@media (min-width: 640px) {
+  .container {
+    max-width:640px
+  }
+}
+
+@media (min-width: 853px) {
+  .container {
+    max-width:853px
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    max-width:1024px
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width:1280px
+  }
+}
+
+@media (min-width: 1536px) {
+  .container {
+    max-width:1536px
+  }
+}
+
 .prose {
   color:var(--tw-prose-body);
   max-width:65ch;
@@ -775,11 +909,11 @@ select {
   color:var(--tw-prose-links);
   text-decoration:none;
   font-weight:500;
-  text-decoration-color:rgba(var(--color-primary-300), 1);
+  text-decoration-color:rgb(171 194 232 / 1);
 }
 
 .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
-  color:rgba(var(--color-primary-600), 1);
+  color:rgb(48 97 175 / 1);
   text-decoration:none;
   border-radius:0.09rem
 }
@@ -1124,17 +1258,17 @@ select {
   --tw-prose-body:rgba(var(--color-neutral-700), 1);
   --tw-prose-headings:rgba(var(--color-neutral-800), 1);
   --tw-prose-lead:rgba(var(--color-neutral-500), 1);
-  --tw-prose-links:rgba(var(--color-primary-600), 1);
+  --tw-prose-links:rgb(48 97 175 / 1);
   --tw-prose-bold:rgba(var(--color-neutral-900), 1);
   --tw-prose-counters:rgba(var(--color-neutral-800), 1);
   --tw-prose-bullets:rgba(var(--color-neutral-500), 1);
   --tw-prose-hr:rgba(var(--color-neutral-200), 1);
   --tw-prose-quotes:rgba(var(--color-neutral-700), 1);
-  --tw-prose-quote-borders:rgba(var(--color-primary-200), 1);
+  --tw-prose-quote-borders:rgb(199 215 240 / 1);
   --tw-prose-captions:rgba(var(--color-neutral-500), 1);
   --tw-prose-kbd:#111827;
   --tw-prose-kbd-shadows:17 24 39;
-  --tw-prose-code:rgba(var(--color-secondary-700), 1);
+  --tw-prose-code:rgb(107 117 133 / 1);
   --tw-prose-pre-code:rgba(var(--color-neutral-700), 1);
   --tw-prose-pre-bg:rgba(var(--color-neutral-50), 1);
   --tw-prose-th-borders:rgba(var(--color-neutral-500), 1);
@@ -1142,17 +1276,17 @@ select {
   --tw-prose-invert-body:rgba(var(--color-neutral-300), 1);
   --tw-prose-invert-headings:rgba(var(--color-neutral-50), 1);
   --tw-prose-invert-lead:rgba(var(--color-neutral-500), 1);
-  --tw-prose-invert-links:rgba(var(--color-primary-400), 1);
+  --tw-prose-invert-links:rgb(143 174 224 / 1);
   --tw-prose-invert-bold:rgba(var(--color-neutral), 1);
   --tw-prose-invert-counters:rgba(var(--color-neutral-400), 1);
   --tw-prose-invert-bullets:rgba(var(--color-neutral-600), 1);
   --tw-prose-invert-hr:rgba(var(--color-neutral-500), 1);
   --tw-prose-invert-quotes:rgba(var(--color-neutral-200), 1);
-  --tw-prose-invert-quote-borders:rgba(var(--color-primary-900), 1);
+  --tw-prose-invert-quote-borders:rgb(24 48 88 / 1);
   --tw-prose-invert-captions:rgba(var(--color-neutral-400), 1);
   --tw-prose-invert-kbd:#fff;
   --tw-prose-invert-kbd-shadows:255 255 255;
-  --tw-prose-invert-code:rgba(var(--color-secondary-400), 1);
+  --tw-prose-invert-code:rgb(200 204 211 / 1);
   --tw-prose-invert-pre-code:rgba(var(--color-neutral-200), 1);
   --tw-prose-invert-pre-bg:rgba(var(--color-neutral-700), 1);
   --tw-prose-invert-th-borders:rgba(var(--color-neutral-500), 1);
@@ -1274,7 +1408,7 @@ select {
 
 .prose :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   color:rgba(var(--color-neutral-800), 1);
-  background-color:rgba(var(--color-primary-600), 1);
+  background-color:rgb(48 97 175 / 1);
   padding:0.1rem 0.2rem;
   border-radius:0.25rem
 }
@@ -1288,11 +1422,11 @@ select {
 }
 
 .prose :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgba(var(--color-primary-600), 1)
+  text-decoration-color:rgb(48 97 175 / 1)
 }
 
 .prose :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgba(var(--color-primary-600), 1)
+  text-decoration-color:rgb(48 97 175 / 1)
 }
 
 .prose-invert {
@@ -1321,7 +1455,7 @@ select {
 }
 
 .prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
-  color:rgba(var(--color-primary-400), 1)
+  color:rgb(143 174 224 / 1)
 }
 
 .prose-invert :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1330,7 +1464,7 @@ select {
 }
 
 .prose-invert :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  background-color:rgba(var(--color-primary-400), 1)
+  background-color:rgb(143 174 224 / 1)
 }
 
 .prose-invert :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1338,11 +1472,11 @@ select {
 }
 
 .prose-invert :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgba(var(--color-primary-400), 1)
+  text-decoration-color:rgb(143 174 224 / 1)
 }
 
 .prose-invert :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgba(var(--color-primary-400), 1)
+  text-decoration-color:rgb(143 174 224 / 1)
 }
 
 .sr-only {
@@ -1365,10 +1499,26 @@ select {
   pointer-events:auto
 }
 
+.\!visible {
+  visibility:visible !important
+}
+
+.visible {
+  visibility:visible
+}
+
 .invisible {
   visibility:hidden
 }
 
+.collapse {
+  visibility:collapse
+}
+
+.static {
+  position:static
+}
+
 .fixed {
   position:fixed
 }
@@ -1434,6 +1584,18 @@ select {
   z-index:30
 }
 
+.z-\[1040\] {
+  z-index:1040
+}
+
+.z-\[1070\] {
+  z-index:1070
+}
+
+.z-\[1080\] {
+  z-index:1080
+}
+
 .z-\[1\] {
   z-index:1
 }
@@ -1442,6 +1604,10 @@ select {
   z-index:2
 }
 
+.z-\[999\] {
+  z-index:999
+}
+
 .order-first {
   order:-9999
 }
@@ -1674,10 +1840,18 @@ select {
   margin-top:0.1rem
 }
 
+.box-border {
+  box-sizing:border-box
+}
+
 .box-content {
   box-sizing:content-box
 }
 
+.\!block {
+  display:block !important
+}
+
 .block {
   display:block
 }
@@ -1694,6 +1868,10 @@ select {
   display:flex
 }
 
+.table {
+  display:table
+}
+
 .grid {
   display:grid
 }
@@ -1706,6 +1884,10 @@ select {
   height:1px !important
 }
 
+.h-0 {
+  height:0px
+}
+
 .h-1\/2 {
   height:50%
 }
@@ -1754,6 +1936,10 @@ select {
   height:800px
 }
 
+.h-auto {
+  height:auto
+}
+
 .h-full {
   height:100%
 }
@@ -1786,10 +1972,18 @@ select {
   width:1px !important
 }
 
+.w-0 {
+  width:0px
+}
+
 .w-12 {
   width:3rem
 }
 
+.w-2 {
+  width:0.5rem
+}
+
 .w-24 {
   width:6rem
 }
@@ -1818,6 +2012,10 @@ select {
   width:30px
 }
 
+.w-auto {
+  width:auto
+}
+
 .w-full {
   width:100%
 }
@@ -1858,6 +2056,14 @@ select {
   max-width:1600px
 }
 
+.max-w-\[200px\] {
+  max-width:200px
+}
+
+.max-w-\[267px\] {
+  max-width:267px
+}
+
 .max-w-\[5rem\] {
   max-width:5rem
 }
@@ -1866,6 +2072,10 @@ select {
   max-width:64rem
 }
 
+.max-w-\[calc\(100\%-1rem\)\] {
+  max-width:calc(100% - 1rem)
+}
+
 .max-w-fit {
   max-width:-moz-fit-content;
   max-width:fit-content
@@ -1899,15 +2109,63 @@ select {
   flex:none
 }
 
+.shrink-0 {
+  flex-shrink:0
+}
+
 .grow {
   flex-grow:1
 }
 
+.grow-0 {
+  flex-grow:0
+}
+
+.basis-auto {
+  flex-basis:auto
+}
+
+.-translate-x-full {
+  --tw-translate-x:-100%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
 .-translate-y-8 {
   --tw-translate-y:-2rem;
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
+.translate-x-full {
+  --tw-translate-x:100%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.scale-0 {
+  --tw-scale-x:0;
+  --tw-scale-y:0;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.scale-100 {
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.scale-\[1\.02\] {
+  --tw-scale-x:1.02;
+  --tw-scale-y:1.02;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.transform {
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.transform-none {
+  transform:none
+}
+
 @keyframes pulse {
   50% {
     opacity:.5
@@ -1926,6 +2184,19 @@ select {
   cursor:pointer
 }
 
+.touch-none {
+  touch-action:none
+}
+
+.touch-pan-y {
+  --tw-pan-y:pan-y;
+  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
+}
+
+.resize {
+  resize:both
+}
+
 .list-none {
   list-style-type:none
 }
@@ -2032,10 +2303,19 @@ select {
   scroll-behavior:smooth
 }
 
+.whitespace-normal {
+  white-space:normal
+}
+
 .\!whitespace-nowrap {
   white-space:nowrap !important
 }
 
+.break-normal {
+  overflow-wrap:normal;
+  word-break:normal
+}
+
 .break-words {
   overflow-wrap:break-word
 }
@@ -2052,6 +2332,10 @@ select {
   border-radius:1rem
 }
 
+.rounded-\[50\%\] {
+  border-radius:50%
+}
+
 .rounded-full {
   border-radius:9999px
 }
@@ -2073,6 +2357,21 @@ select {
   border-bottom-left-radius:0.5rem
 }
 
+.rounded-e-\[0\.25rem\] {
+  border-start-end-radius:0.25rem;
+  border-end-end-radius:0.25rem
+}
+
+.rounded-s-\[0\.25rem\] {
+  border-start-start-radius:0.25rem;
+  border-end-start-radius:0.25rem
+}
+
+.rounded-t-lg {
+  border-top-left-radius:0.5rem;
+  border-top-right-radius:0.5rem
+}
+
 .\!border-0 {
   border-width:0px !important
 }
@@ -2094,10 +2393,26 @@ select {
   border-bottom-width:10px
 }
 
+.border-b-2 {
+  border-bottom-width:2px
+}
+
+.border-e-0 {
+  border-inline-end-width:0px
+}
+
 .border-l-2 {
   border-left-width:2px
 }
 
+.border-s-0 {
+  border-inline-start-width:0px
+}
+
+.border-s-\[0\.125rem\] {
+  border-inline-start-width:0.125rem
+}
+
 .border-t {
   border-top-width:1px
 }
@@ -2110,6 +2425,11 @@ select {
   border-style:dotted
 }
 
+.border-neutral-100 {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-neutral-100), var(--tw-border-opacity))
+}
+
 .border-neutral-200 {
   --tw-border-opacity:1;
   border-color:rgba(var(--color-neutral-200), var(--tw-border-opacity))
@@ -2120,20 +2440,39 @@ select {
   border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity))
 }
 
+.border-primary {
+  --tw-border-opacity:1;
+  border-color:rgb(59 113 202 / var(--tw-border-opacity))
+}
+
 .border-primary-400 {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-primary-400), var(--tw-border-opacity))
+  border-color:rgb(143 174 224 / var(--tw-border-opacity))
 }
 
 .border-primary-500 {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-primary-500), var(--tw-border-opacity))
+  border-color:rgb(101 144 213 / var(--tw-border-opacity))
+}
+
+.border-secondary-500 {
+  --tw-border-opacity:1;
+  border-color:rgb(179 185 194 / var(--tw-border-opacity))
 }
 
 .border-transparent {
   border-color:transparent
 }
 
+.border-t-transparent {
+  border-top-color:transparent
+}
+
+.bg-\[\#6d6d6d\] {
+  --tw-bg-opacity:1;
+  background-color:rgb(109 109 109 / var(--tw-bg-opacity))
+}
+
 .bg-neutral {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-neutral), var(--tw-bg-opacity))
@@ -2163,22 +2502,22 @@ select {
 
 .bg-primary-100 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+  background-color:rgb(227 235 247 / var(--tw-bg-opacity))
 }
 
 .bg-primary-200 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity))
+  background-color:rgb(199 215 240 / var(--tw-bg-opacity))
 }
 
 .bg-primary-500 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+  background-color:rgb(101 144 213 / var(--tw-bg-opacity))
 }
 
 .bg-primary-600 {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+  background-color:rgb(48 97 175 / var(--tw-bg-opacity))
 }
 
 .bg-transparent {
@@ -2208,8 +2547,8 @@ select {
 }
 
 .from-primary-500 {
-  --tw-gradient-from:rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
-  --tw-gradient-to:rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
+  --tw-gradient-from:#6590D5 var(--tw-gradient-from-position);
+  --tw-gradient-to:rgb(101 144 213 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
 }
 
@@ -2222,7 +2561,7 @@ select {
 }
 
 .to-secondary-600 {
-  --tw-gradient-to:rgba(var(--color-secondary-600), 1) var(--tw-gradient-to-position)
+  --tw-gradient-to:#848D9C var(--tw-gradient-to-position)
 }
 
 .to-transparent {
@@ -2316,6 +2655,11 @@ select {
   padding-right:2rem
 }
 
+.px-\[0\.4rem\] {
+  padding-left:0.4rem;
+  padding-right:0.4rem
+}
+
 .px-\[30px\] {
   padding-left:30px;
   padding-right:30px
@@ -2326,6 +2670,11 @@ select {
   padding-bottom:0.25rem
 }
 
+.py-1\.5 {
+  padding-top:0.375rem;
+  padding-bottom:0.375rem
+}
+
 .py-10 {
   padding-top:2.5rem;
   padding-bottom:2.5rem
@@ -2361,6 +2710,11 @@ select {
   padding-bottom:2rem
 }
 
+.py-\[0\.4rem\] {
+  padding-top:0.4rem;
+  padding-bottom:0.4rem
+}
+
 .py-\[1px\] {
   padding-top:1px;
   padding-bottom:1px
@@ -2438,6 +2792,10 @@ select {
   vertical-align:middle
 }
 
+.align-bottom {
+  vertical-align:bottom
+}
+
 .align-text-bottom {
   vertical-align:text-bottom
 }
@@ -2509,10 +2867,18 @@ select {
   text-transform:uppercase
 }
 
+.normal-case {
+  text-transform:none
+}
+
 .italic {
   font-style:italic
 }
 
+.not-italic {
+  font-style:normal
+}
+
 .leading-3 {
   line-height:.75rem
 }
@@ -2525,11 +2891,34 @@ select {
   line-height:1.75rem
 }
 
+.leading-\[1\.6\] {
+  line-height:1.6
+}
+
+.tracking-normal {
+  letter-spacing:0em
+}
+
 .\!text-neutral {
   --tw-text-opacity:1 !important;
   color:rgba(var(--color-neutral), var(--tw-text-opacity)) !important
 }
 
+.\!text-primary {
+  --tw-text-opacity:1 !important;
+  color:rgb(59 113 202 / var(--tw-text-opacity)) !important
+}
+
+.text-danger {
+  --tw-text-opacity:1;
+  color:rgb(220 76 100 / var(--tw-text-opacity))
+}
+
+.text-info {
+  --tw-text-opacity:1;
+  color:rgb(84 180 211 / var(--tw-text-opacity))
+}
+
 .text-neutral-200 {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
@@ -2570,56 +2959,101 @@ select {
   color:rgba(var(--color-neutral-900), var(--tw-text-opacity))
 }
 
+.text-primary {
+  --tw-text-opacity:1;
+  color:rgb(59 113 202 / var(--tw-text-opacity))
+}
+
+.text-primary-100 {
+  --tw-text-opacity:1;
+  color:rgb(227 235 247 / var(--tw-text-opacity))
+}
+
 .text-primary-300 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+  color:rgb(171 194 232 / var(--tw-text-opacity))
 }
 
 .text-primary-400 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgb(143 174 224 / var(--tw-text-opacity))
 }
 
 .text-primary-500 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+  color:rgb(101 144 213 / var(--tw-text-opacity))
 }
 
 .text-primary-600 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgb(48 97 175 / var(--tw-text-opacity))
 }
 
 .text-primary-700 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-700), var(--tw-text-opacity))
+  color:rgb(40 81 146 / var(--tw-text-opacity))
 }
 
 .text-primary-800 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+  color:rgb(32 64 117 / var(--tw-text-opacity))
+}
+
+.text-success {
+  --tw-text-opacity:1;
+  color:rgb(20 164 77 / var(--tw-text-opacity))
+}
+
+.text-surface {
+  --tw-text-opacity:1;
+  color:rgb(79 79 79 / var(--tw-text-opacity))
 }
 
 .text-transparent {
   color:transparent
 }
 
+.text-warning {
+  --tw-text-opacity:1;
+  color:rgb(228 161 27 / var(--tw-text-opacity))
+}
+
 .\!no-underline {
   text-decoration-line:none !important
 }
 
+.no-underline {
+  text-decoration-line:none
+}
+
 .decoration-neutral-300 {
   text-decoration-color:rgba(var(--color-neutral-300), 1)
 }
 
 .decoration-primary-500 {
-  text-decoration-color:rgba(var(--color-primary-500), 1)
+  text-decoration-color:#6590D5
+}
+
+.underline-offset-auto {
+  text-underline-offset:auto
+}
+
+.\!opacity-0 {
+  opacity:0 !important
+}
+
+.\!opacity-100 {
+  opacity:1 !important
 }
 
 .opacity-0 {
   opacity:0
 }
 
+.opacity-100 {
+  opacity:1
+}
+
 .opacity-30 {
   opacity:0.3
 }
@@ -2640,6 +3074,18 @@ select {
   mix-blend-mode:multiply
 }
 
+.shadow {
+  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-2 {
+  --tw-shadow:0 0 3px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.04);
+  --tw-shadow-colored:0 0 3px 0 var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
 .shadow-2xl {
   --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
@@ -2658,6 +3104,15 @@ select {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
+.blur {
+  --tw-blur:blur(8px);
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
+.filter {
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
 .backdrop-blur {
   --tw-backdrop-blur:blur(8px);
   -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -2676,6 +3131,30 @@ select {
           backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
 }
 
+.transition-\[height\] {
+  transition-property:height;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+.transition-\[transform\2c _opacity\] {
+  transition-property:transform, opacity;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+.transition-\[width\] {
+  transition-property:width;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
+.transition-all {
+  transition-property:all;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
 .transition-opacity {
   transition-property:opacity;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
@@ -2692,10 +3171,26 @@ select {
   transition-duration:150ms
 }
 
+.duration-200 {
+  transition-duration:200ms
+}
+
+.duration-300 {
+  transition-duration:300ms
+}
+
+.duration-\[350ms\] {
+  transition-duration:350ms
+}
+
 .duration-\[600ms\] {
   transition-duration:600ms
 }
 
+.ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\] {
+  transition-timing-function:cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1)
+}
+
 .ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
   transition-timing-function:cubic-bezier(0.25,0.1,0.25,1.0)
 }
@@ -2704,6 +3199,10 @@ select {
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
 }
 
+.ease-linear {
+  transition-timing-function:linear
+}
+
 .\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
   clip:rect(0,0,0,0) !important
 }
@@ -2846,7 +3345,7 @@ body:has(#menu-controller:checked) {
   background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity));
   padding-top:0.25rem;
   padding-bottom:0.25rem;
-  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-family:ui-monospace, monospace;
   font-size:0.875rem;
   line-height:1.25rem;
   --tw-text-opacity:1;
@@ -2866,7 +3365,7 @@ body:has(#menu-controller:checked) {
 .copy-button:active,
 .copy-button:active:hover {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+  background-color:rgb(227 235 247 / var(--tw-bg-opacity))
 }
 
 :is(.dark .copy-button:hover),:is(.dark 
@@ -2874,7 +3373,7 @@ body:has(#menu-controller:checked) {
 .copy-button:active),:is(.dark 
 .copy-button:active:hover) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+  background-color:rgb(48 97 175 / var(--tw-bg-opacity))
 }
 
 .copy-textarea {
@@ -2958,14 +3457,14 @@ code {
   display:block;
   width:auto;
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity));
+  background-color:rgb(227 235 247 / var(--tw-bg-opacity));
   padding-left:1rem;
   padding-right:1rem
 }
 
 :is(.dark .chroma .hl) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+  background-color:rgb(24 48 88 / var(--tw-bg-opacity))
 }
 
 .chroma .lntd .hl {
@@ -3025,7 +3524,7 @@ code {
 .chroma .vc,
 .chroma .o {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgb(48 97 175 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .k),:is(.dark 
@@ -3039,7 +3538,7 @@ code {
 .chroma .vc),:is(.dark 
 .chroma .o) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+  color:rgb(171 194 232 / var(--tw-text-opacity))
 }
 
 /* KeywordConstant */
@@ -3047,12 +3546,12 @@ code {
 .chroma .kc {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+  color:rgb(200 204 211 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .kc) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+  color:rgb(179 185 194 / var(--tw-text-opacity))
 }
 
 /* KeywordType */
@@ -3089,7 +3588,7 @@ code {
 .chroma .il,
 .chroma .mo {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+  color:rgb(200 204 211 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .kt),:is(.dark 
@@ -3104,7 +3603,7 @@ code {
 .chroma .il),:is(.dark 
 .chroma .mo) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
+  color:rgb(132 141 156 / var(--tw-text-opacity))
 }
 
 /* Name */
@@ -3120,7 +3619,7 @@ code {
 .chroma .ni,
 .chroma .nl {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-900), var(--tw-text-opacity))
+  color:rgb(64 70 80 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .n),:is(.dark 
@@ -3128,7 +3627,7 @@ code {
 .chroma .ni),:is(.dark 
 .chroma .nl) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-200), var(--tw-text-opacity))
+  color:rgb(228 230 233 / var(--tw-text-opacity))
 }
 
 /* NameAttribute */
@@ -3150,7 +3649,7 @@ code {
 .chroma .py,
 .chroma .nt {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-800), var(--tw-text-opacity))
+  color:rgb(86 93 107 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .na),:is(.dark 
@@ -3160,7 +3659,7 @@ code {
 .chroma .py),:is(.dark 
 .chroma .nt) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-300), var(--tw-text-opacity))
+  color:rgb(214 217 222 / var(--tw-text-opacity))
 }
 
 /* NameConstant */
@@ -3174,26 +3673,26 @@ code {
 .chroma .vg {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+  color:rgb(200 204 211 / var(--tw-text-opacity))
 }
 
 :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))
+  color:rgb(179 185 194 / var(--tw-text-opacity))
 }
 
 /* NameFunction */
 
 .chroma .nf {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
+  color:rgb(132 141 156 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .nf) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+  color:rgb(179 185 194 / var(--tw-text-opacity))
 }
 
 /* Literal */
@@ -3245,7 +3744,7 @@ code {
 .chroma .go,
 .chroma .gp {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+  color:rgb(32 64 117 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .l),:is(.dark 
@@ -3265,7 +3764,7 @@ code {
 .chroma .go),:is(.dark 
 .chroma .gp) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgb(143 174 224 / var(--tw-text-opacity))
 }
 
 /* LiteralStringEscape */
@@ -3273,12 +3772,12 @@ code {
 .chroma .se {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
+  color:rgb(200 204 211 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .se) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
+  color:rgb(179 185 194 / var(--tw-text-opacity))
 }
 
 /* LiteralStringRegex */
@@ -3289,13 +3788,13 @@ code {
 .chroma .ss {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-800), var(--tw-text-opacity))
+  color:rgb(32 64 117 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .sr),:is(.dark 
 .chroma .ss) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgb(143 174 224 / var(--tw-text-opacity))
 }
 
 /* OperatorWord */
@@ -3303,12 +3802,12 @@ code {
 .chroma .ow {
   font-weight:600;
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgb(143 174 224 / var(--tw-text-opacity))
 }
 
 :is(.dark .chroma .ow) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgb(48 97 175 / var(--tw-text-opacity))
 }
 
 /* Comment */
@@ -4307,7 +4806,7 @@ pre {
 }
 
 :is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
-  color:rgba(var(--color-primary-400), 1)
+  color:rgb(143 174 224 / 1)
 }
 
 :is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -4316,7 +4815,7 @@ pre {
 }
 
 :is(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  background-color:rgba(var(--color-primary-400), 1)
+  background-color:rgb(143 174 224 / 1)
 }
 
 :is(.dark .dark\:prose-invert) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -4324,11 +4823,11 @@ pre {
 }
 
 :is(.dark .dark\:prose-invert) :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgba(var(--color-primary-400), 1)
+  text-decoration-color:rgb(143 174 224 / 1)
 }
 
 :is(.dark .dark\:prose-invert) :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  text-decoration-color:rgba(var(--color-primary-400), 1)
+  text-decoration-color:rgb(143 174 224 / 1)
 }
 
 .after\:clear-both::after {
@@ -4350,28 +4849,32 @@ pre {
   margin-top:2rem
 }
 
+.empty\:hidden:empty {
+  display:none
+}
+
 .hover\:border-transparent:hover {
   border-color:transparent
 }
 
 .hover\:\!bg-primary-500:hover {
   --tw-bg-opacity:1 !important;
-  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important
+  background-color:rgb(101 144 213 / var(--tw-bg-opacity)) !important
 }
 
 .hover\:bg-primary-100:hover {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+  background-color:rgb(227 235 247 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-primary-500:hover {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity))
+  background-color:rgb(101 144 213 / var(--tw-bg-opacity))
 }
 
 .hover\:bg-primary-600:hover {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
+  background-color:rgb(48 97 175 / var(--tw-bg-opacity))
 }
 
 .hover\:text-neutral:hover {
@@ -4381,22 +4884,22 @@ pre {
 
 .hover\:text-primary-400:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgb(143 174 224 / var(--tw-text-opacity))
 }
 
 .hover\:text-primary-500:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-500), var(--tw-text-opacity))
+  color:rgb(101 144 213 / var(--tw-text-opacity))
 }
 
 .hover\:text-primary-600:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgb(48 97 175 / var(--tw-text-opacity))
 }
 
 .hover\:text-primary-700:hover {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-700), var(--tw-text-opacity))
+  color:rgb(40 81 146 / var(--tw-text-opacity))
 }
 
 .hover\:underline:hover {
@@ -4408,7 +4911,7 @@ pre {
 }
 
 .hover\:decoration-primary-400:hover {
-  text-decoration-color:rgba(var(--color-primary-400), 1)
+  text-decoration-color:#8FAEE0
 }
 
 .hover\:decoration-2:hover {
@@ -4435,7 +4938,7 @@ pre {
 
 .focus\:bg-primary-100:focus {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
+  background-color:rgb(227 235 247 / var(--tw-bg-opacity))
 }
 
 .focus\:no-underline:focus {
@@ -4465,12 +4968,12 @@ pre {
 
 .group:hover .group-hover\:text-primary-300 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-300), var(--tw-text-opacity))
+  color:rgb(171 194 232 / var(--tw-text-opacity))
 }
 
 .group:hover .group-hover\:text-primary-600 {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-600), var(--tw-text-opacity))
+  color:rgb(48 97 175 / var(--tw-text-opacity))
 }
 
 .group:hover .group-hover\:underline {
@@ -4478,13 +4981,110 @@ pre {
 }
 
 .group:hover .group-hover\:decoration-primary-500 {
-  text-decoration-color:rgba(var(--color-primary-500), 1)
+  text-decoration-color:#6590D5
 }
 
 .group:hover .group-hover\:opacity-100 {
   opacity:1
 }
 
+.data-\[twe-carousel-fade\]\:z-0[data-twe-carousel-fade] {
+  z-index:0
+}
+
+.data-\[twe-carousel-fade\]\:z-\[1\][data-twe-carousel-fade] {
+  z-index:1
+}
+
+.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] {
+  display:none
+}
+
+.data-\[twe-carousel-fade\]\:opacity-0[data-twe-carousel-fade] {
+  opacity:0
+}
+
+.data-\[twe-carousel-fade\]\:opacity-100[data-twe-carousel-fade] {
+  opacity:1
+}
+
+.data-\[twe-carousel-fade\]\:duration-\[600ms\][data-twe-carousel-fade] {
+  transition-duration:600ms
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-x-0 {
+  border-left-width:0px;
+  border-right-width:0px
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-x-0 {
+  border-left-width:0px;
+  border-right-width:0px
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-e-0 {
+  border-inline-end-width:0px
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-s-0 {
+  border-inline-start-width:0px
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t {
+  border-top-width:1px
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-e-0 {
+  border-inline-end-width:0px
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-s-0 {
+  border-inline-start-width:0px
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t {
+  border-top-width:1px
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-solid {
+  border-style:solid
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-solid {
+  border-style:solid
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-primary {
+  --tw-border-opacity:1;
+  border-color:rgb(59 113 202 / var(--tw-border-opacity))
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent {
+  border-top-color:transparent
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t-transparent {
+  border-top-color:transparent
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-1 {
+  --tw-shadow:-1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca;
+  --tw-shadow-colored:-1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-2 {
+  --tw-shadow:0 1px 0 0 #3b71ca;
+  --tw-shadow-colored:0 1px 0 0 var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-3 {
+  --tw-shadow:1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca;
+  --tw-shadow-colored:1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
 @media (prefers-reduced-motion: reduce) {
   .motion-reduce\:transition-none {
     transition-property:none
@@ -4499,6 +5099,11 @@ pre {
   display:none
 }
 
+:is(.dark .dark\:border-neutral-400) {
+  --tw-border-opacity:1;
+  border-color:rgba(var(--color-neutral-400), var(--tw-border-opacity))
+}
+
 :is(.dark .dark\:border-neutral-600) {
   --tw-border-opacity:1;
   border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity))
@@ -4511,12 +5116,12 @@ pre {
 
 :is(.dark .dark\:border-primary-300) {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-primary-300), var(--tw-border-opacity))
+  border-color:rgb(171 194 232 / var(--tw-border-opacity))
 }
 
 :is(.dark .dark\:border-primary-600) {
   --tw-border-opacity:1;
-  border-color:rgba(var(--color-primary-600), var(--tw-border-opacity))
+  border-color:rgb(48 97 175 / var(--tw-border-opacity))
 }
 
 :is(.dark .dark\:bg-neutral-400) {
@@ -4549,22 +5154,27 @@ pre {
 
 :is(.dark .dark\:bg-primary-300) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity))
+  background-color:rgb(171 194 232 / var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:bg-primary-400) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
+  background-color:rgb(143 174 224 / var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:bg-primary-800) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity))
+  background-color:rgb(32 64 117 / var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:bg-primary-900) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+  background-color:rgb(24 48 88 / var(--tw-bg-opacity))
+}
+
+:is(.dark .dark\:bg-surface-dark) {
+  --tw-bg-opacity:1;
+  background-color:rgb(66 66 66 / var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:from-neutral-800) {
@@ -4574,8 +5184,8 @@ pre {
 }
 
 :is(.dark .dark\:from-primary-600) {
-  --tw-gradient-from:rgba(var(--color-primary-600), 1) var(--tw-gradient-from-position);
-  --tw-gradient-to:rgba(var(--color-primary-600), 0) var(--tw-gradient-to-position);
+  --tw-gradient-from:#3061AF var(--tw-gradient-from-position);
+  --tw-gradient-to:rgb(48 97 175 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
 }
 
@@ -4584,7 +5194,7 @@ pre {
 }
 
 :is(.dark .dark\:to-secondary-800) {
-  --tw-gradient-to:rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position)
+  --tw-gradient-to:#565D6B var(--tw-gradient-to-position)
 }
 
 :is(.dark .dark\:text-neutral) {
@@ -4629,12 +5239,12 @@ pre {
 
 :is(.dark .dark\:text-primary-200) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-200), var(--tw-text-opacity))
+  color:rgb(199 215 240 / var(--tw-text-opacity))
 }
 
 :is(.dark .dark\:text-primary-400) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgb(143 174 224 / var(--tw-text-opacity))
 }
 
 :is(.dark .dark\:opacity-60) {
@@ -4643,17 +5253,17 @@ pre {
 
 :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
+  background-color:rgb(40 81 146 / var(--tw-bg-opacity)) !important
 }
 
 :is(.dark .dark\:hover\:bg-primary-400:hover) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
+  background-color:rgb(143 174 224 / var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:hover\:bg-primary-900:hover) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+  background-color:rgb(24 48 88 / var(--tw-bg-opacity))
 }
 
 :is(.dark .dark\:hover\:text-neutral-800:hover) {
@@ -4663,12 +5273,12 @@ pre {
 
 :is(.dark .dark\:hover\:text-primary-400:hover) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgb(143 174 224 / var(--tw-text-opacity))
 }
 
 :is(.dark .dark\:focus\:bg-primary-900:focus) {
   --tw-bg-opacity:1;
-  background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
+  background-color:rgb(24 48 88 / var(--tw-bg-opacity))
 }
 
 :is(.dark .group:hover .dark\:group-hover\:text-neutral-700) {
@@ -4678,7 +5288,7 @@ pre {
 
 :is(.dark .group:hover .dark\:group-hover\:text-primary-400) {
   --tw-text-opacity:1;
-  color:rgba(var(--color-primary-400), var(--tw-text-opacity))
+  color:rgb(143 174 224 / var(--tw-text-opacity))
 }
 
 @media (min-width: 640px) {
diff --git a/tailwind.config.js b/tailwind.config.js
index 8bb82eb2..56a45dae 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,7 +4,7 @@ module.exports = {
     "./content/**/*.{html,md}",
     "./themes/blowfish/layouts/**/*.html",
     "./themes/blowfish/content/**/*.{html,md}",
-    "./node_modules/tw-elements/dist/js/**/*.js"
+    "./node_modules/tw-elements/js/**/*.js"
   ],
   darkMode: "class",
   theme: {
@@ -177,5 +177,6 @@ module.exports = {
   plugins: [
     require("@tailwindcss/typography"),
     require('@tailwindcss/forms'),
+    require("tw-elements/plugin.cjs"),
   ],
 };