From 1616447a12017998e99bddd1c8791a31bda891ee Mon Sep 17 00:00:00 2001
From: Yvonne Tang <ytang2@stanford.edu>
Date: Wed, 10 Feb 2021 17:19:27 -0800
Subject: [PATCH 1/3] Use TW default for box-shadows; update preview page

---
 dist/decanter-base.css         |   12 +-
 dist/decanter-utilities.css    | 5832 +++++---------------------------
 dist/decanter.css              | 5818 +++++--------------------------
 src/plugins/base/base.js       |    2 +-
 src/plugins/theme/boxShadow.js |   11 -
 tailwind.config.js             |    1 -
 6 files changed, 1797 insertions(+), 9879 deletions(-)
 delete mode 100644 src/plugins/theme/boxShadow.js

diff --git a/dist/decanter-base.css b/dist/decanter-base.css
index 35e508119..75c7743b9 100644
--- a/dist/decanter-base.css
+++ b/dist/decanter-base.css
@@ -5,9 +5,6 @@
  * plugins.
  */
 
-/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com
- */
-
 /*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
 
 /*
@@ -452,28 +449,23 @@ textarea {
 }
 
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 
 input::-moz-placeholder, textarea::-moz-placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 
 input::-ms-input-placeholder, textarea::-ms-input-placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 
 input::placeholder,
 textarea::placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 
@@ -830,8 +822,8 @@ button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type=
 }
 
 button:focus, [type="button"]:focus, [type="submit"]:focus, [type="reset"]:focus, [type="image"]:focus{
-  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
-          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 
 a{
diff --git a/dist/decanter-utilities.css b/dist/decanter-utilities.css
index c696ee852..72e9d2e95 100644
--- a/dist/decanter-utilities.css
+++ b/dist/decanter-utilities.css
@@ -11171,308 +11171,6 @@
   --tw-bg-opacity: 1;
 }
 
-@media (prefers-color-scheme: dark){
-  .dark\:su-bg-opacity-0{
-    --tw-bg-opacity: 0;
-  }
-
-  .dark\:su-bg-opacity-5{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .dark\:su-bg-opacity-10{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .dark\:su-bg-opacity-20{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .dark\:su-bg-opacity-25{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .dark\:su-bg-opacity-30{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .dark\:su-bg-opacity-40{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .dark\:su-bg-opacity-50{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .dark\:su-bg-opacity-60{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .dark\:su-bg-opacity-70{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .dark\:su-bg-opacity-75{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .dark\:su-bg-opacity-80{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .dark\:su-bg-opacity-90{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .dark\:su-bg-opacity-95{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .dark\:su-bg-opacity-100{
-    --tw-bg-opacity: 1;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-0{
-    --tw-bg-opacity: 0;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-5{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-10{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-20{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-25{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-30{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-40{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-50{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-60{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-70{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-75{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-80{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-90{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-95{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-100{
-    --tw-bg-opacity: 1;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-0:focus-within{
-    --tw-bg-opacity: 0;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-5:focus-within{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-10:focus-within{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-20:focus-within{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-25:focus-within{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-30:focus-within{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-40:focus-within{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-50:focus-within{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-60:focus-within{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-70:focus-within{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-75:focus-within{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-80:focus-within{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-90:focus-within{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-95:focus-within{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-100:focus-within{
-    --tw-bg-opacity: 1;
-  }
-
-  .dark\:hover\:su-bg-opacity-0:hover{
-    --tw-bg-opacity: 0;
-  }
-
-  .dark\:hover\:su-bg-opacity-5:hover{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .dark\:hover\:su-bg-opacity-10:hover{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .dark\:hover\:su-bg-opacity-20:hover{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .dark\:hover\:su-bg-opacity-25:hover{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .dark\:hover\:su-bg-opacity-30:hover{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .dark\:hover\:su-bg-opacity-40:hover{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .dark\:hover\:su-bg-opacity-50:hover{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .dark\:hover\:su-bg-opacity-60:hover{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .dark\:hover\:su-bg-opacity-70:hover{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .dark\:hover\:su-bg-opacity-75:hover{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .dark\:hover\:su-bg-opacity-80:hover{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .dark\:hover\:su-bg-opacity-90:hover{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .dark\:hover\:su-bg-opacity-95:hover{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .dark\:hover\:su-bg-opacity-100:hover{
-    --tw-bg-opacity: 1;
-  }
-
-  .dark\:focus\:su-bg-opacity-0:focus{
-    --tw-bg-opacity: 0;
-  }
-
-  .dark\:focus\:su-bg-opacity-5:focus{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .dark\:focus\:su-bg-opacity-10:focus{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .dark\:focus\:su-bg-opacity-20:focus{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .dark\:focus\:su-bg-opacity-25:focus{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .dark\:focus\:su-bg-opacity-30:focus{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .dark\:focus\:su-bg-opacity-40:focus{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .dark\:focus\:su-bg-opacity-50:focus{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .dark\:focus\:su-bg-opacity-60:focus{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .dark\:focus\:su-bg-opacity-70:focus{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .dark\:focus\:su-bg-opacity-75:focus{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .dark\:focus\:su-bg-opacity-80:focus{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .dark\:focus\:su-bg-opacity-90:focus{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .dark\:focus\:su-bg-opacity-95:focus{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .dark\:focus\:su-bg-opacity-100:focus{
-    --tw-bg-opacity: 1;
-  }
-}
-
 .su-bg-bottom{
   background-position: bottom;
 }
@@ -14561,10 +14259,6 @@
   cursor: move;
 }
 
-.su-cursor-help{
-  cursor: help;
-}
-
 .su-cursor-not-allowed{
   cursor: not-allowed;
 }
@@ -30594,122 +30288,242 @@
   --tw-shadow: 0 0 #0000;
 }
 
-.su-shadow-flat{
-  --tw-shadow: 0 0 #0000;
+.su-shadow-sm{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .su-shadow{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.su-shadow-md{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.su-shadow-paper{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.su-shadow-lg{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.su-shadow-medium{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.su-shadow-xl{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.su-group:hover .group-hover\:su-shadow-flat{
+.su-shadow-2xl{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.su-shadow-inner{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.su-shadow-none{
   --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.su-group:hover .group-hover\:su-shadow-sm{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .su-group:hover .group-hover\:su-shadow{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.su-group:hover .group-hover\:su-shadow-md{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.su-group:hover .group-hover\:su-shadow-lg{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.su-group:hover .group-hover\:su-shadow-paper{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.su-group:hover .group-hover\:su-shadow-xl{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.su-group:hover .group-hover\:su-shadow-medium{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.su-group:hover .group-hover\:su-shadow-2xl{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.focus-within\:su-shadow-flat:focus-within{
+.su-group:hover .group-hover\:su-shadow-inner{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.su-group:hover .group-hover\:su-shadow-none{
   --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.focus-within\:su-shadow-sm:focus-within{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .focus-within\:su-shadow:focus-within{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.focus-within\:su-shadow-paper:focus-within{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.focus-within\:su-shadow-md:focus-within{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.focus-within\:su-shadow-medium:focus-within{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.focus-within\:su-shadow-lg:focus-within{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.hover\:su-shadow-flat:hover{
+.focus-within\:su-shadow-xl:focus-within{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:su-shadow-2xl:focus-within{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:su-shadow-inner:focus-within{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:su-shadow-none:focus-within{
   --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.hover\:su-shadow-sm:hover{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .hover\:su-shadow:hover{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.hover\:su-shadow-paper:hover{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.hover\:su-shadow-md:hover{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.hover\:su-shadow-medium:hover{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.hover\:su-shadow-lg:hover{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.focus\:su-shadow-flat:focus{
+.hover\:su-shadow-xl:hover{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:su-shadow-2xl:hover{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:su-shadow-inner:hover{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:su-shadow-none:hover{
   --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.focus\:su-shadow-sm:focus{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .focus\:su-shadow:focus{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:su-shadow-md:focus{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:su-shadow-lg:focus{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.focus\:su-shadow-paper:focus{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.focus\:su-shadow-xl:focus{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.focus\:su-shadow-medium:focus{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.focus\:su-shadow-2xl:focus{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:su-shadow-inner:focus{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:su-shadow-none:focus{
+  --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -34819,188 +34633,6 @@
   --tw-ring-opacity: 1;
 }
 
-@media (prefers-color-scheme: dark){
-  .dark\:su-ring-opacity-0{
-    --tw-ring-opacity: 0;
-  }
-
-  .dark\:su-ring-opacity-5{
-    --tw-ring-opacity: 0.05;
-  }
-
-  .dark\:su-ring-opacity-10{
-    --tw-ring-opacity: 0.1;
-  }
-
-  .dark\:su-ring-opacity-20{
-    --tw-ring-opacity: 0.2;
-  }
-
-  .dark\:su-ring-opacity-25{
-    --tw-ring-opacity: 0.25;
-  }
-
-  .dark\:su-ring-opacity-30{
-    --tw-ring-opacity: 0.3;
-  }
-
-  .dark\:su-ring-opacity-40{
-    --tw-ring-opacity: 0.4;
-  }
-
-  .dark\:su-ring-opacity-50{
-    --tw-ring-opacity: 0.5;
-  }
-
-  .dark\:su-ring-opacity-60{
-    --tw-ring-opacity: 0.6;
-  }
-
-  .dark\:su-ring-opacity-70{
-    --tw-ring-opacity: 0.7;
-  }
-
-  .dark\:su-ring-opacity-75{
-    --tw-ring-opacity: 0.75;
-  }
-
-  .dark\:su-ring-opacity-80{
-    --tw-ring-opacity: 0.8;
-  }
-
-  .dark\:su-ring-opacity-90{
-    --tw-ring-opacity: 0.9;
-  }
-
-  .dark\:su-ring-opacity-95{
-    --tw-ring-opacity: 0.95;
-  }
-
-  .dark\:su-ring-opacity-100{
-    --tw-ring-opacity: 1;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-0:focus-within{
-    --tw-ring-opacity: 0;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-5:focus-within{
-    --tw-ring-opacity: 0.05;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-10:focus-within{
-    --tw-ring-opacity: 0.1;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-20:focus-within{
-    --tw-ring-opacity: 0.2;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-25:focus-within{
-    --tw-ring-opacity: 0.25;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-30:focus-within{
-    --tw-ring-opacity: 0.3;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-40:focus-within{
-    --tw-ring-opacity: 0.4;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-50:focus-within{
-    --tw-ring-opacity: 0.5;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-60:focus-within{
-    --tw-ring-opacity: 0.6;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-70:focus-within{
-    --tw-ring-opacity: 0.7;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-75:focus-within{
-    --tw-ring-opacity: 0.75;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-80:focus-within{
-    --tw-ring-opacity: 0.8;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-90:focus-within{
-    --tw-ring-opacity: 0.9;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-95:focus-within{
-    --tw-ring-opacity: 0.95;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-100:focus-within{
-    --tw-ring-opacity: 1;
-  }
-
-  .dark\:focus\:su-ring-opacity-0:focus{
-    --tw-ring-opacity: 0;
-  }
-
-  .dark\:focus\:su-ring-opacity-5:focus{
-    --tw-ring-opacity: 0.05;
-  }
-
-  .dark\:focus\:su-ring-opacity-10:focus{
-    --tw-ring-opacity: 0.1;
-  }
-
-  .dark\:focus\:su-ring-opacity-20:focus{
-    --tw-ring-opacity: 0.2;
-  }
-
-  .dark\:focus\:su-ring-opacity-25:focus{
-    --tw-ring-opacity: 0.25;
-  }
-
-  .dark\:focus\:su-ring-opacity-30:focus{
-    --tw-ring-opacity: 0.3;
-  }
-
-  .dark\:focus\:su-ring-opacity-40:focus{
-    --tw-ring-opacity: 0.4;
-  }
-
-  .dark\:focus\:su-ring-opacity-50:focus{
-    --tw-ring-opacity: 0.5;
-  }
-
-  .dark\:focus\:su-ring-opacity-60:focus{
-    --tw-ring-opacity: 0.6;
-  }
-
-  .dark\:focus\:su-ring-opacity-70:focus{
-    --tw-ring-opacity: 0.7;
-  }
-
-  .dark\:focus\:su-ring-opacity-75:focus{
-    --tw-ring-opacity: 0.75;
-  }
-
-  .dark\:focus\:su-ring-opacity-80:focus{
-    --tw-ring-opacity: 0.8;
-  }
-
-  .dark\:focus\:su-ring-opacity-90:focus{
-    --tw-ring-opacity: 0.9;
-  }
-
-  .dark\:focus\:su-ring-opacity-95:focus{
-    --tw-ring-opacity: 0.95;
-  }
-
-  .dark\:focus\:su-ring-opacity-100:focus{
-    --tw-ring-opacity: 1;
-  }
-}
-
 .su-fill-current{
   fill: currentColor;
 }
@@ -38777,308 +38409,6 @@
   --tw-text-opacity: 1;
 }
 
-@media (prefers-color-scheme: dark){
-  .dark\:su-text-opacity-0{
-    --tw-text-opacity: 0;
-  }
-
-  .dark\:su-text-opacity-5{
-    --tw-text-opacity: 0.05;
-  }
-
-  .dark\:su-text-opacity-10{
-    --tw-text-opacity: 0.1;
-  }
-
-  .dark\:su-text-opacity-20{
-    --tw-text-opacity: 0.2;
-  }
-
-  .dark\:su-text-opacity-25{
-    --tw-text-opacity: 0.25;
-  }
-
-  .dark\:su-text-opacity-30{
-    --tw-text-opacity: 0.3;
-  }
-
-  .dark\:su-text-opacity-40{
-    --tw-text-opacity: 0.4;
-  }
-
-  .dark\:su-text-opacity-50{
-    --tw-text-opacity: 0.5;
-  }
-
-  .dark\:su-text-opacity-60{
-    --tw-text-opacity: 0.6;
-  }
-
-  .dark\:su-text-opacity-70{
-    --tw-text-opacity: 0.7;
-  }
-
-  .dark\:su-text-opacity-75{
-    --tw-text-opacity: 0.75;
-  }
-
-  .dark\:su-text-opacity-80{
-    --tw-text-opacity: 0.8;
-  }
-
-  .dark\:su-text-opacity-90{
-    --tw-text-opacity: 0.9;
-  }
-
-  .dark\:su-text-opacity-95{
-    --tw-text-opacity: 0.95;
-  }
-
-  .dark\:su-text-opacity-100{
-    --tw-text-opacity: 1;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-0{
-    --tw-text-opacity: 0;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-5{
-    --tw-text-opacity: 0.05;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-10{
-    --tw-text-opacity: 0.1;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-20{
-    --tw-text-opacity: 0.2;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-25{
-    --tw-text-opacity: 0.25;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-30{
-    --tw-text-opacity: 0.3;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-40{
-    --tw-text-opacity: 0.4;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-50{
-    --tw-text-opacity: 0.5;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-60{
-    --tw-text-opacity: 0.6;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-70{
-    --tw-text-opacity: 0.7;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-75{
-    --tw-text-opacity: 0.75;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-80{
-    --tw-text-opacity: 0.8;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-90{
-    --tw-text-opacity: 0.9;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-95{
-    --tw-text-opacity: 0.95;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-100{
-    --tw-text-opacity: 1;
-  }
-
-  .dark\:focus-within\:su-text-opacity-0:focus-within{
-    --tw-text-opacity: 0;
-  }
-
-  .dark\:focus-within\:su-text-opacity-5:focus-within{
-    --tw-text-opacity: 0.05;
-  }
-
-  .dark\:focus-within\:su-text-opacity-10:focus-within{
-    --tw-text-opacity: 0.1;
-  }
-
-  .dark\:focus-within\:su-text-opacity-20:focus-within{
-    --tw-text-opacity: 0.2;
-  }
-
-  .dark\:focus-within\:su-text-opacity-25:focus-within{
-    --tw-text-opacity: 0.25;
-  }
-
-  .dark\:focus-within\:su-text-opacity-30:focus-within{
-    --tw-text-opacity: 0.3;
-  }
-
-  .dark\:focus-within\:su-text-opacity-40:focus-within{
-    --tw-text-opacity: 0.4;
-  }
-
-  .dark\:focus-within\:su-text-opacity-50:focus-within{
-    --tw-text-opacity: 0.5;
-  }
-
-  .dark\:focus-within\:su-text-opacity-60:focus-within{
-    --tw-text-opacity: 0.6;
-  }
-
-  .dark\:focus-within\:su-text-opacity-70:focus-within{
-    --tw-text-opacity: 0.7;
-  }
-
-  .dark\:focus-within\:su-text-opacity-75:focus-within{
-    --tw-text-opacity: 0.75;
-  }
-
-  .dark\:focus-within\:su-text-opacity-80:focus-within{
-    --tw-text-opacity: 0.8;
-  }
-
-  .dark\:focus-within\:su-text-opacity-90:focus-within{
-    --tw-text-opacity: 0.9;
-  }
-
-  .dark\:focus-within\:su-text-opacity-95:focus-within{
-    --tw-text-opacity: 0.95;
-  }
-
-  .dark\:focus-within\:su-text-opacity-100:focus-within{
-    --tw-text-opacity: 1;
-  }
-
-  .dark\:hover\:su-text-opacity-0:hover{
-    --tw-text-opacity: 0;
-  }
-
-  .dark\:hover\:su-text-opacity-5:hover{
-    --tw-text-opacity: 0.05;
-  }
-
-  .dark\:hover\:su-text-opacity-10:hover{
-    --tw-text-opacity: 0.1;
-  }
-
-  .dark\:hover\:su-text-opacity-20:hover{
-    --tw-text-opacity: 0.2;
-  }
-
-  .dark\:hover\:su-text-opacity-25:hover{
-    --tw-text-opacity: 0.25;
-  }
-
-  .dark\:hover\:su-text-opacity-30:hover{
-    --tw-text-opacity: 0.3;
-  }
-
-  .dark\:hover\:su-text-opacity-40:hover{
-    --tw-text-opacity: 0.4;
-  }
-
-  .dark\:hover\:su-text-opacity-50:hover{
-    --tw-text-opacity: 0.5;
-  }
-
-  .dark\:hover\:su-text-opacity-60:hover{
-    --tw-text-opacity: 0.6;
-  }
-
-  .dark\:hover\:su-text-opacity-70:hover{
-    --tw-text-opacity: 0.7;
-  }
-
-  .dark\:hover\:su-text-opacity-75:hover{
-    --tw-text-opacity: 0.75;
-  }
-
-  .dark\:hover\:su-text-opacity-80:hover{
-    --tw-text-opacity: 0.8;
-  }
-
-  .dark\:hover\:su-text-opacity-90:hover{
-    --tw-text-opacity: 0.9;
-  }
-
-  .dark\:hover\:su-text-opacity-95:hover{
-    --tw-text-opacity: 0.95;
-  }
-
-  .dark\:hover\:su-text-opacity-100:hover{
-    --tw-text-opacity: 1;
-  }
-
-  .dark\:focus\:su-text-opacity-0:focus{
-    --tw-text-opacity: 0;
-  }
-
-  .dark\:focus\:su-text-opacity-5:focus{
-    --tw-text-opacity: 0.05;
-  }
-
-  .dark\:focus\:su-text-opacity-10:focus{
-    --tw-text-opacity: 0.1;
-  }
-
-  .dark\:focus\:su-text-opacity-20:focus{
-    --tw-text-opacity: 0.2;
-  }
-
-  .dark\:focus\:su-text-opacity-25:focus{
-    --tw-text-opacity: 0.25;
-  }
-
-  .dark\:focus\:su-text-opacity-30:focus{
-    --tw-text-opacity: 0.3;
-  }
-
-  .dark\:focus\:su-text-opacity-40:focus{
-    --tw-text-opacity: 0.4;
-  }
-
-  .dark\:focus\:su-text-opacity-50:focus{
-    --tw-text-opacity: 0.5;
-  }
-
-  .dark\:focus\:su-text-opacity-60:focus{
-    --tw-text-opacity: 0.6;
-  }
-
-  .dark\:focus\:su-text-opacity-70:focus{
-    --tw-text-opacity: 0.7;
-  }
-
-  .dark\:focus\:su-text-opacity-75:focus{
-    --tw-text-opacity: 0.75;
-  }
-
-  .dark\:focus\:su-text-opacity-80:focus{
-    --tw-text-opacity: 0.8;
-  }
-
-  .dark\:focus\:su-text-opacity-90:focus{
-    --tw-text-opacity: 0.9;
-  }
-
-  .dark\:focus\:su-text-opacity-95:focus{
-    --tw-text-opacity: 0.95;
-  }
-
-  .dark\:focus\:su-text-opacity-100:focus{
-    --tw-text-opacity: 1;
-  }
-}
-
 .su-truncate{
   overflow: hidden;
   text-overflow: ellipsis;
@@ -58591,308 +57921,6 @@
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .sm\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .sm\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .sm\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .sm\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .sm\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .sm\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .sm\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .sm\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .sm\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .sm\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .sm\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .sm\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .sm\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .sm\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .sm\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .sm\:su-bg-bottom{
     background-position: bottom;
   }
@@ -61981,10 +61009,6 @@
     cursor: move;
   }
 
-  .sm\:su-cursor-help{
-    cursor: help;
-  }
-
   .sm\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -78010,122 +77034,242 @@
     resize: both;
   }
 
-  .sm\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .sm\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .sm\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .sm\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .sm\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .sm\:group-hover\:su-shadow-flat{
+  .sm\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .sm\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .sm\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .sm\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .sm\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .sm\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .sm\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .sm\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .sm\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .sm\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .sm\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .sm\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .sm\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .sm\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .sm\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:hover\:su-shadow-flat:hover{
+  .sm\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .sm\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .sm\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .sm\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .sm\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus\:su-shadow-flat:focus{
+  .sm\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .sm\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .sm\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .sm\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .sm\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -82226,188 +81370,6 @@
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .sm\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .sm\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .sm\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .sm\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .sm\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .sm\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .sm\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .sm\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .sm\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .sm\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .sm\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .sm\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .sm\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .sm\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .sm\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .sm\:su-fill-current{
     fill: currentColor;
   }
@@ -86184,308 +85146,6 @@
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .sm\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .sm\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .sm\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .sm\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .sm\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .sm\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .sm\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .sm\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .sm\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .sm\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .sm\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .sm\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .sm\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .sm\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .sm\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .sm\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
@@ -102422,308 +101082,6 @@
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .md\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .md\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .md\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .md\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .md\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .md\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .md\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .md\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .md\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .md\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .md\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .md\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .md\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .md\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .md\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .md\:su-bg-bottom{
     background-position: bottom;
   }
@@ -105812,10 +104170,6 @@
     cursor: move;
   }
 
-  .md\:su-cursor-help{
-    cursor: help;
-  }
-
   .md\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -121841,122 +120195,242 @@
     resize: both;
   }
 
-  .md\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .md\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .md\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .md\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .md\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .md\:group-hover\:su-shadow-flat{
+  .md\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .md\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .md\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .md\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .md\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .md\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .md\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .md\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .md\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .md\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .md\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .md\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .md\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .md\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .md\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:hover\:su-shadow-flat:hover{
+  .md\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .md\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .md\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .md\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .md\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus\:su-shadow-flat:focus{
+  .md\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .md\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .md\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .md\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .md\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -126057,188 +124531,6 @@
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .md\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .md\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .md\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .md\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .md\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .md\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .md\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .md\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .md\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .md\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .md\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .md\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .md\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .md\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .md\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .md\:su-fill-current{
     fill: currentColor;
   }
@@ -130015,308 +128307,6 @@
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .md\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .md\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .md\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .md\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .md\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .md\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .md\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .md\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .md\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .md\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .md\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .md\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .md\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .md\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .md\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .md\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
@@ -146253,308 +144243,6 @@
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .lg\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .lg\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .lg\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .lg\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .lg\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .lg\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .lg\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .lg\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .lg\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .lg\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .lg\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .lg\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .lg\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .lg\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .lg\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .lg\:su-bg-bottom{
     background-position: bottom;
   }
@@ -149643,10 +147331,6 @@
     cursor: move;
   }
 
-  .lg\:su-cursor-help{
-    cursor: help;
-  }
-
   .lg\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -165672,122 +163356,242 @@
     resize: both;
   }
 
-  .lg\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .lg\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .lg\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .lg\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .lg\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .lg\:group-hover\:su-shadow-flat{
+  .lg\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .lg\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .lg\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .lg\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .lg\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .lg\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .lg\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .lg\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .lg\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .lg\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .lg\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .lg\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .lg\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .lg\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .lg\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:hover\:su-shadow-flat:hover{
+  .lg\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .lg\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .lg\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .lg\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .lg\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus\:su-shadow-flat:focus{
+  .lg\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .lg\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .lg\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .lg\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .lg\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -169888,188 +167692,6 @@
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .lg\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .lg\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .lg\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .lg\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .lg\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .lg\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .lg\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .lg\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .lg\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .lg\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .lg\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .lg\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .lg\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .lg\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .lg\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .lg\:su-fill-current{
     fill: currentColor;
   }
@@ -173846,308 +171468,6 @@
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .lg\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .lg\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .lg\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .lg\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .lg\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .lg\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .lg\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .lg\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .lg\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .lg\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .lg\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .lg\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .lg\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .lg\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .lg\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .lg\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
@@ -190084,308 +187404,6 @@
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .xl\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .xl\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .xl\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .xl\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .xl\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .xl\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .xl\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .xl\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .xl\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .xl\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .xl\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .xl\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .xl\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .xl\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .xl\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .xl\:su-bg-bottom{
     background-position: bottom;
   }
@@ -193474,10 +190492,6 @@
     cursor: move;
   }
 
-  .xl\:su-cursor-help{
-    cursor: help;
-  }
-
   .xl\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -209503,122 +206517,242 @@
     resize: both;
   }
 
-  .xl\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .xl\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .xl\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .xl\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .xl\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .xl\:group-hover\:su-shadow-flat{
+  .xl\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .xl\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .xl\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .xl\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .xl\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .xl\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .xl\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .xl\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .xl\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .xl\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .xl\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .xl\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .xl\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .xl\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .xl\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:hover\:su-shadow-flat:hover{
+  .xl\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .xl\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .xl\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .xl\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .xl\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus\:su-shadow-flat:focus{
+  .xl\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .xl\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .xl\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .xl\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .xl\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -213719,188 +210853,6 @@
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .xl\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .xl\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .xl\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .xl\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .xl\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .xl\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .xl\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .xl\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .xl\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .xl\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .xl\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .xl\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .xl\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .xl\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .xl\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .xl\:su-fill-current{
     fill: currentColor;
   }
@@ -217677,308 +214629,6 @@
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .xl\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .xl\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .xl\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .xl\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .xl\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .xl\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .xl\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .xl\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .xl\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .xl\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .xl\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .xl\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .xl\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .xl\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .xl\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .xl\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
@@ -233915,308 +230565,6 @@
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .\32xl\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .\32xl\:su-bg-bottom{
     background-position: bottom;
   }
@@ -237305,10 +233653,6 @@
     cursor: move;
   }
 
-  .\32xl\:su-cursor-help{
-    cursor: help;
-  }
-
   .\32xl\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -253334,122 +249678,242 @@
     resize: both;
   }
 
-  .\32xl\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .\32xl\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .\32xl\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .\32xl\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .\32xl\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .\32xl\:group-hover\:su-shadow-flat{
+  .\32xl\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .\32xl\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .\32xl\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .\32xl\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .\32xl\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .\32xl\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .\32xl\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .\32xl\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .\32xl\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .\32xl\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .\32xl\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .\32xl\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .\32xl\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .\32xl\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .\32xl\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:hover\:su-shadow-flat:hover{
+  .\32xl\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .\32xl\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .\32xl\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .\32xl\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .\32xl\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus\:su-shadow-flat:focus{
+  .\32xl\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .\32xl\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .\32xl\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .\32xl\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .\32xl\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -257550,188 +254014,6 @@
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .\32xl\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .\32xl\:su-fill-current{
     fill: currentColor;
   }
@@ -261508,308 +257790,6 @@
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .\32xl\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .\32xl\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .\32xl\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/dist/decanter.css b/dist/decanter.css
index 3f92674d6..4a66f7b0b 100644
--- a/dist/decanter.css
+++ b/dist/decanter.css
@@ -14,7 +14,6 @@
  * This injects Tailwind's base styles and any base styles registered by
  * plugins.
  */
-/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */
 /*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
 /*
 Document
@@ -379,24 +378,19 @@ textarea {
   resize: vertical;
 }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 input::-moz-placeholder, textarea::-moz-placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 input::-ms-input-placeholder, textarea::-ms-input-placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 input::placeholder,
 textarea::placeholder {
-  opacity: 1;
   color: #a1a1aa;
 }
 button,
@@ -694,8 +688,8 @@ button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type=
   color: #FFFFFF;
 }
 button:focus, [type="button"]:focus, [type="submit"]:focus, [type="reset"]:focus, [type="image"]:focus{
-  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
-          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 a{
   color: #006CB8;
@@ -11006,307 +11000,6 @@ select{
 .focus\:su-bg-opacity-100:focus{
   --tw-bg-opacity: 1;
 }
-@media (prefers-color-scheme: dark){
-  .dark\:su-bg-opacity-0{
-    --tw-bg-opacity: 0;
-  }
-
-  .dark\:su-bg-opacity-5{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .dark\:su-bg-opacity-10{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .dark\:su-bg-opacity-20{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .dark\:su-bg-opacity-25{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .dark\:su-bg-opacity-30{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .dark\:su-bg-opacity-40{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .dark\:su-bg-opacity-50{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .dark\:su-bg-opacity-60{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .dark\:su-bg-opacity-70{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .dark\:su-bg-opacity-75{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .dark\:su-bg-opacity-80{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .dark\:su-bg-opacity-90{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .dark\:su-bg-opacity-95{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .dark\:su-bg-opacity-100{
-    --tw-bg-opacity: 1;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-0{
-    --tw-bg-opacity: 0;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-5{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-10{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-20{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-25{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-30{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-40{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-50{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-60{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-70{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-75{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-80{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-90{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-95{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-bg-opacity-100{
-    --tw-bg-opacity: 1;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-0:focus-within{
-    --tw-bg-opacity: 0;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-5:focus-within{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-10:focus-within{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-20:focus-within{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-25:focus-within{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-30:focus-within{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-40:focus-within{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-50:focus-within{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-60:focus-within{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-70:focus-within{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-75:focus-within{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-80:focus-within{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-90:focus-within{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-95:focus-within{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .dark\:focus-within\:su-bg-opacity-100:focus-within{
-    --tw-bg-opacity: 1;
-  }
-
-  .dark\:hover\:su-bg-opacity-0:hover{
-    --tw-bg-opacity: 0;
-  }
-
-  .dark\:hover\:su-bg-opacity-5:hover{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .dark\:hover\:su-bg-opacity-10:hover{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .dark\:hover\:su-bg-opacity-20:hover{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .dark\:hover\:su-bg-opacity-25:hover{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .dark\:hover\:su-bg-opacity-30:hover{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .dark\:hover\:su-bg-opacity-40:hover{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .dark\:hover\:su-bg-opacity-50:hover{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .dark\:hover\:su-bg-opacity-60:hover{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .dark\:hover\:su-bg-opacity-70:hover{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .dark\:hover\:su-bg-opacity-75:hover{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .dark\:hover\:su-bg-opacity-80:hover{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .dark\:hover\:su-bg-opacity-90:hover{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .dark\:hover\:su-bg-opacity-95:hover{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .dark\:hover\:su-bg-opacity-100:hover{
-    --tw-bg-opacity: 1;
-  }
-
-  .dark\:focus\:su-bg-opacity-0:focus{
-    --tw-bg-opacity: 0;
-  }
-
-  .dark\:focus\:su-bg-opacity-5:focus{
-    --tw-bg-opacity: 0.05;
-  }
-
-  .dark\:focus\:su-bg-opacity-10:focus{
-    --tw-bg-opacity: 0.1;
-  }
-
-  .dark\:focus\:su-bg-opacity-20:focus{
-    --tw-bg-opacity: 0.2;
-  }
-
-  .dark\:focus\:su-bg-opacity-25:focus{
-    --tw-bg-opacity: 0.25;
-  }
-
-  .dark\:focus\:su-bg-opacity-30:focus{
-    --tw-bg-opacity: 0.3;
-  }
-
-  .dark\:focus\:su-bg-opacity-40:focus{
-    --tw-bg-opacity: 0.4;
-  }
-
-  .dark\:focus\:su-bg-opacity-50:focus{
-    --tw-bg-opacity: 0.5;
-  }
-
-  .dark\:focus\:su-bg-opacity-60:focus{
-    --tw-bg-opacity: 0.6;
-  }
-
-  .dark\:focus\:su-bg-opacity-70:focus{
-    --tw-bg-opacity: 0.7;
-  }
-
-  .dark\:focus\:su-bg-opacity-75:focus{
-    --tw-bg-opacity: 0.75;
-  }
-
-  .dark\:focus\:su-bg-opacity-80:focus{
-    --tw-bg-opacity: 0.8;
-  }
-
-  .dark\:focus\:su-bg-opacity-90:focus{
-    --tw-bg-opacity: 0.9;
-  }
-
-  .dark\:focus\:su-bg-opacity-95:focus{
-    --tw-bg-opacity: 0.95;
-  }
-
-  .dark\:focus\:su-bg-opacity-100:focus{
-    --tw-bg-opacity: 1;
-  }
-}
 .su-bg-bottom{
   background-position: bottom;
 }
@@ -13971,9 +13664,6 @@ select{
 .su-cursor-move{
   cursor: move;
 }
-.su-cursor-help{
-  cursor: help;
-}
 .su-cursor-not-allowed{
   cursor: not-allowed;
 }
@@ -26950,103 +26640,203 @@ select{
 *{
   --tw-shadow: 0 0 #0000;
 }
-.su-shadow-flat{
-  --tw-shadow: 0 0 #0000;
+.su-shadow-sm{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .su-shadow{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.su-shadow-md{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.su-shadow-paper{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.su-shadow-lg{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.su-shadow-medium{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.su-shadow-xl{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.su-group:hover .group-hover\:su-shadow-flat{
+.su-shadow-2xl{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.su-shadow-inner{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.su-shadow-none{
   --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.su-group:hover .group-hover\:su-shadow-sm{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .su-group:hover .group-hover\:su-shadow{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.su-group:hover .group-hover\:su-shadow-md{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.su-group:hover .group-hover\:su-shadow-lg{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.su-group:hover .group-hover\:su-shadow-xl{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.su-group:hover .group-hover\:su-shadow-paper{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.su-group:hover .group-hover\:su-shadow-2xl{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.su-group:hover .group-hover\:su-shadow-medium{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.su-group:hover .group-hover\:su-shadow-inner{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.focus-within\:su-shadow-flat:focus-within{
+.su-group:hover .group-hover\:su-shadow-none{
   --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.focus-within\:su-shadow-sm:focus-within{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .focus-within\:su-shadow:focus-within{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.focus-within\:su-shadow-paper:focus-within{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.focus-within\:su-shadow-md:focus-within{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.focus-within\:su-shadow-medium:focus-within{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.focus-within\:su-shadow-lg:focus-within{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.hover\:su-shadow-flat:hover{
+.focus-within\:su-shadow-xl:focus-within{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.focus-within\:su-shadow-2xl:focus-within{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.focus-within\:su-shadow-inner:focus-within{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.focus-within\:su-shadow-none:focus-within{
   --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.hover\:su-shadow-sm:hover{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .hover\:su-shadow:hover{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.hover\:su-shadow-md:hover{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.hover\:su-shadow-lg:hover{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.hover\:su-shadow-xl:hover{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.hover\:su-shadow-paper:hover{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.hover\:su-shadow-2xl:hover{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.hover\:su-shadow-medium:hover{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.hover\:su-shadow-inner:hover{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.focus\:su-shadow-flat:focus{
+.hover\:su-shadow-none:hover{
   --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.focus\:su-shadow-sm:focus{
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .focus\:su-shadow:focus{
-  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.focus\:su-shadow-md:focus{
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.focus\:su-shadow-lg:focus{
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.focus\:su-shadow-xl:focus{
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.focus\:su-shadow-paper:focus{
-  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+.focus\:su-shadow-2xl:focus{
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.focus\:su-shadow-medium:focus{
-  --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+.focus\:su-shadow-inner:focus{
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.focus\:su-shadow-none:focus{
+  --tw-shadow: 0 0 #0000;
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -30657,187 +30447,6 @@ select{
 .focus\:su-ring-opacity-100:focus{
   --tw-ring-opacity: 1;
 }
-@media (prefers-color-scheme: dark){
-  .dark\:su-ring-opacity-0{
-    --tw-ring-opacity: 0;
-  }
-
-  .dark\:su-ring-opacity-5{
-    --tw-ring-opacity: 0.05;
-  }
-
-  .dark\:su-ring-opacity-10{
-    --tw-ring-opacity: 0.1;
-  }
-
-  .dark\:su-ring-opacity-20{
-    --tw-ring-opacity: 0.2;
-  }
-
-  .dark\:su-ring-opacity-25{
-    --tw-ring-opacity: 0.25;
-  }
-
-  .dark\:su-ring-opacity-30{
-    --tw-ring-opacity: 0.3;
-  }
-
-  .dark\:su-ring-opacity-40{
-    --tw-ring-opacity: 0.4;
-  }
-
-  .dark\:su-ring-opacity-50{
-    --tw-ring-opacity: 0.5;
-  }
-
-  .dark\:su-ring-opacity-60{
-    --tw-ring-opacity: 0.6;
-  }
-
-  .dark\:su-ring-opacity-70{
-    --tw-ring-opacity: 0.7;
-  }
-
-  .dark\:su-ring-opacity-75{
-    --tw-ring-opacity: 0.75;
-  }
-
-  .dark\:su-ring-opacity-80{
-    --tw-ring-opacity: 0.8;
-  }
-
-  .dark\:su-ring-opacity-90{
-    --tw-ring-opacity: 0.9;
-  }
-
-  .dark\:su-ring-opacity-95{
-    --tw-ring-opacity: 0.95;
-  }
-
-  .dark\:su-ring-opacity-100{
-    --tw-ring-opacity: 1;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-0:focus-within{
-    --tw-ring-opacity: 0;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-5:focus-within{
-    --tw-ring-opacity: 0.05;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-10:focus-within{
-    --tw-ring-opacity: 0.1;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-20:focus-within{
-    --tw-ring-opacity: 0.2;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-25:focus-within{
-    --tw-ring-opacity: 0.25;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-30:focus-within{
-    --tw-ring-opacity: 0.3;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-40:focus-within{
-    --tw-ring-opacity: 0.4;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-50:focus-within{
-    --tw-ring-opacity: 0.5;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-60:focus-within{
-    --tw-ring-opacity: 0.6;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-70:focus-within{
-    --tw-ring-opacity: 0.7;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-75:focus-within{
-    --tw-ring-opacity: 0.75;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-80:focus-within{
-    --tw-ring-opacity: 0.8;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-90:focus-within{
-    --tw-ring-opacity: 0.9;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-95:focus-within{
-    --tw-ring-opacity: 0.95;
-  }
-
-  .dark\:focus-within\:su-ring-opacity-100:focus-within{
-    --tw-ring-opacity: 1;
-  }
-
-  .dark\:focus\:su-ring-opacity-0:focus{
-    --tw-ring-opacity: 0;
-  }
-
-  .dark\:focus\:su-ring-opacity-5:focus{
-    --tw-ring-opacity: 0.05;
-  }
-
-  .dark\:focus\:su-ring-opacity-10:focus{
-    --tw-ring-opacity: 0.1;
-  }
-
-  .dark\:focus\:su-ring-opacity-20:focus{
-    --tw-ring-opacity: 0.2;
-  }
-
-  .dark\:focus\:su-ring-opacity-25:focus{
-    --tw-ring-opacity: 0.25;
-  }
-
-  .dark\:focus\:su-ring-opacity-30:focus{
-    --tw-ring-opacity: 0.3;
-  }
-
-  .dark\:focus\:su-ring-opacity-40:focus{
-    --tw-ring-opacity: 0.4;
-  }
-
-  .dark\:focus\:su-ring-opacity-50:focus{
-    --tw-ring-opacity: 0.5;
-  }
-
-  .dark\:focus\:su-ring-opacity-60:focus{
-    --tw-ring-opacity: 0.6;
-  }
-
-  .dark\:focus\:su-ring-opacity-70:focus{
-    --tw-ring-opacity: 0.7;
-  }
-
-  .dark\:focus\:su-ring-opacity-75:focus{
-    --tw-ring-opacity: 0.75;
-  }
-
-  .dark\:focus\:su-ring-opacity-80:focus{
-    --tw-ring-opacity: 0.8;
-  }
-
-  .dark\:focus\:su-ring-opacity-90:focus{
-    --tw-ring-opacity: 0.9;
-  }
-
-  .dark\:focus\:su-ring-opacity-95:focus{
-    --tw-ring-opacity: 0.95;
-  }
-
-  .dark\:focus\:su-ring-opacity-100:focus{
-    --tw-ring-opacity: 1;
-  }
-}
 .su-fill-current{
   fill: currentColor;
 }
@@ -34182,307 +33791,6 @@ select{
 .focus\:su-text-opacity-100:focus{
   --tw-text-opacity: 1;
 }
-@media (prefers-color-scheme: dark){
-  .dark\:su-text-opacity-0{
-    --tw-text-opacity: 0;
-  }
-
-  .dark\:su-text-opacity-5{
-    --tw-text-opacity: 0.05;
-  }
-
-  .dark\:su-text-opacity-10{
-    --tw-text-opacity: 0.1;
-  }
-
-  .dark\:su-text-opacity-20{
-    --tw-text-opacity: 0.2;
-  }
-
-  .dark\:su-text-opacity-25{
-    --tw-text-opacity: 0.25;
-  }
-
-  .dark\:su-text-opacity-30{
-    --tw-text-opacity: 0.3;
-  }
-
-  .dark\:su-text-opacity-40{
-    --tw-text-opacity: 0.4;
-  }
-
-  .dark\:su-text-opacity-50{
-    --tw-text-opacity: 0.5;
-  }
-
-  .dark\:su-text-opacity-60{
-    --tw-text-opacity: 0.6;
-  }
-
-  .dark\:su-text-opacity-70{
-    --tw-text-opacity: 0.7;
-  }
-
-  .dark\:su-text-opacity-75{
-    --tw-text-opacity: 0.75;
-  }
-
-  .dark\:su-text-opacity-80{
-    --tw-text-opacity: 0.8;
-  }
-
-  .dark\:su-text-opacity-90{
-    --tw-text-opacity: 0.9;
-  }
-
-  .dark\:su-text-opacity-95{
-    --tw-text-opacity: 0.95;
-  }
-
-  .dark\:su-text-opacity-100{
-    --tw-text-opacity: 1;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-0{
-    --tw-text-opacity: 0;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-5{
-    --tw-text-opacity: 0.05;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-10{
-    --tw-text-opacity: 0.1;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-20{
-    --tw-text-opacity: 0.2;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-25{
-    --tw-text-opacity: 0.25;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-30{
-    --tw-text-opacity: 0.3;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-40{
-    --tw-text-opacity: 0.4;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-50{
-    --tw-text-opacity: 0.5;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-60{
-    --tw-text-opacity: 0.6;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-70{
-    --tw-text-opacity: 0.7;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-75{
-    --tw-text-opacity: 0.75;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-80{
-    --tw-text-opacity: 0.8;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-90{
-    --tw-text-opacity: 0.9;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-95{
-    --tw-text-opacity: 0.95;
-  }
-
-  .su-group:hover .dark\:group-hover\:su-text-opacity-100{
-    --tw-text-opacity: 1;
-  }
-
-  .dark\:focus-within\:su-text-opacity-0:focus-within{
-    --tw-text-opacity: 0;
-  }
-
-  .dark\:focus-within\:su-text-opacity-5:focus-within{
-    --tw-text-opacity: 0.05;
-  }
-
-  .dark\:focus-within\:su-text-opacity-10:focus-within{
-    --tw-text-opacity: 0.1;
-  }
-
-  .dark\:focus-within\:su-text-opacity-20:focus-within{
-    --tw-text-opacity: 0.2;
-  }
-
-  .dark\:focus-within\:su-text-opacity-25:focus-within{
-    --tw-text-opacity: 0.25;
-  }
-
-  .dark\:focus-within\:su-text-opacity-30:focus-within{
-    --tw-text-opacity: 0.3;
-  }
-
-  .dark\:focus-within\:su-text-opacity-40:focus-within{
-    --tw-text-opacity: 0.4;
-  }
-
-  .dark\:focus-within\:su-text-opacity-50:focus-within{
-    --tw-text-opacity: 0.5;
-  }
-
-  .dark\:focus-within\:su-text-opacity-60:focus-within{
-    --tw-text-opacity: 0.6;
-  }
-
-  .dark\:focus-within\:su-text-opacity-70:focus-within{
-    --tw-text-opacity: 0.7;
-  }
-
-  .dark\:focus-within\:su-text-opacity-75:focus-within{
-    --tw-text-opacity: 0.75;
-  }
-
-  .dark\:focus-within\:su-text-opacity-80:focus-within{
-    --tw-text-opacity: 0.8;
-  }
-
-  .dark\:focus-within\:su-text-opacity-90:focus-within{
-    --tw-text-opacity: 0.9;
-  }
-
-  .dark\:focus-within\:su-text-opacity-95:focus-within{
-    --tw-text-opacity: 0.95;
-  }
-
-  .dark\:focus-within\:su-text-opacity-100:focus-within{
-    --tw-text-opacity: 1;
-  }
-
-  .dark\:hover\:su-text-opacity-0:hover{
-    --tw-text-opacity: 0;
-  }
-
-  .dark\:hover\:su-text-opacity-5:hover{
-    --tw-text-opacity: 0.05;
-  }
-
-  .dark\:hover\:su-text-opacity-10:hover{
-    --tw-text-opacity: 0.1;
-  }
-
-  .dark\:hover\:su-text-opacity-20:hover{
-    --tw-text-opacity: 0.2;
-  }
-
-  .dark\:hover\:su-text-opacity-25:hover{
-    --tw-text-opacity: 0.25;
-  }
-
-  .dark\:hover\:su-text-opacity-30:hover{
-    --tw-text-opacity: 0.3;
-  }
-
-  .dark\:hover\:su-text-opacity-40:hover{
-    --tw-text-opacity: 0.4;
-  }
-
-  .dark\:hover\:su-text-opacity-50:hover{
-    --tw-text-opacity: 0.5;
-  }
-
-  .dark\:hover\:su-text-opacity-60:hover{
-    --tw-text-opacity: 0.6;
-  }
-
-  .dark\:hover\:su-text-opacity-70:hover{
-    --tw-text-opacity: 0.7;
-  }
-
-  .dark\:hover\:su-text-opacity-75:hover{
-    --tw-text-opacity: 0.75;
-  }
-
-  .dark\:hover\:su-text-opacity-80:hover{
-    --tw-text-opacity: 0.8;
-  }
-
-  .dark\:hover\:su-text-opacity-90:hover{
-    --tw-text-opacity: 0.9;
-  }
-
-  .dark\:hover\:su-text-opacity-95:hover{
-    --tw-text-opacity: 0.95;
-  }
-
-  .dark\:hover\:su-text-opacity-100:hover{
-    --tw-text-opacity: 1;
-  }
-
-  .dark\:focus\:su-text-opacity-0:focus{
-    --tw-text-opacity: 0;
-  }
-
-  .dark\:focus\:su-text-opacity-5:focus{
-    --tw-text-opacity: 0.05;
-  }
-
-  .dark\:focus\:su-text-opacity-10:focus{
-    --tw-text-opacity: 0.1;
-  }
-
-  .dark\:focus\:su-text-opacity-20:focus{
-    --tw-text-opacity: 0.2;
-  }
-
-  .dark\:focus\:su-text-opacity-25:focus{
-    --tw-text-opacity: 0.25;
-  }
-
-  .dark\:focus\:su-text-opacity-30:focus{
-    --tw-text-opacity: 0.3;
-  }
-
-  .dark\:focus\:su-text-opacity-40:focus{
-    --tw-text-opacity: 0.4;
-  }
-
-  .dark\:focus\:su-text-opacity-50:focus{
-    --tw-text-opacity: 0.5;
-  }
-
-  .dark\:focus\:su-text-opacity-60:focus{
-    --tw-text-opacity: 0.6;
-  }
-
-  .dark\:focus\:su-text-opacity-70:focus{
-    --tw-text-opacity: 0.7;
-  }
-
-  .dark\:focus\:su-text-opacity-75:focus{
-    --tw-text-opacity: 0.75;
-  }
-
-  .dark\:focus\:su-text-opacity-80:focus{
-    --tw-text-opacity: 0.8;
-  }
-
-  .dark\:focus\:su-text-opacity-90:focus{
-    --tw-text-opacity: 0.9;
-  }
-
-  .dark\:focus\:su-text-opacity-95:focus{
-    --tw-text-opacity: 0.95;
-  }
-
-  .dark\:focus\:su-text-opacity-100:focus{
-    --tw-text-opacity: 1;
-  }
-}
 .su-truncate{
   overflow: hidden;
   text-overflow: ellipsis;
@@ -52436,308 +51744,6 @@ select{
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .sm\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .sm\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .sm\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .sm\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .sm\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .sm\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .sm\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .sm\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .sm\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .sm\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .sm\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .sm\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .sm\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .sm\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .sm\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .sm\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .sm\:su-bg-bottom{
     background-position: bottom;
   }
@@ -55826,10 +54832,6 @@ select{
     cursor: move;
   }
 
-  .sm\:su-cursor-help{
-    cursor: help;
-  }
-
   .sm\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -71855,122 +70857,242 @@ select{
     resize: both;
   }
 
-  .sm\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .sm\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .sm\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .sm\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .sm\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .sm\:group-hover\:su-shadow-flat{
+  .sm\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .sm\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .sm\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .sm\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .sm\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .sm\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .sm\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .sm\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .sm\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .sm\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .sm\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .sm\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .sm\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .sm\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .sm\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:hover\:su-shadow-flat:hover{
+  .sm\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .sm\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .sm\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .sm\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .sm\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus\:su-shadow-flat:focus{
+  .sm\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .sm\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .sm\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .sm\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .sm\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .sm\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -76071,188 +75193,6 @@ select{
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .sm\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .sm\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .sm\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .sm\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .sm\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .sm\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .sm\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .sm\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .sm\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .sm\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .sm\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .sm\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .sm\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .sm\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .sm\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .sm\:su-fill-current{
     fill: currentColor;
   }
@@ -80029,308 +78969,6 @@ select{
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .sm\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .sm\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .sm\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .sm\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .sm\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .sm\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .sm\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .sm\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .sm\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .sm\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .sm\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .sm\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .sm\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .sm\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .sm\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .sm\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .sm\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .sm\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .sm\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
@@ -96488,308 +95126,6 @@ select{
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .md\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .md\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .md\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .md\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .md\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .md\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .md\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .md\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .md\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .md\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .md\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .md\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .md\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .md\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .md\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .md\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .md\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .md\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .md\:su-bg-bottom{
     background-position: bottom;
   }
@@ -99878,10 +98214,6 @@ select{
     cursor: move;
   }
 
-  .md\:su-cursor-help{
-    cursor: help;
-  }
-
   .md\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -115907,122 +114239,242 @@ select{
     resize: both;
   }
 
-  .md\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .md\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .md\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .md\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .md\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .md\:group-hover\:su-shadow-flat{
+  .md\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .md\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .md\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .md\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .md\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .md\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .md\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .md\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .md\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .md\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .md\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .md\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .md\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .md\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .md\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:hover\:su-shadow-flat:hover{
+  .md\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .md\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .md\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .md\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .md\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus\:su-shadow-flat:focus{
+  .md\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .md\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .md\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .md\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .md\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .md\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -120123,188 +118575,6 @@ select{
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .md\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .md\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .md\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .md\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .md\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .md\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .md\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .md\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .md\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .md\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .md\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .md\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .md\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .md\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .md\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .md\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .md\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .md\:su-fill-current{
     fill: currentColor;
   }
@@ -124081,308 +122351,6 @@ select{
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .md\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .md\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .md\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .md\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .md\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .md\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .md\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .md\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .md\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .md\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .md\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .md\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .md\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .md\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .md\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .md\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .md\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .md\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .md\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .md\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
@@ -140540,308 +138508,6 @@ select{
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .lg\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .lg\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .lg\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .lg\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .lg\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .lg\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .lg\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .lg\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .lg\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .lg\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .lg\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .lg\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .lg\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .lg\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .lg\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .lg\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .lg\:su-bg-bottom{
     background-position: bottom;
   }
@@ -143930,10 +141596,6 @@ select{
     cursor: move;
   }
 
-  .lg\:su-cursor-help{
-    cursor: help;
-  }
-
   .lg\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -159959,122 +157621,242 @@ select{
     resize: both;
   }
 
-  .lg\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .lg\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .lg\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .lg\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .lg\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .lg\:group-hover\:su-shadow-flat{
+  .lg\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .lg\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .lg\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .lg\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .lg\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .lg\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .lg\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .lg\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .lg\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .lg\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .lg\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .lg\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .lg\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .lg\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .lg\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:hover\:su-shadow-flat:hover{
+  .lg\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .lg\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .lg\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .lg\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .lg\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus\:su-shadow-flat:focus{
+  .lg\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .lg\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .lg\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .lg\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .lg\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .lg\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -164175,188 +161957,6 @@ select{
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .lg\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .lg\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .lg\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .lg\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .lg\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .lg\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .lg\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .lg\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .lg\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .lg\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .lg\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .lg\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .lg\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .lg\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .lg\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .lg\:su-fill-current{
     fill: currentColor;
   }
@@ -168133,308 +165733,6 @@ select{
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .lg\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .lg\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .lg\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .lg\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .lg\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .lg\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .lg\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .lg\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .lg\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .lg\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .lg\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .lg\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .lg\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .lg\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .lg\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .lg\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .lg\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .lg\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .lg\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
@@ -184592,308 +181890,6 @@ select{
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .xl\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .xl\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .xl\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .xl\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .xl\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .xl\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .xl\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .xl\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .xl\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .xl\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .xl\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .xl\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .xl\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .xl\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .xl\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .xl\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .xl\:su-bg-bottom{
     background-position: bottom;
   }
@@ -187982,10 +184978,6 @@ select{
     cursor: move;
   }
 
-  .xl\:su-cursor-help{
-    cursor: help;
-  }
-
   .xl\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -204011,122 +201003,242 @@ select{
     resize: both;
   }
 
-  .xl\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .xl\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .xl\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .xl\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .xl\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .xl\:group-hover\:su-shadow-flat{
+  .xl\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .xl\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .xl\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .xl\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .xl\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .xl\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .xl\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .xl\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .xl\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .xl\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .xl\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .xl\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .xl\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .xl\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .xl\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:hover\:su-shadow-flat:hover{
+  .xl\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .xl\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .xl\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .xl\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .xl\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus\:su-shadow-flat:focus{
+  .xl\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .xl\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .xl\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .xl\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .xl\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .xl\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -208227,188 +205339,6 @@ select{
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .xl\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .xl\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .xl\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .xl\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .xl\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .xl\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .xl\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .xl\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .xl\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .xl\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .xl\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .xl\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .xl\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .xl\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .xl\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .xl\:su-fill-current{
     fill: currentColor;
   }
@@ -212185,308 +209115,6 @@ select{
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .xl\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .xl\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .xl\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .xl\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .xl\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .xl\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .xl\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .xl\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .xl\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .xl\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .xl\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .xl\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .xl\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .xl\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .xl\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .xl\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .xl\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .xl\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .xl\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
@@ -228644,308 +225272,6 @@ select{
     --tw-bg-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .\32xl\:dark\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-0{
-      --tw-bg-opacity: 0;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-5{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-10{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-20{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-25{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-30{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-40{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-50{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-60{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-70{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-75{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-80{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-90{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-95{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-bg-opacity-100{
-      --tw-bg-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-0:focus-within{
-      --tw-bg-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-5:focus-within{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-10:focus-within{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-20:focus-within{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-25:focus-within{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-30:focus-within{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-40:focus-within{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-50:focus-within{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-60:focus-within{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-70:focus-within{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-75:focus-within{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-80:focus-within{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-90:focus-within{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-95:focus-within{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus-within\:su-bg-opacity-100:focus-within{
-      --tw-bg-opacity: 1;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-0:hover{
-      --tw-bg-opacity: 0;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-5:hover{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-10:hover{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-20:hover{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-25:hover{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-30:hover{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-40:hover{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-50:hover{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-60:hover{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-70:hover{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-75:hover{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-80:hover{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-90:hover{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-95:hover{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:hover\:su-bg-opacity-100:hover{
-      --tw-bg-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-0:focus{
-      --tw-bg-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-5:focus{
-      --tw-bg-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-10:focus{
-      --tw-bg-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-20:focus{
-      --tw-bg-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-25:focus{
-      --tw-bg-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-30:focus{
-      --tw-bg-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-40:focus{
-      --tw-bg-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-50:focus{
-      --tw-bg-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-60:focus{
-      --tw-bg-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-70:focus{
-      --tw-bg-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-75:focus{
-      --tw-bg-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-80:focus{
-      --tw-bg-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-90:focus{
-      --tw-bg-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-95:focus{
-      --tw-bg-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus\:su-bg-opacity-100:focus{
-      --tw-bg-opacity: 1;
-    }
-  }
-
   .\32xl\:su-bg-bottom{
     background-position: bottom;
   }
@@ -232034,10 +228360,6 @@ select{
     cursor: move;
   }
 
-  .\32xl\:su-cursor-help{
-    cursor: help;
-  }
-
   .\32xl\:su-cursor-not-allowed{
     cursor: not-allowed;
   }
@@ -248063,122 +244385,242 @@ select{
     resize: both;
   }
 
-  .\32xl\:su-shadow-flat{
-    --tw-shadow: 0 0 #0000;
+  .\32xl\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
   .\32xl\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .\32xl\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .\32xl\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .\32xl\:group-hover\:su-shadow-flat{
+  .\32xl\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .su-group:hover .\32xl\:group-hover\:su-shadow-sm{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .su-group:hover .\32xl\:group-hover\:su-shadow{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .\32xl\:group-hover\:su-shadow-md{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .\32xl\:group-hover\:su-shadow-paper{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .su-group:hover .\32xl\:group-hover\:su-shadow-lg{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .su-group:hover .\32xl\:group-hover\:su-shadow-medium{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .su-group:hover .\32xl\:group-hover\:su-shadow-xl{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus-within\:su-shadow-flat:focus-within{
+  .su-group:hover .\32xl\:group-hover\:su-shadow-2xl{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .\32xl\:group-hover\:su-shadow-inner{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .su-group:hover .\32xl\:group-hover\:su-shadow-none{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .\32xl\:focus-within\:su-shadow-sm:focus-within{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .\32xl\:focus-within\:su-shadow:focus-within{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:su-shadow-md:focus-within{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:su-shadow-lg:focus-within{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:su-shadow-xl:focus-within{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus-within\:su-shadow-paper:focus-within{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .\32xl\:focus-within\:su-shadow-2xl:focus-within{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus-within\:su-shadow-medium:focus-within{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .\32xl\:focus-within\:su-shadow-inner:focus-within{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:hover\:su-shadow-flat:hover{
+  .\32xl\:focus-within\:su-shadow-none:focus-within{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .\32xl\:hover\:su-shadow-sm:hover{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .\32xl\:hover\:su-shadow:hover{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:su-shadow-md:hover{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:hover\:su-shadow-paper:hover{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .\32xl\:hover\:su-shadow-lg:hover{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:hover\:su-shadow-medium:hover{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .\32xl\:hover\:su-shadow-xl:hover{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus\:su-shadow-flat:focus{
+  .\32xl\:hover\:su-shadow-2xl:hover{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:su-shadow-inner:hover{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:su-shadow-none:hover{
     --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .\32xl\:focus\:su-shadow-sm:focus{
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .\32xl\:focus\:su-shadow:focus{
-    --tw-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:su-shadow-md:focus{
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus\:su-shadow-paper:focus{
-    --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
+  .\32xl\:focus\:su-shadow-lg:focus{
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
-  .\32xl\:focus\:su-shadow-medium:focus{
-    --tw-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2);
+  .\32xl\:focus\:su-shadow-xl:focus{
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:su-shadow-2xl:focus{
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:su-shadow-inner:focus{
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:su-shadow-none:focus{
+    --tw-shadow: 0 0 #0000;
     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
             box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
@@ -252279,188 +248721,6 @@ select{
     --tw-ring-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .\32xl\:dark\:su-ring-opacity-0{
-      --tw-ring-opacity: 0;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-5{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-10{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-20{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-25{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-30{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-40{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-50{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-60{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-70{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-75{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-80{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-90{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-95{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:su-ring-opacity-100{
-      --tw-ring-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-0:focus-within{
-      --tw-ring-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-5:focus-within{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-10:focus-within{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-20:focus-within{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-25:focus-within{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-30:focus-within{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-40:focus-within{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-50:focus-within{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-60:focus-within{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-70:focus-within{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-75:focus-within{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-80:focus-within{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-90:focus-within{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-95:focus-within{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus-within\:su-ring-opacity-100:focus-within{
-      --tw-ring-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-0:focus{
-      --tw-ring-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-5:focus{
-      --tw-ring-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-10:focus{
-      --tw-ring-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-20:focus{
-      --tw-ring-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-25:focus{
-      --tw-ring-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-30:focus{
-      --tw-ring-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-40:focus{
-      --tw-ring-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-50:focus{
-      --tw-ring-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-60:focus{
-      --tw-ring-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-70:focus{
-      --tw-ring-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-75:focus{
-      --tw-ring-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-80:focus{
-      --tw-ring-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-90:focus{
-      --tw-ring-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-95:focus{
-      --tw-ring-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus\:su-ring-opacity-100:focus{
-      --tw-ring-opacity: 1;
-    }
-  }
-
   .\32xl\:su-fill-current{
     fill: currentColor;
   }
@@ -256237,308 +252497,6 @@ select{
     --tw-text-opacity: 1;
   }
 
-  @media (prefers-color-scheme: dark){
-    .\32xl\:dark\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .\32xl\:dark\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-0{
-      --tw-text-opacity: 0;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-5{
-      --tw-text-opacity: 0.05;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-10{
-      --tw-text-opacity: 0.1;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-20{
-      --tw-text-opacity: 0.2;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-25{
-      --tw-text-opacity: 0.25;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-30{
-      --tw-text-opacity: 0.3;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-40{
-      --tw-text-opacity: 0.4;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-50{
-      --tw-text-opacity: 0.5;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-60{
-      --tw-text-opacity: 0.6;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-70{
-      --tw-text-opacity: 0.7;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-75{
-      --tw-text-opacity: 0.75;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-80{
-      --tw-text-opacity: 0.8;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-90{
-      --tw-text-opacity: 0.9;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-95{
-      --tw-text-opacity: 0.95;
-    }
-
-    .su-group:hover .\32xl\:dark\:group-hover\:su-text-opacity-100{
-      --tw-text-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-0:focus-within{
-      --tw-text-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-5:focus-within{
-      --tw-text-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-10:focus-within{
-      --tw-text-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-20:focus-within{
-      --tw-text-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-25:focus-within{
-      --tw-text-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-30:focus-within{
-      --tw-text-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-40:focus-within{
-      --tw-text-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-50:focus-within{
-      --tw-text-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-60:focus-within{
-      --tw-text-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-70:focus-within{
-      --tw-text-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-75:focus-within{
-      --tw-text-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-80:focus-within{
-      --tw-text-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-90:focus-within{
-      --tw-text-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-95:focus-within{
-      --tw-text-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus-within\:su-text-opacity-100:focus-within{
-      --tw-text-opacity: 1;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-0:hover{
-      --tw-text-opacity: 0;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-5:hover{
-      --tw-text-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-10:hover{
-      --tw-text-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-20:hover{
-      --tw-text-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-25:hover{
-      --tw-text-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-30:hover{
-      --tw-text-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-40:hover{
-      --tw-text-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-50:hover{
-      --tw-text-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-60:hover{
-      --tw-text-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-70:hover{
-      --tw-text-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-75:hover{
-      --tw-text-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-80:hover{
-      --tw-text-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-90:hover{
-      --tw-text-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-95:hover{
-      --tw-text-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:hover\:su-text-opacity-100:hover{
-      --tw-text-opacity: 1;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-0:focus{
-      --tw-text-opacity: 0;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-5:focus{
-      --tw-text-opacity: 0.05;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-10:focus{
-      --tw-text-opacity: 0.1;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-20:focus{
-      --tw-text-opacity: 0.2;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-25:focus{
-      --tw-text-opacity: 0.25;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-30:focus{
-      --tw-text-opacity: 0.3;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-40:focus{
-      --tw-text-opacity: 0.4;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-50:focus{
-      --tw-text-opacity: 0.5;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-60:focus{
-      --tw-text-opacity: 0.6;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-70:focus{
-      --tw-text-opacity: 0.7;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-75:focus{
-      --tw-text-opacity: 0.75;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-80:focus{
-      --tw-text-opacity: 0.8;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-90:focus{
-      --tw-text-opacity: 0.9;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-95:focus{
-      --tw-text-opacity: 0.95;
-    }
-
-    .\32xl\:dark\:focus\:su-text-opacity-100:focus{
-      --tw-text-opacity: 1;
-    }
-  }
-
   .\32xl\:su-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/plugins/base/base.js b/src/plugins/base/base.js
index 2ed951ad9..34f537d23 100644
--- a/src/plugins/base/base.js
+++ b/src/plugins/base/base.js
@@ -165,7 +165,7 @@ module.exports = function () {
           color: config('theme.colors.white'),
         },
         '&:focus': {
-          boxShadow: config('theme.boxShadow.DEFAULT'),
+          boxShadow: config('theme.boxShadow.md'),
         },
       },
       //
diff --git a/src/plugins/theme/boxShadow.js b/src/plugins/theme/boxShadow.js
deleted file mode 100644
index 9f9eeee0f..000000000
--- a/src/plugins/theme/boxShadow.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Box shadow defaults.
- */
-module.exports = function () {
-  return {
-    flat: 'none',
-    DEFAULT: '0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1)', // v6 shallow
-    paper: '0px 1px 2px rgba(0, 0, 0, 0.25)',
-    medium: '0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.2)',
-  }
-}
diff --git a/tailwind.config.js b/tailwind.config.js
index 1bab9d629..ad4951ec5 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -20,7 +20,6 @@ module.exports = {
     // Overrides.
     borderRadius: require(dir + '/theme/borderRadius.js')(),
     borderWidth: require(dir + '/theme/borderWidth.js')(),
-    boxShadow: require(dir + '/theme/boxShadow.js')(),
     colors: require(dir + '/theme/colors.js')(),
     fontFamily: require(dir + '/theme/fontFamily.js')(),
     fontSize: require(dir + '/theme/fontSize.js')(),

From 7fdde56a11b7688442f894dc1850cc3e5fba4782 Mon Sep 17 00:00:00 2001
From: Yvonne Tang <ytang2@stanford.edu>
Date: Wed, 10 Feb 2021 17:29:13 -0800
Subject: [PATCH 2/3] Forgot sample test page code

---
 dev/src/sample.test.html | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/dev/src/sample.test.html b/dev/src/sample.test.html
index 3c593808c..9c629ba34 100644
--- a/dev/src/sample.test.html
+++ b/dev/src/sample.test.html
@@ -8,9 +8,9 @@
 <body class="su-debug-screens">
 
 <!-- MAIN DEVELOPMENT AREA -->
-<div class="su-bg-digital-red su-pt-5 su-pb-2">
+<div class="su-bg-digital-red su-pt-5 su-pb-1">
   <div class="su-cc">
-    <a class="su-logo su-text-white hover:su-text-white active:su-text-white focus:su-text-whit su-text-20" href="https://stanford.edu">Stanford University</a>
+    <a class="su-logo su-text-white hover:su-text-white focus:su-text-white su-text-20" href="https://stanford.edu">Stanford University</a>
   </div>
 </div>
 <div role="banner" class="su-rs-py-6 su-bg-gradient-to-b su-from-black su-to-plum su-text-white">
@@ -36,6 +36,7 @@ <h2 class="su-type-5"><a href="#text" class="su-text-black hover:su-underline fo
         </ul>
         <h2 class="su-type-5"><a href="#html-elements" class="su-text-black hover:su-underline focus:su-underline">HTML Elements</a></h2>
         <ul class="su-list-unstyled su-text-16 md:su-text-20 su-rs-mb-4">
+          <li class="su-inline-block su-mb-12"><a href="#drop-shadows" class="su-inline-block su-py-8 su-px-20 su-mr-12 su-bg-spirited-dark hover:su-bg-archway-dark focus:su-bg-archway-dark su-rounded-full su-text-white hover:su-text-white focus:su-text-white su-no-underline su-transition-colors">Drop Shadows</a></li>
           <li class="su-inline-block su-mb-12"><a href="#text__tables" class="su-inline-block su-py-8 su-px-20 su-mr-12 su-bg-spirited-dark hover:su-bg-archway-dark focus:su-bg-archway-dark su-rounded-full su-text-white hover:su-text-white focus:su-text-white su-no-underline su-transition-colors">Tables</a></li>
           <li class="su-inline-block su-mb-12 su-mr-12"><a class="su-inline-block su-py-8 su-px-20 su-bg-spirited-dark hover:su-bg-archway-dark focus:su-bg-archway-dark su-rounded-full su-text-white hover:su-text-white focus:su-text-white su-no-underline su-transition-colors" href="#embedded__images">Images</a></li>
           <li class="su-inline-block su-mb-12 su-mr-12"><a class="su-inline-block su-py-8 su-px-20 su-bg-spirited-dark hover:su-bg-archway-dark focus:su-bg-archway-dark su-rounded-full su-text-white hover:su-text-white focus:su-text-white su-no-underline su-transition-colors" href="#embedded__youtube">Embed Streaming Video</a></li>
@@ -237,6 +238,19 @@ <h2 class="su-type-6 su-text-white su-mb-0 su-text-center">HTML Elements</h2>
     </header>
     <div class="su-cc su-flex su-flex-col md:su-flex-row su-rs-py-6 su-overflow-x-hidden">
       <div class="su-mx-auto su-w-full lg:su-w-8/12">
+        <article id="drop-shadows" class="su-rs-mb-5">
+          <header><h3 class="su-type-5 su-text-lagunita-light">Drop Shadows</h3></header>
+          <div class="su-grid md:su-grid-cols-2 lg:su-grid-cols-3 su-gap-xl md:su-gap-lg 2xl:su-gap-2xl">
+            <div class="su-rs-py-4 su-rs-px-1 su-flex su-justify-center su-content-center su-text-plum su-font-semibold su-bg-white su-border su-border-solid su-border-black-10 su-shadow-none">.su-shadow-none</div>
+            <div class="su-rs-py-4 su-rs-px-1 su-flex su-justify-center su-content-center su-text-plum su-font-semibold su-bg-white su-border su-border-solid su-border-black-10 su-shadow-sm">.su-shadow-sm</div>
+            <div class="su-rs-py-4 su-rs-px-1 su-flex su-justify-center su-content-center su-text-plum su-font-semibold su-bg-white su-border su-border-solid su-border-black-10 su-shadow">.su-shadow</div>
+            <div class="su-rs-py-4 su-rs-px-1 su-flex su-justify-center su-content-center su-text-plum su-font-semibold su-bg-white su-border su-border-solid su-border-black-10 su-shadow-md">.su-shadow-md</div>
+            <div class="su-rs-py-4 su-rs-px-1 su-flex su-justify-center su-content-center su-text-plum su-font-semibold su-bg-white su-border su-border-solid su-border-black-10 su-shadow-lg">.su-shadow-lg</div>
+            <div class="su-rs-py-4 su-rs-px-1 su-flex su-justify-center su-content-center su-text-plum su-font-semibold su-bg-white su-border su-border-solid su-border-black-10 su-shadow-xl">.su-shadow-xl</div>
+            <div class="su-rs-py-4 su-rs-px-1 su-flex su-justify-center su-content-center su-text-plum su-font-semibold su-bg-white su-border su-border-solid su-border-black-10 su-shadow-2xl">.su-shadow-2xl</div>
+            <div class="su-rs-py-4 su-rs-px-1 su-flex su-justify-center su-content-center su-text-plum su-font-semibold su-bg-white su-border su-border-solid su-border-black-10 su-shadow-inner">.su-shadow-inner</div>
+          </div>
+        </article>
         <article id="text__tables" class="su-rs-mb-5">
           <header><h3 class="su-type-5 su-text-lagunita-light">Tables</h3></header>
           <h4 class="su-type-3">Default Table</h4>
@@ -406,7 +420,7 @@ <h2 class="su-type-6 su-text-white su-mb-0 su-text-center">Form Elements</h2>
     <div class="su-cc su-flex su-flex-col md:su-flex-row su-rs-py-6 su-overflow-x-hidden">
       <div class="su-mx-auto su-w-full lg:su-w-8/12">
         <form>
-          <fieldset id="forms__input">
+          <fieldset id="forms__input" class="su-rs-mb-3">
             <legend>Input fields</legend>
             <p>
               <label for="input__text">Text Input</label>
@@ -446,7 +460,7 @@ <h2 class="su-type-6 su-text-white su-mb-0 su-text-center">Form Elements</h2>
             </p>
           </fieldset>
 
-          <fieldset id="forms__select">
+          <fieldset id="forms__select" class="su-rs-mb-3">
             <legend>Select menus</legend>
             <p>
               <label for="select">Select</label>
@@ -460,7 +474,7 @@ <h2 class="su-type-6 su-text-white su-mb-0 su-text-center">Form Elements</h2>
             </p>
           </fieldset>
 
-          <fieldset id="forms__checkbox">
+          <fieldset id="forms__checkbox" class="su-rs-mb-3">
             <legend>Checkboxes</legend>
             <ul>
               <li><input id="checkbox1" name="checkbox" type="checkbox" checked="checked" /><label for="checkbox1">Choice A</label></li>
@@ -469,7 +483,7 @@ <h2 class="su-type-6 su-text-white su-mb-0 su-text-center">Form Elements</h2>
             </ul>
           </fieldset>
 
-          <fieldset id="forms__radio">
+          <fieldset id="forms__radio" class="su-rs-mb-3">
             <legend>Radio buttons</legend>
             <ul>
               <li><input id="radio1" name="radio" type="radio" class="radio" checked="checked" /><label for="radio1">Option 1</label></li>
@@ -478,7 +492,7 @@ <h2 class="su-type-6 su-text-white su-mb-0 su-text-center">Form Elements</h2>
             </ul>
           </fieldset>
 
-          <fieldset id="forms__textareas">
+          <fieldset id="forms__textareas" class="su-rs-mb-3">
             <legend>Textareas</legend>
             <p>
               <label for="textarea">Textarea</label>
@@ -486,7 +500,7 @@ <h2 class="su-type-6 su-text-white su-mb-0 su-text-center">Form Elements</h2>
             </p>
           </fieldset>
 
-          <fieldset id="forms__html5">
+          <fieldset id="forms__html5" class="su-rs-mb-3">
             <legend>HTML5 inputs</legend>
             <p>
               <label for="ic">Color input</label>
@@ -522,7 +536,7 @@ <h2 class="su-type-6 su-text-white su-mb-0 su-text-center">Form Elements</h2>
             </p>
           </fieldset>
 
-          <fieldset id="forms__action">
+          <fieldset id="forms__action" class="su-rs-mb-3">
             <legend>Action buttons</legend>
             <p>
               <input type="submit" value="<input type=submit>">
@@ -629,7 +643,6 @@ <h3 class="su-mb-0">2 x 1 Box</h3>
   <!-- HTML Test page based on sample provided by http://twitter.com/cbracco -->
   <div class="su-cc">
     <p class="su-mb-0">A TailwindCSS/Decanter v7 test page.</p>
-    <p><a href="https://www.netlify.com"><img src="https://www.netlify.com/img/global/badges/netlify-dark.svg"></a></p>
   </div>
   <a href="#top" class="su-hidden md:su-block su-fixed su-bottom-20 su-right-20 su-w-50 su-text-black hover:su-text-plum focus:su-text-plum su-transition-colors"><span class="su-sr-only">Back to top</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
     <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z" clip-rule="evenodd" />

From 016bb47a64f866f231a09c3846f17d66f58603e7 Mon Sep 17 00:00:00 2001
From: Yvonne Tang <ytang2@stanford.edu>
Date: Wed, 10 Feb 2021 17:32:17 -0800
Subject: [PATCH 3/3] add accidentally deleted netlify badge back in

---
 dev/src/sample.test.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/dev/src/sample.test.html b/dev/src/sample.test.html
index 9c629ba34..da2a00642 100644
--- a/dev/src/sample.test.html
+++ b/dev/src/sample.test.html
@@ -643,6 +643,7 @@ <h3 class="su-mb-0">2 x 1 Box</h3>
   <!-- HTML Test page based on sample provided by http://twitter.com/cbracco -->
   <div class="su-cc">
     <p class="su-mb-0">A TailwindCSS/Decanter v7 test page.</p>
+    <p><a href="https://www.netlify.com"><img src="https://www.netlify.com/img/global/badges/netlify-dark.svg"></a></p>
   </div>
   <a href="#top" class="su-hidden md:su-block su-fixed su-bottom-20 su-right-20 su-w-50 su-text-black hover:su-text-plum focus:su-text-plum su-transition-colors"><span class="su-sr-only">Back to top</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
     <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z" clip-rule="evenodd" />