diff --git a/package-lock.json b/package-lock.json
index a2c9658..51e5041 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "bcryptjs": "^2.4.3",
         "chart.js": "^4.4.3",
         "cookies-next": "^4.2.1",
+        "font-awesome": "^4.7.0",
         "framer-motion": "^11.2.6",
         "jwt-decode": "^4.0.0",
         "react": "^18.2.0",
@@ -2979,6 +2980,14 @@
         }
       }
     },
+    "node_modules/font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg==",
+      "engines": {
+        "node": ">=0.10.3"
+      }
+    },
     "node_modules/foreground-child": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.2.1.tgz",
diff --git a/package.json b/package.json
index f6b6ff0..6382d05 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "bcryptjs": "^2.4.3",
     "chart.js": "^4.4.3",
     "cookies-next": "^4.2.1",
+    "font-awesome": "^4.7.0",
     "framer-motion": "^11.2.6",
     "jwt-decode": "^4.0.0",
     "react": "^18.2.0",
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index f5ae8de..7a546ce 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -285,23 +285,12 @@ function Navbar() {
           </div>
           <div className="lg:hidden">
             <button
-              className="btn btn-ghost btn-circle"
+              className={`btn btn-ghost btn-circle fa ${showHamburgerMenu?'fa-times':'fa-bars'}`}
+              // <i onClick={handleToggleHamburgerMenu}
+              // className={}
               onClick={handleToggleHamburgerMenu}
             >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                className="h-5 w-5"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth="2"
-                  d="M4 6h16M4 12h16m-7 6h7"
-                />
-              </svg>
+              
             </button>
           </div>
         </div>
diff --git a/src/index.css b/src/index.css
index 94c1d7d..b353479 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,4 @@
+@import 'font-awesome/css/font-awesome.min.css';
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/src/tailwind/output.css b/src/tailwind/output.css
index 14543c8..a9e4e73 100644
--- a/src/tailwind/output.css
+++ b/src/tailwind/output.css
@@ -1,6 +1,2913 @@
-/*
-! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
-*/
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@font-face{
+  font-family:'FontAwesome';
+
+  src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
+
+  src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+
+  font-weight:normal;
+
+  font-style:normal
+}
+
+.fa{
+  display:inline-block;
+  font:normal normal normal 14px/1 FontAwesome;
+  font-size:inherit;
+  text-rendering:auto;
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale
+}
+
+.fa-lg{
+  font-size:1.33333333em;
+  line-height:.75em;
+  vertical-align:-15%
+}
+
+.fa-2x{
+  font-size:2em
+}
+
+.fa-3x{
+  font-size:3em
+}
+
+.fa-4x{
+  font-size:4em
+}
+
+.fa-5x{
+  font-size:5em
+}
+
+.fa-fw{
+  width:1.28571429em;
+  text-align:center
+}
+
+.fa-ul{
+  padding-left:0;
+  margin-left:2.14285714em;
+  list-style-type:none
+}
+
+.fa-ul>li{
+  position:relative
+}
+
+.fa-li{
+  position:absolute;
+  left:-2.14285714em;
+  width:2.14285714em;
+  top:.14285714em;
+  text-align:center
+}
+
+.fa-li.fa-lg{
+  left:-1.85714286em
+}
+
+.fa-border{
+  padding:.2em .25em .15em;
+  border:solid .08em #eee;
+  border-radius:.1em
+}
+
+.fa-pull-left{
+  float:left
+}
+
+.fa-pull-right{
+  float:right
+}
+
+.fa.fa-pull-left{
+  margin-right:.3em
+}
+
+.fa.fa-pull-right{
+  margin-left:.3em
+}
+
+.pull-right{
+  float:right
+}
+
+.pull-left{
+  float:left
+}
+
+.fa.pull-left{
+  margin-right:.3em
+}
+
+.fa.pull-right{
+  margin-left:.3em
+}
+
+.fa-spin{
+  animation:fa-spin 2s infinite linear
+}
+
+.fa-pulse{
+  animation:fa-spin 1s infinite steps(8)
+}
+
+@keyframes fa-spin{
+  0%{
+    transform:rotate(0deg)
+  }
+
+  100%{
+    transform:rotate(359deg)
+  }
+}
+
+.fa-rotate-90{
+  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  transform:rotate(90deg)
+}
+
+.fa-rotate-180{
+  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  transform:rotate(180deg)
+}
+
+.fa-rotate-270{
+  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  transform:rotate(270deg)
+}
+
+.fa-flip-horizontal{
+  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  transform:scale(-1, 1)
+}
+
+.fa-flip-vertical{
+  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  transform:scale(1, -1)
+}
+
+:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{
+  filter:none
+}
+
+.fa-stack{
+  position:relative;
+  display:inline-block;
+  width:2em;
+  height:2em;
+  line-height:2em;
+  vertical-align:middle
+}
+
+.fa-stack-1x,.fa-stack-2x{
+  position:absolute;
+  left:0;
+  width:100%;
+  text-align:center
+}
+
+.fa-stack-1x{
+  line-height:inherit
+}
+
+.fa-stack-2x{
+  font-size:2em
+}
+
+.fa-inverse{
+  color:#fff
+}
+
+.fa-glass:before{
+  content:"\f000"
+}
+
+.fa-music:before{
+  content:"\f001"
+}
+
+.fa-search:before{
+  content:"\f002"
+}
+
+.fa-envelope-o:before{
+  content:"\f003"
+}
+
+.fa-heart:before{
+  content:"\f004"
+}
+
+.fa-star:before{
+  content:"\f005"
+}
+
+.fa-star-o:before{
+  content:"\f006"
+}
+
+.fa-user:before{
+  content:"\f007"
+}
+
+.fa-film:before{
+  content:"\f008"
+}
+
+.fa-th-large:before{
+  content:"\f009"
+}
+
+.fa-th:before{
+  content:"\f00a"
+}
+
+.fa-th-list:before{
+  content:"\f00b"
+}
+
+.fa-check:before{
+  content:"\f00c"
+}
+
+.fa-remove:before,.fa-close:before,.fa-times:before{
+  content:"\f00d"
+}
+
+.fa-search-plus:before{
+  content:"\f00e"
+}
+
+.fa-search-minus:before{
+  content:"\f010"
+}
+
+.fa-power-off:before{
+  content:"\f011"
+}
+
+.fa-signal:before{
+  content:"\f012"
+}
+
+.fa-gear:before,.fa-cog:before{
+  content:"\f013"
+}
+
+.fa-trash-o:before{
+  content:"\f014"
+}
+
+.fa-home:before{
+  content:"\f015"
+}
+
+.fa-file-o:before{
+  content:"\f016"
+}
+
+.fa-clock-o:before{
+  content:"\f017"
+}
+
+.fa-road:before{
+  content:"\f018"
+}
+
+.fa-download:before{
+  content:"\f019"
+}
+
+.fa-arrow-circle-o-down:before{
+  content:"\f01a"
+}
+
+.fa-arrow-circle-o-up:before{
+  content:"\f01b"
+}
+
+.fa-inbox:before{
+  content:"\f01c"
+}
+
+.fa-play-circle-o:before{
+  content:"\f01d"
+}
+
+.fa-rotate-right:before,.fa-repeat:before{
+  content:"\f01e"
+}
+
+.fa-refresh:before{
+  content:"\f021"
+}
+
+.fa-list-alt:before{
+  content:"\f022"
+}
+
+.fa-lock:before{
+  content:"\f023"
+}
+
+.fa-flag:before{
+  content:"\f024"
+}
+
+.fa-headphones:before{
+  content:"\f025"
+}
+
+.fa-volume-off:before{
+  content:"\f026"
+}
+
+.fa-volume-down:before{
+  content:"\f027"
+}
+
+.fa-volume-up:before{
+  content:"\f028"
+}
+
+.fa-qrcode:before{
+  content:"\f029"
+}
+
+.fa-barcode:before{
+  content:"\f02a"
+}
+
+.fa-tag:before{
+  content:"\f02b"
+}
+
+.fa-tags:before{
+  content:"\f02c"
+}
+
+.fa-book:before{
+  content:"\f02d"
+}
+
+.fa-bookmark:before{
+  content:"\f02e"
+}
+
+.fa-print:before{
+  content:"\f02f"
+}
+
+.fa-camera:before{
+  content:"\f030"
+}
+
+.fa-font:before{
+  content:"\f031"
+}
+
+.fa-bold:before{
+  content:"\f032"
+}
+
+.fa-italic:before{
+  content:"\f033"
+}
+
+.fa-text-height:before{
+  content:"\f034"
+}
+
+.fa-text-width:before{
+  content:"\f035"
+}
+
+.fa-align-left:before{
+  content:"\f036"
+}
+
+.fa-align-center:before{
+  content:"\f037"
+}
+
+.fa-align-right:before{
+  content:"\f038"
+}
+
+.fa-align-justify:before{
+  content:"\f039"
+}
+
+.fa-list:before{
+  content:"\f03a"
+}
+
+.fa-dedent:before,.fa-outdent:before{
+  content:"\f03b"
+}
+
+.fa-indent:before{
+  content:"\f03c"
+}
+
+.fa-video-camera:before{
+  content:"\f03d"
+}
+
+.fa-photo:before,.fa-image:before,.fa-picture-o:before{
+  content:"\f03e"
+}
+
+.fa-pencil:before{
+  content:"\f040"
+}
+
+.fa-map-marker:before{
+  content:"\f041"
+}
+
+.fa-adjust:before{
+  content:"\f042"
+}
+
+.fa-tint:before{
+  content:"\f043"
+}
+
+.fa-edit:before,.fa-pencil-square-o:before{
+  content:"\f044"
+}
+
+.fa-share-square-o:before{
+  content:"\f045"
+}
+
+.fa-check-square-o:before{
+  content:"\f046"
+}
+
+.fa-arrows:before{
+  content:"\f047"
+}
+
+.fa-step-backward:before{
+  content:"\f048"
+}
+
+.fa-fast-backward:before{
+  content:"\f049"
+}
+
+.fa-backward:before{
+  content:"\f04a"
+}
+
+.fa-play:before{
+  content:"\f04b"
+}
+
+.fa-pause:before{
+  content:"\f04c"
+}
+
+.fa-stop:before{
+  content:"\f04d"
+}
+
+.fa-forward:before{
+  content:"\f04e"
+}
+
+.fa-fast-forward:before{
+  content:"\f050"
+}
+
+.fa-step-forward:before{
+  content:"\f051"
+}
+
+.fa-eject:before{
+  content:"\f052"
+}
+
+.fa-chevron-left:before{
+  content:"\f053"
+}
+
+.fa-chevron-right:before{
+  content:"\f054"
+}
+
+.fa-plus-circle:before{
+  content:"\f055"
+}
+
+.fa-minus-circle:before{
+  content:"\f056"
+}
+
+.fa-times-circle:before{
+  content:"\f057"
+}
+
+.fa-check-circle:before{
+  content:"\f058"
+}
+
+.fa-question-circle:before{
+  content:"\f059"
+}
+
+.fa-info-circle:before{
+  content:"\f05a"
+}
+
+.fa-crosshairs:before{
+  content:"\f05b"
+}
+
+.fa-times-circle-o:before{
+  content:"\f05c"
+}
+
+.fa-check-circle-o:before{
+  content:"\f05d"
+}
+
+.fa-ban:before{
+  content:"\f05e"
+}
+
+.fa-arrow-left:before{
+  content:"\f060"
+}
+
+.fa-arrow-right:before{
+  content:"\f061"
+}
+
+.fa-arrow-up:before{
+  content:"\f062"
+}
+
+.fa-arrow-down:before{
+  content:"\f063"
+}
+
+.fa-mail-forward:before,.fa-share:before{
+  content:"\f064"
+}
+
+.fa-expand:before{
+  content:"\f065"
+}
+
+.fa-compress:before{
+  content:"\f066"
+}
+
+.fa-plus:before{
+  content:"\f067"
+}
+
+.fa-minus:before{
+  content:"\f068"
+}
+
+.fa-asterisk:before{
+  content:"\f069"
+}
+
+.fa-exclamation-circle:before{
+  content:"\f06a"
+}
+
+.fa-gift:before{
+  content:"\f06b"
+}
+
+.fa-leaf:before{
+  content:"\f06c"
+}
+
+.fa-fire:before{
+  content:"\f06d"
+}
+
+.fa-eye:before{
+  content:"\f06e"
+}
+
+.fa-eye-slash:before{
+  content:"\f070"
+}
+
+.fa-warning:before,.fa-exclamation-triangle:before{
+  content:"\f071"
+}
+
+.fa-plane:before{
+  content:"\f072"
+}
+
+.fa-calendar:before{
+  content:"\f073"
+}
+
+.fa-random:before{
+  content:"\f074"
+}
+
+.fa-comment:before{
+  content:"\f075"
+}
+
+.fa-magnet:before{
+  content:"\f076"
+}
+
+.fa-chevron-up:before{
+  content:"\f077"
+}
+
+.fa-chevron-down:before{
+  content:"\f078"
+}
+
+.fa-retweet:before{
+  content:"\f079"
+}
+
+.fa-shopping-cart:before{
+  content:"\f07a"
+}
+
+.fa-folder:before{
+  content:"\f07b"
+}
+
+.fa-folder-open:before{
+  content:"\f07c"
+}
+
+.fa-arrows-v:before{
+  content:"\f07d"
+}
+
+.fa-arrows-h:before{
+  content:"\f07e"
+}
+
+.fa-bar-chart-o:before,.fa-bar-chart:before{
+  content:"\f080"
+}
+
+.fa-twitter-square:before{
+  content:"\f081"
+}
+
+.fa-facebook-square:before{
+  content:"\f082"
+}
+
+.fa-camera-retro:before{
+  content:"\f083"
+}
+
+.fa-key:before{
+  content:"\f084"
+}
+
+.fa-gears:before,.fa-cogs:before{
+  content:"\f085"
+}
+
+.fa-comments:before{
+  content:"\f086"
+}
+
+.fa-thumbs-o-up:before{
+  content:"\f087"
+}
+
+.fa-thumbs-o-down:before{
+  content:"\f088"
+}
+
+.fa-star-half:before{
+  content:"\f089"
+}
+
+.fa-heart-o:before{
+  content:"\f08a"
+}
+
+.fa-sign-out:before{
+  content:"\f08b"
+}
+
+.fa-linkedin-square:before{
+  content:"\f08c"
+}
+
+.fa-thumb-tack:before{
+  content:"\f08d"
+}
+
+.fa-external-link:before{
+  content:"\f08e"
+}
+
+.fa-sign-in:before{
+  content:"\f090"
+}
+
+.fa-trophy:before{
+  content:"\f091"
+}
+
+.fa-github-square:before{
+  content:"\f092"
+}
+
+.fa-upload:before{
+  content:"\f093"
+}
+
+.fa-lemon-o:before{
+  content:"\f094"
+}
+
+.fa-phone:before{
+  content:"\f095"
+}
+
+.fa-square-o:before{
+  content:"\f096"
+}
+
+.fa-bookmark-o:before{
+  content:"\f097"
+}
+
+.fa-phone-square:before{
+  content:"\f098"
+}
+
+.fa-twitter:before{
+  content:"\f099"
+}
+
+.fa-facebook-f:before,.fa-facebook:before{
+  content:"\f09a"
+}
+
+.fa-github:before{
+  content:"\f09b"
+}
+
+.fa-unlock:before{
+  content:"\f09c"
+}
+
+.fa-credit-card:before{
+  content:"\f09d"
+}
+
+.fa-feed:before,.fa-rss:before{
+  content:"\f09e"
+}
+
+.fa-hdd-o:before{
+  content:"\f0a0"
+}
+
+.fa-bullhorn:before{
+  content:"\f0a1"
+}
+
+.fa-bell:before{
+  content:"\f0f3"
+}
+
+.fa-certificate:before{
+  content:"\f0a3"
+}
+
+.fa-hand-o-right:before{
+  content:"\f0a4"
+}
+
+.fa-hand-o-left:before{
+  content:"\f0a5"
+}
+
+.fa-hand-o-up:before{
+  content:"\f0a6"
+}
+
+.fa-hand-o-down:before{
+  content:"\f0a7"
+}
+
+.fa-arrow-circle-left:before{
+  content:"\f0a8"
+}
+
+.fa-arrow-circle-right:before{
+  content:"\f0a9"
+}
+
+.fa-arrow-circle-up:before{
+  content:"\f0aa"
+}
+
+.fa-arrow-circle-down:before{
+  content:"\f0ab"
+}
+
+.fa-globe:before{
+  content:"\f0ac"
+}
+
+.fa-wrench:before{
+  content:"\f0ad"
+}
+
+.fa-tasks:before{
+  content:"\f0ae"
+}
+
+.fa-filter:before{
+  content:"\f0b0"
+}
+
+.fa-briefcase:before{
+  content:"\f0b1"
+}
+
+.fa-arrows-alt:before{
+  content:"\f0b2"
+}
+
+.fa-group:before,.fa-users:before{
+  content:"\f0c0"
+}
+
+.fa-chain:before,.fa-link:before{
+  content:"\f0c1"
+}
+
+.fa-cloud:before{
+  content:"\f0c2"
+}
+
+.fa-flask:before{
+  content:"\f0c3"
+}
+
+.fa-cut:before,.fa-scissors:before{
+  content:"\f0c4"
+}
+
+.fa-copy:before,.fa-files-o:before{
+  content:"\f0c5"
+}
+
+.fa-paperclip:before{
+  content:"\f0c6"
+}
+
+.fa-save:before,.fa-floppy-o:before{
+  content:"\f0c7"
+}
+
+.fa-square:before{
+  content:"\f0c8"
+}
+
+.fa-navicon:before,.fa-reorder:before,.fa-bars:before{
+  content:"\f0c9"
+}
+
+.fa-list-ul:before{
+  content:"\f0ca"
+}
+
+.fa-list-ol:before{
+  content:"\f0cb"
+}
+
+.fa-strikethrough:before{
+  content:"\f0cc"
+}
+
+.fa-underline:before{
+  content:"\f0cd"
+}
+
+.fa-table:before{
+  content:"\f0ce"
+}
+
+.fa-magic:before{
+  content:"\f0d0"
+}
+
+.fa-truck:before{
+  content:"\f0d1"
+}
+
+.fa-pinterest:before{
+  content:"\f0d2"
+}
+
+.fa-pinterest-square:before{
+  content:"\f0d3"
+}
+
+.fa-google-plus-square:before{
+  content:"\f0d4"
+}
+
+.fa-google-plus:before{
+  content:"\f0d5"
+}
+
+.fa-money:before{
+  content:"\f0d6"
+}
+
+.fa-caret-down:before{
+  content:"\f0d7"
+}
+
+.fa-caret-up:before{
+  content:"\f0d8"
+}
+
+.fa-caret-left:before{
+  content:"\f0d9"
+}
+
+.fa-caret-right:before{
+  content:"\f0da"
+}
+
+.fa-columns:before{
+  content:"\f0db"
+}
+
+.fa-unsorted:before,.fa-sort:before{
+  content:"\f0dc"
+}
+
+.fa-sort-down:before,.fa-sort-desc:before{
+  content:"\f0dd"
+}
+
+.fa-sort-up:before,.fa-sort-asc:before{
+  content:"\f0de"
+}
+
+.fa-envelope:before{
+  content:"\f0e0"
+}
+
+.fa-linkedin:before{
+  content:"\f0e1"
+}
+
+.fa-rotate-left:before,.fa-undo:before{
+  content:"\f0e2"
+}
+
+.fa-legal:before,.fa-gavel:before{
+  content:"\f0e3"
+}
+
+.fa-dashboard:before,.fa-tachometer:before{
+  content:"\f0e4"
+}
+
+.fa-comment-o:before{
+  content:"\f0e5"
+}
+
+.fa-comments-o:before{
+  content:"\f0e6"
+}
+
+.fa-flash:before,.fa-bolt:before{
+  content:"\f0e7"
+}
+
+.fa-sitemap:before{
+  content:"\f0e8"
+}
+
+.fa-umbrella:before{
+  content:"\f0e9"
+}
+
+.fa-paste:before,.fa-clipboard:before{
+  content:"\f0ea"
+}
+
+.fa-lightbulb-o:before{
+  content:"\f0eb"
+}
+
+.fa-exchange:before{
+  content:"\f0ec"
+}
+
+.fa-cloud-download:before{
+  content:"\f0ed"
+}
+
+.fa-cloud-upload:before{
+  content:"\f0ee"
+}
+
+.fa-user-md:before{
+  content:"\f0f0"
+}
+
+.fa-stethoscope:before{
+  content:"\f0f1"
+}
+
+.fa-suitcase:before{
+  content:"\f0f2"
+}
+
+.fa-bell-o:before{
+  content:"\f0a2"
+}
+
+.fa-coffee:before{
+  content:"\f0f4"
+}
+
+.fa-cutlery:before{
+  content:"\f0f5"
+}
+
+.fa-file-text-o:before{
+  content:"\f0f6"
+}
+
+.fa-building-o:before{
+  content:"\f0f7"
+}
+
+.fa-hospital-o:before{
+  content:"\f0f8"
+}
+
+.fa-ambulance:before{
+  content:"\f0f9"
+}
+
+.fa-medkit:before{
+  content:"\f0fa"
+}
+
+.fa-fighter-jet:before{
+  content:"\f0fb"
+}
+
+.fa-beer:before{
+  content:"\f0fc"
+}
+
+.fa-h-square:before{
+  content:"\f0fd"
+}
+
+.fa-plus-square:before{
+  content:"\f0fe"
+}
+
+.fa-angle-double-left:before{
+  content:"\f100"
+}
+
+.fa-angle-double-right:before{
+  content:"\f101"
+}
+
+.fa-angle-double-up:before{
+  content:"\f102"
+}
+
+.fa-angle-double-down:before{
+  content:"\f103"
+}
+
+.fa-angle-left:before{
+  content:"\f104"
+}
+
+.fa-angle-right:before{
+  content:"\f105"
+}
+
+.fa-angle-up:before{
+  content:"\f106"
+}
+
+.fa-angle-down:before{
+  content:"\f107"
+}
+
+.fa-desktop:before{
+  content:"\f108"
+}
+
+.fa-laptop:before{
+  content:"\f109"
+}
+
+.fa-tablet:before{
+  content:"\f10a"
+}
+
+.fa-mobile-phone:before,.fa-mobile:before{
+  content:"\f10b"
+}
+
+.fa-circle-o:before{
+  content:"\f10c"
+}
+
+.fa-quote-left:before{
+  content:"\f10d"
+}
+
+.fa-quote-right:before{
+  content:"\f10e"
+}
+
+.fa-spinner:before{
+  content:"\f110"
+}
+
+.fa-circle:before{
+  content:"\f111"
+}
+
+.fa-mail-reply:before,.fa-reply:before{
+  content:"\f112"
+}
+
+.fa-github-alt:before{
+  content:"\f113"
+}
+
+.fa-folder-o:before{
+  content:"\f114"
+}
+
+.fa-folder-open-o:before{
+  content:"\f115"
+}
+
+.fa-smile-o:before{
+  content:"\f118"
+}
+
+.fa-frown-o:before{
+  content:"\f119"
+}
+
+.fa-meh-o:before{
+  content:"\f11a"
+}
+
+.fa-gamepad:before{
+  content:"\f11b"
+}
+
+.fa-keyboard-o:before{
+  content:"\f11c"
+}
+
+.fa-flag-o:before{
+  content:"\f11d"
+}
+
+.fa-flag-checkered:before{
+  content:"\f11e"
+}
+
+.fa-terminal:before{
+  content:"\f120"
+}
+
+.fa-code:before{
+  content:"\f121"
+}
+
+.fa-mail-reply-all:before,.fa-reply-all:before{
+  content:"\f122"
+}
+
+.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{
+  content:"\f123"
+}
+
+.fa-location-arrow:before{
+  content:"\f124"
+}
+
+.fa-crop:before{
+  content:"\f125"
+}
+
+.fa-code-fork:before{
+  content:"\f126"
+}
+
+.fa-unlink:before,.fa-chain-broken:before{
+  content:"\f127"
+}
+
+.fa-question:before{
+  content:"\f128"
+}
+
+.fa-info:before{
+  content:"\f129"
+}
+
+.fa-exclamation:before{
+  content:"\f12a"
+}
+
+.fa-superscript:before{
+  content:"\f12b"
+}
+
+.fa-subscript:before{
+  content:"\f12c"
+}
+
+.fa-eraser:before{
+  content:"\f12d"
+}
+
+.fa-puzzle-piece:before{
+  content:"\f12e"
+}
+
+.fa-microphone:before{
+  content:"\f130"
+}
+
+.fa-microphone-slash:before{
+  content:"\f131"
+}
+
+.fa-shield:before{
+  content:"\f132"
+}
+
+.fa-calendar-o:before{
+  content:"\f133"
+}
+
+.fa-fire-extinguisher:before{
+  content:"\f134"
+}
+
+.fa-rocket:before{
+  content:"\f135"
+}
+
+.fa-maxcdn:before{
+  content:"\f136"
+}
+
+.fa-chevron-circle-left:before{
+  content:"\f137"
+}
+
+.fa-chevron-circle-right:before{
+  content:"\f138"
+}
+
+.fa-chevron-circle-up:before{
+  content:"\f139"
+}
+
+.fa-chevron-circle-down:before{
+  content:"\f13a"
+}
+
+.fa-html5:before{
+  content:"\f13b"
+}
+
+.fa-css3:before{
+  content:"\f13c"
+}
+
+.fa-anchor:before{
+  content:"\f13d"
+}
+
+.fa-unlock-alt:before{
+  content:"\f13e"
+}
+
+.fa-bullseye:before{
+  content:"\f140"
+}
+
+.fa-ellipsis-h:before{
+  content:"\f141"
+}
+
+.fa-ellipsis-v:before{
+  content:"\f142"
+}
+
+.fa-rss-square:before{
+  content:"\f143"
+}
+
+.fa-play-circle:before{
+  content:"\f144"
+}
+
+.fa-ticket:before{
+  content:"\f145"
+}
+
+.fa-minus-square:before{
+  content:"\f146"
+}
+
+.fa-minus-square-o:before{
+  content:"\f147"
+}
+
+.fa-level-up:before{
+  content:"\f148"
+}
+
+.fa-level-down:before{
+  content:"\f149"
+}
+
+.fa-check-square:before{
+  content:"\f14a"
+}
+
+.fa-pencil-square:before{
+  content:"\f14b"
+}
+
+.fa-external-link-square:before{
+  content:"\f14c"
+}
+
+.fa-share-square:before{
+  content:"\f14d"
+}
+
+.fa-compass:before{
+  content:"\f14e"
+}
+
+.fa-toggle-down:before,.fa-caret-square-o-down:before{
+  content:"\f150"
+}
+
+.fa-toggle-up:before,.fa-caret-square-o-up:before{
+  content:"\f151"
+}
+
+.fa-toggle-right:before,.fa-caret-square-o-right:before{
+  content:"\f152"
+}
+
+.fa-euro:before,.fa-eur:before{
+  content:"\f153"
+}
+
+.fa-gbp:before{
+  content:"\f154"
+}
+
+.fa-dollar:before,.fa-usd:before{
+  content:"\f155"
+}
+
+.fa-rupee:before,.fa-inr:before{
+  content:"\f156"
+}
+
+.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{
+  content:"\f157"
+}
+
+.fa-ruble:before,.fa-rouble:before,.fa-rub:before{
+  content:"\f158"
+}
+
+.fa-won:before,.fa-krw:before{
+  content:"\f159"
+}
+
+.fa-bitcoin:before,.fa-btc:before{
+  content:"\f15a"
+}
+
+.fa-file:before{
+  content:"\f15b"
+}
+
+.fa-file-text:before{
+  content:"\f15c"
+}
+
+.fa-sort-alpha-asc:before{
+  content:"\f15d"
+}
+
+.fa-sort-alpha-desc:before{
+  content:"\f15e"
+}
+
+.fa-sort-amount-asc:before{
+  content:"\f160"
+}
+
+.fa-sort-amount-desc:before{
+  content:"\f161"
+}
+
+.fa-sort-numeric-asc:before{
+  content:"\f162"
+}
+
+.fa-sort-numeric-desc:before{
+  content:"\f163"
+}
+
+.fa-thumbs-up:before{
+  content:"\f164"
+}
+
+.fa-thumbs-down:before{
+  content:"\f165"
+}
+
+.fa-youtube-square:before{
+  content:"\f166"
+}
+
+.fa-youtube:before{
+  content:"\f167"
+}
+
+.fa-xing:before{
+  content:"\f168"
+}
+
+.fa-xing-square:before{
+  content:"\f169"
+}
+
+.fa-youtube-play:before{
+  content:"\f16a"
+}
+
+.fa-dropbox:before{
+  content:"\f16b"
+}
+
+.fa-stack-overflow:before{
+  content:"\f16c"
+}
+
+.fa-instagram:before{
+  content:"\f16d"
+}
+
+.fa-flickr:before{
+  content:"\f16e"
+}
+
+.fa-adn:before{
+  content:"\f170"
+}
+
+.fa-bitbucket:before{
+  content:"\f171"
+}
+
+.fa-bitbucket-square:before{
+  content:"\f172"
+}
+
+.fa-tumblr:before{
+  content:"\f173"
+}
+
+.fa-tumblr-square:before{
+  content:"\f174"
+}
+
+.fa-long-arrow-down:before{
+  content:"\f175"
+}
+
+.fa-long-arrow-up:before{
+  content:"\f176"
+}
+
+.fa-long-arrow-left:before{
+  content:"\f177"
+}
+
+.fa-long-arrow-right:before{
+  content:"\f178"
+}
+
+.fa-apple:before{
+  content:"\f179"
+}
+
+.fa-windows:before{
+  content:"\f17a"
+}
+
+.fa-android:before{
+  content:"\f17b"
+}
+
+.fa-linux:before{
+  content:"\f17c"
+}
+
+.fa-dribbble:before{
+  content:"\f17d"
+}
+
+.fa-skype:before{
+  content:"\f17e"
+}
+
+.fa-foursquare:before{
+  content:"\f180"
+}
+
+.fa-trello:before{
+  content:"\f181"
+}
+
+.fa-female:before{
+  content:"\f182"
+}
+
+.fa-male:before{
+  content:"\f183"
+}
+
+.fa-gittip:before,.fa-gratipay:before{
+  content:"\f184"
+}
+
+.fa-sun-o:before{
+  content:"\f185"
+}
+
+.fa-moon-o:before{
+  content:"\f186"
+}
+
+.fa-archive:before{
+  content:"\f187"
+}
+
+.fa-bug:before{
+  content:"\f188"
+}
+
+.fa-vk:before{
+  content:"\f189"
+}
+
+.fa-weibo:before{
+  content:"\f18a"
+}
+
+.fa-renren:before{
+  content:"\f18b"
+}
+
+.fa-pagelines:before{
+  content:"\f18c"
+}
+
+.fa-stack-exchange:before{
+  content:"\f18d"
+}
+
+.fa-arrow-circle-o-right:before{
+  content:"\f18e"
+}
+
+.fa-arrow-circle-o-left:before{
+  content:"\f190"
+}
+
+.fa-toggle-left:before,.fa-caret-square-o-left:before{
+  content:"\f191"
+}
+
+.fa-dot-circle-o:before{
+  content:"\f192"
+}
+
+.fa-wheelchair:before{
+  content:"\f193"
+}
+
+.fa-vimeo-square:before{
+  content:"\f194"
+}
+
+.fa-turkish-lira:before,.fa-try:before{
+  content:"\f195"
+}
+
+.fa-plus-square-o:before{
+  content:"\f196"
+}
+
+.fa-space-shuttle:before{
+  content:"\f197"
+}
+
+.fa-slack:before{
+  content:"\f198"
+}
+
+.fa-envelope-square:before{
+  content:"\f199"
+}
+
+.fa-wordpress:before{
+  content:"\f19a"
+}
+
+.fa-openid:before{
+  content:"\f19b"
+}
+
+.fa-institution:before,.fa-bank:before,.fa-university:before{
+  content:"\f19c"
+}
+
+.fa-mortar-board:before,.fa-graduation-cap:before{
+  content:"\f19d"
+}
+
+.fa-yahoo:before{
+  content:"\f19e"
+}
+
+.fa-google:before{
+  content:"\f1a0"
+}
+
+.fa-reddit:before{
+  content:"\f1a1"
+}
+
+.fa-reddit-square:before{
+  content:"\f1a2"
+}
+
+.fa-stumbleupon-circle:before{
+  content:"\f1a3"
+}
+
+.fa-stumbleupon:before{
+  content:"\f1a4"
+}
+
+.fa-delicious:before{
+  content:"\f1a5"
+}
+
+.fa-digg:before{
+  content:"\f1a6"
+}
+
+.fa-pied-piper-pp:before{
+  content:"\f1a7"
+}
+
+.fa-pied-piper-alt:before{
+  content:"\f1a8"
+}
+
+.fa-drupal:before{
+  content:"\f1a9"
+}
+
+.fa-joomla:before{
+  content:"\f1aa"
+}
+
+.fa-language:before{
+  content:"\f1ab"
+}
+
+.fa-fax:before{
+  content:"\f1ac"
+}
+
+.fa-building:before{
+  content:"\f1ad"
+}
+
+.fa-child:before{
+  content:"\f1ae"
+}
+
+.fa-paw:before{
+  content:"\f1b0"
+}
+
+.fa-spoon:before{
+  content:"\f1b1"
+}
+
+.fa-cube:before{
+  content:"\f1b2"
+}
+
+.fa-cubes:before{
+  content:"\f1b3"
+}
+
+.fa-behance:before{
+  content:"\f1b4"
+}
+
+.fa-behance-square:before{
+  content:"\f1b5"
+}
+
+.fa-steam:before{
+  content:"\f1b6"
+}
+
+.fa-steam-square:before{
+  content:"\f1b7"
+}
+
+.fa-recycle:before{
+  content:"\f1b8"
+}
+
+.fa-automobile:before,.fa-car:before{
+  content:"\f1b9"
+}
+
+.fa-cab:before,.fa-taxi:before{
+  content:"\f1ba"
+}
+
+.fa-tree:before{
+  content:"\f1bb"
+}
+
+.fa-spotify:before{
+  content:"\f1bc"
+}
+
+.fa-deviantart:before{
+  content:"\f1bd"
+}
+
+.fa-soundcloud:before{
+  content:"\f1be"
+}
+
+.fa-database:before{
+  content:"\f1c0"
+}
+
+.fa-file-pdf-o:before{
+  content:"\f1c1"
+}
+
+.fa-file-word-o:before{
+  content:"\f1c2"
+}
+
+.fa-file-excel-o:before{
+  content:"\f1c3"
+}
+
+.fa-file-powerpoint-o:before{
+  content:"\f1c4"
+}
+
+.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{
+  content:"\f1c5"
+}
+
+.fa-file-zip-o:before,.fa-file-archive-o:before{
+  content:"\f1c6"
+}
+
+.fa-file-sound-o:before,.fa-file-audio-o:before{
+  content:"\f1c7"
+}
+
+.fa-file-movie-o:before,.fa-file-video-o:before{
+  content:"\f1c8"
+}
+
+.fa-file-code-o:before{
+  content:"\f1c9"
+}
+
+.fa-vine:before{
+  content:"\f1ca"
+}
+
+.fa-codepen:before{
+  content:"\f1cb"
+}
+
+.fa-jsfiddle:before{
+  content:"\f1cc"
+}
+
+.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{
+  content:"\f1cd"
+}
+
+.fa-circle-o-notch:before{
+  content:"\f1ce"
+}
+
+.fa-ra:before,.fa-resistance:before,.fa-rebel:before{
+  content:"\f1d0"
+}
+
+.fa-ge:before,.fa-empire:before{
+  content:"\f1d1"
+}
+
+.fa-git-square:before{
+  content:"\f1d2"
+}
+
+.fa-git:before{
+  content:"\f1d3"
+}
+
+.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{
+  content:"\f1d4"
+}
+
+.fa-tencent-weibo:before{
+  content:"\f1d5"
+}
+
+.fa-qq:before{
+  content:"\f1d6"
+}
+
+.fa-wechat:before,.fa-weixin:before{
+  content:"\f1d7"
+}
+
+.fa-send:before,.fa-paper-plane:before{
+  content:"\f1d8"
+}
+
+.fa-send-o:before,.fa-paper-plane-o:before{
+  content:"\f1d9"
+}
+
+.fa-history:before{
+  content:"\f1da"
+}
+
+.fa-circle-thin:before{
+  content:"\f1db"
+}
+
+.fa-header:before{
+  content:"\f1dc"
+}
+
+.fa-paragraph:before{
+  content:"\f1dd"
+}
+
+.fa-sliders:before{
+  content:"\f1de"
+}
+
+.fa-share-alt:before{
+  content:"\f1e0"
+}
+
+.fa-share-alt-square:before{
+  content:"\f1e1"
+}
+
+.fa-bomb:before{
+  content:"\f1e2"
+}
+
+.fa-soccer-ball-o:before,.fa-futbol-o:before{
+  content:"\f1e3"
+}
+
+.fa-tty:before{
+  content:"\f1e4"
+}
+
+.fa-binoculars:before{
+  content:"\f1e5"
+}
+
+.fa-plug:before{
+  content:"\f1e6"
+}
+
+.fa-slideshare:before{
+  content:"\f1e7"
+}
+
+.fa-twitch:before{
+  content:"\f1e8"
+}
+
+.fa-yelp:before{
+  content:"\f1e9"
+}
+
+.fa-newspaper-o:before{
+  content:"\f1ea"
+}
+
+.fa-wifi:before{
+  content:"\f1eb"
+}
+
+.fa-calculator:before{
+  content:"\f1ec"
+}
+
+.fa-paypal:before{
+  content:"\f1ed"
+}
+
+.fa-google-wallet:before{
+  content:"\f1ee"
+}
+
+.fa-cc-visa:before{
+  content:"\f1f0"
+}
+
+.fa-cc-mastercard:before{
+  content:"\f1f1"
+}
+
+.fa-cc-discover:before{
+  content:"\f1f2"
+}
+
+.fa-cc-amex:before{
+  content:"\f1f3"
+}
+
+.fa-cc-paypal:before{
+  content:"\f1f4"
+}
+
+.fa-cc-stripe:before{
+  content:"\f1f5"
+}
+
+.fa-bell-slash:before{
+  content:"\f1f6"
+}
+
+.fa-bell-slash-o:before{
+  content:"\f1f7"
+}
+
+.fa-trash:before{
+  content:"\f1f8"
+}
+
+.fa-copyright:before{
+  content:"\f1f9"
+}
+
+.fa-at:before{
+  content:"\f1fa"
+}
+
+.fa-eyedropper:before{
+  content:"\f1fb"
+}
+
+.fa-paint-brush:before{
+  content:"\f1fc"
+}
+
+.fa-birthday-cake:before{
+  content:"\f1fd"
+}
+
+.fa-area-chart:before{
+  content:"\f1fe"
+}
+
+.fa-pie-chart:before{
+  content:"\f200"
+}
+
+.fa-line-chart:before{
+  content:"\f201"
+}
+
+.fa-lastfm:before{
+  content:"\f202"
+}
+
+.fa-lastfm-square:before{
+  content:"\f203"
+}
+
+.fa-toggle-off:before{
+  content:"\f204"
+}
+
+.fa-toggle-on:before{
+  content:"\f205"
+}
+
+.fa-bicycle:before{
+  content:"\f206"
+}
+
+.fa-bus:before{
+  content:"\f207"
+}
+
+.fa-ioxhost:before{
+  content:"\f208"
+}
+
+.fa-angellist:before{
+  content:"\f209"
+}
+
+.fa-cc:before{
+  content:"\f20a"
+}
+
+.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{
+  content:"\f20b"
+}
+
+.fa-meanpath:before{
+  content:"\f20c"
+}
+
+.fa-buysellads:before{
+  content:"\f20d"
+}
+
+.fa-connectdevelop:before{
+  content:"\f20e"
+}
+
+.fa-dashcube:before{
+  content:"\f210"
+}
+
+.fa-forumbee:before{
+  content:"\f211"
+}
+
+.fa-leanpub:before{
+  content:"\f212"
+}
+
+.fa-sellsy:before{
+  content:"\f213"
+}
+
+.fa-shirtsinbulk:before{
+  content:"\f214"
+}
+
+.fa-simplybuilt:before{
+  content:"\f215"
+}
+
+.fa-skyatlas:before{
+  content:"\f216"
+}
+
+.fa-cart-plus:before{
+  content:"\f217"
+}
+
+.fa-cart-arrow-down:before{
+  content:"\f218"
+}
+
+.fa-diamond:before{
+  content:"\f219"
+}
+
+.fa-ship:before{
+  content:"\f21a"
+}
+
+.fa-user-secret:before{
+  content:"\f21b"
+}
+
+.fa-motorcycle:before{
+  content:"\f21c"
+}
+
+.fa-street-view:before{
+  content:"\f21d"
+}
+
+.fa-heartbeat:before{
+  content:"\f21e"
+}
+
+.fa-venus:before{
+  content:"\f221"
+}
+
+.fa-mars:before{
+  content:"\f222"
+}
+
+.fa-mercury:before{
+  content:"\f223"
+}
+
+.fa-intersex:before,.fa-transgender:before{
+  content:"\f224"
+}
+
+.fa-transgender-alt:before{
+  content:"\f225"
+}
+
+.fa-venus-double:before{
+  content:"\f226"
+}
+
+.fa-mars-double:before{
+  content:"\f227"
+}
+
+.fa-venus-mars:before{
+  content:"\f228"
+}
+
+.fa-mars-stroke:before{
+  content:"\f229"
+}
+
+.fa-mars-stroke-v:before{
+  content:"\f22a"
+}
+
+.fa-mars-stroke-h:before{
+  content:"\f22b"
+}
+
+.fa-neuter:before{
+  content:"\f22c"
+}
+
+.fa-genderless:before{
+  content:"\f22d"
+}
+
+.fa-facebook-official:before{
+  content:"\f230"
+}
+
+.fa-pinterest-p:before{
+  content:"\f231"
+}
+
+.fa-whatsapp:before{
+  content:"\f232"
+}
+
+.fa-server:before{
+  content:"\f233"
+}
+
+.fa-user-plus:before{
+  content:"\f234"
+}
+
+.fa-user-times:before{
+  content:"\f235"
+}
+
+.fa-hotel:before,.fa-bed:before{
+  content:"\f236"
+}
+
+.fa-viacoin:before{
+  content:"\f237"
+}
+
+.fa-train:before{
+  content:"\f238"
+}
+
+.fa-subway:before{
+  content:"\f239"
+}
+
+.fa-medium:before{
+  content:"\f23a"
+}
+
+.fa-yc:before,.fa-y-combinator:before{
+  content:"\f23b"
+}
+
+.fa-optin-monster:before{
+  content:"\f23c"
+}
+
+.fa-opencart:before{
+  content:"\f23d"
+}
+
+.fa-expeditedssl:before{
+  content:"\f23e"
+}
+
+.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{
+  content:"\f240"
+}
+
+.fa-battery-3:before,.fa-battery-three-quarters:before{
+  content:"\f241"
+}
+
+.fa-battery-2:before,.fa-battery-half:before{
+  content:"\f242"
+}
+
+.fa-battery-1:before,.fa-battery-quarter:before{
+  content:"\f243"
+}
+
+.fa-battery-0:before,.fa-battery-empty:before{
+  content:"\f244"
+}
+
+.fa-mouse-pointer:before{
+  content:"\f245"
+}
+
+.fa-i-cursor:before{
+  content:"\f246"
+}
+
+.fa-object-group:before{
+  content:"\f247"
+}
+
+.fa-object-ungroup:before{
+  content:"\f248"
+}
+
+.fa-sticky-note:before{
+  content:"\f249"
+}
+
+.fa-sticky-note-o:before{
+  content:"\f24a"
+}
+
+.fa-cc-jcb:before{
+  content:"\f24b"
+}
+
+.fa-cc-diners-club:before{
+  content:"\f24c"
+}
+
+.fa-clone:before{
+  content:"\f24d"
+}
+
+.fa-balance-scale:before{
+  content:"\f24e"
+}
+
+.fa-hourglass-o:before{
+  content:"\f250"
+}
+
+.fa-hourglass-1:before,.fa-hourglass-start:before{
+  content:"\f251"
+}
+
+.fa-hourglass-2:before,.fa-hourglass-half:before{
+  content:"\f252"
+}
+
+.fa-hourglass-3:before,.fa-hourglass-end:before{
+  content:"\f253"
+}
+
+.fa-hourglass:before{
+  content:"\f254"
+}
+
+.fa-hand-grab-o:before,.fa-hand-rock-o:before{
+  content:"\f255"
+}
+
+.fa-hand-stop-o:before,.fa-hand-paper-o:before{
+  content:"\f256"
+}
+
+.fa-hand-scissors-o:before{
+  content:"\f257"
+}
+
+.fa-hand-lizard-o:before{
+  content:"\f258"
+}
+
+.fa-hand-spock-o:before{
+  content:"\f259"
+}
+
+.fa-hand-pointer-o:before{
+  content:"\f25a"
+}
+
+.fa-hand-peace-o:before{
+  content:"\f25b"
+}
+
+.fa-trademark:before{
+  content:"\f25c"
+}
+
+.fa-registered:before{
+  content:"\f25d"
+}
+
+.fa-creative-commons:before{
+  content:"\f25e"
+}
+
+.fa-gg:before{
+  content:"\f260"
+}
+
+.fa-gg-circle:before{
+  content:"\f261"
+}
+
+.fa-tripadvisor:before{
+  content:"\f262"
+}
+
+.fa-odnoklassniki:before{
+  content:"\f263"
+}
+
+.fa-odnoklassniki-square:before{
+  content:"\f264"
+}
+
+.fa-get-pocket:before{
+  content:"\f265"
+}
+
+.fa-wikipedia-w:before{
+  content:"\f266"
+}
+
+.fa-safari:before{
+  content:"\f267"
+}
+
+.fa-chrome:before{
+  content:"\f268"
+}
+
+.fa-firefox:before{
+  content:"\f269"
+}
+
+.fa-opera:before{
+  content:"\f26a"
+}
+
+.fa-internet-explorer:before{
+  content:"\f26b"
+}
+
+.fa-tv:before,.fa-television:before{
+  content:"\f26c"
+}
+
+.fa-contao:before{
+  content:"\f26d"
+}
+
+.fa-500px:before{
+  content:"\f26e"
+}
+
+.fa-amazon:before{
+  content:"\f270"
+}
+
+.fa-calendar-plus-o:before{
+  content:"\f271"
+}
+
+.fa-calendar-minus-o:before{
+  content:"\f272"
+}
+
+.fa-calendar-times-o:before{
+  content:"\f273"
+}
+
+.fa-calendar-check-o:before{
+  content:"\f274"
+}
+
+.fa-industry:before{
+  content:"\f275"
+}
+
+.fa-map-pin:before{
+  content:"\f276"
+}
+
+.fa-map-signs:before{
+  content:"\f277"
+}
+
+.fa-map-o:before{
+  content:"\f278"
+}
+
+.fa-map:before{
+  content:"\f279"
+}
+
+.fa-commenting:before{
+  content:"\f27a"
+}
+
+.fa-commenting-o:before{
+  content:"\f27b"
+}
+
+.fa-houzz:before{
+  content:"\f27c"
+}
+
+.fa-vimeo:before{
+  content:"\f27d"
+}
+
+.fa-black-tie:before{
+  content:"\f27e"
+}
+
+.fa-fonticons:before{
+  content:"\f280"
+}
+
+.fa-reddit-alien:before{
+  content:"\f281"
+}
+
+.fa-edge:before{
+  content:"\f282"
+}
+
+.fa-credit-card-alt:before{
+  content:"\f283"
+}
+
+.fa-codiepie:before{
+  content:"\f284"
+}
+
+.fa-modx:before{
+  content:"\f285"
+}
+
+.fa-fort-awesome:before{
+  content:"\f286"
+}
+
+.fa-usb:before{
+  content:"\f287"
+}
+
+.fa-product-hunt:before{
+  content:"\f288"
+}
+
+.fa-mixcloud:before{
+  content:"\f289"
+}
+
+.fa-scribd:before{
+  content:"\f28a"
+}
+
+.fa-pause-circle:before{
+  content:"\f28b"
+}
+
+.fa-pause-circle-o:before{
+  content:"\f28c"
+}
+
+.fa-stop-circle:before{
+  content:"\f28d"
+}
+
+.fa-stop-circle-o:before{
+  content:"\f28e"
+}
+
+.fa-shopping-bag:before{
+  content:"\f290"
+}
+
+.fa-shopping-basket:before{
+  content:"\f291"
+}
+
+.fa-hashtag:before{
+  content:"\f292"
+}
+
+.fa-bluetooth:before{
+  content:"\f293"
+}
+
+.fa-bluetooth-b:before{
+  content:"\f294"
+}
+
+.fa-percent:before{
+  content:"\f295"
+}
+
+.fa-gitlab:before{
+  content:"\f296"
+}
+
+.fa-wpbeginner:before{
+  content:"\f297"
+}
+
+.fa-wpforms:before{
+  content:"\f298"
+}
+
+.fa-envira:before{
+  content:"\f299"
+}
+
+.fa-universal-access:before{
+  content:"\f29a"
+}
+
+.fa-wheelchair-alt:before{
+  content:"\f29b"
+}
+
+.fa-question-circle-o:before{
+  content:"\f29c"
+}
+
+.fa-blind:before{
+  content:"\f29d"
+}
+
+.fa-audio-description:before{
+  content:"\f29e"
+}
+
+.fa-volume-control-phone:before{
+  content:"\f2a0"
+}
+
+.fa-braille:before{
+  content:"\f2a1"
+}
+
+.fa-assistive-listening-systems:before{
+  content:"\f2a2"
+}
+
+.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{
+  content:"\f2a3"
+}
+
+.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{
+  content:"\f2a4"
+}
+
+.fa-glide:before{
+  content:"\f2a5"
+}
+
+.fa-glide-g:before{
+  content:"\f2a6"
+}
+
+.fa-signing:before,.fa-sign-language:before{
+  content:"\f2a7"
+}
+
+.fa-low-vision:before{
+  content:"\f2a8"
+}
+
+.fa-viadeo:before{
+  content:"\f2a9"
+}
+
+.fa-viadeo-square:before{
+  content:"\f2aa"
+}
+
+.fa-snapchat:before{
+  content:"\f2ab"
+}
+
+.fa-snapchat-ghost:before{
+  content:"\f2ac"
+}
+
+.fa-snapchat-square:before{
+  content:"\f2ad"
+}
+
+.fa-pied-piper:before{
+  content:"\f2ae"
+}
+
+.fa-first-order:before{
+  content:"\f2b0"
+}
+
+.fa-yoast:before{
+  content:"\f2b1"
+}
+
+.fa-themeisle:before{
+  content:"\f2b2"
+}
+
+.fa-google-plus-circle:before,.fa-google-plus-official:before{
+  content:"\f2b3"
+}
+
+.fa-fa:before,.fa-font-awesome:before{
+  content:"\f2b4"
+}
+
+.fa-handshake-o:before{
+  content:"\f2b5"
+}
+
+.fa-envelope-open:before{
+  content:"\f2b6"
+}
+
+.fa-envelope-open-o:before{
+  content:"\f2b7"
+}
+
+.fa-linode:before{
+  content:"\f2b8"
+}
+
+.fa-address-book:before{
+  content:"\f2b9"
+}
+
+.fa-address-book-o:before{
+  content:"\f2ba"
+}
+
+.fa-vcard:before,.fa-address-card:before{
+  content:"\f2bb"
+}
+
+.fa-vcard-o:before,.fa-address-card-o:before{
+  content:"\f2bc"
+}
+
+.fa-user-circle:before{
+  content:"\f2bd"
+}
+
+.fa-user-circle-o:before{
+  content:"\f2be"
+}
+
+.fa-user-o:before{
+  content:"\f2c0"
+}
+
+.fa-id-badge:before{
+  content:"\f2c1"
+}
+
+.fa-drivers-license:before,.fa-id-card:before{
+  content:"\f2c2"
+}
+
+.fa-drivers-license-o:before,.fa-id-card-o:before{
+  content:"\f2c3"
+}
+
+.fa-quora:before{
+  content:"\f2c4"
+}
+
+.fa-free-code-camp:before{
+  content:"\f2c5"
+}
+
+.fa-telegram:before{
+  content:"\f2c6"
+}
+
+.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{
+  content:"\f2c7"
+}
+
+.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{
+  content:"\f2c8"
+}
+
+.fa-thermometer-2:before,.fa-thermometer-half:before{
+  content:"\f2c9"
+}
+
+.fa-thermometer-1:before,.fa-thermometer-quarter:before{
+  content:"\f2ca"
+}
+
+.fa-thermometer-0:before,.fa-thermometer-empty:before{
+  content:"\f2cb"
+}
+
+.fa-shower:before{
+  content:"\f2cc"
+}
+
+.fa-bathtub:before,.fa-s15:before,.fa-bath:before{
+  content:"\f2cd"
+}
+
+.fa-podcast:before{
+  content:"\f2ce"
+}
+
+.fa-window-maximize:before{
+  content:"\f2d0"
+}
+
+.fa-window-minimize:before{
+  content:"\f2d1"
+}
+
+.fa-window-restore:before{
+  content:"\f2d2"
+}
+
+.fa-times-rectangle:before,.fa-window-close:before{
+  content:"\f2d3"
+}
+
+.fa-times-rectangle-o:before,.fa-window-close-o:before{
+  content:"\f2d4"
+}
+
+.fa-bandcamp:before{
+  content:"\f2d5"
+}
+
+.fa-grav:before{
+  content:"\f2d6"
+}
+
+.fa-etsy:before{
+  content:"\f2d7"
+}
+
+.fa-imdb:before{
+  content:"\f2d8"
+}
+
+.fa-ravelry:before{
+  content:"\f2d9"
+}
+
+.fa-eercast:before{
+  content:"\f2da"
+}
+
+.fa-microchip:before{
+  content:"\f2db"
+}
+
+.fa-snowflake-o:before{
+  content:"\f2dc"
+}
+
+.fa-superpowers:before{
+  content:"\f2dd"
+}
+
+.fa-wpexplorer:before{
+  content:"\f2de"
+}
+
+.fa-meetup:before{
+  content:"\f2e0"
+}
+
+.sr-only{
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding:0;
+  margin:-1px;
+  overflow:hidden;
+  clip:rect(0, 0, 0, 0);
+  border:0
+}
+
+.sr-only-focusable:active,.sr-only-focusable:focus{
+  position:static;
+  width:auto;
+  height:auto;
+  margin:0;
+  overflow:visible;
+  clip:auto
+}
+
+/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
+ */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -211,6 +3118,8 @@ textarea {
   /* 1 */
   line-height: inherit;
   /* 1 */
+  letter-spacing: inherit;
+  /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
@@ -234,9 +3143,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -445,3426 +3354,4025 @@ video {
 }
 
 :root,
-[data-theme] {
-  background-color: var(--fallback-b1,oklch(var(--b1)/1));
-  color: var(--fallback-bc,oklch(var(--bc)/1));
-}
-
-@supports not (color: oklch(0% 0 0)) {
-  :root {
-    color-scheme: light;
-    --fallback-p: #491eff;
-    --fallback-pc: #d4dbff;
-    --fallback-s: #ff41c7;
-    --fallback-sc: #fff9fc;
-    --fallback-a: #00cfbd;
-    --fallback-ac: #00100d;
-    --fallback-n: #2b3440;
-    --fallback-nc: #d7dde4;
-    --fallback-b1: #ffffff;
-    --fallback-b2: #e5e6e6;
-    --fallback-b3: #e5e6e6;
-    --fallback-bc: #1f2937;
-    --fallback-in: #00b3f0;
-    --fallback-inc: #000000;
-    --fallback-su: #00ca92;
-    --fallback-suc: #000000;
-    --fallback-wa: #ffc22d;
-    --fallback-wac: #000000;
-    --fallback-er: #ff6f70;
-    --fallback-erc: #000000;
-  }
-
-  @media (prefers-color-scheme: dark) {
-    :root {
-      color-scheme: dark;
-      --fallback-p: #7582ff;
-      --fallback-pc: #050617;
-      --fallback-s: #ff71cf;
-      --fallback-sc: #190211;
-      --fallback-a: #00c7b5;
-      --fallback-ac: #000e0c;
-      --fallback-n: #2a323c;
-      --fallback-nc: #a6adbb;
-      --fallback-b1: #1d232a;
-      --fallback-b2: #191e24;
-      --fallback-b3: #15191e;
-      --fallback-bc: #a6adbb;
-      --fallback-in: #00b3f0;
-      --fallback-inc: #000000;
-      --fallback-su: #00ca92;
-      --fallback-suc: #000000;
-      --fallback-wa: #ffc22d;
-      --fallback-wac: #000000;
-      --fallback-er: #ff6f70;
-      --fallback-erc: #000000;
+[data-theme]{
+  background-color:var(--fallback-b1,oklch(var(--b1)/1));
+  color:var(--fallback-bc,oklch(var(--bc)/1))
+}
+
+@supports not (color: oklch(0% 0 0)){
+  :root{
+    color-scheme:light;
+    --fallback-p:#491eff;
+    --fallback-pc:#d4dbff;
+    --fallback-s:#ff41c7;
+    --fallback-sc:#fff9fc;
+    --fallback-a:#00cfbd;
+    --fallback-ac:#00100d;
+    --fallback-n:#2b3440;
+    --fallback-nc:#d7dde4;
+    --fallback-b1:#ffffff;
+    --fallback-b2:#e5e6e6;
+    --fallback-b3:#e5e6e6;
+    --fallback-bc:#1f2937;
+    --fallback-in:#00b3f0;
+    --fallback-inc:#000000;
+    --fallback-su:#00ca92;
+    --fallback-suc:#000000;
+    --fallback-wa:#ffc22d;
+    --fallback-wac:#000000;
+    --fallback-er:#ff6f70;
+    --fallback-erc:#000000
+  }
+
+  @media (prefers-color-scheme: dark){
+    :root{
+      color-scheme:dark;
+      --fallback-p:#7582ff;
+      --fallback-pc:#050617;
+      --fallback-s:#ff71cf;
+      --fallback-sc:#190211;
+      --fallback-a:#00c7b5;
+      --fallback-ac:#000e0c;
+      --fallback-n:#2a323c;
+      --fallback-nc:#a6adbb;
+      --fallback-b1:#1d232a;
+      --fallback-b2:#191e24;
+      --fallback-b3:#15191e;
+      --fallback-bc:#a6adbb;
+      --fallback-in:#00b3f0;
+      --fallback-inc:#000000;
+      --fallback-su:#00ca92;
+      --fallback-suc:#000000;
+      --fallback-wa:#ffc22d;
+      --fallback-wac:#000000;
+      --fallback-er:#ff6f70;
+      --fallback-erc:#000000
     }
   }
 }
 
-html {
-  -webkit-tap-highlight-color: transparent;
+html{
+  -webkit-tap-highlight-color:transparent
+}
+
+*{
+  scrollbar-color:color-mix(in oklch, currentColor 35%, transparent) transparent
+}
+
+*:hover{
+  scrollbar-color:color-mix(in oklch, currentColor 60%, transparent) transparent
+}
+
+:root{
+  color-scheme:light;
+  --in:72.06% 0.191 231.6;
+  --su:64.8% 0.150 160;
+  --wa:84.71% 0.199 83.87;
+  --er:71.76% 0.221 22.18;
+  --pc:89.824% 0.06192 275.75;
+  --ac:15.352% 0.0368 183.61;
+  --inc:0% 0 0;
+  --suc:0% 0 0;
+  --wac:0% 0 0;
+  --erc:0% 0 0;
+  --rounded-box:1rem;
+  --rounded-btn:0.5rem;
+  --rounded-badge:1.9rem;
+  --animation-btn:0.25s;
+  --animation-input:.2s;
+  --btn-focus-scale:0.95;
+  --border-btn:1px;
+  --tab-border:1px;
+  --tab-radius:0.5rem;
+  --p:49.12% 0.3096 275.75;
+  --s:69.71% 0.329 342.55;
+  --sc:98.71% 0.0106 342.55;
+  --a:76.76% 0.184 183.61;
+  --n:32.1785% 0.02476 255.701624;
+  --nc:89.4994% 0.011585 252.096176;
+  --b1:100% 0 0;
+  --b2:96.1151% 0 0;
+  --b3:92.4169% 0.00108 197.137559;
+  --bc:27.8078% 0.029596 256.847952
+}
+
+*, ::before, ::after{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness:proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: 
+}
+
+::backdrop{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness:proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: 
+}
+
+.container{
+  width:100%
+}
+
+@media (min-width: 640px){
+  .container{
+    max-width:640px
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width:768px
+  }
+}
+
+@media (min-width: 1024px){
+  .container{
+    max-width:1024px
+  }
+}
+
+@media (min-width: 1280px){
+  .container{
+    max-width:1280px
+  }
+}
+
+@media (min-width: 1536px){
+  .container{
+    max-width:1536px
+  }
+}
+
+.alert{
+  display:grid;
+  width:100%;
+  grid-auto-flow:row;
+  align-content:flex-start;
+  align-items:center;
+  justify-items:center;
+  gap:1rem;
+  text-align:center;
+  border-radius:var(--rounded-box, 1rem);
+  border-width:1px;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+  padding:1rem;
+  --tw-text-opacity:1;
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+  --alert-bg:var(--fallback-b2,oklch(var(--b2)/1));
+  --alert-bg-mix:var(--fallback-b1,oklch(var(--b1)/1));
+  background-color:var(--alert-bg)
+}
+
+@media (min-width: 640px){
+  .alert{
+    grid-auto-flow:column;
+    grid-template-columns:auto minmax(auto,1fr);
+    justify-items:start;
+    text-align:start
+  }
+}
+
+.avatar{
+  position:relative;
+  display:inline-flex
+}
+
+.avatar > div{
+  display:block;
+  aspect-ratio:1 / 1;
+  overflow:hidden
+}
+
+.avatar img{
+  height:100%;
+  width:100%;
+  -o-object-fit:cover;
+     object-fit:cover
 }
 
-* {
-  scrollbar-color: currentColor transparent;
-}
-
-:root {
-  color-scheme: light;
-  --in: 72.06% 0.191 231.6;
-  --su: 64.8% 0.150 160;
-  --wa: 84.71% 0.199 83.87;
-  --er: 71.76% 0.221 22.18;
-  --pc: 89.824% 0.06192 275.75;
-  --ac: 15.352% 0.0368 183.61;
-  --inc: 0% 0 0;
-  --suc: 0% 0 0;
-  --wac: 0% 0 0;
-  --erc: 0% 0 0;
-  --rounded-box: 1rem;
-  --rounded-btn: 0.5rem;
-  --rounded-badge: 1.9rem;
-  --animation-btn: 0.25s;
-  --animation-input: .2s;
-  --btn-focus-scale: 0.95;
-  --border-btn: 1px;
-  --tab-border: 1px;
-  --tab-radius: 0.5rem;
-  --p: 49.12% 0.3096 275.75;
-  --s: 69.71% 0.329 342.55;
-  --sc: 98.71% 0.0106 342.55;
-  --a: 76.76% 0.184 183.61;
-  --n: 32.1785% 0.02476 255.701624;
-  --nc: 89.4994% 0.011585 252.096176;
-  --b1: 100% 0 0;
-  --b2: 96.1151% 0 0;
-  --b3: 92.4169% 0.00108 197.137559;
-  --bc: 27.8078% 0.029596 256.847952;
-}
-
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-}
-
-.container {
-  width: 100%;
-}
-
-@media (min-width: 640px) {
-  .container {
-    max-width: 640px;
-  }
-}
-
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1280px;
-  }
-}
-
-@media (min-width: 1536px) {
-  .container {
-    max-width: 1536px;
-  }
-}
-
-.alert {
-  display: grid;
-  width: 100%;
-  grid-auto-flow: row;
-  align-content: flex-start;
-  align-items: center;
-  justify-items: center;
-  gap: 1rem;
-  text-align: center;
-  border-radius: var(--rounded-box, 1rem);
-  border-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
-  padding: 1rem;
-  --tw-text-opacity: 1;
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-  --alert-bg: var(--fallback-b2,oklch(var(--b2)/1));
-  --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
-  background-color: var(--alert-bg);
-}
-
-@media (min-width: 640px) {
-  .alert {
-    grid-auto-flow: column;
-    grid-template-columns: auto minmax(auto,1fr);
-    justify-items: start;
-    text-align: start;
-  }
-}
-
-.avatar {
-  position: relative;
-  display: inline-flex;
+.avatar.placeholder > div{
+  display:flex;
+  align-items:center;
+  justify-content:center
 }
 
-.avatar > div {
-  display: block;
-  aspect-ratio: 1 / 1;
-  overflow: hidden;
-}
-
-.avatar img {
-  height: 100%;
-  width: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
-}
-
-.avatar.placeholder > div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-duration: 200ms;
-  height: 1.25rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  width: -moz-fit-content;
-  width: fit-content;
-  padding-left: 0.563rem;
-  padding-right: 0.563rem;
-  border-radius: var(--rounded-badge, 1.9rem);
-  border-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-  --tw-text-opacity: 1;
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-}
-
-@media (hover:hover) {
-  .label a:hover {
-    --tw-text-opacity: 1;
-    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+.badge{
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-duration:200ms;
+  height:1.25rem;
+  font-size:0.875rem;
+  line-height:1.25rem;
+  width:-moz-fit-content;
+  width:fit-content;
+  padding-left:0.563rem;
+  padding-right:0.563rem;
+  border-radius:var(--rounded-badge, 1.9rem);
+  border-width:1px;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+  --tw-text-opacity:1;
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))
+}
+
+@media (hover:hover){
+  .label a:hover{
+    --tw-text-opacity:1;
+    color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))
   }
 
   .menu li > *:not(ul, .menu-title, details, .btn):active,
 .menu li > *:not(ul, .menu-title, details, .btn).active,
-.menu li > details > summary:active {
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
-    --tw-text-opacity: 1;
-    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
+.menu li > details > summary:active{
+    --tw-bg-opacity:1;
+    background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+    --tw-text-opacity:1;
+    color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))
   }
 
-  .radio-primary:hover {
-    --tw-border-opacity: 1;
-    border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
+  .radio-primary:hover{
+    --tw-border-opacity:1;
+    border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))
   }
 
   .table tr.hover:hover,
-  .table tr.hover:nth-child(even):hover {
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+  .table tr.hover:nth-child(even):hover{
+    --tw-bg-opacity:1;
+    background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))
   }
 
   .table-zebra tr.hover:hover,
-  .table-zebra tr.hover:nth-child(even):hover {
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
-  }
-}
-
-.btn {
-  display: inline-flex;
-  height: 3rem;
-  min-height: 3rem;
-  flex-shrink: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--rounded-btn, 0.5rem);
-  border-color: transparent;
-  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
-  padding-left: 1rem;
-  padding-right: 1rem;
-  text-align: center;
-  font-size: 0.875rem;
-  line-height: 1em;
-  gap: 0.5rem;
-  font-weight: 600;
-  text-decoration-line: none;
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  border-width: var(--border-btn, 1px);
-  transition-property: color, background-color, border-color, opacity, box-shadow, transform;
-  --tw-text-opacity: 1;
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
-  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
-  --tw-bg-opacity: 1;
-  --tw-border-opacity: 1;
+  .table-zebra tr.hover:nth-child(even):hover{
+    --tw-bg-opacity:1;
+    background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))
+  }
+}
+
+.btn{
+  display:inline-flex;
+  height:3rem;
+  min-height:3rem;
+  flex-shrink:0;
+  cursor:pointer;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+          user-select:none;
+  flex-wrap:wrap;
+  align-items:center;
+  justify-content:center;
+  border-radius:var(--rounded-btn, 0.5rem);
+  border-color:transparent;
+  border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
+  padding-left:1rem;
+  padding-right:1rem;
+  text-align:center;
+  font-size:0.875rem;
+  line-height:1em;
+  gap:0.5rem;
+  font-weight:600;
+  text-decoration-line:none;
+  transition-duration:200ms;
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  border-width:var(--border-btn, 1px);
+  transition-property:color, background-color, border-color, opacity, box-shadow, transform;
+  --tw-text-opacity:1;
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  outline-color:var(--fallback-bc,oklch(var(--bc)/1));
+  background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
+  --tw-bg-opacity:1;
+  --tw-border-opacity:1
 }
 
 .btn-disabled,
   .btn[disabled],
-  .btn:disabled {
-  pointer-events: none;
+  .btn:disabled{
+  pointer-events:none
 }
 
-.btn-circle {
-  height: 3rem;
-  width: 3rem;
-  border-radius: 9999px;
-  padding: 0px;
+.btn-circle{
+  height:3rem;
+  width:3rem;
+  border-radius:9999px;
+  padding:0px
 }
 
 :where(.btn:is(input[type="checkbox"])),
-:where(.btn:is(input[type="radio"])) {
-  width: auto;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+:where(.btn:is(input[type="radio"])){
+  width:auto;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none
 }
 
 .btn:is(input[type="checkbox"]):after,
-.btn:is(input[type="radio"]):after {
-  --tw-content: attr(aria-label);
-  content: var(--tw-content);
+.btn:is(input[type="radio"]):after{
+  --tw-content:attr(aria-label);
+  content:var(--tw-content)
 }
 
-.card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  border-radius: var(--rounded-box, 1rem);
+.card{
+  position:relative;
+  display:flex;
+  flex-direction:column;
+  border-radius:var(--rounded-box, 1rem)
 }
 
-.card:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+.card:focus{
+  outline:2px solid transparent;
+  outline-offset:2px
 }
 
-.card-body {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  padding: var(--padding-card, 2rem);
-  gap: 0.5rem;
+.card-body{
+  display:flex;
+  flex:1 1 auto;
+  flex-direction:column;
+  padding:var(--padding-card, 2rem);
+  gap:0.5rem
 }
 
-.card-body :where(p) {
-  flex-grow: 1;
+.card-body :where(p){
+  flex-grow:1
 }
 
-.card-actions {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  gap: 0.5rem;
+.card-actions{
+  display:flex;
+  flex-wrap:wrap;
+  align-items:flex-start;
+  gap:0.5rem
 }
 
-.card figure {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.card figure{
+  display:flex;
+  align-items:center;
+  justify-content:center
 }
 
-.card.image-full {
-  display: grid;
+.card.image-full{
+  display:grid
 }
 
-.card.image-full:before {
-  position: relative;
-  content: "";
-  z-index: 10;
-  border-radius: var(--rounded-box, 1rem);
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
-  opacity: 0.75;
+.card.image-full:before{
+  position:relative;
+  content:"";
+  z-index:10;
+  border-radius:var(--rounded-box, 1rem);
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+  opacity:0.75
 }
 
 .card.image-full:before,
-    .card.image-full > * {
-  grid-column-start: 1;
-  grid-row-start: 1;
+    .card.image-full > *{
+  grid-column-start:1;
+  grid-row-start:1
+}
+
+.card.image-full > figure img{
+  height:100%;
+  -o-object-fit:cover;
+     object-fit:cover
+}
+
+.card.image-full > .card-body{
+  position:relative;
+  z-index:20;
+  --tw-text-opacity:1;
+  color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))
+}
+
+.checkbox{
+  flex-shrink:0;
+  --chkbg:var(--fallback-bc,oklch(var(--bc)/1));
+  --chkfg:var(--fallback-b1,oklch(var(--b1)/1));
+  height:1.5rem;
+  width:1.5rem;
+  cursor:pointer;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  border-radius:var(--rounded-btn, 0.5rem);
+  border-width:1px;
+  border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
+  --tw-border-opacity:0.2
 }
 
-.card.image-full > figure img {
-  height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+.drawer{
+  position:relative;
+  display:grid;
+  grid-auto-columns:max-content auto;
+  width:100%
 }
 
-.card.image-full > .card-body {
-  position: relative;
-  z-index: 20;
-  --tw-text-opacity: 1;
-  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
+.drawer-content{
+  grid-column-start:2;
+  grid-row-start:1;
+  min-width:0px
 }
 
-.checkbox {
-  flex-shrink: 0;
-  --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
-  --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
-  height: 1.5rem;
-  width: 1.5rem;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  border-radius: var(--rounded-btn, 0.5rem);
-  border-width: 1px;
-  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
-  --tw-border-opacity: 0.2;
+.drawer-side{
+  pointer-events:none;
+  position:fixed;
+  inset-inline-start:0px;
+  top:0px;
+  grid-column-start:1;
+  grid-row-start:1;
+  display:grid;
+  width:100%;
+  grid-template-columns:repeat(1, minmax(0, 1fr));
+  grid-template-rows:repeat(1, minmax(0, 1fr));
+  align-items:flex-start;
+  justify-items:start;
+  overflow-x:hidden;
+  overflow-y:hidden;
+  overscroll-behavior:contain;
+  height:100vh;
+  height:100dvh
 }
 
-.dropdown {
-  position: relative;
-  display: inline-block;
+.drawer-side > .drawer-overlay{
+  position:sticky;
+  top:0px;
+  place-self:stretch;
+  cursor:pointer;
+  background-color:transparent;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-duration:200ms
+}
+
+.drawer-side > *{
+  grid-column-start:1;
+  grid-row-start:1
+}
+
+.drawer-side > *:not(.drawer-overlay){
+  transition-property:transform;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-duration:300ms;
+  will-change:transform;
+  transform:translateX(-100%)
+}
+
+[dir="rtl"] .drawer-side > *:not(.drawer-overlay){
+  transform:translateX(100%)
+}
+
+.drawer-toggle{
+  position:fixed;
+  height:0px;
+  width:0px;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  opacity:0
+}
+
+.drawer-toggle:checked ~ .drawer-side{
+  pointer-events:auto;
+  visibility:visible;
+  overflow-y:auto
+}
+
+.drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay){
+  transform:translateX(0%)
+}
+
+.drawer-end .drawer-toggle ~ .drawer-content{
+  grid-column-start:1
+}
+
+.drawer-end .drawer-toggle ~ .drawer-side{
+  grid-column-start:2;
+  justify-items:end
+}
+
+.drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){
+  transform:translateX(100%)
+}
+
+[dir="rtl"] .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){
+  transform:translateX(-100%)
+}
+
+.drawer-end .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay){
+  transform:translateX(0%)
+}
+
+.dropdown{
+  position:relative;
+  display:inline-block
 }
 
-.dropdown > *:not(summary):focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+.dropdown > *:not(summary):focus{
+  outline:2px solid transparent;
+  outline-offset:2px
 }
 
-.dropdown .dropdown-content {
-  position: absolute;
+.dropdown .dropdown-content{
+  position:absolute
 }
 
-.dropdown:is(:not(details)) .dropdown-content {
-  visibility: hidden;
-  opacity: 0;
-  transform-origin: top;
-  --tw-scale-x: .95;
-  --tw-scale-y: .95;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-duration: 200ms;
+.dropdown:is(:not(details)) .dropdown-content{
+  visibility:hidden;
+  opacity:0;
+  transform-origin:top;
+  --tw-scale-x:.95;
+  --tw-scale-y:.95;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-duration:200ms
 }
 
-.dropdown-end .dropdown-content {
-  inset-inline-end: 0px;
+.dropdown-end .dropdown-content{
+  inset-inline-end:0px
 }
 
-.dropdown-left .dropdown-content {
-  bottom: auto;
-  inset-inline-end: 100%;
-  top: 0px;
-  transform-origin: right;
+.dropdown-left .dropdown-content{
+  bottom:auto;
+  inset-inline-end:100%;
+  top:0px;
+  transform-origin:right
 }
 
-.dropdown-right .dropdown-content {
-  bottom: auto;
-  inset-inline-start: 100%;
-  top: 0px;
-  transform-origin: left;
+.dropdown-right .dropdown-content{
+  bottom:auto;
+  inset-inline-start:100%;
+  top:0px;
+  transform-origin:left
 }
 
-.dropdown-bottom .dropdown-content {
-  bottom: auto;
-  top: 100%;
-  transform-origin: top;
+.dropdown-bottom .dropdown-content{
+  bottom:auto;
+  top:100%;
+  transform-origin:top
 }
 
-.dropdown-top .dropdown-content {
-  bottom: 100%;
-  top: auto;
-  transform-origin: bottom;
+.dropdown-top .dropdown-content{
+  bottom:100%;
+  top:auto;
+  transform-origin:bottom
 }
 
-.dropdown-end.dropdown-right .dropdown-content {
-  bottom: 0px;
-  top: auto;
+.dropdown-end.dropdown-right .dropdown-content{
+  bottom:0px;
+  top:auto
 }
 
-.dropdown-end.dropdown-left .dropdown-content {
-  bottom: 0px;
-  top: auto;
+.dropdown-end.dropdown-left .dropdown-content{
+  bottom:0px;
+  top:auto
 }
 
 .dropdown.dropdown-open .dropdown-content,
 .dropdown:not(.dropdown-hover):focus .dropdown-content,
-.dropdown:focus-within .dropdown-content {
-  visibility: visible;
-  opacity: 1;
+.dropdown:focus-within .dropdown-content{
+  visibility:visible;
+  opacity:1
 }
 
-@media (hover: hover) {
-  .dropdown.dropdown-hover:hover .dropdown-content {
-    visibility: visible;
-    opacity: 1;
+@media (hover: hover){
+  .dropdown.dropdown-hover:hover .dropdown-content{
+    visibility:visible;
+    opacity:1
   }
 
   .btm-nav > *.disabled:hover,
-      .btm-nav > *[disabled]:hover {
-    pointer-events: none;
-    --tw-border-opacity: 0;
-    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
-    --tw-bg-opacity: 0.1;
-    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-    --tw-text-opacity: 0.2;
+      .btm-nav > *[disabled]:hover{
+    pointer-events:none;
+    --tw-border-opacity:0;
+    background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+    --tw-bg-opacity:0.1;
+    color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+    --tw-text-opacity:0.2
   }
 
-  .btn:hover {
-    --tw-border-opacity: 1;
-    border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
+  .btn:hover{
+    --tw-border-opacity:1;
+    border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
+    --tw-bg-opacity:1;
+    background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))
   }
 
-  @supports (color: color-mix(in oklab, black, black)) {
-    .btn:hover {
-      background-color: color-mix(
+  @supports (color: color-mix(in oklab, black, black)){
+    .btn:hover{
+      background-color:color-mix(
             in oklab,
             oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
             black
           );
-      border-color: color-mix(
+      border-color:color-mix(
             in oklab,
             oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
             black
-          );
+          )
+    }
+  }
+
+  @supports not (color: oklch(0% 0 0)){
+    .btn:hover{
+      background-color:var(--btn-color, var(--fallback-b2));
+      border-color:var(--btn-color, var(--fallback-b2))
+    }
+  }
+
+  .btn.glass:hover{
+    --glass-opacity:25%;
+    --glass-border-opacity:15%
+  }
+
+  .btn-ghost:hover{
+    border-color:transparent
+  }
+
+  @supports (color: oklch(0% 0 0)){
+    .btn-ghost:hover{
+      background-color:var(--fallback-bc,oklch(var(--bc)/0.2))
+    }
+  }
+
+  .btn-outline.btn-primary:hover{
+    --tw-text-opacity:1;
+    color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
+  }
+
+  @supports (color: color-mix(in oklab, black, black)){
+    .btn-outline.btn-primary:hover{
+      background-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
+      border-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)
+    }
+  }
+
+  .btn-outline.btn-secondary:hover{
+    --tw-text-opacity:1;
+    color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))
+  }
+
+  @supports (color: color-mix(in oklab, black, black)){
+    .btn-outline.btn-secondary:hover{
+      background-color:color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
+      border-color:color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)
+    }
+  }
+
+  .btn-disabled:hover,
+    .btn[disabled]:hover,
+    .btn:disabled:hover{
+    --tw-border-opacity:0;
+    background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+    --tw-bg-opacity:0.2;
+    color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+    --tw-text-opacity:0.2
+  }
+
+  @supports (color: color-mix(in oklab, black, black)){
+    .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover{
+      background-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
+      border-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)
+    }
+  }
+
+  .dropdown.dropdown-hover:hover .dropdown-content{
+    --tw-scale-x:1;
+    --tw-scale-y:1;
+    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+  }
+
+  :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover{
+    cursor:pointer;
+    outline:2px solid transparent;
+    outline-offset:2px
+  }
+
+  @supports (color: oklch(0% 0 0)){
+    :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover{
+      background-color:var(--fallback-bc,oklch(var(--bc)/0.1))
     }
   }
+}
+
+.dropdown:is(details) summary::-webkit-details-marker{
+  display:none
+}
+
+.file-input{
+  height:3rem;
+  flex-shrink:1;
+  padding-inline-end:1rem;
+  font-size:1rem;
+  line-height:2;
+  line-height:1.5rem;
+  overflow:hidden;
+  border-radius:var(--rounded-btn, 0.5rem);
+  border-width:1px;
+  border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
+  --tw-border-opacity:0;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
+}
+
+.file-input::file-selector-button{
+  margin-inline-end:1rem;
+  display:inline-flex;
+  height:100%;
+  flex-shrink:0;
+  cursor:pointer;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+          user-select:none;
+  flex-wrap:wrap;
+  align-items:center;
+  justify-content:center;
+  padding-left:1rem;
+  padding-right:1rem;
+  text-align:center;
+  font-size:0.875rem;
+  line-height:1.25rem;
+  line-height:1em;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-duration:200ms;
+  border-style:solid;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+  font-weight:600;
+  text-transform:uppercase;
+  --tw-text-opacity:1;
+  color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
+  text-decoration-line:none;
+  border-width:var(--border-btn, 1px);
+  animation:button-pop var(--animation-btn, 0.25s) ease-out
+}
+
+.footer{
+  display:grid;
+  width:100%;
+  grid-auto-flow:row;
+  place-items:start;
+  -moz-column-gap:1rem;
+       column-gap:1rem;
+  row-gap:2.5rem;
+  font-size:0.875rem;
+  line-height:1.25rem
+}
+
+.footer > *{
+  display:grid;
+  place-items:start;
+  gap:0.5rem
+}
+
+@media (min-width: 48rem){
+  .footer{
+    grid-auto-flow:column
+  }
+
+  .footer-center{
+    grid-auto-flow:row dense
+  }
+}
+
+.form-control{
+  display:flex;
+  flex-direction:column
+}
+
+.label{
+  display:flex;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+          user-select:none;
+  align-items:center;
+  justify-content:space-between;
+  padding-left:0.25rem;
+  padding-right:0.25rem;
+  padding-top:0.5rem;
+  padding-bottom:0.5rem
+}
+
+.hero{
+  display:grid;
+  width:100%;
+  place-items:center;
+  background-size:cover;
+  background-position:center
+}
+
+.hero > *{
+  grid-column-start:1;
+  grid-row-start:1
+}
+
+.indicator{
+  position:relative;
+  display:inline-flex;
+  width:-moz-max-content;
+  width:max-content
+}
+
+.indicator :where(.indicator-item){
+  z-index:1;
+  position:absolute;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  white-space:nowrap
+}
+
+.input{
+  flex-shrink:1;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  height:3rem;
+  padding-left:1rem;
+  padding-right:1rem;
+  font-size:1rem;
+  line-height:2;
+  line-height:1.5rem;
+  border-radius:var(--rounded-btn, 0.5rem);
+  border-width:1px;
+  border-color:transparent;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
+}
+
+.input[type="number"]::-webkit-inner-spin-button,
+.input-md[type="number"]::-webkit-inner-spin-button{
+  margin-top:-1rem;
+  margin-bottom:-1rem;
+  margin-inline-end:-1rem
+}
+
+.join .dropdown .join-item:first-child:not(:last-child),
+  .join *:first-child:not(:last-child) .dropdown .join-item{
+  border-start-end-radius:inherit;
+  border-end-end-radius:inherit
+}
+
+.mask{
+  -webkit-mask-size:contain;
+          mask-size:contain;
+  -webkit-mask-repeat:no-repeat;
+          mask-repeat:no-repeat;
+  -webkit-mask-position:center;
+          mask-position:center
+}
+
+.mask-half-1{
+  -webkit-mask-size:200%;
+          mask-size:200%;
+  -webkit-mask-position:left;
+          mask-position:left
+}
+
+.mask-half-1:where([dir="rtl"], [dir="rtl"] *){
+  -webkit-mask-position:right;
+          mask-position:right
+}
+
+.mask-half-2{
+  -webkit-mask-size:200%;
+          mask-size:200%;
+  -webkit-mask-position:right;
+          mask-position:right
+}
+
+.mask-half-2:where([dir="rtl"], [dir="rtl"] *){
+  -webkit-mask-position:left;
+          mask-position:left
+}
+
+.menu{
+  display:flex;
+  flex-direction:column;
+  flex-wrap:wrap;
+  font-size:0.875rem;
+  line-height:1.25rem;
+  padding:0.5rem
+}
+
+.menu :where(li ul){
+  position:relative;
+  white-space:nowrap;
+  margin-inline-start:1rem;
+  padding-inline-start:0.5rem
+}
+
+.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  display:grid;
+  grid-auto-flow:column;
+  align-content:flex-start;
+  align-items:center;
+  gap:0.5rem;
+  grid-auto-columns:minmax(auto, max-content) auto max-content;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+          user-select:none
+}
+
+.menu li.disabled{
+  cursor:not-allowed;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+          user-select:none;
+  color:var(--fallback-bc,oklch(var(--bc)/0.3))
+}
+
+.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)){
+  display:none
+}
+
+:where(.menu li){
+  position:relative;
+  display:flex;
+  flex-shrink:0;
+  flex-direction:column;
+  flex-wrap:wrap;
+  align-items:stretch
+}
+
+:where(.menu li) .badge{
+  justify-self:end
+}
+
+.modal{
+  pointer-events:none;
+  position:fixed;
+  inset:0px;
+  margin:0px;
+  display:grid;
+  height:100%;
+  max-height:none;
+  width:100%;
+  max-width:none;
+  justify-items:center;
+  padding:0px;
+  opacity:0;
+  overscroll-behavior:contain;
+  z-index:999;
+  background-color:transparent;
+  color:inherit;
+  transition-duration:200ms;
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-property:transform, opacity, visibility;
+  overflow-y:hidden
+}
+
+:where(.modal){
+  align-items:center
+}
+
+.modal-box{
+  max-height:calc(100vh - 5em);
+  grid-column-start:1;
+  grid-row-start:1;
+  width:91.666667%;
+  max-width:32rem;
+  --tw-scale-x:.9;
+  --tw-scale-y:.9;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  border-bottom-right-radius:var(--rounded-box, 1rem);
+  border-bottom-left-radius:var(--rounded-box, 1rem);
+  border-top-left-radius:var(--rounded-box, 1rem);
+  border-top-right-radius:var(--rounded-box, 1rem);
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+  padding:1.5rem;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-duration:200ms;
+  box-shadow:rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
+  overflow-y:auto;
+  overscroll-behavior:contain
+}
+
+.modal-open,
+.modal:target,
+.modal-toggle:checked + .modal,
+.modal[open]{
+  pointer-events:auto;
+  visibility:visible;
+  opacity:1
+}
+
+.modal-action{
+  display:flex;
+  margin-top:1.5rem;
+  justify-content:flex-end
+}
+
+.modal-toggle{
+  position:fixed;
+  height:0px;
+  width:0px;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  opacity:0
+}
+
+:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])){
+  overflow:hidden;
+  scrollbar-gutter:stable
+}
+
+.navbar{
+  display:flex;
+  align-items:center;
+  padding:var(--navbar-padding, 0.5rem);
+  min-height:4rem;
+  width:100%
+}
+
+:where(.navbar > *:not(script, style)){
+  display:inline-flex;
+  align-items:center
+}
+
+.radio{
+  flex-shrink:0;
+  --chkbg:var(--bc);
+  height:1.5rem;
+  width:1.5rem;
+  cursor:pointer;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  border-radius:9999px;
+  border-width:1px;
+  border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
+  --tw-border-opacity:0.2
+}
+
+.rating{
+  position:relative;
+  display:inline-flex
+}
+
+.rating :where(input){
+  cursor:pointer;
+  border-radius:0px;
+  animation:rating-pop var(--animation-input, 0.25s) ease-out;
+  height:1.5rem;
+  width:1.5rem;
+  background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
+  --tw-bg-opacity:1
+}
+
+.select{
+  display:inline-flex;
+  cursor:pointer;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+          user-select:none;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  height:3rem;
+  min-height:3rem;
+  padding-inline-start:1rem;
+  padding-inline-end:2.5rem;
+  font-size:0.875rem;
+  line-height:1.25rem;
+  line-height:2;
+  border-radius:var(--rounded-btn, 0.5rem);
+  border-width:1px;
+  border-color:transparent;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+  background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),
+    linear-gradient(135deg, currentColor 50%, transparent 50%);
+  background-position:calc(100% - 20px) calc(1px + 50%),
+    calc(100% - 16.1px) calc(1px + 50%);
+  background-size:4px 4px,
+    4px 4px;
+  background-repeat:no-repeat
+}
+
+.select[multiple]{
+  height:auto
+}
+
+.table{
+  position:relative;
+  width:100%;
+  border-radius:var(--rounded-box, 1rem);
+  text-align:left;
+  font-size:0.875rem;
+  line-height:1.25rem
+}
+
+.table :where(.table-pin-rows thead tr){
+  position:sticky;
+  top:0px;
+  z-index:1;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
+}
+
+.table :where(.table-pin-rows tfoot tr){
+  position:sticky;
+  bottom:0px;
+  z-index:1;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
+}
+
+.table :where(.table-pin-cols tr th){
+  position:sticky;
+  left:0px;
+  right:0px;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
+}
+
+.textarea{
+  min-height:3rem;
+  flex-shrink:1;
+  padding-left:1rem;
+  padding-right:1rem;
+  padding-top:0.5rem;
+  padding-bottom:0.5rem;
+  font-size:0.875rem;
+  line-height:1.25rem;
+  line-height:2;
+  border-radius:var(--rounded-btn, 0.5rem);
+  border-width:1px;
+  border-color:transparent;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
+}
+
+.toast{
+  position:fixed;
+  display:flex;
+  min-width:-moz-fit-content;
+  min-width:fit-content;
+  flex-direction:column;
+  white-space:nowrap;
+  gap:0.5rem;
+  padding:1rem
+}
+
+.avatar-group :where(.avatar){
+  overflow:hidden;
+  border-radius:9999px;
+  border-width:4px;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)))
+}
+
+.badge-success{
+  border-color:transparent;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
+  --tw-text-opacity:1;
+  color:var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))
+}
+
+.badge-warning{
+  border-color:transparent;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
+  --tw-text-opacity:1;
+  color:var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))
+}
+
+.badge-error{
+  border-color:transparent;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
+  --tw-text-opacity:1;
+  color:var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))
+}
+
+.badge-outline{
+  border-color:currentColor;
+  --tw-border-opacity:0.5;
+  background-color:transparent;
+  color:currentColor
+}
+
+.badge-outline.badge-neutral{
+  --tw-text-opacity:1;
+  color:var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)))
+}
+
+.badge-outline.badge-primary{
+  --tw-text-opacity:1;
+  color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))
+}
+
+.badge-outline.badge-secondary{
+  --tw-text-opacity:1;
+  color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))
+}
+
+.badge-outline.badge-accent{
+  --tw-text-opacity:1;
+  color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))
+}
+
+.badge-outline.badge-info{
+  --tw-text-opacity:1;
+  color:var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))
+}
+
+.badge-outline.badge-success{
+  --tw-text-opacity:1;
+  color:var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))
+}
+
+.badge-outline.badge-warning{
+  --tw-text-opacity:1;
+  color:var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))
+}
+
+.badge-outline.badge-error{
+  --tw-text-opacity:1;
+  color:var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))
+}
+
+.btm-nav > *.disabled,
+    .btm-nav > *[disabled]{
+  pointer-events:none;
+  --tw-border-opacity:0;
+  background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+  --tw-bg-opacity:0.1;
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+  --tw-text-opacity:0.2
+}
+
+.btm-nav > * .label{
+  font-size:1rem;
+  line-height:1.5rem
+}
+
+@media (prefers-reduced-motion: no-preference){
+  .btn{
+    animation:button-pop var(--animation-btn, 0.25s) ease-out
+  }
+}
+
+.btn:active:hover,
+  .btn:active:focus{
+  animation:button-pop 0s ease-out;
+  transform:scale(var(--btn-focus-scale, 0.97))
+}
+
+@supports not (color: oklch(0% 0 0)){
+  .btn{
+    background-color:var(--btn-color, var(--fallback-b2));
+    border-color:var(--btn-color, var(--fallback-b2))
+  }
+
+  .btn-primary{
+    --btn-color:var(--fallback-p)
+  }
+
+  .btn-secondary{
+    --btn-color:var(--fallback-s)
+  }
+}
+
+@supports (color: color-mix(in oklab, black, black)){
+  .btn-outline.btn-primary.btn-active{
+    background-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
+    border-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)
+  }
+
+  .btn-outline.btn-secondary.btn-active{
+    background-color:color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
+    border-color:color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)
+  }
+}
+
+.btn:focus-visible{
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:2px
+}
+
+.btn-primary{
+  --tw-text-opacity:1;
+  color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
+  outline-color:var(--fallback-p,oklch(var(--p)/1))
+}
+
+@supports (color: oklch(0% 0 0)){
+  .btn-primary{
+    --btn-color:var(--p)
+  }
+
+  .btn-secondary{
+    --btn-color:var(--s)
+  }
+}
+
+.btn-secondary{
+  --tw-text-opacity:1;
+  color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
+  outline-color:var(--fallback-s,oklch(var(--s)/1))
+}
+
+.btn.glass{
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  outline-color:currentColor
+}
+
+.btn.glass.btn-active{
+  --glass-opacity:25%;
+  --glass-border-opacity:15%
+}
+
+.btn-ghost{
+  border-width:1px;
+  border-color:transparent;
+  background-color:transparent;
+  color:currentColor;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  outline-color:currentColor
+}
+
+.btn-ghost.btn-active{
+  border-color:transparent;
+  background-color:var(--fallback-bc,oklch(var(--bc)/0.2))
+}
+
+.btn-outline.btn-primary{
+  --tw-text-opacity:1;
+  color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))
+}
+
+.btn-outline.btn-primary.btn-active{
+  --tw-text-opacity:1;
+  color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
+}
+
+.btn-outline.btn-secondary{
+  --tw-text-opacity:1;
+  color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))
+}
+
+.btn-outline.btn-secondary.btn-active{
+  --tw-text-opacity:1;
+  color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))
+}
+
+.btn.btn-disabled,
+  .btn[disabled],
+  .btn:disabled{
+  --tw-border-opacity:0;
+  background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+  --tw-bg-opacity:0.2;
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+  --tw-text-opacity:0.2
+}
+
+.btn:is(input[type="checkbox"]:checked),
+.btn:is(input[type="radio"]:checked){
+  --tw-border-opacity:1;
+  border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
+  --tw-text-opacity:1;
+  color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
+}
+
+.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible{
+  outline-color:var(--fallback-p,oklch(var(--p)/1))
+}
+
+@keyframes button-pop{
+  0%{
+    transform:scale(var(--btn-focus-scale, 0.98))
+  }
+
+  40%{
+    transform:scale(1.02)
+  }
+
+  100%{
+    transform:scale(1)
+  }
+}
+
+.card :where(figure:first-child){
+  overflow:hidden;
+  border-start-start-radius:inherit;
+  border-start-end-radius:inherit;
+  border-end-start-radius:unset;
+  border-end-end-radius:unset
+}
+
+.card :where(figure:last-child){
+  overflow:hidden;
+  border-start-start-radius:unset;
+  border-start-end-radius:unset;
+  border-end-start-radius:inherit;
+  border-end-end-radius:inherit
+}
+
+.card:focus-visible{
+  outline:2px solid currentColor;
+  outline-offset:2px
+}
+
+.card.bordered{
+  border-width:1px;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))
+}
+
+.card.compact .card-body{
+  padding:1rem;
+  font-size:0.875rem;
+  line-height:1.25rem
+}
+
+.card.image-full :where(figure){
+  overflow:hidden;
+  border-radius:inherit
+}
+
+.checkbox:focus{
+  box-shadow:none
+}
+
+.checkbox:focus-visible{
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:2px;
+  outline-color:var(--fallback-bc,oklch(var(--bc)/1))
+}
+
+.checkbox:disabled{
+  border-width:0px;
+  cursor:not-allowed;
+  border-color:transparent;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
+  opacity:0.2
+}
+
+.checkbox:checked,
+  .checkbox[aria-checked="true"]{
+  background-repeat:no-repeat;
+  animation:checkmark var(--animation-input, 0.2s) ease-out;
+  background-color:var(--chkbg);
+  background-image:linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
+      linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
+      linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
+      linear-gradient(
+        45deg,
+        var(--chkbg) 30%,
+        var(--chkfg) 30.99%,
+        var(--chkfg) 40%,
+        transparent 40.99%
+      ),
+      linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%)
+}
+
+.checkbox:indeterminate{
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
+  background-repeat:no-repeat;
+  animation:checkmark var(--animation-input, 0.2s) ease-out;
+  background-image:linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
+      linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
+      linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%)
+}
 
-  @supports not (color: oklch(0% 0 0)) {
-    .btn:hover {
-      background-color: var(--btn-color, var(--fallback-b2));
-      border-color: var(--btn-color, var(--fallback-b2));
-    }
+@keyframes checkmark{
+  0%{
+    background-position-y:5px
   }
 
-  .btn.glass:hover {
-    --glass-opacity: 25%;
-    --glass-border-opacity: 15%;
+  50%{
+    background-position-y:-2px
   }
 
-  .btn-ghost:hover {
-    border-color: transparent;
+  100%{
+    background-position-y:0
   }
+}
 
-  @supports (color: oklch(0% 0 0)) {
-    .btn-ghost:hover {
-      background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
-    }
-  }
+.drawer-toggle:checked ~ .drawer-side > .drawer-overlay{
+  background-color:#0006
+}
 
-  .btn-disabled:hover,
-    .btn[disabled]:hover,
-    .btn:disabled:hover {
-    --tw-border-opacity: 0;
-    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
-    --tw-bg-opacity: 0.2;
-    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-    --tw-text-opacity: 0.2;
-  }
-
-  @supports (color: color-mix(in oklab, black, black)) {
-    .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
-      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
-      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
-    }
-  }
+.drawer-toggle:focus-visible ~ .drawer-content label.drawer-button{
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:2px
+}
 
-  .dropdown.dropdown-hover:hover .dropdown-content {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
+.dropdown.dropdown-open .dropdown-content,
+.dropdown:focus .dropdown-content,
+.dropdown:focus-within .dropdown-content{
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
 
-  :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
-    cursor: pointer;
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
+.file-input-bordered{
+  --tw-border-opacity:0.2
+}
 
-  @supports (color: oklch(0% 0 0)) {
-    :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
-      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
-    }
-  }
+.file-input:focus{
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:2px;
+  outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))
 }
 
-.dropdown:is(details) summary::-webkit-details-marker {
-  display: none;
+.file-input-primary{
+  --tw-border-opacity:1;
+  border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))
 }
 
-.footer {
-  display: grid;
-  width: 100%;
-  grid-auto-flow: row;
-  place-items: start;
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
-  row-gap: 2.5rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.file-input-primary:focus{
+  outline-color:var(--fallback-p,oklch(var(--p)/1))
 }
 
-.footer > * {
-  display: grid;
-  place-items: start;
-  gap: 0.5rem;
+.file-input-primary::file-selector-button{
+  --tw-border-opacity:1;
+  border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
+  --tw-text-opacity:1;
+  color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
 }
 
-@media (min-width: 48rem) {
-  .footer {
-    grid-auto-flow: column;
-  }
+.file-input-disabled,
+  .file-input[disabled]{
+  cursor:not-allowed;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+  --tw-text-opacity:0.2
+}
 
-  .footer-center {
-    grid-auto-flow: row dense;
-  }
+.file-input-disabled::-moz-placeholder, .file-input[disabled]::-moz-placeholder{
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
+  --tw-placeholder-opacity:0.2
 }
 
-.form-control {
-  display: flex;
-  flex-direction: column;
+.file-input-disabled::placeholder,
+  .file-input[disabled]::placeholder{
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
+  --tw-placeholder-opacity:0.2
 }
 
-.label {
-  display: flex;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  align-items: center;
-  justify-content: space-between;
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+.file-input-disabled::file-selector-button, .file-input[disabled]::file-selector-button{
+  --tw-border-opacity:0;
+  background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+  --tw-bg-opacity:0.2;
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+  --tw-text-opacity:0.2
 }
 
-.hero {
-  display: grid;
-  width: 100%;
-  place-items: center;
-  background-size: cover;
-  background-position: center;
+.label-text{
+  font-size:0.875rem;
+  line-height:1.25rem;
+  --tw-text-opacity:1;
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))
 }
 
-.hero > * {
-  grid-column-start: 1;
-  grid-row-start: 1;
+.input input{
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
+  background-color:transparent
 }
 
-.indicator {
-  position: relative;
-  display: inline-flex;
-  width: -moz-max-content;
-  width: max-content;
+.input input:focus{
+  outline:2px solid transparent;
+  outline-offset:2px
 }
 
-.indicator :where(.indicator-item) {
-  z-index: 1;
-  position: absolute;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  white-space: nowrap;
+.input[list]::-webkit-calendar-picker-indicator{
+  line-height:1em
 }
 
-.input {
-  flex-shrink: 1;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  height: 3rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  font-size: 1rem;
-  line-height: 2;
-  line-height: 1.5rem;
-  border-radius: var(--rounded-btn, 0.5rem);
-  border-width: 1px;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+.input-bordered{
+  border-color:var(--fallback-bc,oklch(var(--bc)/0.2))
 }
 
-.input[type="number"]::-webkit-inner-spin-button,
-.input-md[type="number"]::-webkit-inner-spin-button {
-  margin-top: -1rem;
-  margin-bottom: -1rem;
-  margin-inline-end: -1rem;
+.input:focus,
+  .input:focus-within{
+  box-shadow:none;
+  border-color:var(--fallback-bc,oklch(var(--bc)/0.2));
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:2px;
+  outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))
 }
 
-.join .dropdown .join-item:first-child:not(:last-child),
-  .join *:first-child:not(:last-child) .dropdown .join-item {
-  border-start-end-radius: inherit;
-  border-end-end-radius: inherit;
+.input-success{
+  --tw-border-opacity:1;
+  border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))
 }
 
-.mask {
-  -webkit-mask-size: contain;
-          mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-          mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-          mask-position: center;
+.input-success:focus,
+    .input-success:focus-within{
+  --tw-border-opacity:1;
+  border-color:var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
+  outline-color:var(--fallback-su,oklch(var(--su)/1))
 }
 
-.mask-half-1 {
-  -webkit-mask-size: 200%;
-          mask-size: 200%;
-  -webkit-mask-position: left;
-          mask-position: left;
+.input:has(> input[disabled]),
+  .input-disabled,
+  .input:disabled,
+  .input[disabled]{
+  cursor:not-allowed;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+  color:var(--fallback-bc,oklch(var(--bc)/0.4))
 }
 
-.mask-half-1:where([dir="rtl"], [dir="rtl"] *) {
-  -webkit-mask-position: right;
-          mask-position: right;
+.input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
+  --tw-placeholder-opacity:0.2
 }
 
-.mask-half-2 {
-  -webkit-mask-size: 200%;
-          mask-size: 200%;
-  -webkit-mask-position: right;
-          mask-position: right;
+.input:has(> input[disabled])::placeholder,
+  .input-disabled::placeholder,
+  .input:disabled::placeholder,
+  .input[disabled]::placeholder{
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
+  --tw-placeholder-opacity:0.2
 }
 
-.mask-half-2:where([dir="rtl"], [dir="rtl"] *) {
-  -webkit-mask-position: left;
-          mask-position: left;
+.input:has(> input[disabled]) > input[disabled]{
+  cursor:not-allowed
 }
 
-.menu {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding: 0.5rem;
+.input::-webkit-date-and-time-value{
+  text-align:inherit
 }
 
-.menu :where(li ul) {
-  position: relative;
-  white-space: nowrap;
-  margin-inline-start: 1rem;
-  padding-inline-start: 0.5rem;
+.join > :where(*:not(:first-child)):is(.btn){
+  margin-inline-start:calc(var(--border-btn) * -1)
 }
 
-.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-  display: grid;
-  grid-auto-flow: column;
-  align-content: flex-start;
-  align-items: center;
-  gap: 0.5rem;
-  grid-auto-columns: minmax(auto, max-content) auto max-content;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+.loading{
+  pointer-events:none;
+  display:inline-block;
+  aspect-ratio:1 / 1;
+  width:1.5rem;
+  background-color:currentColor;
+  -webkit-mask-size:100%;
+          mask-size:100%;
+  -webkit-mask-repeat:no-repeat;
+          mask-repeat:no-repeat;
+  -webkit-mask-position:center;
+          mask-position:center;
+  -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+          mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")
 }
 
-.menu li.disabled {
-  cursor: not-allowed;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  color: var(--fallback-bc,oklch(var(--bc)/0.3));
+.mask-star-2{
+  -webkit-mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
+          mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e")
 }
 
-.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
-  display: none;
+:where(.menu li:empty){
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
+  opacity:0.1;
+  margin:0.5rem 1rem;
+  height:1px
 }
 
-:where(.menu li) {
-  position: relative;
-  display: flex;
-  flex-shrink: 0;
-  flex-direction: column;
-  flex-wrap: wrap;
-  align-items: stretch;
-}
-
-:where(.menu li) .badge {
-  justify-self: end;
-}
-
-.modal {
-  pointer-events: none;
-  position: fixed;
-  inset: 0px;
-  margin: 0px;
-  display: grid;
-  height: 100%;
-  max-height: none;
-  width: 100%;
-  max-width: none;
-  justify-items: center;
-  padding: 0px;
-  opacity: 0;
-  overscroll-behavior: contain;
-  z-index: 999;
-  background-color: transparent;
-  color: inherit;
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-property: transform, opacity, visibility;
-  overflow-y: hidden;
-}
-
-:where(.modal) {
-  align-items: center;
-}
-
-.modal-box {
-  max-height: calc(100vh - 5em);
-  grid-column-start: 1;
-  grid-row-start: 1;
-  width: 91.666667%;
-  max-width: 32rem;
-  --tw-scale-x: .9;
-  --tw-scale-y: .9;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  border-bottom-right-radius: var(--rounded-box, 1rem);
-  border-bottom-left-radius: var(--rounded-box, 1rem);
-  border-top-left-radius: var(--rounded-box, 1rem);
-  border-top-right-radius: var(--rounded-box, 1rem);
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-  padding: 1.5rem;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-duration: 200ms;
-  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
-  overflow-y: auto;
-  overscroll-behavior: contain;
+.menu :where(li ul):before{
+  position:absolute;
+  bottom:0.75rem;
+  inset-inline-start:0px;
+  top:0.75rem;
+  width:1px;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
+  opacity:0.1;
+  content:""
 }
 
-.modal-open,
-.modal:target,
-.modal-toggle:checked + .modal,
-.modal[open] {
-  pointer-events: auto;
-  visibility: visible;
-  opacity: 1;
+.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
+.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  border-radius:var(--rounded-btn, 0.5rem);
+  padding-left:1rem;
+  padding-right:1rem;
+  padding-top:0.5rem;
+  padding-bottom:0.5rem;
+  text-align:start;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-duration:200ms;
+  text-wrap:balance
+}
+
+:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible{
+  cursor:pointer;
+  background-color:var(--fallback-bc,oklch(var(--bc)/0.1));
+  --tw-text-opacity:1;
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+  outline:2px solid transparent;
+  outline-offset:2px
 }
 
-.modal-action {
-  display: flex;
-  margin-top: 1.5rem;
-  justify-content: flex-end;
+.menu li > *:not(ul, .menu-title, details, .btn):active,
+.menu li > *:not(ul, .menu-title, details, .btn).active,
+.menu li > details > summary:active{
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+  --tw-text-opacity:1;
+  color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))
 }
 
-.modal-toggle {
-  position: fixed;
-  height: 0px;
-  width: 0px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  opacity: 0;
+.menu :where(li > details > summary)::-webkit-details-marker{
+  display:none
 }
 
-:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
-  overflow: hidden;
-  scrollbar-gutter: stable;
+.menu :where(li > details > summary):after,
+.menu :where(li > .menu-dropdown-toggle):after{
+  justify-self:end;
+  display:block;
+  margin-top:-0.5rem;
+  height:0.5rem;
+  width:0.5rem;
+  transform:rotate(45deg);
+  transition-property:transform, margin-top;
+  transition-duration:0.3s;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  content:"";
+  transform-origin:75% 75%;
+  box-shadow:2px 2px;
+  pointer-events:none
 }
 
-.navbar {
-  display: flex;
-  align-items: center;
-  padding: var(--navbar-padding, 0.5rem);
-  min-height: 4rem;
-  width: 100%;
+.menu :where(li > details[open] > summary):after,
+.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
+  transform:rotate(225deg);
+  margin-top:0
+}
+
+.mockup-phone .display{
+  overflow:hidden;
+  border-radius:40px;
+  margin-top:-25px
+}
+
+.mockup-browser .mockup-browser-toolbar .input{
+  position:relative;
+  margin-left:auto;
+  margin-right:auto;
+  display:block;
+  height:1.75rem;
+  width:24rem;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+  padding-left:2rem;
+  direction:ltr
+}
+
+.mockup-browser .mockup-browser-toolbar .input:before{
+  content:"";
+  position:absolute;
+  left:0.5rem;
+  top:50%;
+  aspect-ratio:1 / 1;
+  height:0.75rem;
+  --tw-translate-y:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  border-radius:9999px;
+  border-width:2px;
+  border-color:currentColor;
+  opacity:0.6
+}
+
+.mockup-browser .mockup-browser-toolbar .input:after{
+  content:"";
+  position:absolute;
+  left:1.25rem;
+  top:50%;
+  height:0.5rem;
+  --tw-translate-y:25%;
+  --tw-rotate:-45deg;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  border-radius:9999px;
+  border-width:1px;
+  border-color:currentColor;
+  opacity:0.6
 }
 
-:where(.navbar > *:not(script, style)) {
-  display: inline-flex;
-  align-items: center;
+.modal:not(dialog:not(.modal-open)),
+  .modal::backdrop{
+  background-color:#0006;
+  animation:modal-pop 0.2s ease-out
 }
 
-.radio {
-  flex-shrink: 0;
-  --chkbg: var(--bc);
-  height: 1.5rem;
-  width: 1.5rem;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  border-radius: 9999px;
-  border-width: 1px;
-  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
-  --tw-border-opacity: 0.2;
+.modal-open .modal-box,
+.modal-toggle:checked + .modal .modal-box,
+.modal:target .modal-box,
+.modal[open] .modal-box{
+  --tw-translate-y:0px;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.rating {
-  position: relative;
-  display: inline-flex;
+.modal-action > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
-.rating :where(input) {
-  cursor: pointer;
-  border-radius: 0px;
-  animation: rating-pop var(--animation-input, 0.25s) ease-out;
-  height: 1.5rem;
-  width: 1.5rem;
-  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
-  --tw-bg-opacity: 1;
+@keyframes modal-pop{
+  0%{
+    opacity:0
+  }
 }
 
-.select {
-  display: inline-flex;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  height: 3rem;
-  min-height: 3rem;
-  padding-inline-start: 1rem;
-  padding-inline-end: 2.5rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  line-height: 2;
-  border-radius: var(--rounded-btn, 0.5rem);
-  border-width: 1px;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
-    linear-gradient(135deg, currentColor 50%, transparent 50%);
-  background-position: calc(100% - 20px) calc(1px + 50%),
-    calc(100% - 16.1px) calc(1px + 50%);
-  background-size: 4px 4px,
-    4px 4px;
-  background-repeat: no-repeat;
+@keyframes progress-loading{
+  50%{
+    background-position-x:-115%
+  }
 }
 
-.select[multiple] {
-  height: auto;
+.radio:focus{
+  box-shadow:none
 }
 
-.table {
-  position: relative;
-  width: 100%;
-  border-radius: var(--rounded-box, 1rem);
-  text-align: left;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
-.table :where(.table-pin-rows thead tr) {
-  position: sticky;
-  top: 0px;
-  z-index: 1;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-}
-
-.table :where(.table-pin-rows tfoot tr) {
-  position: sticky;
-  bottom: 0px;
-  z-index: 1;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-}
-
-.table :where(.table-pin-cols tr th) {
-  position: sticky;
-  left: 0px;
-  right: 0px;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-}
-
-.textarea {
-  min-height: 3rem;
-  flex-shrink: 1;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  line-height: 2;
-  border-radius: var(--rounded-btn, 0.5rem);
-  border-width: 1px;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-}
-
-.toast {
-  position: fixed;
-  display: flex;
-  min-width: -moz-fit-content;
-  min-width: fit-content;
-  flex-direction: column;
-  white-space: nowrap;
-  gap: 0.5rem;
-  padding: 1rem;
-}
-
-.avatar-group :where(.avatar) {
-  overflow: hidden;
-  border-radius: 9999px;
-  border-width: 4px;
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity)));
-}
-
-.badge-success {
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
-  --tw-text-opacity: 1;
-  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
-}
-
-.badge-warning {
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
-  --tw-text-opacity: 1;
-  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
-}
-
-.badge-error {
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
-  --tw-text-opacity: 1;
-  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
-}
-
-.badge-outline {
-  border-color: currentColor;
-  --tw-border-opacity: 0.5;
-  background-color: transparent;
-  color: currentColor;
+.radio:focus-visible{
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:2px;
+  outline-color:var(--fallback-bc,oklch(var(--bc)/1))
 }
 
-.badge-outline.badge-neutral {
-  --tw-text-opacity: 1;
-  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
+.radio:checked,
+  .radio[aria-checked="true"]{
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
+  background-image:none;
+  animation:radiomark var(--animation-input, 0.2s) ease-out;
+  box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
+      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset
 }
 
-.badge-outline.badge-primary {
-  --tw-text-opacity: 1;
-  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
+.radio-primary{
+  --chkbg:var(--p);
+  --tw-border-opacity:1;
+  border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))
 }
 
-.badge-outline.badge-secondary {
-  --tw-text-opacity: 1;
-  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
+.radio-primary:focus-visible{
+  outline-color:var(--fallback-p,oklch(var(--p)/1))
 }
 
-.badge-outline.badge-accent {
-  --tw-text-opacity: 1;
-  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
+.radio-primary:checked,
+    .radio-primary[aria-checked="true"]{
+  --tw-border-opacity:1;
+  border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
+  --tw-text-opacity:1;
+  color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
 }
 
-.badge-outline.badge-info {
-  --tw-text-opacity: 1;
-  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
+.radio:disabled{
+  cursor:not-allowed;
+  opacity:0.2
 }
 
-.badge-outline.badge-success {
-  --tw-text-opacity: 1;
-  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
+@keyframes radiomark{
+  0%{
+    box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
+      0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset
+  }
+
+  50%{
+    box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
+      0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset
+  }
+
+  100%{
+    box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
+      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset
+  }
 }
 
-.badge-outline.badge-warning {
-  --tw-text-opacity: 1;
-  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
+.rating input{
+  -moz-appearance:none;
+       appearance:none;
+  -webkit-appearance:none
 }
 
-.badge-outline.badge-error {
-  --tw-text-opacity: 1;
-  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
+.rating .rating-hidden{
+  width:0.5rem;
+  background-color:transparent
 }
 
-.btm-nav > *.disabled,
-    .btm-nav > *[disabled] {
-  pointer-events: none;
-  --tw-border-opacity: 0;
-  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
-  --tw-bg-opacity: 0.1;
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-  --tw-text-opacity: 0.2;
+.rating input[type="radio"]:checked{
+  background-image:none
 }
 
-.btm-nav > * .label {
-  font-size: 1rem;
-  line-height: 1.5rem;
+.rating input:checked ~ input,
+  .rating input[aria-checked="true"] ~ input{
+  --tw-bg-opacity:0.2
 }
 
-@media (prefers-reduced-motion: no-preference) {
-  .btn {
-    animation: button-pop var(--animation-btn, 0.25s) ease-out;
-  }
+.rating input:focus-visible{
+  transition-property:transform;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
+  transition-duration:300ms;
+  transform:translateY(-0.125em)
 }
 
-.btn:active:hover,
-  .btn:active:focus {
-  animation: button-pop 0s ease-out;
-  transform: scale(var(--btn-focus-scale, 0.97));
+.rating input:active:focus{
+  animation:none;
+  transform:translateY(-0.125em)
 }
 
-@supports not (color: oklch(0% 0 0)) {
-  .btn {
-    background-color: var(--btn-color, var(--fallback-b2));
-    border-color: var(--btn-color, var(--fallback-b2));
+.rating-half :where(input:not(.rating-hidden)){
+  width:0.75rem
+}
+
+@keyframes rating-pop{
+  0%{
+    transform:translateY(-0.125em)
+  }
+
+  40%{
+    transform:translateY(-0.125em)
+  }
+
+  100%{
+    transform:translateY(0)
   }
 }
 
-.btn:focus-visible {
-  outline-style: solid;
-  outline-width: 2px;
-  outline-offset: 2px;
+.select:focus{
+  box-shadow:none;
+  border-color:var(--fallback-bc,oklch(var(--bc)/0.2));
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:2px;
+  outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))
 }
 
-.btn.glass {
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  outline-color: currentColor;
+.select-primary{
+  --tw-border-opacity:1;
+  border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))
 }
 
-.btn.glass.btn-active {
-  --glass-opacity: 25%;
-  --glass-border-opacity: 15%;
+.select-primary:focus{
+  --tw-border-opacity:1;
+  border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
+  outline-color:var(--fallback-p,oklch(var(--p)/1))
 }
 
-.btn-ghost {
-  border-width: 1px;
-  border-color: transparent;
-  background-color: transparent;
-  color: currentColor;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  outline-color: currentColor;
+.select-disabled,
+  .select:disabled,
+  .select[disabled]{
+  cursor:not-allowed;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+  color:var(--fallback-bc,oklch(var(--bc)/0.4))
 }
 
-.btn-ghost.btn-active {
-  border-color: transparent;
-  background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
+.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
+  --tw-placeholder-opacity:0.2
 }
 
-.btn.btn-disabled,
-  .btn[disabled],
-  .btn:disabled {
-  --tw-border-opacity: 0;
-  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
-  --tw-bg-opacity: 0.2;
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-  --tw-text-opacity: 0.2;
+.select-disabled::placeholder,
+  .select:disabled::placeholder,
+  .select[disabled]::placeholder{
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
+  --tw-placeholder-opacity:0.2
 }
 
-.btn:is(input[type="checkbox"]:checked),
-.btn:is(input[type="radio"]:checked) {
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
-  --tw-text-opacity: 1;
-  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
+.select-multiple,
+  .select[multiple],
+  .select[size].select:not([size="1"]){
+  background-image:none;
+  padding-right:1rem
 }
 
-.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
-  outline-color: var(--fallback-p,oklch(var(--p)/1));
+[dir="rtl"] .select{
+  background-position:calc(0% + 12px) calc(1px + 50%),
+    calc(0% + 16px) calc(1px + 50%)
 }
 
-@keyframes button-pop {
-  0% {
-    transform: scale(var(--btn-focus-scale, 0.98));
+.skeleton{
+  border-radius:var(--rounded-box, 1rem);
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
+  will-change:background-position;
+  animation:skeleton 1.8s ease-in-out infinite;
+  background-image:linear-gradient(
+    105deg,
+    transparent 0%,
+    transparent 40%,
+    var(--fallback-b1,oklch(var(--b1)/1)) 50%,
+    transparent 60%,
+    transparent 100%
+  );
+  background-size:200% auto;
+  background-repeat:no-repeat;
+  background-position-x:-50%
+}
+
+@media (prefers-reduced-motion){
+  .skeleton{
+    animation-duration:15s
   }
+}
 
-  40% {
-    transform: scale(1.02);
+@keyframes skeleton{
+  from{
+    background-position:150%
   }
 
-  100% {
-    transform: scale(1);
+  to{
+    background-position:-50%
   }
 }
 
-.card :where(figure:first-child) {
-  overflow: hidden;
-  border-start-start-radius: inherit;
-  border-start-end-radius: inherit;
-  border-end-start-radius: unset;
-  border-end-end-radius: unset;
+.table:where([dir="rtl"], [dir="rtl"] *){
+  text-align:right
 }
 
-.card :where(figure:last-child) {
-  overflow: hidden;
-  border-start-start-radius: unset;
-  border-start-end-radius: unset;
-  border-end-start-radius: inherit;
-  border-end-end-radius: inherit;
+.table :where(th, td){
+  padding-left:1rem;
+  padding-right:1rem;
+  padding-top:0.75rem;
+  padding-bottom:0.75rem;
+  vertical-align:middle
 }
 
-.card:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
+.table tr.active,
+  .table tr.active:nth-child(even),
+  .table-zebra tbody tr:nth-child(even){
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))
 }
 
-.card.bordered {
-  border-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+.table :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child){
+  border-bottom-width:1px;
+  --tw-border-opacity:1;
+  border-bottom-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))
 }
 
-.card.compact .card-body {
-  padding: 1rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.table :where(thead, tfoot){
+  white-space:nowrap;
+  font-size:0.75rem;
+  line-height:1rem;
+  font-weight:700;
+  color:var(--fallback-bc,oklch(var(--bc)/0.6))
 }
 
-.card.image-full :where(figure) {
-  overflow: hidden;
-  border-radius: inherit;
+.table :where(tfoot){
+  border-top-width:1px;
+  --tw-border-opacity:1;
+  border-top-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))
 }
 
-.checkbox:focus {
-  box-shadow: none;
+.textarea-bordered{
+  border-color:var(--fallback-bc,oklch(var(--bc)/0.2))
 }
 
-.checkbox:focus-visible {
-  outline-style: solid;
-  outline-width: 2px;
-  outline-offset: 2px;
-  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
+.textarea:focus{
+  box-shadow:none;
+  border-color:var(--fallback-bc,oklch(var(--bc)/0.2));
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:2px;
+  outline-color:var(--fallback-bc,oklch(var(--bc)/0.2))
 }
 
-.checkbox:disabled {
-  border-width: 0px;
-  cursor: not-allowed;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
-  opacity: 0.2;
+.textarea-disabled,
+  .textarea:disabled,
+  .textarea[disabled]{
+  cursor:not-allowed;
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+  color:var(--fallback-bc,oklch(var(--bc)/0.4))
 }
 
-.checkbox:checked,
-  .checkbox[aria-checked="true"] {
-  background-repeat: no-repeat;
-  animation: checkmark var(--animation-input, 0.2s) ease-out;
-  background-color: var(--chkbg);
-  background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
-      linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
-      linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
-      linear-gradient(
-        45deg,
-        var(--chkbg) 30%,
-        var(--chkfg) 30.99%,
-        var(--chkfg) 40%,
-        transparent 40.99%
-      ),
-      linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
+.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
+  --tw-placeholder-opacity:0.2
 }
 
-.checkbox:indeterminate {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
-  background-repeat: no-repeat;
-  animation: checkmark var(--animation-input, 0.2s) ease-out;
-  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
-      linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
-      linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);
+.textarea-disabled::placeholder,
+  .textarea:disabled::placeholder,
+  .textarea[disabled]::placeholder{
+  color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
+  --tw-placeholder-opacity:0.2
 }
 
-@keyframes checkmark {
-  0% {
-    background-position-y: 5px;
-  }
+.toast > *{
+  animation:toast-pop 0.25s ease-out
+}
 
-  50% {
-    background-position-y: -2px;
+@keyframes toast-pop{
+  0%{
+    transform:scale(0.9);
+    opacity:0
   }
 
-  100% {
-    background-position-y: 0;
+  100%{
+    transform:scale(1);
+    opacity:1
   }
 }
 
-.dropdown.dropdown-open .dropdown-content,
-.dropdown:focus .dropdown-content,
-.dropdown:focus-within .dropdown-content {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.artboard.phone{
+  width:320px
 }
 
-.label-text {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  --tw-text-opacity: 1;
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+.badge-sm{
+  height:1rem;
+  font-size:0.75rem;
+  line-height:1rem;
+  padding-left:0.438rem;
+  padding-right:0.438rem
 }
 
-.input input {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
-  background-color: transparent;
+.btn-circle:where(.btn-xs){
+  height:1.5rem;
+  width:1.5rem;
+  border-radius:9999px;
+  padding:0px
 }
 
-.input input:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+.btn-circle:where(.btn-sm){
+  height:2rem;
+  width:2rem;
+  border-radius:9999px;
+  padding:0px
 }
 
-.input[list]::-webkit-calendar-picker-indicator {
-  line-height: 1em;
+.btn-circle:where(.btn-md){
+  height:3rem;
+  width:3rem;
+  border-radius:9999px;
+  padding:0px
 }
 
-.input-bordered {
-  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
+.btn-circle:where(.btn-lg){
+  height:4rem;
+  width:4rem;
+  border-radius:9999px;
+  padding:0px
 }
 
-.input:focus,
-  .input:focus-within {
-  box-shadow: none;
-  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
-  outline-style: solid;
-  outline-width: 2px;
-  outline-offset: 2px;
-  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
+.drawer-open > .drawer-toggle{
+  display:none
 }
 
-.input-success {
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
+.drawer-open > .drawer-toggle ~ .drawer-side{
+  pointer-events:auto;
+  visibility:visible;
+  position:sticky;
+  display:block;
+  width:auto;
+  overscroll-behavior:auto
 }
 
-.input-success:focus,
-    .input-success:focus-within {
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
-  outline-color: var(--fallback-su,oklch(var(--su)/1));
+.drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){
+  transform:translateX(0%)
 }
 
-.input:has(> input[disabled]),
-  .input-disabled,
-  .input:disabled,
-  .input[disabled] {
-  cursor: not-allowed;
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
-  color: var(--fallback-bc,oklch(var(--bc)/0.4));
+[dir="rtl"] .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){
+  transform:translateX(0%)
 }
 
-.input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder {
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
-  --tw-placeholder-opacity: 0.2;
+.drawer-open > .drawer-toggle:checked ~ .drawer-side{
+  pointer-events:auto;
+  visibility:visible
 }
 
-.input:has(> input[disabled])::placeholder,
-  .input-disabled::placeholder,
-  .input:disabled::placeholder,
-  .input[disabled]::placeholder {
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
-  --tw-placeholder-opacity: 0.2;
+.drawer-open > .drawer-side{
+  overflow-y:auto
 }
 
-.input:has(> input[disabled]) > input[disabled] {
-  cursor: not-allowed;
+html:has(.drawer-toggle:checked){
+  overflow-y:hidden;
+  scrollbar-gutter:stable
 }
 
-.input::-webkit-date-and-time-value {
-  text-align: inherit;
+.indicator :where(.indicator-item){
+  bottom:auto;
+  inset-inline-end:0px;
+  inset-inline-start:auto;
+  top:0px;
+  --tw-translate-y:-50%;
+  --tw-translate-x:50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.loading {
-  pointer-events: none;
-  display: inline-block;
-  aspect-ratio: 1 / 1;
-  width: 1.5rem;
-  background-color: currentColor;
-  -webkit-mask-size: 100%;
-          mask-size: 100%;
-  -webkit-mask-repeat: no-repeat;
-          mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-          mask-position: center;
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+.indicator :where(.indicator-item):where([dir="rtl"], [dir="rtl"] *){
+  --tw-translate-x:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.mask-star-2 {
-  -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
-          mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
+.indicator :where(.indicator-item.indicator-start){
+  inset-inline-end:auto;
+  inset-inline-start:0px;
+  --tw-translate-x:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-:where(.menu li:empty) {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
-  opacity: 0.1;
-  margin: 0.5rem 1rem;
-  height: 1px;
+.indicator :where(.indicator-item.indicator-start):where([dir="rtl"], [dir="rtl"] *){
+  --tw-translate-x:50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.menu :where(li ul):before {
-  position: absolute;
-  bottom: 0.75rem;
-  inset-inline-start: 0px;
-  top: 0.75rem;
-  width: 1px;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
-  opacity: 0.1;
-  content: "";
+.indicator :where(.indicator-item.indicator-center){
+  inset-inline-end:50%;
+  inset-inline-start:50%;
+  --tw-translate-x:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
-.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-  border-radius: var(--rounded-btn, 0.5rem);
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  text-align: start;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-duration: 200ms;
-  text-wrap: balance;
-}
-
-:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
-  cursor: pointer;
-  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
-  --tw-text-opacity: 1;
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+.indicator :where(.indicator-item.indicator-center):where([dir="rtl"], [dir="rtl"] *){
+  --tw-translate-x:50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.menu li > *:not(ul, .menu-title, details, .btn):active,
-.menu li > *:not(ul, .menu-title, details, .btn).active,
-.menu li > details > summary:active {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
-  --tw-text-opacity: 1;
-  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
+.indicator :where(.indicator-item.indicator-end){
+  inset-inline-end:0px;
+  inset-inline-start:auto;
+  --tw-translate-x:50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.menu :where(li > details > summary)::-webkit-details-marker {
-  display: none;
+.indicator :where(.indicator-item.indicator-end):where([dir="rtl"], [dir="rtl"] *){
+  --tw-translate-x:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.menu :where(li > details > summary):after,
-.menu :where(li > .menu-dropdown-toggle):after {
-  justify-self: end;
-  display: block;
-  margin-top: -0.5rem;
-  height: 0.5rem;
-  width: 0.5rem;
-  transform: rotate(45deg);
-  transition-property: transform, margin-top;
-  transition-duration: 0.3s;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  content: "";
-  transform-origin: 75% 75%;
-  box-shadow: 2px 2px;
-  pointer-events: none;
+.indicator :where(.indicator-item.indicator-bottom){
+  bottom:0px;
+  top:auto;
+  --tw-translate-y:50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.menu :where(li > details[open] > summary):after,
-.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
-  transform: rotate(225deg);
-  margin-top: 0;
+.indicator :where(.indicator-item.indicator-middle){
+  bottom:50%;
+  top:50%;
+  --tw-translate-y:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.mockup-browser .mockup-browser-toolbar .input {
-  position: relative;
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-  height: 1.75rem;
-  width: 24rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
-  padding-left: 2rem;
-  direction: ltr;
-}
-
-.mockup-browser .mockup-browser-toolbar .input:before {
-  content: "";
-  position: absolute;
-  left: 0.5rem;
-  top: 50%;
-  aspect-ratio: 1 / 1;
-  height: 0.75rem;
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  border-radius: 9999px;
-  border-width: 2px;
-  border-color: currentColor;
-  opacity: 0.6;
-}
-
-.mockup-browser .mockup-browser-toolbar .input:after {
-  content: "";
-  position: absolute;
-  left: 1.25rem;
-  top: 50%;
-  height: 0.5rem;
-  --tw-translate-y: 25%;
-  --tw-rotate: -45deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  border-radius: 9999px;
-  border-width: 1px;
-  border-color: currentColor;
-  opacity: 0.6;
+.indicator :where(.indicator-item.indicator-top){
+  bottom:auto;
+  top:0px;
+  --tw-translate-y:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.modal:not(dialog:not(.modal-open)),
-  .modal::backdrop {
-  background-color: #0006;
-  animation: modal-pop 0.2s ease-out;
+.rating-sm input{
+  height:1rem;
+  width:1rem
 }
 
-.modal-open .modal-box,
-.modal-toggle:checked + .modal .modal-box,
-.modal:target .modal-box,
-.modal[open] .modal-box {
-  --tw-translate-y: 0px;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.rating-half.rating-xs input:not(.rating-hidden){
+  width:0.375rem
 }
 
-.modal-action > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+.rating-half.rating-sm input:not(.rating-hidden){
+  width:0.5rem
 }
 
-@keyframes modal-pop {
-  0% {
-    opacity: 0;
-  }
+.rating-half.rating-md input:not(.rating-hidden){
+  width:0.75rem
 }
 
-@keyframes progress-loading {
-  50% {
-    background-position-x: -115%;
-  }
+.rating-half.rating-lg input:not(.rating-hidden){
+  width:1.25rem
 }
 
-.radio:focus {
-  box-shadow: none;
+.select-md{
+  height:3rem;
+  min-height:3rem;
+  padding-left:1rem;
+  padding-right:2.5rem;
+  font-size:0.875rem;
+  line-height:1.25rem;
+  line-height:2
 }
 
-.radio:focus-visible {
-  outline-style: solid;
-  outline-width: 2px;
-  outline-offset: 2px;
-  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
+[dir="rtl"] .select-md{
+  padding-left:2.5rem;
+  padding-right:1rem
 }
 
-.radio:checked,
-  .radio[aria-checked="true"] {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
-  background-image: none;
-  animation: radiomark var(--animation-input, 0.2s) ease-out;
-  box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
-      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
+:where(.toast){
+  bottom:0px;
+  inset-inline-end:0px;
+  inset-inline-start:auto;
+  top:auto;
+  --tw-translate-x:0px;
+  --tw-translate-y:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.radio-primary {
-  --chkbg: var(--p);
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
+.toast:where(.toast-start){
+  inset-inline-end:auto;
+  inset-inline-start:0px;
+  --tw-translate-x:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.radio-primary:focus-visible {
-  outline-color: var(--fallback-p,oklch(var(--p)/1));
+.toast:where(.toast-center){
+  inset-inline-end:50%;
+  inset-inline-start:50%;
+  --tw-translate-x:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.radio-primary:checked,
-    .radio-primary[aria-checked="true"] {
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
-  --tw-text-opacity: 1;
-  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
+.toast:where(.toast-center):where([dir="rtl"], [dir="rtl"] *){
+  --tw-translate-x:50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.radio:disabled {
-  cursor: not-allowed;
-  opacity: 0.2;
+.toast:where(.toast-end){
+  inset-inline-end:0px;
+  inset-inline-start:auto;
+  --tw-translate-x:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-@keyframes radiomark {
-  0% {
-    box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
-      0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
-  }
-
-  50% {
-    box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
-      0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
-  }
-
-  100% {
-    box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
-      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
-  }
+.toast:where(.toast-bottom){
+  bottom:0px;
+  top:auto;
+  --tw-translate-y:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.rating input {
-  -moz-appearance: none;
-       appearance: none;
-  -webkit-appearance: none;
+.toast:where(.toast-middle){
+  bottom:auto;
+  top:50%;
+  --tw-translate-y:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.rating .rating-hidden {
-  width: 0.5rem;
-  background-color: transparent;
+.toast:where(.toast-top){
+  bottom:auto;
+  top:0px;
+  --tw-translate-y:0px;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.rating input[type="radio"]:checked {
-  background-image: none;
+.avatar.online:before{
+  content:"";
+  position:absolute;
+  z-index:10;
+  display:block;
+  border-radius:9999px;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
+  outline-style:solid;
+  outline-width:2px;
+  outline-color:var(--fallback-b1,oklch(var(--b1)/1));
+  width:15%;
+  height:15%;
+  top:7%;
+  right:7%
 }
 
-.rating input:checked ~ input,
-  .rating input[aria-checked="true"] ~ input {
-  --tw-bg-opacity: 0.2;
+.avatar.offline:before{
+  content:"";
+  position:absolute;
+  z-index:10;
+  display:block;
+  border-radius:9999px;
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
+  outline-style:solid;
+  outline-width:2px;
+  outline-color:var(--fallback-b1,oklch(var(--b1)/1));
+  width:15%;
+  height:15%;
+  top:7%;
+  right:7%
+}
+
+.card-compact .card-body{
+  padding:1rem;
+  font-size:0.875rem;
+  line-height:1.25rem
 }
 
-.rating input:focus-visible {
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  transition-duration: 300ms;
-  transform: translateY(-0.125em);
+.card-compact .card-title{
+  margin-bottom:0.25rem
 }
 
-.rating input:active:focus {
-  animation: none;
-  transform: translateY(-0.125em);
+.card-normal .card-body{
+  padding:var(--padding-card, 2rem);
+  font-size:1rem;
+  line-height:1.5rem
 }
 
-.rating-half :where(input:not(.rating-hidden)) {
-  width: 0.75rem;
+.drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay{
+  cursor:default;
+  background-color:transparent
 }
 
-@keyframes rating-pop {
-  0% {
-    transform: translateY(-0.125em);
-  }
-
-  40% {
-    transform: translateY(-0.125em);
-  }
-
-  100% {
-    transform: translateY(0);
-  }
+.join.join-vertical > :where(*:not(:first-child)):is(.btn){
+  margin-top:calc(var(--border-btn) * -1)
 }
 
-.select:focus {
-  box-shadow: none;
-  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
-  outline-style: solid;
-  outline-width: 2px;
-  outline-offset: 2px;
-  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
+.join.join-horizontal > :where(*:not(:first-child)):is(.btn){
+  margin-inline-start:calc(var(--border-btn) * -1)
 }
 
-.select-primary {
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
+.menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  border-radius:var(--rounded-btn, 0.5rem);
+  padding-left:0.75rem;
+  padding-right:0.75rem;
+  padding-top:0.25rem;
+  padding-bottom:0.25rem;
+  font-size:0.875rem;
+  line-height:1.25rem
 }
 
-.select-primary:focus {
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
-  outline-color: var(--fallback-p,oklch(var(--p)/1));
+.menu-sm .menu-title{
+  padding-left:0.75rem;
+  padding-right:0.75rem;
+  padding-top:0.5rem;
+  padding-bottom:0.5rem
 }
 
-.select-disabled,
-  .select:disabled,
-  .select[disabled] {
-  cursor: not-allowed;
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
-  color: var(--fallback-bc,oklch(var(--bc)/0.4));
+.modal-top :where(.modal-box){
+  width:100%;
+  max-width:none;
+  --tw-translate-y:-2.5rem;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  border-bottom-right-radius:var(--rounded-box, 1rem);
+  border-bottom-left-radius:var(--rounded-box, 1rem);
+  border-top-left-radius:0px;
+  border-top-right-radius:0px
 }
 
-.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
-  --tw-placeholder-opacity: 0.2;
+.modal-middle :where(.modal-box){
+  width:91.666667%;
+  max-width:32rem;
+  --tw-translate-y:0px;
+  --tw-scale-x:.9;
+  --tw-scale-y:.9;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  border-top-left-radius:var(--rounded-box, 1rem);
+  border-top-right-radius:var(--rounded-box, 1rem);
+  border-bottom-right-radius:var(--rounded-box, 1rem);
+  border-bottom-left-radius:var(--rounded-box, 1rem)
 }
 
-.select-disabled::placeholder,
-  .select:disabled::placeholder,
-  .select[disabled]::placeholder {
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
-  --tw-placeholder-opacity: 0.2;
+.modal-bottom :where(.modal-box){
+  width:100%;
+  max-width:none;
+  --tw-translate-y:2.5rem;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  border-top-left-radius:var(--rounded-box, 1rem);
+  border-top-right-radius:var(--rounded-box, 1rem);
+  border-bottom-right-radius:0px;
+  border-bottom-left-radius:0px
 }
 
-.select-multiple,
-  .select[multiple],
-  .select[size].select:not([size="1"]) {
-  background-image: none;
-  padding-right: 1rem;
+.sr-only{
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding:0;
+  margin:-1px;
+  overflow:hidden;
+  clip:rect(0, 0, 0, 0);
+  white-space:nowrap;
+  border-width:0
 }
 
-[dir="rtl"] .select {
-  background-position: calc(0% + 12px) calc(1px + 50%),
-    calc(0% + 16px) calc(1px + 50%);
+.visible{
+  visibility:visible
 }
 
-.skeleton {
-  border-radius: var(--rounded-box, 1rem);
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
-  will-change: background-position;
-  animation: skeleton 1.8s ease-in-out infinite;
-  background-image: linear-gradient(
-    105deg,
-    transparent 0%,
-    transparent 40%,
-    var(--fallback-b1,oklch(var(--b1)/1)) 50%,
-    transparent 60%,
-    transparent 100%
-  );
-  background-size: 200% auto;
-  background-repeat: no-repeat;
-  background-position-x: -50%;
+.fixed{
+  position:fixed
 }
 
-@media (prefers-reduced-motion) {
-  .skeleton {
-    animation-duration: 15s;
-  }
+.absolute{
+  position:absolute
 }
 
-@keyframes skeleton {
-  from {
-    background-position: 150%;
-  }
-
-  to {
-    background-position: -50%;
-  }
+.relative{
+  position:relative
 }
 
-.table:where([dir="rtl"], [dir="rtl"] *) {
-  text-align: right;
+.sticky{
+  position:sticky
 }
 
-.table :where(th, td) {
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  vertical-align: middle;
+.inset-0{
+  inset:0px
 }
 
-.table tr.active,
-  .table tr.active:nth-child(even),
-  .table-zebra tbody tr:nth-child(even) {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+.inset-y-0{
+  top:0px;
+  bottom:0px
 }
 
-.table :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child) {
-  border-bottom-width: 1px;
-  --tw-border-opacity: 1;
-  border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+.-bottom-8{
+  bottom:-2rem
 }
 
-.table :where(thead, tfoot) {
-  white-space: nowrap;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  font-weight: 700;
-  color: var(--fallback-bc,oklch(var(--bc)/0.6));
+.-right-10{
+  right:-2.5rem
 }
 
-.table :where(tfoot) {
-  border-top-width: 1px;
-  --tw-border-opacity: 1;
-  border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+.left-\[75\%\]{
+  left:75%
 }
 
-.textarea-bordered {
-  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
+.right-0{
+  right:0px
 }
 
-.textarea:focus {
-  box-shadow: none;
-  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
-  outline-style: solid;
-  outline-width: 2px;
-  outline-offset: 2px;
-  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
+.right-3{
+  right:0.75rem
 }
 
-.textarea-disabled,
-  .textarea:disabled,
-  .textarea[disabled] {
-  cursor: not-allowed;
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
-  color: var(--fallback-bc,oklch(var(--bc)/0.4));
+.right-\[2px\]{
+  right:2px
 }
 
-.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder {
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
-  --tw-placeholder-opacity: 0.2;
+.top-0{
+  top:0px
 }
 
-.textarea-disabled::placeholder,
-  .textarea:disabled::placeholder,
-  .textarea[disabled]::placeholder {
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
-  --tw-placeholder-opacity: 0.2;
+.top-10{
+  top:2.5rem
 }
 
-.toast > * {
-  animation: toast-pop 0.25s ease-out;
+.top-16{
+  top:4rem
 }
 
-@keyframes toast-pop {
-  0% {
-    transform: scale(0.9);
-    opacity: 0;
-  }
+.top-2\/3{
+  top:66.666667%
+}
 
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
+.top-4{
+  top:1rem
 }
 
-.artboard.phone {
-  width: 320px;
+.top-\[-200px\]{
+  top:-200px
 }
 
-.badge-sm {
-  height: 1rem;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  padding-left: 0.438rem;
-  padding-right: 0.438rem;
+.top-\[10\%\]{
+  top:10%
 }
 
-.btn-circle:where(.btn-xs) {
-  height: 1.5rem;
-  width: 1.5rem;
-  border-radius: 9999px;
-  padding: 0px;
+.-z-20{
+  z-index:-20
 }
 
-.btn-circle:where(.btn-sm) {
-  height: 2rem;
-  width: 2rem;
-  border-radius: 9999px;
-  padding: 0px;
+.z-10{
+  z-index:10
 }
 
-.btn-circle:where(.btn-md) {
-  height: 3rem;
-  width: 3rem;
-  border-radius: 9999px;
-  padding: 0px;
+.z-50{
+  z-index:50
 }
 
-.btn-circle:where(.btn-lg) {
-  height: 4rem;
-  width: 4rem;
-  border-radius: 9999px;
-  padding: 0px;
+.z-\[-1\]{
+  z-index:-1
 }
 
-.indicator :where(.indicator-item) {
-  bottom: auto;
-  inset-inline-end: 0px;
-  inset-inline-start: auto;
-  top: 0px;
-  --tw-translate-y: -50%;
-  --tw-translate-x: 50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.z-\[-2\]{
+  z-index:-2
 }
 
-.indicator :where(.indicator-item):where([dir="rtl"], [dir="rtl"] *) {
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.z-\[100\]{
+  z-index:100
 }
 
-.indicator :where(.indicator-item.indicator-start) {
-  inset-inline-end: auto;
-  inset-inline-start: 0px;
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.z-\[1\]{
+  z-index:1
 }
 
-.indicator :where(.indicator-item.indicator-start):where([dir="rtl"], [dir="rtl"] *) {
-  --tw-translate-x: 50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.col-span-1{
+  grid-column:span 1 / span 1
 }
 
-.indicator :where(.indicator-item.indicator-center) {
-  inset-inline-end: 50%;
-  inset-inline-start: 50%;
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.col-span-2{
+  grid-column:span 2 / span 2
 }
 
-.indicator :where(.indicator-item.indicator-center):where([dir="rtl"], [dir="rtl"] *) {
-  --tw-translate-x: 50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.row-span-3{
+  grid-row:span 3 / span 3
 }
 
-.indicator :where(.indicator-item.indicator-end) {
-  inset-inline-end: 0px;
-  inset-inline-start: auto;
-  --tw-translate-x: 50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.m-2{
+  margin:0.5rem
 }
 
-.indicator :where(.indicator-item.indicator-end):where([dir="rtl"], [dir="rtl"] *) {
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.m-3{
+  margin:0.75rem
 }
 
-.indicator :where(.indicator-item.indicator-bottom) {
-  bottom: 0px;
-  top: auto;
-  --tw-translate-y: 50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.m-5{
+  margin:1.25rem
 }
 
-.indicator :where(.indicator-item.indicator-middle) {
-  bottom: 50%;
-  top: 50%;
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.m-auto{
+  margin:auto
 }
 
-.indicator :where(.indicator-item.indicator-top) {
-  bottom: auto;
-  top: 0px;
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.-mx-2{
+  margin-left:-0.5rem;
+  margin-right:-0.5rem
 }
 
-.rating-sm input {
-  height: 1rem;
-  width: 1rem;
+.-mx-4{
+  margin-left:-1rem;
+  margin-right:-1rem
 }
 
-.rating-half.rating-xs input:not(.rating-hidden) {
-  width: 0.375rem;
+.mx-2{
+  margin-left:0.5rem;
+  margin-right:0.5rem
 }
 
-.rating-half.rating-sm input:not(.rating-hidden) {
-  width: 0.5rem;
+.mx-3{
+  margin-left:0.75rem;
+  margin-right:0.75rem
 }
 
-.rating-half.rating-md input:not(.rating-hidden) {
-  width: 0.75rem;
+.mx-4{
+  margin-left:1rem;
+  margin-right:1rem
 }
 
-.rating-half.rating-lg input:not(.rating-hidden) {
-  width: 1.25rem;
+.mx-auto{
+  margin-left:auto;
+  margin-right:auto
 }
 
-.select-md {
-  height: 3rem;
-  min-height: 3rem;
-  padding-left: 1rem;
-  padding-right: 2.5rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  line-height: 2;
+.my-12{
+  margin-top:3rem;
+  margin-bottom:3rem
 }
 
-[dir="rtl"] .select-md {
-  padding-left: 2.5rem;
-  padding-right: 1rem;
+.my-2{
+  margin-top:0.5rem;
+  margin-bottom:0.5rem
 }
 
-:where(.toast) {
-  bottom: 0px;
-  inset-inline-end: 0px;
-  inset-inline-start: auto;
-  top: auto;
-  --tw-translate-x: 0px;
-  --tw-translate-y: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.my-3{
+  margin-top:0.75rem;
+  margin-bottom:0.75rem
 }
 
-.toast:where(.toast-start) {
-  inset-inline-end: auto;
-  inset-inline-start: 0px;
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.my-4{
+  margin-top:1rem;
+  margin-bottom:1rem
 }
 
-.toast:where(.toast-center) {
-  inset-inline-end: 50%;
-  inset-inline-start: 50%;
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.my-5{
+  margin-top:1.25rem;
+  margin-bottom:1.25rem
 }
 
-.toast:where(.toast-center):where([dir="rtl"], [dir="rtl"] *) {
-  --tw-translate-x: 50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.-mb-2{
+  margin-bottom:-0.5rem
 }
 
-.toast:where(.toast-end) {
-  inset-inline-end: 0px;
-  inset-inline-start: auto;
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.mb-1{
+  margin-bottom:0.25rem
 }
 
-.toast:where(.toast-bottom) {
-  bottom: 0px;
-  top: auto;
-  --tw-translate-y: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.mb-2{
+  margin-bottom:0.5rem
 }
 
-.toast:where(.toast-middle) {
-  bottom: auto;
-  top: 50%;
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.mb-20{
+  margin-bottom:5rem
 }
 
-.toast:where(.toast-top) {
-  bottom: auto;
-  top: 0px;
-  --tw-translate-y: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.mb-28{
+  margin-bottom:7rem
 }
 
-.avatar.online:before {
-  content: "";
-  position: absolute;
-  z-index: 10;
-  display: block;
-  border-radius: 9999px;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
-  outline-style: solid;
-  outline-width: 2px;
-  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
-  width: 15%;
-  height: 15%;
-  top: 7%;
-  right: 7%;
-}
-
-.avatar.offline:before {
-  content: "";
-  position: absolute;
-  z-index: 10;
-  display: block;
-  border-radius: 9999px;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
-  outline-style: solid;
-  outline-width: 2px;
-  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
-  width: 15%;
-  height: 15%;
-  top: 7%;
-  right: 7%;
-}
-
-.card-compact .card-body {
-  padding: 1rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
-.card-compact .card-title {
-  margin-bottom: 0.25rem;
-}
-
-.card-normal .card-body {
-  padding: var(--padding-card, 2rem);
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
-.menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-  border-radius: var(--rounded-btn, 0.5rem);
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
-.menu-sm .menu-title {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.modal-top :where(.modal-box) {
-  width: 100%;
-  max-width: none;
-  --tw-translate-y: -2.5rem;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  border-bottom-right-radius: var(--rounded-box, 1rem);
-  border-bottom-left-radius: var(--rounded-box, 1rem);
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
-}
-
-.modal-middle :where(.modal-box) {
-  width: 91.666667%;
-  max-width: 32rem;
-  --tw-translate-y: 0px;
-  --tw-scale-x: .9;
-  --tw-scale-y: .9;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  border-top-left-radius: var(--rounded-box, 1rem);
-  border-top-right-radius: var(--rounded-box, 1rem);
-  border-bottom-right-radius: var(--rounded-box, 1rem);
-  border-bottom-left-radius: var(--rounded-box, 1rem);
-}
-
-.modal-bottom :where(.modal-box) {
-  width: 100%;
-  max-width: none;
-  --tw-translate-y: 2.5rem;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  border-top-left-radius: var(--rounded-box, 1rem);
-  border-top-right-radius: var(--rounded-box, 1rem);
-  border-bottom-right-radius: 0px;
-  border-bottom-left-radius: 0px;
-}
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
+.mb-3{
+  margin-bottom:0.75rem
 }
 
-.visible {
-  visibility: visible;
+.mb-32{
+  margin-bottom:8rem
 }
 
-.fixed {
-  position: fixed;
+.mb-4{
+  margin-bottom:1rem
 }
 
-.absolute {
-  position: absolute;
+.mb-6{
+  margin-bottom:1.5rem
 }
 
-.relative {
-  position: relative;
+.mb-8{
+  margin-bottom:2rem
 }
 
-.sticky {
-  position: sticky;
+.me-4{
+  margin-inline-end:1rem
 }
 
-.inset-0 {
-  inset: 0px;
+.ml-1{
+  margin-left:0.25rem
 }
 
-.-bottom-8 {
-  bottom: -2rem;
+.ml-2{
+  margin-left:0.5rem
 }
 
-.-right-10 {
-  right: -2.5rem;
+.ml-4{
+  margin-left:1rem
 }
 
-.right-0 {
-  right: 0px;
+.ml-6{
+  margin-left:1.5rem
 }
 
-.right-3 {
-  right: 0.75rem;
+.mr-1{
+  margin-right:0.25rem
 }
 
-.right-\[2px\] {
-  right: 2px;
+.mr-2{
+  margin-right:0.5rem
 }
 
-.top-0 {
-  top: 0px;
+.mr-36{
+  margin-right:9rem
 }
 
-.top-10 {
-  top: 2.5rem;
+.mr-4{
+  margin-right:1rem
 }
 
-.top-4 {
-  top: 1rem;
+.ms-2{
+  margin-inline-start:0.5rem
 }
 
-.top-\[-200px\] {
-  top: -200px;
+.ms-4{
+  margin-inline-start:1rem
 }
 
-.-z-20 {
-  z-index: -20;
+.mt-1{
+  margin-top:0.25rem
 }
 
-.z-10 {
-  z-index: 10;
+.mt-12{
+  margin-top:3rem
 }
 
-.z-50 {
-  z-index: 50;
+.mt-2{
+  margin-top:0.5rem
 }
 
-.z-\[-1\] {
-  z-index: -1;
+.mt-3{
+  margin-top:0.75rem
 }
 
-.z-\[-2\] {
-  z-index: -2;
+.mt-4{
+  margin-top:1rem
 }
 
-.z-\[100\] {
-  z-index: 100;
+.mt-5{
+  margin-top:1.25rem
 }
 
-.z-\[1\] {
-  z-index: 1;
+.mt-6{
+  margin-top:1.5rem
 }
 
-.row-span-3 {
-  grid-row: span 3 / span 3;
+.mt-8{
+  margin-top:2rem
 }
 
-.m-3 {
-  margin: 0.75rem;
+.mt-\[60vh\]{
+  margin-top:60vh
 }
 
-.m-5 {
-  margin: 1.25rem;
+.box-content{
+  box-sizing:content-box
 }
 
-.m-auto {
-  margin: auto;
+.block{
+  display:block
 }
 
-.-mx-2 {
-  margin-left: -0.5rem;
-  margin-right: -0.5rem;
+.inline-block{
+  display:inline-block
 }
 
-.-mx-4 {
-  margin-left: -1rem;
-  margin-right: -1rem;
+.flex{
+  display:flex
 }
 
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.inline-flex{
+  display:inline-flex
 }
 
-.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
+.table{
+  display:table
 }
 
-.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
+.grid{
+  display:grid
 }
 
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
+.hidden{
+  display:none
 }
 
-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+.h-12{
+  height:3rem
 }
 
-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
+.h-16{
+  height:4rem
 }
 
-.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
+.h-24{
+  height:6rem
 }
 
-.-mb-2 {
-  margin-bottom: -0.5rem;
+.h-3\/4{
+  height:75%
 }
 
-.mb-1 {
-  margin-bottom: 0.25rem;
+.h-4{
+  height:1rem
 }
 
-.mb-2 {
-  margin-bottom: 0.5rem;
+.h-5{
+  height:1.25rem
 }
 
-.mb-20 {
-  margin-bottom: 5rem;
+.h-6{
+  height:1.5rem
 }
 
-.mb-28 {
-  margin-bottom: 7rem;
+.h-64{
+  height:16rem
 }
 
-.mb-3 {
-  margin-bottom: 0.75rem;
+.h-96{
+  height:24rem
 }
 
-.mb-32 {
-  margin-bottom: 8rem;
+.h-\[250px\]{
+  height:250px
 }
 
-.mb-4 {
-  margin-bottom: 1rem;
+.h-\[500px\]{
+  height:500px
 }
 
-.mb-6 {
-  margin-bottom: 1.5rem;
+.h-\[50vh\]{
+  height:50vh
 }
 
-.mb-8 {
-  margin-bottom: 2rem;
+.h-full{
+  height:100%
 }
 
-.me-4 {
-  margin-inline-end: 1rem;
+.h-screen{
+  height:100vh
 }
 
-.ml-1 {
-  margin-left: 0.25rem;
+.w-1\/2{
+  width:50%
 }
 
-.ml-2 {
-  margin-left: 0.5rem;
+.w-1\/3{
+  width:33.333333%
 }
 
-.ml-6 {
-  margin-left: 1.5rem;
+.w-10{
+  width:2.5rem
 }
 
-.mr-1 {
-  margin-right: 0.25rem;
+.w-11{
+  width:2.75rem
 }
 
-.mr-2 {
-  margin-right: 0.5rem;
+.w-12{
+  width:3rem
 }
 
-.mr-36 {
-  margin-right: 9rem;
+.w-16{
+  width:4rem
 }
 
-.mr-4 {
-  margin-right: 1rem;
+.w-2\/3{
+  width:66.666667%
 }
 
-.ms-2 {
-  margin-inline-start: 0.5rem;
+.w-20{
+  width:5rem
 }
 
-.ms-4 {
-  margin-inline-start: 1rem;
+.w-24{
+  width:6rem
 }
 
-.mt-1 {
-  margin-top: 0.25rem;
+.w-36{
+  width:9rem
 }
 
-.mt-12 {
-  margin-top: 3rem;
+.w-4{
+  width:1rem
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
+.w-48{
+  width:12rem
 }
 
-.mt-3 {
-  margin-top: 0.75rem;
+.w-5{
+  width:1.25rem
 }
 
-.mt-4 {
-  margin-top: 1rem;
+.w-52{
+  width:13rem
 }
 
-.mt-5 {
-  margin-top: 1.25rem;
+.w-6{
+  width:1.5rem
 }
 
-.mt-6 {
-  margin-top: 1.5rem;
+.w-80{
+  width:20rem
 }
 
-.mt-8 {
-  margin-top: 2rem;
+.w-\[18rem\]{
+  width:18rem
 }
 
-.box-content {
-  box-sizing: content-box;
+.w-\[250px\]{
+  width:250px
 }
 
-.block {
-  display: block;
+.w-auto{
+  width:auto
 }
 
-.inline-block {
-  display: inline-block;
+.w-full{
+  width:100%
 }
 
-.flex {
-  display: flex;
+.min-w-\[70\%\]{
+  min-width:70%
 }
 
-.inline-flex {
-  display: inline-flex;
+.max-w-2xl{
+  max-width:42rem
 }
 
-.table {
-  display: table;
+.max-w-6xl{
+  max-width:72rem
 }
 
-.grid {
-  display: grid;
+.max-w-full{
+  max-width:100%
 }
 
-.hidden {
-  display: none;
+.max-w-lg{
+  max-width:32rem
 }
 
-.h-16 {
-  height: 4rem;
+.max-w-md{
+  max-width:28rem
 }
 
-.h-24 {
-  height: 6rem;
+.max-w-screen-md{
+  max-width:768px
 }
 
-.h-4 {
-  height: 1rem;
+.max-w-screen-xl{
+  max-width:1280px
 }
 
-.h-5 {
-  height: 1.25rem;
+.max-w-xl{
+  max-width:36rem
 }
 
-.h-6 {
-  height: 1.5rem;
+.max-w-xs{
+  max-width:20rem
 }
 
-.h-96 {
-  height: 24rem;
+.flex-1{
+  flex:1 1 0%
 }
 
-.h-\[250px\] {
-  height: 250px;
+.flex-none{
+  flex:none
 }
 
-.h-\[50vh\] {
-  height: 50vh;
+.shrink-0{
+  flex-shrink:0
 }
 
-.h-full {
-  height: 100%;
+.flex-grow{
+  flex-grow:1
 }
 
-.h-screen {
-  height: 100vh;
+.flex-grow-0{
+  flex-grow:0
 }
 
-.w-1\/2 {
-  width: 50%;
+.grow{
+  flex-grow:1
 }
 
-.w-1\/3 {
-  width: 33.333333%;
+.origin-bottom{
+  transform-origin:bottom
 }
 
-.w-10 {
-  width: 2.5rem;
+.origin-bottom-left{
+  transform-origin:bottom left
 }
 
-.w-11 {
-  width: 2.75rem;
+.-translate-y-1\/2{
+  --tw-translate-y:-50%;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.w-12 {
-  width: 3rem;
+.-rotate-90{
+  --tw-rotate:-90deg;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.w-16 {
-  width: 4rem;
+.transform{
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.w-2\/3 {
-  width: 66.666667%;
+.cursor-not-allowed{
+  cursor:not-allowed
 }
 
-.w-20 {
-  width: 5rem;
+.cursor-pointer{
+  cursor:pointer
 }
 
-.w-24 {
-  width: 6rem;
+.resize{
+  resize:both
 }
 
-.w-36 {
-  width: 9rem;
+.list-disc{
+  list-style-type:disc
 }
 
-.w-4 {
-  width: 1rem;
+.list-none{
+  list-style-type:none
 }
 
-.w-5 {
-  width: 1.25rem;
+.grid-cols-1{
+  grid-template-columns:repeat(1, minmax(0, 1fr))
 }
 
-.w-52 {
-  width: 13rem;
+.grid-rows-4{
+  grid-template-rows:repeat(4, minmax(0, 1fr))
 }
 
-.w-6 {
-  width: 1.5rem;
+.flex-row{
+  flex-direction:row
 }
 
-.w-\[18rem\] {
-  width: 18rem;
+.flex-row-reverse{
+  flex-direction:row-reverse
 }
 
-.w-\[250px\] {
-  width: 250px;
+.flex-col{
+  flex-direction:column
 }
 
-.w-auto {
-  width: auto;
+.flex-col-reverse{
+  flex-direction:column-reverse
 }
 
-.w-full {
-  width: 100%;
+.flex-wrap{
+  flex-wrap:wrap
 }
 
-.min-w-\[70\%\] {
-  min-width: 70%;
+.items-start{
+  align-items:flex-start
 }
 
-.max-w-2xl {
-  max-width: 42rem;
+.items-center{
+  align-items:center
 }
 
-.max-w-6xl {
-  max-width: 72rem;
+.justify-start{
+  justify-content:flex-start
 }
 
-.max-w-full {
-  max-width: 100%;
+.justify-end{
+  justify-content:flex-end
 }
 
-.max-w-lg {
-  max-width: 32rem;
+.justify-center{
+  justify-content:center
 }
 
-.max-w-md {
-  max-width: 28rem;
+.justify-between{
+  justify-content:space-between
 }
 
-.max-w-screen-md {
-  max-width: 768px;
+.justify-around{
+  justify-content:space-around
 }
 
-.max-w-screen-xl {
-  max-width: 1280px;
+.justify-stretch{
+  justify-content:stretch
 }
 
-.max-w-xl {
-  max-width: 36rem;
+.gap-10{
+  gap:2.5rem
 }
 
-.max-w-xs {
-  max-width: 20rem;
+.gap-2{
+  gap:0.5rem
 }
 
-.flex-1 {
-  flex: 1 1 0%;
+.gap-3{
+  gap:0.75rem
 }
 
-.flex-none {
-  flex: none;
+.gap-4{
+  gap:1rem
 }
 
-.shrink-0 {
-  flex-shrink: 0;
+.gap-5{
+  gap:1.25rem
 }
 
-.grow {
-  flex-grow: 1;
+.gap-6{
+  gap:1.5rem
 }
 
-.cursor-pointer {
-  cursor: pointer;
+.gap-8{
+  gap:2rem
 }
 
-.resize {
-  resize: both;
+.gap-x-4{
+  -moz-column-gap:1rem;
+       column-gap:1rem
 }
 
-.list-disc {
-  list-style-type: disc;
+.gap-x-6{
+  -moz-column-gap:1.5rem;
+       column-gap:1.5rem
 }
 
-.list-none {
-  list-style-type: none;
+.gap-x-8{
+  -moz-column-gap:2rem;
+       column-gap:2rem
 }
 
-.grid-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
+.gap-y-10{
+  row-gap:2.5rem
 }
 
-.grid-rows-4 {
-  grid-template-rows: repeat(4, minmax(0, 1fr));
+.space-x-2 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
-.flex-row {
-  flex-direction: row;
+.space-y-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
 }
 
-.flex-row-reverse {
-  flex-direction: row-reverse;
+.space-y-8 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
 }
 
-.flex-col {
-  flex-direction: column;
+.divide-y > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-y-reverse:0;
+  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
 }
 
-.flex-col-reverse {
-  flex-direction: column-reverse;
+.divide-neutral-200 > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-opacity:1;
+  border-color:rgb(229 229 229 / var(--tw-divide-opacity))
 }
 
-.flex-wrap {
-  flex-wrap: wrap;
+.overflow-hidden{
+  overflow:hidden
 }
 
-.items-start {
-  align-items: flex-start;
+.overflow-x-auto{
+  overflow-x:auto
 }
 
-.items-center {
-  align-items: center;
+.whitespace-nowrap{
+  white-space:nowrap
 }
 
-.justify-start {
-  justify-content: flex-start;
+.text-wrap{
+  text-wrap:wrap
 }
 
-.justify-end {
-  justify-content: flex-end;
+.rounded{
+  border-radius:0.25rem
 }
 
-.justify-center {
-  justify-content: center;
+.rounded-3xl{
+  border-radius:1.5rem
 }
 
-.justify-between {
-  justify-content: space-between;
+.rounded-\[1rem\]{
+  border-radius:1rem
 }
 
-.justify-around {
-  justify-content: space-around;
+.rounded-\[4rem\]{
+  border-radius:4rem
 }
 
-.justify-stretch {
-  justify-content: stretch;
+.rounded-box{
+  border-radius:var(--rounded-box, 1rem)
 }
 
-.gap-10 {
-  gap: 2.5rem;
+.rounded-full{
+  border-radius:9999px
 }
 
-.gap-2 {
-  gap: 0.5rem;
+.rounded-lg{
+  border-radius:0.5rem
 }
 
-.gap-3 {
-  gap: 0.75rem;
+.rounded-md{
+  border-radius:0.375rem
 }
 
-.gap-4 {
-  gap: 1rem;
+.rounded-xl{
+  border-radius:0.75rem
 }
 
-.gap-5 {
-  gap: 1.25rem;
+.border{
+  border-width:1px
 }
 
-.gap-6 {
-  gap: 1.5rem;
+.border-0{
+  border-width:0px
 }
 
-.gap-8 {
-  gap: 2rem;
+.border-2{
+  border-width:2px
 }
 
-.gap-x-4 {
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
+.border-b{
+  border-bottom-width:1px
 }
 
-.gap-x-6 {
-  -moz-column-gap: 1.5rem;
-       column-gap: 1.5rem;
+.border-b-2{
+  border-bottom-width:2px
 }
 
-.gap-x-8 {
-  -moz-column-gap: 2rem;
-       column-gap: 2rem;
+.border-r{
+  border-right-width:1px
 }
 
-.gap-y-10 {
-  row-gap: 2.5rem;
+.border-t{
+  border-top-width:1px
 }
 
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+.border-solid{
+  border-style:solid
 }
 
-.space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+.border-\[\#000000\]{
+  --tw-border-opacity:1;
+  border-color:rgb(0 0 0 / var(--tw-border-opacity))
 }
 
-.divide-y > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+.border-\[\#0000FF\]{
+  --tw-border-opacity:1;
+  border-color:rgb(0 0 255 / var(--tw-border-opacity))
 }
 
-.divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgb(229 229 229 / var(--tw-divide-opacity));
+.border-\[\#C4C4C4\]{
+  --tw-border-opacity:1;
+  border-color:rgb(196 196 196 / var(--tw-border-opacity))
 }
 
-.overflow-hidden {
-  overflow: hidden;
+.border-\[\#b8b8b8\]{
+  --tw-border-opacity:1;
+  border-color:rgb(184 184 184 / var(--tw-border-opacity))
 }
 
-.overflow-x-auto {
-  overflow-x: auto;
+.border-\[\#c4c4c4\]{
+  --tw-border-opacity:1;
+  border-color:rgb(196 196 196 / var(--tw-border-opacity))
 }
 
-.text-wrap {
-  text-wrap: wrap;
+.border-base-300{
+  --tw-border-opacity:1;
+  border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)))
 }
 
-.rounded {
-  border-radius: 0.25rem;
+.border-mygreen{
+  --tw-border-opacity:1;
+  border-color:rgb(6 214 160 / var(--tw-border-opacity))
 }
 
-.rounded-3xl {
-  border-radius: 1.5rem;
+.bg-\[\#0000FF06\]{
+  background-color:#0000FF06
 }
 
-.rounded-\[1rem\] {
-  border-radius: 1rem;
+.bg-base-100{
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
 }
 
-.rounded-\[4rem\] {
-  border-radius: 4rem;
+.bg-base-200{
+  --tw-bg-opacity:1;
+  background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))
 }
 
-.rounded-box {
-  border-radius: var(--rounded-box, 1rem);
+.bg-myblue{
+  --tw-bg-opacity:1;
+  background-color:rgb(17 138 178 / var(--tw-bg-opacity))
 }
 
-.rounded-full {
-  border-radius: 9999px;
+.bg-mygreen{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 214 160 / var(--tw-bg-opacity))
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
+.bg-myred{
+  --tw-bg-opacity:1;
+  background-color:rgb(239 71 111 / var(--tw-bg-opacity))
 }
 
-.rounded-md {
-  border-radius: 0.375rem;
+.bg-mywhite{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
 }
 
-.rounded-xl {
-  border-radius: 0.75rem;
+.bg-myyellow{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 209 102 / var(--tw-bg-opacity))
 }
 
-.border {
-  border-width: 1px;
+.bg-opacity-50{
+  --tw-bg-opacity:0.5
 }
 
-.border-0 {
-  border-width: 0px;
+.stroke-current{
+  stroke:currentColor
 }
 
-.border-2 {
-  border-width: 2px;
+.object-cover{
+  -o-object-fit:cover;
+     object-fit:cover
 }
 
-.border-b {
-  border-bottom-width: 1px;
+.object-center{
+  -o-object-position:center;
+     object-position:center
 }
 
-.border-b-2 {
-  border-bottom-width: 2px;
+.p-1{
+  padding:0.25rem
 }
 
-.border-t {
-  border-top-width: 1px;
+.p-2{
+  padding:0.5rem
 }
 
-.border-solid {
-  border-style: solid;
+.p-3{
+  padding:0.75rem
 }
 
-.border-\[\#000000\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+.p-4{
+  padding:1rem
 }
 
-.border-\[\#0000FF\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 0 255 / var(--tw-border-opacity));
+.p-5{
+  padding:1.25rem
 }
 
-.border-\[\#C4C4C4\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(196 196 196 / var(--tw-border-opacity));
+.p-6{
+  padding:1.5rem
 }
 
-.border-\[\#b8b8b8\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(184 184 184 / var(--tw-border-opacity));
+.p-8{
+  padding:2rem
 }
 
-.border-\[\#c4c4c4\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(196 196 196 / var(--tw-border-opacity));
+.px-10{
+  padding-left:2.5rem;
+  padding-right:2.5rem
 }
 
-.border-base-300 {
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
+.px-12{
+  padding-left:3rem;
+  padding-right:3rem
 }
 
-.border-mygreen {
-  --tw-border-opacity: 1;
-  border-color: rgb(6 214 160 / var(--tw-border-opacity));
+.px-2{
+  padding-left:0.5rem;
+  padding-right:0.5rem
 }
 
-.bg-\[\#0000FF06\] {
-  background-color: #0000FF06;
+.px-3{
+  padding-left:0.75rem;
+  padding-right:0.75rem
 }
 
-.bg-base-100 {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+.px-4{
+  padding-left:1rem;
+  padding-right:1rem
 }
 
-.bg-base-200 {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+.px-6{
+  padding-left:1.5rem;
+  padding-right:1.5rem
 }
 
-.bg-mygreen {
-  --tw-bg-opacity: 1;
-  background-color: rgb(6 214 160 / var(--tw-bg-opacity));
+.px-8{
+  padding-left:2rem;
+  padding-right:2rem
 }
 
-.bg-myred {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 71 111 / var(--tw-bg-opacity));
+.py-1{
+  padding-top:0.25rem;
+  padding-bottom:0.25rem
 }
 
-.bg-mywhite {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+.py-11{
+  padding-top:2.75rem;
+  padding-bottom:2.75rem
 }
 
-.bg-myyellow {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 209 102 / var(--tw-bg-opacity));
+.py-12{
+  padding-top:3rem;
+  padding-bottom:3rem
 }
 
-.bg-opacity-50 {
-  --tw-bg-opacity: 0.5;
+.py-16{
+  padding-top:4rem;
+  padding-bottom:4rem
 }
 
-.stroke-current {
-  stroke: currentColor;
+.py-2{
+  padding-top:0.5rem;
+  padding-bottom:0.5rem
 }
 
-.object-cover {
-  -o-object-fit: cover;
-     object-fit: cover;
+.py-2\.5{
+  padding-top:0.625rem;
+  padding-bottom:0.625rem
 }
 
-.object-center {
-  -o-object-position: center;
-     object-position: center;
+.py-3{
+  padding-top:0.75rem;
+  padding-bottom:0.75rem
 }
 
-.p-1 {
-  padding: 0.25rem;
+.py-4{
+  padding-top:1rem;
+  padding-bottom:1rem
 }
 
-.p-2 {
-  padding: 0.5rem;
+.py-5{
+  padding-top:1.25rem;
+  padding-bottom:1.25rem
 }
 
-.p-4 {
-  padding: 1rem;
+.py-8{
+  padding-top:2rem;
+  padding-bottom:2rem
 }
 
-.p-5 {
-  padding: 1.25rem;
+.pb-1{
+  padding-bottom:0.25rem
 }
 
-.p-8 {
-  padding: 2rem;
+.pb-3{
+  padding-bottom:0.75rem
 }
 
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
+.pb-4{
+  padding-bottom:1rem
 }
 
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+.pb-8{
+  padding-bottom:2rem
 }
 
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+.pe-0{
+  padding-inline-end:0px
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
+.pe-3{
+  padding-inline-end:0.75rem
 }
 
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+.pe-4{
+  padding-inline-end:1rem
 }
 
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
+.pe-5{
+  padding-inline-end:1.25rem
 }
 
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+.pl-0{
+  padding-left:0px
 }
 
-.py-11 {
-  padding-top: 2.75rem;
-  padding-bottom: 2.75rem;
+.pl-10{
+  padding-left:2.5rem
 }
 
-.py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
+.pl-12{
+  padding-left:3rem
 }
 
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
+.pl-2{
+  padding-left:0.5rem
 }
 
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+.pl-4{
+  padding-left:1rem
 }
 
-.py-2\.5 {
-  padding-top: 0.625rem;
-  padding-bottom: 0.625rem;
+.pl-6{
+  padding-left:1.5rem
 }
 
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+.pl-8{
+  padding-left:2rem
 }
 
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+.pr-0{
+  padding-right:0px
 }
 
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+.pr-1{
+  padding-right:0.25rem
 }
 
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
+.pr-2{
+  padding-right:0.5rem
 }
 
-.pb-3 {
-  padding-bottom: 0.75rem;
+.pr-4{
+  padding-right:1rem
 }
 
-.pb-4 {
-  padding-bottom: 1rem;
+.pr-6{
+  padding-right:1.5rem
 }
 
-.pb-8 {
-  padding-bottom: 2rem;
+.ps-0{
+  padding-inline-start:0px
 }
 
-.pe-0 {
-  padding-inline-end: 0px;
+.ps-4{
+  padding-inline-start:1rem
 }
 
-.pe-3 {
-  padding-inline-end: 0.75rem;
+.pt-1{
+  padding-top:0.25rem
 }
 
-.pe-4 {
-  padding-inline-end: 1rem;
+.pt-11{
+  padding-top:2.75rem
 }
 
-.pe-5 {
-  padding-inline-end: 1.25rem;
+.pt-12{
+  padding-top:3rem
 }
 
-.pl-12 {
-  padding-left: 3rem;
+.pt-4{
+  padding-top:1rem
 }
 
-.ps-0 {
-  padding-inline-start: 0px;
+.pt-8{
+  padding-top:2rem
 }
 
-.ps-4 {
-  padding-inline-start: 1rem;
+.text-left{
+  text-align:left
 }
 
-.pt-11 {
-  padding-top: 2.75rem;
+.text-center{
+  text-align:center
 }
 
-.pt-12 {
-  padding-top: 3rem;
+.text-right{
+  text-align:right
 }
 
-.pt-4 {
-  padding-top: 1rem;
+.text-justify{
+  text-align:justify
 }
 
-.pt-8 {
-  padding-top: 2rem;
+.text-end{
+  text-align:end
 }
 
-.text-center {
-  text-align: center;
+.text-2xl{
+  font-size:1.5rem;
+  line-height:2rem
 }
 
-.text-right {
-  text-align: right;
+.text-3xl{
+  font-size:1.875rem;
+  line-height:2.25rem
 }
 
-.text-justify {
-  text-align: justify;
+.text-4xl{
+  font-size:2.25rem;
+  line-height:2.5rem
 }
 
-.text-end {
-  text-align: end;
+.text-\[1rem\]{
+  font-size:1rem
 }
 
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
+.text-base{
+  font-size:1rem;
+  line-height:1.5rem
 }
 
-.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
+.text-lg{
+  font-size:1.125rem;
+  line-height:1.75rem
 }
 
-.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
+.text-sm{
+  font-size:0.875rem;
+  line-height:1.25rem
 }
 
-.text-\[1rem\] {
-  font-size: 1rem;
+.text-xl{
+  font-size:1.25rem;
+  line-height:1.75rem
 }
 
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
+.text-xs{
+  font-size:0.75rem;
+  line-height:1rem
 }
 
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
+.font-bold{
+  font-weight:700
 }
 
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.font-extrabold{
+  font-weight:800
 }
 
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
+.font-medium{
+  font-weight:500
 }
 
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
+.font-normal{
+  font-weight:400
 }
 
-.font-bold {
-  font-weight: 700;
+.font-semibold{
+  font-weight:600
 }
 
-.font-extrabold {
-  font-weight: 800;
+.uppercase{
+  text-transform:uppercase
 }
 
-.font-medium {
-  font-weight: 500;
+.lowercase{
+  text-transform:lowercase
 }
 
-.font-normal {
-  font-weight: 400;
+.capitalize{
+  text-transform:capitalize
 }
 
-.font-semibold {
-  font-weight: 600;
+.italic{
+  font-style:italic
 }
 
-.uppercase {
-  text-transform: uppercase;
+.tracking-wide{
+  letter-spacing:0.025em
 }
 
-.lowercase {
-  text-transform: lowercase;
+.tracking-wider{
+  letter-spacing:0.05em
 }
 
-.italic {
-  font-style: italic;
+.text-\[\#073b4c\]{
+  --tw-text-opacity:1;
+  color:rgb(7 59 76 / var(--tw-text-opacity))
 }
 
-.tracking-wide {
-  letter-spacing: 0.025em;
+.text-\[\#636364\]{
+  --tw-text-opacity:1;
+  color:rgb(99 99 100 / var(--tw-text-opacity))
 }
 
-.tracking-wider {
-  letter-spacing: 0.05em;
+.text-mygreen{
+  --tw-text-opacity:1;
+  color:rgb(6 214 160 / var(--tw-text-opacity))
 }
 
-.text-\[\#073b4c\] {
-  --tw-text-opacity: 1;
-  color: rgb(7 59 76 / var(--tw-text-opacity));
+.text-mynavy{
+  --tw-text-opacity:1;
+  color:rgb(7 59 76 / var(--tw-text-opacity))
 }
 
-.text-\[\#636364\] {
-  --tw-text-opacity: 1;
-  color: rgb(99 99 100 / var(--tw-text-opacity));
+.text-myred{
+  --tw-text-opacity:1;
+  color:rgb(239 71 111 / var(--tw-text-opacity))
 }
 
-.text-mygreen {
-  --tw-text-opacity: 1;
-  color: rgb(6 214 160 / var(--tw-text-opacity));
+.text-mywhite{
+  --tw-text-opacity:1;
+  color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
-.text-mynavy {
-  --tw-text-opacity: 1;
-  color: rgb(7 59 76 / var(--tw-text-opacity));
+.text-neutral{
+  --tw-text-opacity:1;
+  color:var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)))
 }
 
-.text-myred {
-  --tw-text-opacity: 1;
-  color: rgb(239 71 111 / var(--tw-text-opacity));
+.underline{
+  text-decoration-line:underline
 }
 
-.text-mywhite {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+.line-through{
+  text-decoration-line:line-through
 }
 
-.text-neutral {
-  --tw-text-opacity: 1;
-  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
+.opacity-50{
+  opacity:0.5
 }
 
-.underline {
-  text-decoration-line: underline;
+.opacity-70{
+  opacity:0.7
 }
 
-.line-through {
-  text-decoration-line: line-through;
+.opacity-75{
+  opacity:0.75
 }
 
-.opacity-70 {
-  opacity: 0.7;
+.shadow{
+  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.opacity-75 {
-  opacity: 0.75;
+.shadow-2xl{
+  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.shadow-lg{
+  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.shadow-2xl {
-  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.shadow-md{
+  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.shadow-lg {
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.shadow-sm{
+  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 
-.outline {
-  outline-style: solid;
+.outline{
+  outline-style:solid
 }
 
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+.filter{
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
-.backdrop-blur-md {
-  --tw-backdrop-blur: blur(12px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+.backdrop-blur-md{
+  --tw-backdrop-blur:blur(12px);
+  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+          backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
 }
 
-.backdrop-filter {
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+.backdrop-filter{
+  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+          backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
 }
 
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.transition{
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
 }
 
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.transition-all{
+  transition-property:all;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
 }
 
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.transition-colors{
+  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
 }
 
-.duration-100 {
-  transition-duration: 100ms;
+.duration-100{
+  transition-duration:100ms
 }
 
-.duration-1000 {
-  transition-duration: 1000ms;
+.duration-1000{
+  transition-duration:1000ms
 }
 
-.duration-200 {
-  transition-duration: 200ms;
+.duration-200{
+  transition-duration:200ms
 }
 
-.duration-300 {
-  transition-duration: 300ms;
+.duration-300{
+  transition-duration:300ms
 }
 
-.duration-500 {
-  transition-duration: 500ms;
+.duration-500{
+  transition-duration:500ms
 }
 
-.duration-75 {
-  transition-duration: 75ms;
+.duration-75{
+  transition-duration:75ms
 }
 
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+.ease-in{
+  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
 }
 
 *,
@@ -3897,488 +7405,576 @@ img:hover {
   opacity: 0.9;
 }
 
-.placeholder\:text-sm::-moz-placeholder {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+@media (min-width: 768px){
+  .md\:drawer-open > .drawer-toggle{
+    display:none
+  }
+
+  .md\:drawer-open > .drawer-toggle ~ .drawer-side{
+    pointer-events:auto;
+    visibility:visible;
+    position:sticky;
+    display:block;
+    width:auto;
+    overscroll-behavior:auto
+  }
+
+  .md\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){
+    transform:translateX(0%)
+  }
+
+  [dir="rtl"] .md\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay){
+    transform:translateX(0%)
+  }
+
+  .md\:drawer-open > .drawer-toggle:checked ~ .drawer-side{
+    pointer-events:auto;
+    visibility:visible
+  }
+
+  .md\:drawer-open > .drawer-side{
+    overflow-y:auto
+  }
+
+  html:has(.md\:drawer-open.md\:drawer-open){
+    overflow-y:auto;
+    scrollbar-gutter:auto
+  }
+
+  .md\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay{
+    cursor:default;
+    background-color:transparent
+  }
+}
+
+.placeholder\:text-sm::-moz-placeholder{
+  font-size:0.875rem;
+  line-height:1.25rem
 }
 
-.placeholder\:text-sm::placeholder {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.placeholder\:text-sm::placeholder{
+  font-size:0.875rem;
+  line-height:1.25rem
 }
 
-.hover\:scale-105:hover {
-  --tw-scale-x: 1.05;
-  --tw-scale-y: 1.05;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.hover\:scale-105:hover{
+  --tw-scale-x:1.05;
+  --tw-scale-y:1.05;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-.hover\:bg-mygreen:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(6 214 160 / var(--tw-bg-opacity));
+.hover\:cursor-pointer:hover{
+  cursor:pointer
 }
 
-.hover\:bg-myred:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 71 111 / var(--tw-bg-opacity));
+.hover\:bg-mygreen:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 214 160 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-myyellow:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 209 102 / var(--tw-bg-opacity));
+.hover\:bg-myred:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(239 71 111 / var(--tw-bg-opacity))
 }
 
-.hover\:font-semibold:hover {
-  font-weight: 600;
+.hover\:bg-myyellow:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 209 102 / var(--tw-bg-opacity))
 }
 
-.hover\:underline:hover {
-  text-decoration-line: underline;
+.hover\:font-semibold:hover{
+  font-weight:600
 }
 
-.hover\:opacity-75:hover {
-  opacity: 0.75;
+.hover\:text-mygreen:hover{
+  --tw-text-opacity:1;
+  color:rgb(6 214 160 / var(--tw-text-opacity))
 }
 
-.hover\:duration-300:hover {
-  transition-duration: 300ms;
+.hover\:text-mywhite:hover{
+  --tw-text-opacity:1;
+  color:rgb(255 255 255 / var(--tw-text-opacity))
 }
 
-.focus\:outline-none:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+.hover\:underline:hover{
+  text-decoration-line:underline
 }
 
-.focus\:ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+.hover\:opacity-75:hover{
+  opacity:0.75
 }
 
-.focus\:ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
+.focus\:outline-none:focus{
+  outline:2px solid transparent;
+  outline-offset:2px
 }
 
-.group[open] .group-open\:rotate-180 {
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.focus\:ring-2:focus{
+  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
 }
 
-.group:hover .group-hover\:opacity-75 {
-  opacity: 0.75;
+.focus\:ring-offset-2:focus{
+  --tw-ring-offset-width:2px
 }
 
-.group:hover .group-hover\:opacity-90 {
-  opacity: 0.9;
+.group[open] .group-open\:rotate-180{
+  --tw-rotate:180deg;
+  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.group:hover .group-hover\:opacity-90{
+  opacity:0.9
 }
 
-@media not all and (min-width: 640px) {
-  .max-sm\:flex-col {
-    flex-direction: column;
+@media not all and (min-width: 640px){
+  .max-sm\:flex-col{
+    flex-direction:column
   }
 
-  .max-sm\:items-center {
-    align-items: center;
+  .max-sm\:items-center{
+    align-items:center
   }
 
-  .max-sm\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
+  .max-sm\:px-4{
+    padding-left:1rem;
+    padding-right:1rem
   }
 
-  .max-sm\:text-left {
-    text-align: left;
+  .max-sm\:text-left{
+    text-align:left
   }
 }
 
-@media (min-width: 640px) {
-  .sm\:h-\[350px\] {
-    height: 350px;
+@media (min-width: 640px){
+  .sm\:col-span-1{
+    grid-column:span 1 / span 1
+  }
+
+  .sm\:col-span-3{
+    grid-column:span 3 / span 3
+  }
+
+  .sm\:h-\[350px\]{
+    height:350px
   }
 
-  .sm\:w-1\/3 {
-    width: 33.333333%;
+  .sm\:w-1\/3{
+    width:33.333333%
   }
 
-  .sm\:w-52 {
-    width: 13rem;
+  .sm\:w-52{
+    width:13rem
   }
 
-  .sm\:w-80 {
-    width: 20rem;
+  .sm\:w-80{
+    width:20rem
   }
 
-  .sm\:w-full {
-    width: 100%;
+  .sm\:w-full{
+    width:100%
   }
 
-  .sm\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+  .sm\:grid-cols-2{
+    grid-template-columns:repeat(2, minmax(0, 1fr))
   }
 
-  .sm\:flex-row {
-    flex-direction: row;
+  .sm\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr))
   }
 
-  .sm\:items-center {
-    align-items: center;
+  .sm\:grid-cols-8{
+    grid-template-columns:repeat(8, minmax(0, 1fr))
   }
 
-  .sm\:gap-0 {
-    gap: 0px;
+  .sm\:flex-row{
+    flex-direction:row
   }
 
-  .sm\:p-0 {
-    padding: 0px;
+  .sm\:items-center{
+    align-items:center
   }
 
-  .sm\:p-4 {
-    padding: 1rem;
+  .sm\:gap-0{
+    gap:0px
   }
 
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+  .sm\:p-0{
+    padding:0px
   }
 
-  .sm\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+  .sm\:p-4{
+    padding:1rem
   }
 
-  .sm\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+  .sm\:px-6{
+    padding-left:1.5rem;
+    padding-right:1.5rem
   }
 
-  .sm\:pt-8 {
-    padding-top: 2rem;
+  .sm\:py-12{
+    padding-top:3rem;
+    padding-bottom:3rem
   }
 
-  .sm\:text-6xl {
-    font-size: 3.75rem;
-    line-height: 1;
+  .sm\:py-6{
+    padding-top:1.5rem;
+    padding-bottom:1.5rem
+  }
+
+  .sm\:pt-8{
+    padding-top:2rem
+  }
+
+  .sm\:text-6xl{
+    font-size:3.75rem;
+    line-height:1
   }
 }
 
-@media (min-width: 768px) {
-  .md\:top-\[-150px\] {
-    top: -150px;
+@media (min-width: 768px){
+  .md\:top-\[-150px\]{
+    top:-150px
+  }
+
+  .md\:col-span-2{
+    grid-column:span 2 / span 2
+  }
+
+  .md\:my-6{
+    margin-top:1.5rem;
+    margin-bottom:1.5rem
   }
 
-  .md\:my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
+  .md\:mb-0{
+    margin-bottom:0px
   }
 
-  .md\:mb-0 {
-    margin-bottom: 0px;
+  .md\:mb-40{
+    margin-bottom:10rem
   }
 
-  .md\:mb-40 {
-    margin-bottom: 10rem;
+  .md\:mb-8{
+    margin-bottom:2rem
   }
 
-  .md\:mb-8 {
-    margin-bottom: 2rem;
+  .md\:ml-16{
+    margin-left:4rem
   }
 
-  .md\:ml-16 {
-    margin-left: 4rem;
+  .md\:mr-16{
+    margin-right:4rem
   }
 
-  .md\:mr-16 {
-    margin-right: 4rem;
+  .md\:mr-6{
+    margin-right:1.5rem
   }
 
-  .md\:mr-6 {
-    margin-right: 1.5rem;
+  .md\:mt-0{
+    margin-top:0px
   }
 
-  .md\:mt-0 {
-    margin-top: 0px;
+  .md\:block{
+    display:block
   }
 
-  .md\:block {
-    display: block;
+  .md\:flex{
+    display:flex
   }
 
-  .md\:flex {
-    display: flex;
+  .md\:hidden{
+    display:none
   }
 
-  .md\:hidden {
-    display: none;
+  .md\:h-24{
+    height:6rem
   }
 
-  .md\:h-24 {
-    height: 6rem;
+  .md\:h-40{
+    height:10rem
   }
 
-  .md\:h-40 {
-    height: 10rem;
+  .md\:h-\[38rem\]{
+    height:38rem
   }
 
-  .md\:h-\[38rem\] {
-    height: 38rem;
+  .md\:w-1\/2{
+    width:50%
   }
 
-  .md\:w-1\/2 {
-    width: 50%;
+  .md\:w-1\/3{
+    width:33.333333%
   }
 
-  .md\:w-1\/3 {
-    width: 33.333333%;
+  .md\:w-1\/6{
+    width:16.666667%
   }
 
-  .md\:w-1\/6 {
-    width: 16.666667%;
+  .md\:w-24{
+    width:6rem
   }
 
-  .md\:w-24 {
-    width: 6rem;
+  .md\:w-36{
+    width:9rem
   }
 
-  .md\:w-36 {
-    width: 9rem;
+  .md\:w-4\/12{
+    width:33.333333%
   }
 
-  .md\:w-4\/12 {
-    width: 33.333333%;
+  .md\:w-4\/6{
+    width:66.666667%
   }
 
-  .md\:w-4\/6 {
-    width: 66.666667%;
+  .md\:w-7\/12{
+    width:58.333333%
   }
 
-  .md\:w-7\/12 {
-    width: 58.333333%;
+  .md\:w-\[30rem\]{
+    width:30rem
   }
 
-  .md\:w-\[30rem\] {
-    width: 30rem;
+  .md\:w-full{
+    width:100%
   }
 
-  .md\:w-full {
-    width: 100%;
+  .md\:flex-none{
+    flex:none
   }
 
-  .md\:flex-none {
-    flex: none;
+  .md\:grid-cols-2{
+    grid-template-columns:repeat(2, minmax(0, 1fr))
   }
 
-  .md\:flex-row {
-    flex-direction: row;
+  .md\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr))
   }
 
-  .md\:flex-row-reverse {
-    flex-direction: row-reverse;
+  .md\:flex-row{
+    flex-direction:row
   }
 
-  .md\:items-center {
-    align-items: center;
+  .md\:flex-row-reverse{
+    flex-direction:row-reverse
   }
 
-  .md\:justify-end {
-    justify-content: flex-end;
+  .md\:items-center{
+    align-items:center
   }
 
-  .md\:justify-center {
-    justify-content: center;
+  .md\:justify-end{
+    justify-content:flex-end
   }
 
-  .md\:justify-between {
-    justify-content: space-between;
+  .md\:justify-center{
+    justify-content:center
   }
 
-  .md\:border-s-2 {
-    border-inline-start-width: 2px;
+  .md\:justify-between{
+    justify-content:space-between
   }
 
-  .md\:p-8 {
-    padding: 2rem;
+  .md\:border-s-2{
+    border-inline-start-width:2px
   }
 
-  .md\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
+  .md\:p-8{
+    padding:2rem
   }
 
-  .md\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+  .md\:px-48{
+    padding-left:12rem;
+    padding-right:12rem
   }
 
-  .md\:pe-12 {
-    padding-inline-end: 3rem;
+  .md\:px-6{
+    padding-left:1.5rem;
+    padding-right:1.5rem
   }
 
-  .md\:ps-8 {
-    padding-inline-start: 2rem;
+  .md\:pe-12{
+    padding-inline-end:3rem
   }
 
-  .md\:text-center {
-    text-align: center;
+  .md\:ps-8{
+    padding-inline-start:2rem
   }
 
-  .md\:text-right {
-    text-align: right;
+  .md\:text-center{
+    text-align:center
   }
 
-  .md\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
+  .md\:text-right{
+    text-align:right
   }
 
-  .md\:text-4xl {
-    font-size: 2.25rem;
-    line-height: 2.5rem;
+  .md\:text-3xl{
+    font-size:1.875rem;
+    line-height:2.25rem
   }
 
-  .md\:text-lg {
-    font-size: 1.125rem;
-    line-height: 1.75rem;
+  .md\:text-4xl{
+    font-size:2.25rem;
+    line-height:2.5rem
   }
 
-  .md\:text-sm {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
+  .md\:text-lg{
+    font-size:1.125rem;
+    line-height:1.75rem
   }
 
-  .md\:text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
+  .md\:text-sm{
+    font-size:0.875rem;
+    line-height:1.25rem
+  }
+
+  .md\:text-xl{
+    font-size:1.25rem;
+    line-height:1.75rem
   }
 }
 
-@media (min-width: 1024px) {
-  .lg\:col-span-2 {
-    grid-column: span 2 / span 2;
+@media (min-width: 1024px){
+  .lg\:col-span-2{
+    grid-column:span 2 / span 2
+  }
+
+  .lg\:col-span-3{
+    grid-column:span 3 / span 3
+  }
+
+  .lg\:mb-0{
+    margin-bottom:0px
+  }
+
+  .lg\:mb-10{
+    margin-bottom:2.5rem
   }
 
-  .lg\:col-span-3 {
-    grid-column: span 3 / span 3;
+  .lg\:block{
+    display:block
   }
 
-  .lg\:mb-0 {
-    margin-bottom: 0px;
+  .lg\:flex{
+    display:flex
   }
 
-  .lg\:mb-10 {
-    margin-bottom: 2.5rem;
+  .lg\:grid{
+    display:grid
   }
 
-  .lg\:block {
-    display: block;
+  .lg\:hidden{
+    display:none
   }
 
-  .lg\:grid {
-    display: grid;
+  .lg\:h-2\/4{
+    height:50%
   }
 
-  .lg\:h-2\/4 {
-    height: 50%;
+  .lg\:h-full{
+    height:100%
   }
 
-  .lg\:h-full {
-    height: 100%;
+  .lg\:w-1\/2{
+    width:50%
   }
 
-  .lg\:w-1\/2 {
-    width: 50%;
+  .lg\:w-1\/4{
+    width:25%
   }
 
-  .lg\:w-1\/4 {
-    width: 25%;
+  .lg\:w-2\/12{
+    width:16.666667%
   }
 
-  .lg\:w-2\/12 {
-    width: 16.666667%;
+  .lg\:w-3\/4{
+    width:75%
   }
 
-  .lg\:w-3\/4 {
-    width: 75%;
+  .lg\:w-4\/12{
+    width:33.333333%
   }
 
-  .lg\:w-4\/12 {
-    width: 33.333333%;
+  .lg\:w-6\/12{
+    width:50%
   }
 
-  .lg\:w-6\/12 {
-    width: 50%;
+  .lg\:w-full{
+    width:100%
   }
 
-  .lg\:w-full {
-    width: 100%;
+  .lg\:max-w-7xl{
+    max-width:80rem
   }
 
-  .lg\:max-w-7xl {
-    max-width: 80rem;
+  .lg\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr))
   }
 
-  .lg\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+  .lg\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr))
   }
 
-  .lg\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
+  .lg\:grid-cols-5{
+    grid-template-columns:repeat(5, minmax(0, 1fr))
   }
 
-  .lg\:flex-row {
-    flex-direction: row;
+  .lg\:flex-row{
+    flex-direction:row
   }
 
-  .lg\:border-s-2 {
-    border-inline-start-width: 2px;
+  .lg\:border-s-2{
+    border-inline-start-width:2px
   }
 
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
+  .lg\:px-8{
+    padding-left:2rem;
+    padding-right:2rem
   }
 
-  .lg\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
+  .lg\:py-4{
+    padding-top:1rem;
+    padding-bottom:1rem
   }
 
-  .lg\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
+  .lg\:py-8{
+    padding-top:2rem;
+    padding-bottom:2rem
   }
 
-  .lg\:pe-12 {
-    padding-inline-end: 3rem;
+  .lg\:pe-12{
+    padding-inline-end:3rem
   }
 
-  .lg\:pl-20 {
-    padding-left: 5rem;
+  .lg\:pl-20{
+    padding-left:5rem
   }
 
-  .lg\:ps-8 {
-    padding-inline-start: 2rem;
+  .lg\:ps-8{
+    padding-inline-start:2rem
   }
 
-  .lg\:pt-0 {
-    padding-top: 0px;
+  .lg\:pt-0{
+    padding-top:0px
   }
 }
 
-@media (min-width: 1280px) {
-  .xl\:mb-0 {
-    margin-bottom: 0px;
+@media (min-width: 1280px){
+  .xl\:mb-0{
+    margin-bottom:0px
   }
 
-  .xl\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
+  .xl\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr))
   }
 
-  .xl\:gap-x-8 {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
+  .xl\:gap-x-8{
+    -moz-column-gap:2rem;
+         column-gap:2rem
   }
 
-  .xl\:pt-1 {
-    padding-top: 0.25rem;
+  .xl\:pt-1{
+    padding-top:0.25rem
   }
 }
\ No newline at end of file