From 208b88126de1481094a77ce40610b842406d8875 Mon Sep 17 00:00:00 2001
From: Jean-Francis Bastien <jfbastien@petalmd.com>
Date: Thu, 10 Apr 2025 09:17:26 -0400
Subject: [PATCH 1/4] WIP

---
 .ruby-version                                 |    2 +
 Gemfile                                       |   22 +-
 Gemfile.lock                                  |  315 +-
 README.md                                     |    6 +
 .../gravity_mailbox/mailbox/_mail.html.erb    |   16 +-
 .../gravity_mailbox/mailbox/index.html.erb    |  115 +-
 app/views/layouts/gravity_mailbox.html.erb    |   12 +-
 gravity_mailbox.gemspec                       |    7 +-
 lib/gravity_mailbox/engine.rb                 |    6 +-
 .../gravity_mailbox/application.css           | 8078 +++++++++++++++++
 .../views/application_mailer/welcome.html.erb |    1 +
 .../views/application_mailer/welcome.text.erb |    1 +
 tailwind/application.css                      |    4 +
 tailwind/daisyui.js                           |    8 +
 14 files changed, 8367 insertions(+), 226 deletions(-)
 create mode 100644 .ruby-version
 create mode 100644 public/stylesheets/gravity_mailbox/application.css
 create mode 100644 tailwind/application.css
 create mode 100644 tailwind/daisyui.js

diff --git a/.ruby-version b/.ruby-version
new file mode 100644
index 0000000..e77b4d3
--- /dev/null
+++ b/.ruby-version
@@ -0,0 +1,2 @@
+3.3.7
+
diff --git a/Gemfile b/Gemfile
index 7d35961..c41f903 100644
--- a/Gemfile
+++ b/Gemfile
@@ -5,10 +5,18 @@ source 'https://rubygems.org'
 # Specify your gem's dependencies in gravity_mailbox.gemspec
 gemspec
 
-gem 'combustion'
-gem 'rails-controller-testing'
-gem 'rake', '~> 13.0'
-gem 'rspec'
-gem 'rspec-rails'
-gem 'rubocop'
-gem 'rubocop-rspec'
+group 'development' do
+  gem 'puma'
+  gem 'rake'
+  gem 'rubocop'
+  gem 'rubocop-rspec'
+  gem 'combustion'
+  gem 'tailwindcss-ruby'
+end
+
+group 'test' do
+  gem 'rails-controller-testing'
+  gem 'rspec'
+  gem 'rspec-rails'
+end
+
diff --git a/Gemfile.lock b/Gemfile.lock
index e00e2c8..c79a336 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -2,205 +2,204 @@ PATH
   remote: .
   specs:
     gravity_mailbox (0.4.1)
-      rails (>= 6.0)
+      actionmailer (>= 7.0)
+      railties (>= 7.0)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    actioncable (6.1.7.3)
-      actionpack (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
-      nio4r (~> 2.0)
-      websocket-driver (>= 0.6.1)
-    actionmailbox (6.1.7.3)
-      actionpack (= 6.1.7.3)
-      activejob (= 6.1.7.3)
-      activerecord (= 6.1.7.3)
-      activestorage (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
-      mail (>= 2.7.1)
-    actionmailer (6.1.7.3)
-      actionpack (= 6.1.7.3)
-      actionview (= 6.1.7.3)
-      activejob (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
-      mail (~> 2.5, >= 2.5.4)
-      rails-dom-testing (~> 2.0)
-    actionpack (6.1.7.3)
-      actionview (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
-      rack (~> 2.0, >= 2.0.9)
-      rack-test (>= 0.6.3)
-      rails-dom-testing (~> 2.0)
-      rails-html-sanitizer (~> 1.0, >= 1.2.0)
-    actiontext (6.1.7.3)
-      actionpack (= 6.1.7.3)
-      activerecord (= 6.1.7.3)
-      activestorage (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
+    actionmailer (8.0.2)
+      actionpack (= 8.0.2)
+      actionview (= 8.0.2)
+      activejob (= 8.0.2)
+      activesupport (= 8.0.2)
+      mail (>= 2.8.0)
+      rails-dom-testing (~> 2.2)
+    actionpack (8.0.2)
+      actionview (= 8.0.2)
+      activesupport (= 8.0.2)
       nokogiri (>= 1.8.5)
-    actionview (6.1.7.3)
-      activesupport (= 6.1.7.3)
+      rack (>= 2.2.4)
+      rack-session (>= 1.0.1)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.2)
+      rails-html-sanitizer (~> 1.6)
+      useragent (~> 0.16)
+    actionview (8.0.2)
+      activesupport (= 8.0.2)
       builder (~> 3.1)
-      erubi (~> 1.4)
-      rails-dom-testing (~> 2.0)
-      rails-html-sanitizer (~> 1.1, >= 1.2.0)
-    activejob (6.1.7.3)
-      activesupport (= 6.1.7.3)
+      erubi (~> 1.11)
+      rails-dom-testing (~> 2.2)
+      rails-html-sanitizer (~> 1.6)
+    activejob (8.0.2)
+      activesupport (= 8.0.2)
       globalid (>= 0.3.6)
-    activemodel (6.1.7.3)
-      activesupport (= 6.1.7.3)
-    activerecord (6.1.7.3)
-      activemodel (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
-    activestorage (6.1.7.3)
-      actionpack (= 6.1.7.3)
-      activejob (= 6.1.7.3)
-      activerecord (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
-      marcel (~> 1.0)
-      mini_mime (>= 1.1.0)
-    activesupport (6.1.7.3)
-      concurrent-ruby (~> 1.0, >= 1.0.2)
+    activesupport (8.0.2)
+      base64
+      benchmark (>= 0.3)
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
       i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
       minitest (>= 5.1)
-      tzinfo (~> 2.0)
-      zeitwerk (~> 2.3)
-    ast (2.4.2)
-    builder (3.2.4)
-    combustion (1.3.7)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
+      uri (>= 0.13.1)
+    ast (2.4.3)
+    base64 (0.2.0)
+    benchmark (0.4.0)
+    bigdecimal (3.1.9)
+    builder (3.3.0)
+    combustion (1.5.0)
       activesupport (>= 3.0.0)
       railties (>= 3.0.0)
       thor (>= 0.14.6)
-    concurrent-ruby (1.1.10)
+    concurrent-ruby (1.3.5)
+    connection_pool (2.5.0)
     crass (1.0.6)
-    date (3.3.3)
-    diff-lcs (1.5.0)
-    erubi (1.12.0)
-    globalid (1.1.0)
-      activesupport (>= 5.0)
-    i18n (1.12.0)
+    date (3.4.1)
+    diff-lcs (1.6.1)
+    drb (2.2.1)
+    erubi (1.13.1)
+    globalid (1.2.1)
+      activesupport (>= 6.1)
+    i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    json (2.6.2)
-    loofah (2.19.1)
+    io-console (0.8.0)
+    irb (1.15.1)
+      pp (>= 0.6.0)
+      rdoc (>= 4.0.0)
+      reline (>= 0.4.2)
+    json (2.10.2)
+    language_server-protocol (3.17.0.4)
+    lint_roller (1.1.0)
+    logger (1.7.0)
+    loofah (2.24.0)
       crass (~> 1.0.2)
-      nokogiri (>= 1.5.9)
+      nokogiri (>= 1.12.0)
     mail (2.8.1)
       mini_mime (>= 0.1.1)
       net-imap
       net-pop
       net-smtp
-    marcel (1.0.2)
-    method_source (1.0.0)
-    mini_mime (1.1.2)
-    mini_portile2 (2.8.2)
-    minitest (5.17.0)
-    net-imap (0.3.6)
+    mini_mime (1.1.5)
+    mini_portile2 (2.8.8)
+    minitest (5.25.5)
+    net-imap (0.5.6)
       date
       net-protocol
     net-pop (0.1.2)
       net-protocol
-    net-protocol (0.2.1)
+    net-protocol (0.2.2)
       timeout
-    net-smtp (0.3.3)
+    net-smtp (0.5.1)
       net-protocol
-    nio4r (2.5.9)
-    nokogiri (1.13.10)
-      mini_portile2 (~> 2.8.0)
+    nio4r (2.7.4)
+    nokogiri (1.18.7)
+      mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
-    parallel (1.22.1)
-    parser (3.1.2.1)
+    parallel (1.26.3)
+    parser (3.3.7.4)
       ast (~> 2.4.1)
-    racc (1.7.1)
-    rack (2.2.7)
-    rack-test (2.0.2)
+      racc
+    pp (0.6.2)
+      prettyprint
+    prettyprint (0.2.0)
+    prism (1.4.0)
+    psych (5.2.3)
+      date
+      stringio
+    puma (6.6.0)
+      nio4r (~> 2.0)
+    racc (1.8.1)
+    rack (3.1.12)
+    rack-session (2.1.0)
+      base64 (>= 0.1.0)
+      rack (>= 3.0.0)
+    rack-test (2.2.0)
       rack (>= 1.3)
-    rails (6.1.7.3)
-      actioncable (= 6.1.7.3)
-      actionmailbox (= 6.1.7.3)
-      actionmailer (= 6.1.7.3)
-      actionpack (= 6.1.7.3)
-      actiontext (= 6.1.7.3)
-      actionview (= 6.1.7.3)
-      activejob (= 6.1.7.3)
-      activemodel (= 6.1.7.3)
-      activerecord (= 6.1.7.3)
-      activestorage (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
-      bundler (>= 1.15.0)
-      railties (= 6.1.7.3)
-      sprockets-rails (>= 2.0.0)
+    rackup (2.2.1)
+      rack (>= 3)
     rails-controller-testing (1.0.5)
       actionpack (>= 5.0.1.rc1)
       actionview (>= 5.0.1.rc1)
       activesupport (>= 5.0.1.rc1)
-    rails-dom-testing (2.0.3)
-      activesupport (>= 4.2.0)
+    rails-dom-testing (2.2.0)
+      activesupport (>= 5.0.0)
+      minitest
       nokogiri (>= 1.6)
-    rails-html-sanitizer (1.5.0)
-      loofah (~> 2.19, >= 2.19.1)
-    railties (6.1.7.3)
-      actionpack (= 6.1.7.3)
-      activesupport (= 6.1.7.3)
-      method_source
+    rails-html-sanitizer (1.6.2)
+      loofah (~> 2.21)
+      nokogiri (>= 1.15.7, != 1.16.7, != 1.16.6, != 1.16.5, != 1.16.4, != 1.16.3, != 1.16.2, != 1.16.1, != 1.16.0.rc1, != 1.16.0)
+    railties (8.0.2)
+      actionpack (= 8.0.2)
+      activesupport (= 8.0.2)
+      irb (~> 1.13)
+      rackup (>= 1.0.0)
       rake (>= 12.2)
-      thor (~> 1.0)
+      thor (~> 1.0, >= 1.2.2)
+      zeitwerk (~> 2.6)
     rainbow (3.1.1)
-    rake (13.0.6)
-    regexp_parser (2.6.0)
-    rexml (3.2.5)
-    rspec (3.12.0)
-      rspec-core (~> 3.12.0)
-      rspec-expectations (~> 3.12.0)
-      rspec-mocks (~> 3.12.0)
-    rspec-core (3.12.0)
-      rspec-support (~> 3.12.0)
-    rspec-expectations (3.12.0)
+    rake (13.2.1)
+    rdoc (6.13.1)
+      psych (>= 4.0.0)
+    regexp_parser (2.10.0)
+    reline (0.6.0)
+      io-console (~> 0.5)
+    rspec (3.13.0)
+      rspec-core (~> 3.13.0)
+      rspec-expectations (~> 3.13.0)
+      rspec-mocks (~> 3.13.0)
+    rspec-core (3.13.3)
+      rspec-support (~> 3.13.0)
+    rspec-expectations (3.13.3)
       diff-lcs (>= 1.2.0, < 2.0)
-      rspec-support (~> 3.12.0)
-    rspec-mocks (3.12.0)
+      rspec-support (~> 3.13.0)
+    rspec-mocks (3.13.2)
       diff-lcs (>= 1.2.0, < 2.0)
-      rspec-support (~> 3.12.0)
-    rspec-rails (5.1.2)
-      actionpack (>= 5.2)
-      activesupport (>= 5.2)
-      railties (>= 5.2)
-      rspec-core (~> 3.10)
-      rspec-expectations (~> 3.10)
-      rspec-mocks (~> 3.10)
-      rspec-support (~> 3.10)
-    rspec-support (3.12.0)
-    rubocop (1.38.0)
+      rspec-support (~> 3.13.0)
+    rspec-rails (7.1.1)
+      actionpack (>= 7.0)
+      activesupport (>= 7.0)
+      railties (>= 7.0)
+      rspec-core (~> 3.13)
+      rspec-expectations (~> 3.13)
+      rspec-mocks (~> 3.13)
+      rspec-support (~> 3.13)
+    rspec-support (3.13.2)
+    rubocop (1.75.1)
       json (~> 2.3)
+      language_server-protocol (~> 3.17.0.2)
+      lint_roller (~> 1.1.0)
       parallel (~> 1.10)
-      parser (>= 3.1.2.1)
+      parser (>= 3.3.0.2)
       rainbow (>= 2.2.2, < 4.0)
-      regexp_parser (>= 1.8, < 3.0)
-      rexml (>= 3.2.5, < 4.0)
-      rubocop-ast (>= 1.23.0, < 2.0)
+      regexp_parser (>= 2.9.3, < 3.0)
+      rubocop-ast (>= 1.43.0, < 2.0)
       ruby-progressbar (~> 1.7)
-      unicode-display_width (>= 1.4.0, < 3.0)
-    rubocop-ast (1.23.0)
-      parser (>= 3.1.1.0)
-    rubocop-rspec (2.17.1)
-      rubocop (~> 1.33)
-    ruby-progressbar (1.11.0)
-    sprockets (4.2.0)
-      concurrent-ruby (~> 1.0)
-      rack (>= 2.2.4, < 4)
-    sprockets-rails (3.4.2)
-      actionpack (>= 5.2)
-      activesupport (>= 5.2)
-      sprockets (>= 3.0.0)
-    thor (1.2.2)
-    timeout (0.3.2)
+      unicode-display_width (>= 2.4.0, < 4.0)
+    rubocop-ast (1.43.0)
+      parser (>= 3.3.7.2)
+      prism (~> 1.4)
+    rubocop-rspec (3.5.0)
+      lint_roller (~> 1.1)
+      rubocop (~> 1.72, >= 1.72.1)
+    ruby-progressbar (1.13.0)
+    securerandom (0.4.1)
+    stringio (3.1.6)
+    tailwindcss-ruby (4.0.17)
+    thor (1.3.2)
+    timeout (0.4.3)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    unicode-display_width (2.3.0)
-    websocket-driver (0.7.5)
-      websocket-extensions (>= 0.1.0)
-    websocket-extensions (0.1.5)
-    zeitwerk (2.6.8)
+    unicode-display_width (3.1.4)
+      unicode-emoji (~> 4.0, >= 4.0.4)
+    unicode-emoji (4.0.4)
+    uri (1.0.3)
+    useragent (0.16.11)
+    zeitwerk (2.7.2)
 
 PLATFORMS
   ruby
@@ -208,12 +207,14 @@ PLATFORMS
 DEPENDENCIES
   combustion
   gravity_mailbox!
+  puma
   rails-controller-testing
-  rake (~> 13.0)
+  rake
   rspec
   rspec-rails
   rubocop
   rubocop-rspec
+  tailwindcss-ruby
 
 BUNDLED WITH
-   2.2.3
+   2.5.22
diff --git a/README.md b/README.md
index 7d826c3..1f19f95 100644
--- a/README.md
+++ b/README.md
@@ -61,6 +61,12 @@ After checking out the repo, run `bin/setup` to install dependencies. Then, run
 
 To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
 
+### Build TailwindCSS
+
+```shell
+bundle exec tailwindcss -w --optimize  -i tailwind/application.css -o public/stylesheets/gravity_mailbox/application.css
+```
+
 ### Standalone app
 
 Use `bundle exec rackup` to test locally the gem. Go to [http://localhost:9292](http://localhost:9292)
diff --git a/app/views/gravity_mailbox/mailbox/_mail.html.erb b/app/views/gravity_mailbox/mailbox/_mail.html.erb
index a8109b4..4f609bf 100644
--- a/app/views/gravity_mailbox/mailbox/_mail.html.erb
+++ b/app/views/gravity_mailbox/mailbox/_mail.html.erb
@@ -1,5 +1,7 @@
 
-<div class="mail-list-item <%= mail.message_id == params[:id] ? 'selected-mail' : '' %>" data-mail-id="<%= mail.message_id %>">
+<div class="mail-list-item <%= mail.message_id == params[:id] ? 'selected-mail' : '' %>"
+     data-mail-id="<%= mail.message_id %>"
+x-on:click="id = '<%= mail.message_id %>'">
   <div class="level" style="margin-bottom: 12px">
     <div class="level-left" style="width: 80%">
       <span class="has-text-weight-semibold	mail-subject"><%= mail.subject %></span>
@@ -7,18 +9,14 @@
     <div class="level-right">
       <div class="dropdown is-right">
         <div class="dropdown-trigger" style="width: 24px; height: 24px;">
-          <span class="icon">
-            <ion-icon name="ellipsis-vertical-outline"></ion-icon>
-          </span>
+          <i class="bi bi-three-dots-vertical"></i>
         </div>
         <div class="dropdown-menu" id="dropdown-menu" role="menu">
           <div class="dropdown-content">
             <div class="dropdown-item">
               <%= link_to "/gravity_mailbox/download_eml?id=#{mail.message_id}", class: ['link-button'] do %>
                     <span class="icon-text">
-                      <span class="icon has-text-centered">
-                        <ion-icon name="download-outline"></ion-icon>
-                      </span>
+                      <i class="bi bi-download"></i>
                       <span>Download .eml</span>
                     </span>
               <% end %>
@@ -27,9 +25,7 @@
             <div class="dropdown-item">
               <%= button_to "/gravity_mailbox/delete?id=#{mail.message_id}", class: ['link-button'], method: :post do %>
                     <span class="icon-text">
-                      <span class="icon has-text-centered">
-                        <ion-icon name="trash-outline"></ion-icon>
-                      </span>
+                      <i class="bi bi-trash3"></i>
                       <span>Delete</span>
                     </span>
               <% end %>
diff --git a/app/views/gravity_mailbox/mailbox/index.html.erb b/app/views/gravity_mailbox/mailbox/index.html.erb
index 9df9161..0fb725e 100644
--- a/app/views/gravity_mailbox/mailbox/index.html.erb
+++ b/app/views/gravity_mailbox/mailbox/index.html.erb
@@ -8,14 +8,6 @@
     width: 100%;
   }
 
-  .navbar {
-    background-color: #007bff !important;
-  }
-
-  .navbar-brand > h1 {
-    font-family: 'Righteous', cursive !important;
-  }
-
   .mail-list-column {
     height: 100vh;
     overflow: scroll;
@@ -68,7 +60,36 @@
   }
 <% end %>
 
-<div class="columns mb-0 mt-0">
+<div class="flex">
+  <div class="w-92">
+    <div class="navbar bg-base-100 shadow-sm">
+      <div class="flex-1">
+        <a class="btn btn-ghost text-xl">daisyUI</a>
+      </div>
+      <div class="flex-none">
+
+<div class="dropdown dropdown-end">
+  <div tabindex="0" role="button" class="btn btn-ghost btn-circle">
+    <i class="bi bi-three-dots-vertical text-lg"></i>
+  </div>
+  <ul tabindex="0" class="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-100 rounded-box w-52">
+    <li>
+      <%= button_to '/gravity_mailbox/delete_all', method: :post, class: "text-error" do %>
+        <i class="bi bi-trash3"></i>
+        Delete all
+      <% end %>
+    </li>
+  </ul>
+</div>
+      </div>
+    </div>
+  </div>
+  <div class="flex-1">
+
+  </div>
+</div>
+
+<div class="columns mb-0 mt-0" x-data="{ id: null }">
   <div class="column is-one-quarter pt-0 pr-0 mail-list-column">
     <div class="navbar has-background-info">
       <div class="navbar-brand">
@@ -77,11 +98,13 @@
       <div class="navbar-menu">
         <div class="navbar-end">
           <div class="navbar-item">
-            <div class="dropdown is-right" id="toolbar-dropdown">
-              <div class="dropdown-trigger" style="width: 24px; height: 24px;">
-                 <span class="icon has-text-white has-text-centered" aria-controls="dropdown-menu">
-                    <ion-icon size="large" name="menu-outline"></ion-icon>
-                </span>
+            <div class="dropdown is-right">
+              <div class="dropdown-trigger">
+                <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
+                  <i class="icon bi bi-list"></i>
+                </button>
+<!--                 <span class="icon has-text-white has-text-centered" aria-controls="dropdown-menu">-->
+<!--                </span>-->
               </div>
               <div class="dropdown-menu" id="dropdown-menu" role="menu">
                 <div class="dropdown-content">
@@ -89,7 +112,7 @@
                     <%= button_to '/gravity_mailbox/delete_all', class: ['link-button'], method: :post do %>
                       <span class="icon-text">
                         <span class="icon has-text-centered">
-                          <ion-icon name="trash-outline"></ion-icon>
+                          <i class="bi bi-trash3"></i>
                         </span>
                         <span>Delete all</span>
                       </span>
@@ -107,43 +130,47 @@
       <%= render partial: 'mail', locals: { mail: mail, index: index } %>
     <% end %>
   </div>
-  <div class="column pb-0 pt-0 pl-0">
-    <iframe id="iframe-mail-container" seamless name="messageBody" src="<%= params[:id] ? "?part=true&id=#{params[:id]}" : '' %>"></iframe>
+  <div class="column pb-0 pt-0 pl-0" x-data="{ part: 'html' }">
+    <iframe id="iframe-mail-container"
+            seamless
+            name="messageBody"
+            x-bind:src="'/gravity_mailbox?part=' + true + '&id=' + id"
+            ></iframe>
   </div>
 </div>
 
 <script>
-    function closeAllOtherDropdown(e) {
-        document.querySelectorAll(".dropdown").forEach((dropdown) => {
-            dropdown.classList.remove('is-active');
-        })
-    }
+    // function closeAllOtherDropdown(e) {
+    //     document.querySelectorAll(".dropdown").forEach((dropdown) => {
+    //         dropdown.classList.remove('is-active');
+    //     })
+    // }
 
     // Click on mail and change iframe src
-    let mailItems = document.querySelectorAll(".mail-list-item")
-    mailItems.forEach(mailItem => {
-        mailItem.addEventListener("click", () => {
-            document.querySelector("#iframe-mail-container").src = "/gravity_mailbox?part=true&id=" + mailItem.dataset.mailId
-            mailItems.forEach(mailItem => mailItem.classList.remove("selected-mail"))
-            mailItem.classList.add("selected-mail")
-        })
-    })
+    <!-- let mailItems = document.querySelectorAll(".mail-list-item") -->
+    <!-- mailItems.forEach(mailItem => { -->
+        <!-- mailItem.addEventListener("click", () => { -->
+            <!-- document.querySelector("#iframe-mail-container").src = "/gravity_mailbox?part=true&id=" + mailItem.dataset.mailId -->
+            <!-- mailItems.forEach(mailItem => mailItem.classList.remove("selected-mail")) -->
+            <!-- mailItem.classList.add("selected-mail") -->
+        <!-- }) -->
+    <!-- }) -->
 
     // Close all dropdowns if the user clicks outside of them
-    document.addEventListener("click", (e) => {
-        document.querySelectorAll(".dropdown").forEach((dropdown) => {
-            dropdown.classList.remove("is-active")
-        })
-    });
-
-    // Each mail menu dropdown
-    document.querySelectorAll('.dropdown-trigger').forEach((dropdown) => {
-        dropdown.addEventListener('click', function (e) {
-            closeAllOtherDropdown(e)
-            e.target.closest(".dropdown").classList.toggle('is-active');
-            e.stopPropagation();
-        })
-    })
+    // document.addEventListener("click", (e) => {
+    //     document.querySelectorAll(".dropdown").forEach((dropdown) => {
+    //         dropdown.classList.remove("is-active")
+    //     })
+    // });
+    //
+    // // Each mail menu dropdown
+    // document.querySelectorAll('.dropdown-trigger').forEach((dropdown) => {
+    //     dropdown.addEventListener('click', function (e) {
+    //         closeAllOtherDropdown(e)
+    //         e.target.closest(".dropdown").classList.toggle('is-active');
+    //         e.stopPropagation();
+    //     })
+    // })
 
     function displayAutomaticallyTheFirstEmail() {
         const mailItems = document.querySelectorAll(".mail-list-item");
diff --git a/app/views/layouts/gravity_mailbox.html.erb b/app/views/layouts/gravity_mailbox.html.erb
index 0faacc4..85bf5b6 100644
--- a/app/views/layouts/gravity_mailbox.html.erb
+++ b/app/views/layouts/gravity_mailbox.html.erb
@@ -1,18 +1,22 @@
 <!DOCTYPE html>
-<html>
+<html data-theme="cupcake">
   <head>
     <meta name="viewport" content="width=device-width"/>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
+<!--    <link-->
+<!--      rel="stylesheet"-->
+<!--      href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"-->
+<!--    >-->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
     <style>
       <%= yield :style %>
     </style>
+    <%= stylesheet_link_tag "gravity_mailbox/application" %>
   </head>
   <body>
     <%= yield %>
-    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
-    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
   </body>
 </html>
diff --git a/gravity_mailbox.gemspec b/gravity_mailbox.gemspec
index 1d137a2..fec683a 100644
--- a/gravity_mailbox.gemspec
+++ b/gravity_mailbox.gemspec
@@ -13,9 +13,9 @@ Gem::Specification.new do |spec|
                        'sent by your Rails app directly through your Rails app.'
   spec.homepage      = 'https://github.com/petalmd/gravity_mailbox'
   spec.license       = 'MIT'
-  spec.required_ruby_version = Gem::Requirement.new('>= 2.6.0')
+  spec.required_ruby_version = Gem::Requirement.new('>= 2.7.0')
 
-  spec.files = Dir['LICENSE.txt', 'README.md', 'lib/**/*', 'config/**/*', 'app/**/*']
+  spec.files = Dir['LICENSE.txt', 'README.md', 'lib/**/*', 'config/**/*', 'app/**/*', 'public/**/*']
   spec.extra_rdoc_files = %w[LICENSE.txt README.md]
   spec.require_paths = ['lib']
 
@@ -27,5 +27,6 @@ Gem::Specification.new do |spec|
     'rubygems_mfa_required' => 'true'
   }
 
-  spec.add_dependency 'rails', '>= 6.0'
+  spec.add_dependency 'actionmailer', '>= 7.0'
+  spec.add_dependency 'railties', '>= 7.0'
 end
diff --git a/lib/gravity_mailbox/engine.rb b/lib/gravity_mailbox/engine.rb
index ac5e1dc..10cba34 100644
--- a/lib/gravity_mailbox/engine.rb
+++ b/lib/gravity_mailbox/engine.rb
@@ -4,7 +4,7 @@
 require_relative 'rails_cache_delivery_method'
 
 module GravityMailbox
-  class Engine < ::Rails::Engine # :nodoc:
+  class Engine < ::Rails::Engine
     isolate_namespace(GravityMailbox)
 
     initializer 'gravity_mailbox.add_delivery_method' do
@@ -15,5 +15,9 @@ class Engine < ::Rails::Engine # :nodoc:
         )
       end
     end
+
+    initializer "gravity_mailbox.static_assets" do |app|
+      app.middleware.use ::ActionDispatch::Static, "#{root}/public"
+    end
   end
 end
diff --git a/public/stylesheets/gravity_mailbox/application.css b/public/stylesheets/gravity_mailbox/application.css
new file mode 100644
index 0000000..9bd415b
--- /dev/null
+++ b/public/stylesheets/gravity_mailbox/application.css
@@ -0,0 +1,8078 @@
+/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+@layer theme {
+  :root, :host {
+    --color-black: #000;
+    --spacing: .25rem;
+    --text-xs: .75rem;
+    --text-xs--line-height: calc(1 / .75);
+    --text-lg: 1.125rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --ease-out: cubic-bezier(0, 0, .2, 1);
+    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
+    --default-transition-duration: .15s;
+    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  }
+}
+
+@layer base {
+  *, :after, :before, ::backdrop {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+
+  ::file-selector-button {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+
+  html, :host {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-feature-settings: normal;
+    font-variation-settings: normal;
+    -webkit-tap-highlight-color: transparent;
+    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+    line-height: 1.5;
+  }
+
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+
+  b, strong {
+    font-weight: bolder;
+  }
+
+  code, kbd, samp, pre {
+    font-feature-settings: normal;
+    font-variation-settings: normal;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+    font-size: 1em;
+  }
+
+  small {
+    font-size: 80%;
+  }
+
+  sub, sup {
+    vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+  }
+
+  sub {
+    bottom: -.25em;
+  }
+
+  sup {
+    top: -.5em;
+  }
+
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+
+  :-moz-focusring {
+    outline: auto;
+  }
+
+  progress {
+    vertical-align: baseline;
+  }
+
+  summary {
+    display: list-item;
+  }
+
+  ol, ul, menu {
+    list-style: none;
+  }
+
+  img, svg, video, canvas, audio, iframe, embed, object {
+    vertical-align: middle;
+    display: block;
+  }
+
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  button, input, select, optgroup, textarea {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+
+  ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+
+  ::placeholder {
+    opacity: 1;
+  }
+
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: color-mix(in oklab, currentColor 50%, transparent);
+    }
+  }
+
+  textarea {
+    resize: vertical;
+  }
+
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+
+  ::-webkit-datetime-edit {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-year-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-month-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-day-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-hour-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-minute-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-second-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-millisecond-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+
+  button, input:where([type="button"], [type="reset"], [type="submit"]) {
+    appearance: button;
+  }
+
+  ::file-selector-button {
+    appearance: button;
+  }
+
+  ::-webkit-inner-spin-button {
+    height: auto;
+  }
+
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+
+  :where(:root), :root:has(input.theme-controller[value="light"]:checked), [data-theme="light"] {
+    color-scheme: light;
+    --color-base-100: oklch(100% 0 0);
+    --color-base-200: oklch(98% 0 0);
+    --color-base-300: oklch(95% 0 0);
+    --color-base-content: oklch(21% .006 285.885);
+    --color-primary: oklch(45% .24 277.023);
+    --color-primary-content: oklch(93% .034 272.788);
+    --color-secondary: oklch(65% .241 354.308);
+    --color-secondary-content: oklch(94% .028 342.258);
+    --color-accent: oklch(77% .152 181.912);
+    --color-accent-content: oklch(38% .063 188.416);
+    --color-neutral: oklch(14% .005 285.823);
+    --color-neutral-content: oklch(92% .004 286.32);
+    --color-info: oklch(74% .16 232.661);
+    --color-info-content: oklch(29% .066 243.157);
+    --color-success: oklch(76% .177 163.223);
+    --color-success-content: oklch(37% .077 168.94);
+    --color-warning: oklch(82% .189 84.429);
+    --color-warning-content: oklch(41% .112 45.904);
+    --color-error: oklch(71% .194 13.428);
+    --color-error-content: oklch(27% .105 12.094);
+    --radius-selector: .5rem;
+    --radius-field: .25rem;
+    --radius-box: .5rem;
+    --size-selector: .25rem;
+    --size-field: .25rem;
+    --border: 1px;
+    --depth: 1;
+    --noise: 0;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :root {
+      color-scheme: dark;
+      --color-base-100: oklch(25.33% .016 252.42);
+      --color-base-200: oklch(23.26% .014 253.1);
+      --color-base-300: oklch(21.15% .012 254.09);
+      --color-base-content: oklch(97.807% .029 256.847);
+      --color-primary: oklch(58% .233 277.117);
+      --color-primary-content: oklch(96% .018 272.314);
+      --color-secondary: oklch(65% .241 354.308);
+      --color-secondary-content: oklch(94% .028 342.258);
+      --color-accent: oklch(77% .152 181.912);
+      --color-accent-content: oklch(38% .063 188.416);
+      --color-neutral: oklch(14% .005 285.823);
+      --color-neutral-content: oklch(92% .004 286.32);
+      --color-info: oklch(74% .16 232.661);
+      --color-info-content: oklch(29% .066 243.157);
+      --color-success: oklch(76% .177 163.223);
+      --color-success-content: oklch(37% .077 168.94);
+      --color-warning: oklch(82% .189 84.429);
+      --color-warning-content: oklch(41% .112 45.904);
+      --color-error: oklch(71% .194 13.428);
+      --color-error-content: oklch(27% .105 12.094);
+      --radius-selector: .5rem;
+      --radius-field: .25rem;
+      --radius-box: .5rem;
+      --size-selector: .25rem;
+      --size-field: .25rem;
+      --border: 1px;
+      --depth: 1;
+      --noise: 0;
+    }
+  }
+
+  :root:has(input.theme-controller[value="light"]:checked), [data-theme="light"] {
+    color-scheme: light;
+    --color-base-100: oklch(100% 0 0);
+    --color-base-200: oklch(98% 0 0);
+    --color-base-300: oklch(95% 0 0);
+    --color-base-content: oklch(21% .006 285.885);
+    --color-primary: oklch(45% .24 277.023);
+    --color-primary-content: oklch(93% .034 272.788);
+    --color-secondary: oklch(65% .241 354.308);
+    --color-secondary-content: oklch(94% .028 342.258);
+    --color-accent: oklch(77% .152 181.912);
+    --color-accent-content: oklch(38% .063 188.416);
+    --color-neutral: oklch(14% .005 285.823);
+    --color-neutral-content: oklch(92% .004 286.32);
+    --color-info: oklch(74% .16 232.661);
+    --color-info-content: oklch(29% .066 243.157);
+    --color-success: oklch(76% .177 163.223);
+    --color-success-content: oklch(37% .077 168.94);
+    --color-warning: oklch(82% .189 84.429);
+    --color-warning-content: oklch(41% .112 45.904);
+    --color-error: oklch(71% .194 13.428);
+    --color-error-content: oklch(27% .105 12.094);
+    --radius-selector: .5rem;
+    --radius-field: .25rem;
+    --radius-box: .5rem;
+    --size-selector: .25rem;
+    --size-field: .25rem;
+    --border: 1px;
+    --depth: 1;
+    --noise: 0;
+  }
+
+  :root:has(input.theme-controller[value="dark"]:checked), [data-theme="dark"] {
+    color-scheme: dark;
+    --color-base-100: oklch(25.33% .016 252.42);
+    --color-base-200: oklch(23.26% .014 253.1);
+    --color-base-300: oklch(21.15% .012 254.09);
+    --color-base-content: oklch(97.807% .029 256.847);
+    --color-primary: oklch(58% .233 277.117);
+    --color-primary-content: oklch(96% .018 272.314);
+    --color-secondary: oklch(65% .241 354.308);
+    --color-secondary-content: oklch(94% .028 342.258);
+    --color-accent: oklch(77% .152 181.912);
+    --color-accent-content: oklch(38% .063 188.416);
+    --color-neutral: oklch(14% .005 285.823);
+    --color-neutral-content: oklch(92% .004 286.32);
+    --color-info: oklch(74% .16 232.661);
+    --color-info-content: oklch(29% .066 243.157);
+    --color-success: oklch(76% .177 163.223);
+    --color-success-content: oklch(37% .077 168.94);
+    --color-warning: oklch(82% .189 84.429);
+    --color-warning-content: oklch(41% .112 45.904);
+    --color-error: oklch(71% .194 13.428);
+    --color-error-content: oklch(27% .105 12.094);
+    --radius-selector: .5rem;
+    --radius-field: .25rem;
+    --radius-box: .5rem;
+    --size-selector: .25rem;
+    --size-field: .25rem;
+    --border: 1px;
+    --depth: 1;
+    --noise: 0;
+  }
+
+  :root:has(input.theme-controller[value="cupcake"]:checked), [data-theme="cupcake"] {
+    color-scheme: light;
+    --color-base-100: oklch(97.788% .004 56.375);
+    --color-base-200: oklch(93.982% .007 61.449);
+    --color-base-300: oklch(91.586% .006 53.44);
+    --color-base-content: oklch(23.574% .066 313.189);
+    --color-primary: oklch(85% .138 181.071);
+    --color-primary-content: oklch(43% .078 188.216);
+    --color-secondary: oklch(89% .061 343.231);
+    --color-secondary-content: oklch(45% .187 3.815);
+    --color-accent: oklch(90% .076 70.697);
+    --color-accent-content: oklch(47% .157 37.304);
+    --color-neutral: oklch(27% .006 286.033);
+    --color-neutral-content: oklch(92% .004 286.32);
+    --color-info: oklch(68% .169 237.323);
+    --color-info-content: oklch(29% .066 243.157);
+    --color-success: oklch(69% .17 162.48);
+    --color-success-content: oklch(26% .051 172.552);
+    --color-warning: oklch(79% .184 86.047);
+    --color-warning-content: oklch(28% .066 53.813);
+    --color-error: oklch(64% .246 16.439);
+    --color-error-content: oklch(27% .105 12.094);
+    --radius-selector: 1rem;
+    --radius-field: 2rem;
+    --radius-box: 1rem;
+    --size-selector: .25rem;
+    --size-field: .25rem;
+    --border: 2px;
+    --depth: 1;
+    --noise: 0;
+  }
+
+  @property --radialprogress {
+    syntax: "<percentage>"; inherits: true; initial-value: 0%;
+  }
+
+  :root {
+    scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
+  }
+
+  :root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked) {
+    overflow: hidden;
+  }
+
+  :root, [data-theme] {
+    background-color: var(--root-bg, var(--color-base-100));
+    color: var(--color-base-content);
+  }
+
+  :root {
+    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
+  }
+
+  .chat {
+    --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
+  }
+
+  :where(:root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked)) {
+    scrollbar-gutter: stable;
+    background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
+    --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);
+  }
+}
+
+@layer components;
+
+@layer utilities {
+  .diff {
+    webkit-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    direction: ltr;
+    grid-template-columns: auto 1fr;
+    width: 100%;
+    display: grid;
+    position: relative;
+    overflow: hidden;
+    container-type: inline-size;
+  }
+
+  .diff:focus-visible, .diff:has(.diff-item-1:focus), .diff:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-offset: 1px;
+    outline-width: 2px;
+    outline-color: var(--color-base-content);
+  }
+
+  .diff:focus-visible .diff-resizer {
+    min-width: 90cqi;
+    max-width: 90cqi;
+  }
+
+  .diff:has(.diff-item-2:focus-visible) {
+    outline-style: var(--tw-outline-style);
+    outline-offset: 1px;
+    outline-width: 2px;
+  }
+
+  .diff:has(.diff-item-2:focus-visible) .diff-resizer {
+    min-width: 10cqi;
+    max-width: 10cqi;
+  }
+
+  @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
+    .diff:focus .diff-resizer {
+      min-width: 10cqi;
+      max-width: 10cqi;
+    }
+
+    .diff:has(.diff-item-1:focus) .diff-resizer {
+      min-width: 90cqi;
+      max-width: 90cqi;
+    }
+  }
+
+  .modal {
+    pointer-events: none;
+    visibility: hidden;
+    width: 100%;
+    max-width: none;
+    height: 100%;
+    max-height: none;
+    color: inherit;
+    transition: transform .3s ease-out, visibility .3s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
+    overscroll-behavior: contain;
+    z-index: 999;
+    background-color: #0000;
+    place-items: center;
+    margin: 0;
+    padding: 0;
+    display: grid;
+    position: fixed;
+    inset: 0;
+    overflow: hidden;
+  }
+
+  .modal::backdrop {
+    display: none;
+  }
+
+  .modal.modal-open, .modal[open], .modal:target {
+    pointer-events: auto;
+    visibility: visible;
+    opacity: 1;
+    background-color: oklch(0% 0 0 / .4);
+    transition: transform .3s ease-out, background-color .3s ease-out, opacity .1s ease-out;
+  }
+
+  :is(.modal.modal-open, .modal[open], .modal:target) .modal-box {
+    opacity: 1;
+    translate: 0;
+    scale: 1;
+  }
+
+  @starting-style {
+    .modal.modal-open, .modal[open], .modal:target {
+      visibility: hidden;
+      opacity: 0;
+    }
+  }
+
+  .drawer-side {
+    pointer-events: none;
+    visibility: hidden;
+    overscroll-behavior: contain;
+    opacity: 0;
+    width: 100%;
+    transition: opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;
+    inset-inline-start: 0;
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+    grid-row-start: 1;
+    grid-column-start: 1;
+    place-items: flex-start start;
+    height: 100dvh;
+    display: grid;
+    position: fixed;
+    top: 0;
+    overflow: hidden;
+  }
+
+  .drawer-side > .drawer-overlay {
+    cursor: pointer;
+    background-color: oklch(0% 0 0 / .4);
+    place-self: stretch stretch;
+    position: sticky;
+    top: 0;
+  }
+
+  .drawer-side > * {
+    grid-row-start: 1;
+    grid-column-start: 1;
+  }
+
+  .drawer-side > :not(.drawer-overlay) {
+    will-change: transform;
+    transition: translate .3s ease-out;
+    translate: -100%;
+  }
+
+  [dir="rtl"] :is(.drawer-side > :not(.drawer-overlay)) {
+    translate: 100%;
+  }
+
+  .drawer-open > .drawer-side {
+    overflow-y: auto;
+  }
+
+  .drawer-open > .drawer-toggle {
+    display: none;
+  }
+
+  .drawer-open > .drawer-toggle ~ .drawer-side {
+    pointer-events: auto;
+    visibility: visible;
+    overscroll-behavior: auto;
+    opacity: 1;
+    width: auto;
+    display: block;
+    position: sticky;
+  }
+
+  .drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
+    cursor: default;
+    background-color: #0000;
+  }
+
+  .drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay), [dir="rtl"] :is(.drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) {
+    translate: 0%;
+  }
+
+  .drawer-open > .drawer-toggle:checked ~ .drawer-side {
+    pointer-events: auto;
+    visibility: visible;
+  }
+
+  .modal-toggle {
+    appearance: none;
+    opacity: 0;
+    width: 0;
+    height: 0;
+    position: fixed;
+  }
+
+  .modal-toggle:checked + .modal {
+    pointer-events: auto;
+    visibility: visible;
+    opacity: 1;
+    background-color: oklch(0% 0 0 / .4);
+  }
+
+  .modal-toggle:checked + .modal .modal-box {
+    opacity: 1;
+    translate: 0;
+    scale: 1;
+  }
+
+  @starting-style {
+    .modal-toggle:checked + .modal {
+      visibility: hidden;
+      opacity: 0;
+    }
+  }
+
+  .drawer-toggle {
+    appearance: none;
+    opacity: 0;
+    width: 0;
+    height: 0;
+    position: fixed;
+  }
+
+  .drawer-toggle:checked ~ .drawer-side {
+    pointer-events: auto;
+    visibility: visible;
+    opacity: 1;
+    overflow-y: auto;
+  }
+
+  .drawer-toggle:checked ~ .drawer-side > :not(.drawer-overlay) {
+    translate: 0%;
+  }
+
+  .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button {
+    outline-offset: 2px;
+    outline: 2px solid;
+  }
+
+  .tooltip {
+    --tt-bg: var(--color-neutral);
+    --tt-off: calc(100% + .5rem);
+    --tt-tail: calc(100% + 1px + .25rem);
+    display: inline-block;
+    position: relative;
+  }
+
+  .tooltip > :where(.tooltip-content), .tooltip[data-tip]:before {
+    border-radius: var(--radius-field);
+    text-align: center;
+    white-space: normal;
+    max-width: 20rem;
+    color: var(--color-neutral-content);
+    opacity: 0;
+    background-color: var(--tt-bg);
+    pointer-events: none;
+    z-index: 1;
+    --tw-content: attr(data-tip);
+    content: var(--tw-content);
+    width: max-content;
+    padding-block: .25rem;
+    padding-inline: .5rem;
+    font-size: .875rem;
+    line-height: 1.25em;
+    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
+    position: absolute;
+  }
+
+  .tooltip:after {
+    opacity: 0;
+    background-color: var(--tt-bg);
+    content: "";
+    pointer-events: none;
+    --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
+    width: .625rem;
+    height: .25rem;
+    -webkit-mask-position: -1px 0;
+    mask-position: -1px 0;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-image: var(--mask-tooltip);
+    -webkit-mask-image: var(--mask-tooltip);
+    mask-image: var(--mask-tooltip);
+    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
+    display: block;
+    position: absolute;
+  }
+
+  :is(.tooltip.tooltip-open, .tooltip[data-tip]:hover, .tooltip:hover, .tooltip:has(:focus-visible)) > .tooltip-content, :is(.tooltip.tooltip-open, .tooltip[data-tip]:hover, .tooltip:hover, .tooltip:has(:focus-visible))[data-tip]:before, :is(.tooltip.tooltip-open, .tooltip[data-tip]:hover, .tooltip:hover, .tooltip:has(:focus-visible)):after {
+    opacity: 1;
+    --tt-pos: 0rem;
+    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
+  }
+
+  .tooltip > .tooltip-content, .tooltip[data-tip]:before {
+    transform: translateX(-50%) translateY(var(--tt-pos, .25rem));
+    inset: auto auto var(--tt-off) 50%;
+  }
+
+  .tooltip:after {
+    transform: translateX(-50%) translateY(var(--tt-pos, .25rem));
+    inset: auto auto var(--tt-tail) 50%;
+  }
+
+  .tab {
+    cursor: pointer;
+    appearance: none;
+    text-align: center;
+    webkit-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    --tab-p: 1rem;
+    --tab-bg: var(--color-base-100);
+    --tab-border-color: var(--color-base-300);
+    --tab-radius-ss: 0;
+    --tab-radius-se: 0;
+    --tab-radius-es: 0;
+    --tab-radius-ee: 0;
+    --tab-order: 0;
+    --tab-radius-min: calc(.75rem - var(--border));
+    flex-wrap: wrap;
+    order: var(--tab-order);
+    height: calc(var(--size-field, .25rem) * 10);
+    border-color: #0000;
+    justify-content: center;
+    align-items: center;
+    padding-inline-start: var(--tab-p);
+    padding-inline-end: var(--tab-p);
+    font-size: .875rem;
+    display: inline-flex;
+    position: relative;
+  }
+
+  @media (hover: hover) {
+    .tab:hover {
+      color: var(--color-base-content);
+    }
+  }
+
+  .tab:is(input[type="radio"]) {
+    min-width: fit-content;
+  }
+
+  .tab:is(input[type="radio"]):after {
+    content: attr(aria-label);
+  }
+
+  .tab:is(label) {
+    position: relative;
+  }
+
+  .tab:is(label) input {
+    cursor: pointer;
+    appearance: none;
+    opacity: 0;
+    position: absolute;
+    inset: 0;
+  }
+
+  :is(.tab:checked, .tab:is(label:has(:checked)), .tab:is(.tab-active, [aria-selected="true"])) + .tab-content {
+    height: 100%;
+    display: block;
+  }
+
+  .tab:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"]) {
+    color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
+  }
+
+  .tab:not(input):empty {
+    cursor: default;
+    flex-grow: 1;
+  }
+
+  .tab:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .tab:focus {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .tab:focus-visible, .tab:is(label:has(:checked:focus-visible)) {
+    outline-offset: -5px;
+    outline: 2px solid;
+  }
+
+  .tab[disabled] {
+    pointer-events: none;
+    opacity: .4;
+  }
+
+  .menu {
+    --menu-active-fg: var(--color-neutral-content);
+    --menu-active-bg: var(--color-neutral);
+    flex-flow: column wrap;
+    width: fit-content;
+    padding: .5rem;
+    font-size: .875rem;
+    display: flex;
+  }
+
+  .menu :where(li ul) {
+    white-space: nowrap;
+    margin-inline-start: 1rem;
+    padding-inline-start: .5rem;
+    position: relative;
+  }
+
+  .menu :where(li ul):before {
+    background-color: var(--color-base-content);
+    opacity: .1;
+    width: var(--border);
+    content: "";
+    inset-inline-start: 0;
+    position: absolute;
+    top: .75rem;
+    bottom: .75rem;
+  }
+
+  .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
+    display: none;
+  }
+
+  .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(--radius-field);
+    text-align: start;
+    text-wrap: balance;
+    -webkit-user-select: none;
+    user-select: none;
+    grid-auto-columns: minmax(auto, max-content) auto max-content;
+    grid-auto-flow: column;
+    align-content: flex-start;
+    align-items: center;
+    gap: .5rem;
+    padding-block: .375rem;
+    padding-inline: .75rem;
+    transition-property: color, background-color, box-shadow;
+    transition-duration: .2s;
+    transition-timing-function: cubic-bezier(0, 0, .2, 1);
+    display: grid;
+  }
+
+  .menu :where(li > details > summary) {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .menu :where(li > details > summary) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .menu :where(li > details > summary)::-webkit-details-marker {
+    display: none;
+  }
+
+  :is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle)):after {
+    content: "";
+    transform-origin: 50%;
+    pointer-events: none;
+    justify-self: flex-end;
+    width: .375rem;
+    height: .375rem;
+    transition-property: rotate, translate;
+    transition-duration: .2s;
+    display: block;
+    translate: 0 -1px;
+    rotate: -135deg;
+    box-shadow: inset 2px 2px;
+  }
+
+  .menu :where(li > details[open] > summary):after, .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
+    translate: 0 1px;
+    rotate: 45deg;
+  }
+
+  .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
+    cursor: pointer;
+    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    color: var(--color-base-content);
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    :is(.menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
+    cursor: pointer;
+    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    --tw-outline-style: none;
+    outline-style: none;
+    box-shadow: inset 0 1px oklch(0% 0 0 / .01), inset 0 -1px oklch(100% 0 0 / .01);
+  }
+
+  @media (forced-colors: active) {
+    .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .menu :where(li:empty) {
+    background-color: var(--color-base-content);
+    opacity: .1;
+    height: 1px;
+    margin: .5rem 1rem;
+  }
+
+  .menu :where(li) {
+    flex-flow: column wrap;
+    flex-shrink: 0;
+    align-items: stretch;
+    display: flex;
+    position: relative;
+  }
+
+  .menu :where(li) .badge {
+    justify-self: flex-end;
+  }
+
+  .menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active {
+    --tw-outline-style: none;
+    color: var(--menu-active-fg);
+    background-color: var(--menu-active-bg);
+    background-size: auto, calc(var(--noise) * 100%);
+    background-image: none, var(--fx-noise);
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    :is(.menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  :is(.menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active):not(:is(.menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active):active) {
+    box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
+  }
+
+  .menu :where(li).menu-disabled {
+    pointer-events: none;
+    color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+  }
+
+  .menu .dropdown:focus-within .menu-dropdown-toggle:after {
+    translate: 0 1px;
+    rotate: 45deg;
+  }
+
+  .menu .dropdown-content {
+    margin-top: .5rem;
+    padding: .5rem;
+  }
+
+  .menu .dropdown-content:before {
+    display: none;
+  }
+
+  .floating-label {
+    display: block;
+    position: relative;
+  }
+
+  .floating-label input {
+    display: block;
+  }
+
+  .floating-label input::placeholder, .floating-label textarea::placeholder {
+    transition: top .1s ease-out, translate .1s ease-out, scale .1s ease-out, opacity .1s ease-out;
+  }
+
+  .floating-label > span {
+    z-index: 1;
+    background-color: var(--color-base-100);
+    opacity: 0;
+    inset-inline-start: .75rem;
+    top: calc(var(--size-field, .25rem) * 10 / 2);
+    pointer-events: none;
+    border-radius: 2px;
+    padding-inline: .25rem;
+    font-size: .875rem;
+    line-height: 1;
+    transition: top .1s ease-out, translate .1s ease-out, scale .1s ease-out, opacity .1s ease-out;
+    position: absolute;
+    translate: 0 -50%;
+  }
+
+  :is(.floating-label:focus-within, .floating-label:not(:has(input:placeholder-shown, textarea:placeholder-shown))) ::placeholder {
+    opacity: 0;
+    pointer-events: auto;
+    top: 0;
+    translate: -12.5% calc(-50% - .125em);
+    scale: .75;
+  }
+
+  :is(.floating-label:focus-within, .floating-label:not(:has(input:placeholder-shown, textarea:placeholder-shown))) > span {
+    opacity: 1;
+    pointer-events: auto;
+    top: 0;
+    translate: -12.5% calc(-50% - .125em);
+    scale: .75;
+  }
+
+  .floating-label:has(:disabled, [disabled]) > span {
+    opacity: 0;
+  }
+
+  .floating-label:has(.input-xs, .select-xs, .textarea-xs) span {
+    top: calc(var(--size-field, .25rem) * 6 / 2);
+    font-size: .6875rem;
+  }
+
+  .floating-label:has(.input-sm, .select-sm, .textarea-sm) span {
+    top: calc(var(--size-field, .25rem) * 8 / 2);
+    font-size: .75rem;
+  }
+
+  .floating-label:has(.input-md, .select-md, .textarea-md) span {
+    top: calc(var(--size-field, .25rem) * 10 / 2);
+    font-size: .875rem;
+  }
+
+  .floating-label:has(.input-lg, .select-lg, .textarea-lg) span {
+    top: calc(var(--size-field, .25rem) * 12 / 2);
+    font-size: 1.125rem;
+  }
+
+  .floating-label:has(.input-xl, .select-xl, .textarea-xl) span {
+    top: calc(var(--size-field, .25rem) * 14 / 2);
+    font-size: 1.375rem;
+  }
+
+  .collapse-arrow > .collapse-title:after {
+    content: "";
+    transform-origin: 75% 75%;
+    pointer-events: none;
+    top: 1.9rem;
+    width: .5rem;
+    height: .5rem;
+    transition-property: all;
+    transition-duration: .2s;
+    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    display: block;
+    position: absolute;
+    inset-inline-end: 1.4rem;
+    transform: translateY(-100%)rotate(45deg);
+    box-shadow: 2px 2px;
+  }
+
+  .collapse-plus > .collapse-title:after {
+    content: "+";
+    pointer-events: none;
+    top: .9rem;
+    width: .5rem;
+    height: .5rem;
+    transition-property: all;
+    transition-duration: .3s;
+    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    display: block;
+    position: absolute;
+    inset-inline-end: 1.4rem;
+  }
+
+  .diff-item-2 {
+    grid-row-start: 1;
+    grid-column-start: 1;
+    position: relative;
+  }
+
+  .diff-item-2:after {
+    pointer-events: none;
+    z-index: 2;
+    background-color: color-mix(in oklab, var(--color-base-100) 50%, transparent);
+    border: 2px solid var(--color-base-100);
+    content: "";
+    outline: 1px solid color-mix(in oklab, var(--color-base-content) 5%, #0000);
+    outline-offset: -3px;
+    -webkit-backdrop-filter: blur(8px);
+    backdrop-filter: blur(8px);
+    border-radius: 3.40282e38px;
+    width: 1.2rem;
+    height: 1.8rem;
+    position: absolute;
+    top: 50%;
+    bottom: 0;
+    right: 1px;
+    translate: 50% -50%;
+    box-shadow: 0 1px 2px oklch(0% 0 0 / .1);
+  }
+
+  .diff-item-2 > * {
+    pointer-events: none;
+    object-fit: cover;
+    object-position: center;
+    width: 100cqi;
+    max-width: none;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
+    .diff-item-2:after {
+      content: none;
+    }
+  }
+
+  .pika-single:is(div) {
+    -webkit-user-select: none;
+    user-select: none;
+    z-index: 999;
+    color: var(--color-base-content);
+    background-color: var(--color-base-100);
+    border-radius: var(--radius-box);
+    border: var(--border) solid var(--color-base-200);
+    padding: .5rem;
+    font-size: .75rem;
+    display: inline-block;
+    position: relative;
+  }
+
+  .pika-single:is(div):before, .pika-single:is(div):after {
+    content: "";
+    display: table;
+  }
+
+  .pika-single:is(div):after {
+    clear: both;
+  }
+
+  .pika-single:is(div).is-hidden {
+    display: none;
+  }
+
+  .pika-single:is(div).is-bound {
+    position: absolute;
+  }
+
+  .pika-single:is(div) .pika-lendar {
+    css-float: left;
+  }
+
+  .pika-single:is(div) .pika-title {
+    text-align: center;
+    position: relative;
+  }
+
+  .pika-single:is(div) .pika-title select {
+    cursor: pointer;
+    z-index: 999;
+    opacity: 0;
+    margin: 0;
+    position: absolute;
+    top: 5px;
+    left: 0;
+  }
+
+  .pika-single:is(div) .pika-label {
+    z-index: 999;
+    background-color: var(--color-base-100);
+    margin: 0;
+    padding: 5px 3px;
+    display: inline-block;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .pika-single:is(div) .pika-prev, .pika-single:is(div) .pika-next {
+    cursor: pointer;
+    color: #0000;
+    border-radius: var(--radius-field);
+    border: 0;
+    outline: none;
+    width: 2.25rem;
+    height: 2.25rem;
+    font-size: 1.2em;
+    display: block;
+    position: absolute;
+    top: 0;
+  }
+
+  :is(.pika-single:is(div) .pika-prev, .pika-single:is(div) .pika-next):hover {
+    background-color: var(--color-base-200);
+  }
+
+  :is(.pika-single:is(div) .pika-prev, .pika-single:is(div) .pika-next).is-disabled {
+    cursor: default;
+    opacity: .2;
+  }
+
+  :is(.pika-single:is(div) .pika-prev, .pika-single:is(div) .pika-next):before {
+    width: 2.25rem;
+    height: 2.25rem;
+    color: var(--color-base-content);
+    line-height: 2.25;
+    display: inline-block;
+  }
+
+  .pika-single:is(div) .pika-prev {
+    left: 0;
+  }
+
+  .pika-single:is(div) .pika-prev:before {
+    content: "‹";
+  }
+
+  .pika-single:is(div) .pika-next {
+    right: 0;
+  }
+
+  .pika-single:is(div) .pika-next:before {
+    content: "›";
+  }
+
+  .pika-single:is(div) .pika-select {
+    display: inline-block;
+  }
+
+  .pika-single:is(div) .pika-table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    border: 0;
+    width: 100%;
+  }
+
+  .pika-single:is(div) .pika-table th, .pika-single:is(div) .pika-table td {
+    padding: 0;
+  }
+
+  .pika-single:is(div) .pika-table th {
+    opacity: .6;
+    text-align: center;
+    width: 2.25rem;
+    height: 2.25rem;
+  }
+
+  .pika-single:is(div) .pika-button {
+    cursor: pointer;
+    text-align: right;
+    text-align: center;
+    border: 0;
+    outline: none;
+    width: 2.25rem;
+    height: 2.25rem;
+    margin: 0;
+    padding: 5px;
+    display: block;
+  }
+
+  .pika-single:is(div) .pika-week {
+    color: var(--color-base-content);
+  }
+
+  .pika-single:is(div) .is-today .pika-button {
+    background: var(--color-primary);
+    color: var(--color-primary-content);
+  }
+
+  :is(.pika-single:is(div) .is-selected, .pika-single:is(div) .has-event) .pika-button, :is(.pika-single:is(div) .is-selected, .pika-single:is(div) .has-event) .pika-button:hover {
+    color: var(--color-base-100);
+    background-color: var(--color-base-content);
+    border-radius: var(--radius-field);
+  }
+
+  .pika-single:is(div) .has-event .pika-button, :is(.pika-single:is(div) .is-disabled, .pika-single:is(div) .is-inrange) .pika-button {
+    background: var(--color-base-primary);
+  }
+
+  .pika-single:is(div) .is-startrange .pika-button, .pika-single:is(div) .is-endrange .pika-button {
+    color: var(--color-base-100);
+    background: var(--color-base-content);
+    border-radius: var(--radius-field);
+  }
+
+  .pika-single:is(div) .is-disabled .pika-button {
+    pointer-events: none;
+    cursor: default;
+    color: var(--color-base-content);
+    opacity: .3;
+  }
+
+  .pika-single:is(div) .is-outside-current-month .pika-button {
+    color: var(--color-base-content);
+    opacity: .3;
+  }
+
+  .pika-single:is(div) .is-selection-disabled {
+    pointer-events: none;
+    cursor: default;
+  }
+
+  .pika-single:is(div) .pika-button:hover, .pika-single:is(div) .pika-row.pick-whole-week:hover .pika-button {
+    color: var(--color-base-content);
+    background-color: var(--color-base-200);
+    border-radius: var(--radius-field);
+  }
+
+  .pika-single:is(div) .pika-table abbr {
+    font-weight: normal;
+    text-decoration: none;
+  }
+
+  .diff-item-1 {
+    z-index: 1;
+    border-right: 2px solid var(--color-base-100);
+    grid-row-start: 1;
+    grid-column-start: 1;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .diff-item-1 > * {
+    pointer-events: none;
+    object-fit: cover;
+    object-position: center;
+    width: 100cqi;
+    max-width: none;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .dock {
+    z-index: 1;
+    background-color: var(--color-base-100);
+    color: currentColor;
+    border-top: .5px solid color-mix(in oklab, var(--color-base-content) 5%, #0000);
+    width: 100%;
+    height: 4rem;
+    height: calc(4rem + env(safe-area-inset-bottom));
+    padding: .5rem;
+    padding-bottom: env(safe-area-inset-bottom);
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .dock > * {
+    cursor: pointer;
+    border-radius: var(--radius-box);
+    background-color: #0000;
+    flex-direction: column;
+    flex-shrink: 1;
+    flex-basis: 100%;
+    justify-content: center;
+    align-items: center;
+    gap: 1px;
+    max-width: 8rem;
+    height: 100%;
+    margin-bottom: .5rem;
+    transition: opacity .2s ease-out;
+    display: flex;
+    position: relative;
+  }
+
+  .dock > :where(.dock-active):after {
+    content: "";
+    background-color: currentColor;
+    border-top: 3px solid;
+    border-radius: 3.40282e38px;
+    width: 2.5rem;
+    height: .25rem;
+    position: absolute;
+    bottom: .2rem;
+  }
+
+  @media (hover: hover) {
+    .dock > :hover {
+      opacity: .8;
+    }
+  }
+
+  :is(.dock > [aria-disabled="true"], .dock > [disabled]), :is(.dock > [aria-disabled="true"], .dock > [disabled]):hover {
+    pointer-events: none;
+    color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    opacity: 1;
+  }
+
+  .dock > * .dock-label {
+    font-size: .6875rem;
+  }
+
+  .dropdown {
+    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
+    display: inline-block;
+    position: relative;
+  }
+
+  .dropdown > :not(summary):focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .dropdown > :not(summary):focus {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .dropdown .dropdown-content {
+    position: absolute;
+  }
+
+  .dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content {
+    transform-origin: top;
+    opacity: 0;
+    display: none;
+    scale: 95%;
+  }
+
+  .dropdown[popover], .dropdown .dropdown-content {
+    z-index: 999;
+    transition-behavior: allow-discrete;
+    transition-property: opacity, scale, display;
+    transition-duration: .2s;
+    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    animation: .2s dropdown;
+  }
+
+  @starting-style {
+    .dropdown[popover], .dropdown .dropdown-content {
+      opacity: 0;
+      scale: 95%;
+    }
+  }
+
+  :is(.dropdown.dropdown-open, .dropdown:not(.dropdown-hover):focus, .dropdown:focus-within) > [tabindex]:first-child {
+    pointer-events: none;
+  }
+
+  :is(.dropdown.dropdown-open, .dropdown:not(.dropdown-hover):focus, .dropdown:focus-within) .dropdown-content {
+    opacity: 1;
+  }
+
+  .dropdown.dropdown-hover:hover .dropdown-content {
+    opacity: 1;
+    scale: 100%;
+  }
+
+  .dropdown:is(details) summary::-webkit-details-marker {
+    display: none;
+  }
+
+  :is(.dropdown.dropdown-open, .dropdown:focus, .dropdown:focus-within) .dropdown-content {
+    scale: 100%;
+  }
+
+  .dropdown:where([popover]) {
+    background: none;
+  }
+
+  .dropdown[popover] {
+    color: inherit;
+    position: fixed;
+  }
+
+  @supports not (position-area: bottom) {
+    .dropdown[popover] {
+      margin: auto;
+    }
+
+    .dropdown[popover].dropdown-open:not(:popover-open) {
+      transform-origin: top;
+      opacity: 0;
+      display: none;
+      scale: 95%;
+    }
+
+    .dropdown[popover]::backdrop {
+      background-color: oklab(0% none none / .3);
+    }
+  }
+
+  .dropdown[popover]:not(.dropdown-open, :popover-open) {
+    transform-origin: top;
+    opacity: 0;
+    display: none;
+    scale: 95%;
+  }
+
+  .btn {
+    cursor: pointer;
+    text-align: center;
+    vertical-align: middle;
+    outline-offset: 2px;
+    webkit-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    padding-inline: var(--btn-p);
+    color: var(--btn-fg);
+    --tw-prose-links: var(--btn-fg);
+    height: var(--size);
+    font-size: var(--fontsize, .875rem);
+    outline-color: var(--btn-color, var(--color-base-content));
+    background-color: var(--btn-bg);
+    background-size: auto, calc(var(--noise) * 100%);
+    background-image: none, var(--btn-noise);
+    border-width: var(--border);
+    border-style: solid;
+    border-color: var(--btn-border);
+    text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
+    box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
+    --size: calc(var(--size-field, .25rem) * 10);
+    --btn-bg: var(--btn-color, var(--color-base-200));
+    --btn-fg: var(--color-base-content);
+    --btn-p: 1rem;
+    --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
+    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
+    --btn-noise: var(--fx-noise);
+    border-start-start-radius: var(--join-ss, var(--radius-field));
+    border-start-end-radius: var(--join-se, var(--radius-field));
+    border-end-end-radius: var(--join-ee, var(--radius-field));
+    border-end-start-radius: var(--join-es, var(--radius-field));
+    flex-wrap: nowrap;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    gap: .375rem;
+    font-weight: 600;
+    transition-property: color, background-color, border-color, box-shadow;
+    transition-duration: .2s;
+    transition-timing-function: cubic-bezier(0, 0, .2, 1);
+    display: inline-flex;
+  }
+
+  .prose .btn {
+    text-decoration-line: none;
+  }
+
+  @media (hover: hover) {
+    .btn:hover {
+      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
+    }
+  }
+
+  .btn:focus-visible {
+    outline-width: 2px;
+    outline-style: solid;
+  }
+
+  .btn:active:not(.btn-active) {
+    --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
+    --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
+    --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
+    translate: 0 .5px;
+  }
+
+  .btn:is(:disabled, [disabled], .btn-disabled) {
+    pointer-events: none;
+    --btn-border: #0000;
+    --btn-noise: none;
+    --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
+  }
+
+  .btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
+    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    box-shadow: none;
+  }
+
+  @media (hover: hover) {
+    .btn:is(:disabled, [disabled], .btn-disabled):hover {
+      pointer-events: none;
+      background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
+      --btn-border: #0000;
+      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
+    }
+  }
+
+  .btn:is(input[type="checkbox"], input[type="radio"]) {
+    appearance: none;
+  }
+
+  .btn:is(input[type="checkbox"], input[type="radio"]):after {
+    content: attr(aria-label);
+  }
+
+  .btn:where(input:checked:not(.filter .btn)) {
+    --btn-color: var(--color-primary);
+    --btn-fg: var(--color-primary-content);
+    isolation: isolate;
+  }
+
+  .loading {
+    pointer-events: none;
+    aspect-ratio: 1;
+    vertical-align: middle;
+    width: calc(var(--size-selector, .25rem) * 6);
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
+    -webkit-mask-position: center;
+    mask-position: center;
+    -webkit-mask-size: 100%;
+    mask-size: 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .tab-disabled {
+    pointer-events: none;
+    opacity: .4;
+  }
+
+  .react-day-picker {
+    -webkit-user-select: none;
+    user-select: none;
+    background-color: var(--color-base-100);
+    border-radius: var(--radius-box);
+    border: var(--border) solid var(--color-base-200);
+    font-size: .75rem;
+    display: inline-block;
+    position: relative;
+    overflow: clip;
+  }
+
+  .react-day-picker[dir="rtl"] .rdp-nav .rdp-chevron {
+    transform-origin: 50%;
+    transform: rotate(180deg);
+  }
+
+  .react-day-picker * {
+    box-sizing: border-box;
+  }
+
+  .react-day-picker .rdp-day {
+    text-align: center;
+    width: 2.25rem;
+    height: 2.25rem;
+  }
+
+  .react-day-picker .rdp-day_button {
+    cursor: pointer;
+    font: inherit;
+    color: inherit;
+    border-radius: var(--radius-field);
+    background: none;
+    border: 2px solid #0000;
+    justify-content: center;
+    align-items: center;
+    width: 2.25rem;
+    height: 2.25rem;
+    margin: 0;
+    padding: 0;
+    display: flex;
+  }
+
+  .react-day-picker .rdp-day_button:disabled {
+    cursor: revert;
+  }
+
+  .react-day-picker .rdp-day_button:hover {
+    background-color: var(--color-base-200);
+  }
+
+  .react-day-picker .rdp-caption_label {
+    z-index: 1;
+    white-space: nowrap;
+    border: 0;
+    align-items: center;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .react-day-picker .rdp-button_next {
+    border-radius: var(--radius-field);
+  }
+
+  .react-day-picker .rdp-button_next:hover {
+    background-color: var(--color-base-200);
+  }
+
+  .react-day-picker .rdp-button_previous {
+    border-radius: var(--radius-field);
+  }
+
+  .react-day-picker .rdp-button_previous:hover {
+    background-color: var(--color-base-200);
+  }
+
+  .react-day-picker .rdp-button_next, .react-day-picker .rdp-button_previous {
+    cursor: pointer;
+    font: inherit;
+    color: inherit;
+    appearance: none;
+    background: none;
+    border: none;
+    justify-content: center;
+    align-items: center;
+    width: 2.25rem;
+    height: 2.25rem;
+    margin: 0;
+    padding: 0;
+    display: inline-flex;
+    position: relative;
+  }
+
+  :is(.react-day-picker .rdp-button_next, .react-day-picker .rdp-button_previous):disabled {
+    cursor: revert;
+    opacity: .5;
+  }
+
+  .react-day-picker .rdp-chevron {
+    fill: var(--color-base-content);
+    width: 1rem;
+    height: 1rem;
+    display: inline-block;
+  }
+
+  .react-day-picker .rdp-dropdowns {
+    align-items: center;
+    gap: .5rem;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .react-day-picker .rdp-dropdown {
+    z-index: 2;
+    opacity: 0;
+    appearance: none;
+    cursor: inherit;
+    line-height: inherit;
+    border: none;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: 0;
+  }
+
+  .react-day-picker .rdp-dropdown:focus-visible ~ .rdp-caption_label {
+    outline: 5px auto highlight;
+    outline: 5px auto -webkit-focus-ring-color;
+  }
+
+  .react-day-picker .rdp-dropdown_root {
+    align-items: center;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .react-day-picker .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
+    opacity: .5;
+  }
+
+  .react-day-picker .rdp-month_caption {
+    height: 2.75rem;
+    font-size: .75rem;
+    font-weight: inherit;
+    place-content: center;
+    display: flex;
+  }
+
+  .react-day-picker .rdp-months {
+    flex-wrap: wrap;
+    gap: 2rem;
+    max-width: fit-content;
+    padding: .5rem;
+    display: flex;
+    position: relative;
+  }
+
+  .react-day-picker .rdp-month_grid {
+    border-collapse: collapse;
+  }
+
+  .react-day-picker .rdp-nav {
+    inset-block-start: 0;
+    inset-inline-end: 0;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    height: 2.75rem;
+    padding-inline: .5rem;
+    display: flex;
+    position: absolute;
+    top: .25rem;
+  }
+
+  .react-day-picker .rdp-weekday {
+    opacity: .6;
+    text-align: center;
+    padding: .5rem 0;
+    font-size: smaller;
+    font-weight: 500;
+  }
+
+  .react-day-picker .rdp-week_number {
+    opacity: .6;
+    text-align: center;
+    border: none;
+    border-radius: 100%;
+    width: 2.25rem;
+    height: 2.25rem;
+    font-size: small;
+    font-weight: 400;
+  }
+
+  .react-day-picker .rdp-today:not(.rdp-outside) .rdp-day_button {
+    background: var(--color-primary);
+    color: var(--color-primary-content);
+  }
+
+  .react-day-picker .rdp-selected {
+    font-weight: inherit;
+    font-size: .75rem;
+  }
+
+  .react-day-picker .rdp-selected .rdp-day_button {
+    color: var(--color-base-100);
+    background-color: var(--color-base-content);
+    border-radius: var(--radius-field);
+    border: none;
+  }
+
+  .react-day-picker .rdp-selected .rdp-day_button:hover {
+    background-color: var(--color-base-content);
+  }
+
+  .react-day-picker .rdp-outside {
+    opacity: .75;
+  }
+
+  .react-day-picker .rdp-disabled {
+    opacity: .5;
+  }
+
+  .react-day-picker .rdp-hidden {
+    visibility: hidden;
+    color: var(--color-base-content);
+  }
+
+  .react-day-picker .rdp-range_start .rdp-day_button {
+    border-radius: var(--radius-field) 0 0 var(--radius-field);
+    background-color: var(--color-base-content);
+    color: var(--color-base-content);
+  }
+
+  .react-day-picker .rdp-range_middle {
+    background-color: var(--color-base-200);
+  }
+
+  .react-day-picker .rdp-range_middle .rdp-day_button {
+    border: unset;
+    border-radius: unset;
+    color: inherit;
+  }
+
+  .react-day-picker .rdp-range_end {
+    color: var(--color-base-content);
+  }
+
+  .react-day-picker .rdp-range_end .rdp-day_button {
+    border-radius: 0 var(--radius-field) var(--radius-field) 0;
+    color: var(--color-base-content);
+    background-color: var(--color-base-content);
+  }
+
+  .react-day-picker .rdp-range_start.rdp-range_end {
+    background: revert;
+  }
+
+  .react-day-picker .rdp-focusable {
+    cursor: pointer;
+  }
+
+  .react-day-picker .rdp-footer {
+    border-top: var(--border) solid var(--color-base-200);
+    padding: .5rem;
+  }
+
+  .collapse {
+    border-radius: var(--radius-box, 1rem);
+    grid-template-rows: max-content 0fr;
+    width: 100%;
+    transition: grid-template-rows .2s;
+    display: grid;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .collapse:not(td, tr, colgroup) {
+    visibility: visible;
+  }
+
+  .collapse > input:is([type="checkbox"], [type="radio"]) {
+    appearance: none;
+    opacity: 0;
+    z-index: 1;
+    grid-row-start: 1;
+    grid-column-start: 1;
+    width: 100%;
+    min-height: 3.75rem;
+    padding: 1rem;
+    padding-inline-end: 3rem;
+    transition: background-color .2s ease-out;
+  }
+
+  .collapse:is([open], :focus:not(.collapse-close)), .collapse:not(.collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked) {
+    grid-template-rows: max-content 1fr;
+  }
+
+  .collapse:is([open], :focus:not(.collapse-close)) > .collapse-content, .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
+    visibility: visible;
+    min-height: fit-content;
+  }
+
+  .collapse:focus-visible, .collapse:has( > input:is([type="checkbox"], [type="radio"]):focus-visible) {
+    outline-color: var(--color-base-content);
+    outline-offset: 2px;
+    outline-width: 2px;
+    outline-style: solid;
+  }
+
+  .collapse:not(.collapse-close) > input[type="checkbox"], .collapse:not(.collapse-close) > input[type="radio"]:not(:checked), .collapse:not(.collapse-close) > .collapse-title {
+    cursor: pointer;
+  }
+
+  .collapse:focus:not(.collapse-close, .collapse[open]) > .collapse-title {
+    cursor: unset;
+  }
+
+  .collapse:is([open], :focus:not(.collapse-close)) > :where(.collapse-content), .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
+    padding-bottom: 1rem;
+    transition: padding .2s ease-out, background-color .2s ease-out;
+  }
+
+  .collapse[open].collapse-arrow > .collapse-title:after, .collapse.collapse-open.collapse-arrow > .collapse-title:after {
+    transform: translateY(-50%)rotate(225deg);
+  }
+
+  .collapse.collapse-open.collapse-plus > .collapse-title:after {
+    content: "−";
+  }
+
+  .collapse.collapse-arrow:focus:not(.collapse-close) > .collapse-title:after, .collapse.collapse-arrow:not(.collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
+    transform: translateY(-50%)rotate(225deg);
+  }
+
+  .collapse[open].collapse-plus > .collapse-title:after, .collapse.collapse-plus:focus:not(.collapse-close) > .collapse-title:after, .collapse.collapse-plus:not(.collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
+    content: "−";
+  }
+
+  .collapse:is(details) {
+    width: 100%;
+  }
+
+  .collapse:is(details) summary {
+    display: block;
+    position: relative;
+  }
+
+  .collapse:is(details) summary::-webkit-details-marker {
+    display: none;
+  }
+
+  .collapse:is(details) summary {
+    outline: none;
+  }
+
+  .collapse-content {
+    visibility: hidden;
+    min-height: 0;
+    cursor: unset;
+    grid-row-start: 2;
+    grid-column-start: 1;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    transition: padding .2s ease-out, background-color .2s ease-out;
+  }
+
+  .validator:user-valid {
+    --input-color: var(--color-success);
+  }
+
+  .validator:user-valid:focus {
+    --input-color: var(--color-success);
+  }
+
+  .validator:user-valid:checked {
+    --input-color: var(--color-success);
+  }
+
+  .validator:user-valid[aria-checked="true"] {
+    --input-color: var(--color-success);
+  }
+
+  .validator:user-valid:focus-within {
+    --input-color: var(--color-success);
+  }
+
+  .validator:has(:user-valid) {
+    --input-color: var(--color-success);
+  }
+
+  .validator:has(:user-valid):focus {
+    --input-color: var(--color-success);
+  }
+
+  .validator:has(:user-valid):checked {
+    --input-color: var(--color-success);
+  }
+
+  .validator:has(:user-valid)[aria-checked="true"] {
+    --input-color: var(--color-success);
+  }
+
+  .validator:has(:user-valid):focus-within {
+    --input-color: var(--color-success);
+  }
+
+  .validator:user-invalid {
+    --input-color: var(--color-error);
+  }
+
+  .validator:user-invalid:focus {
+    --input-color: var(--color-error);
+  }
+
+  .validator:user-invalid:checked {
+    --input-color: var(--color-error);
+  }
+
+  .validator:user-invalid[aria-checked="true"] {
+    --input-color: var(--color-error);
+  }
+
+  .validator:user-invalid:focus-within {
+    --input-color: var(--color-error);
+  }
+
+  .validator:user-invalid ~ .validator-hint {
+    visibility: visible;
+    color: var(--color-error);
+    display: block;
+  }
+
+  .validator:has(:user-invalid) {
+    --input-color: var(--color-error);
+  }
+
+  .validator:has(:user-invalid):focus {
+    --input-color: var(--color-error);
+  }
+
+  .validator:has(:user-invalid):checked {
+    --input-color: var(--color-error);
+  }
+
+  .validator:has(:user-invalid)[aria-checked="true"] {
+    --input-color: var(--color-error);
+  }
+
+  .validator:has(:user-invalid):focus-within {
+    --input-color: var(--color-error);
+  }
+
+  .validator:has(:user-invalid) ~ .validator-hint {
+    visibility: visible;
+    color: var(--color-error);
+    display: block;
+  }
+
+  .validator ~ .validator-hint {
+    visibility: hidden;
+  }
+
+  .collapse-open {
+    grid-template-rows: max-content 1fr;
+  }
+
+  .collapse-open > .collapse-content {
+    visibility: visible;
+    min-height: fit-content;
+    transition: padding .2sease-out, background-color .2sease-out;
+    padding-bottom: 1rem;
+  }
+
+  .collapse {
+    visibility: collapse;
+  }
+
+  .visible {
+    visibility: visible;
+  }
+
+  .tabs-lift {
+    --tabs-height: auto;
+    --tabs-direction: row;
+  }
+
+  .tabs-lift > .tab {
+    --tab-border: 0 0 var(--border) 0;
+    --tab-radius-ss: min(var(--radius-field), var(--tab-radius-min));
+    --tab-radius-se: min(var(--radius-field), var(--tab-radius-min));
+    --tab-radius-es: 0;
+    --tab-radius-ee: 0;
+    --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p);
+    --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000;
+    --tab-corner-width: calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2);
+    --tab-corner-height: min(var(--radius-field), var(--tab-radius-min));
+    --tab-corner-position: top left, top right;
+    border-width: var(--tab-border);
+    padding: var(--tab-paddings);
+    border-color: var(--tab-border-colors);
+    border-start-start-radius: var(--tab-radius-ss);
+    border-start-end-radius: var(--tab-radius-se);
+    border-end-end-radius: var(--tab-radius-ee);
+    border-end-start-radius: var(--tab-radius-es);
+  }
+
+  .tabs-lift > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked)) {
+    --tab-border: var(--border) var(--border) 0 var(--border);
+    --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
+    --tab-paddings: 0 calc(var(--tab-p)  - var(--border)) var(--border) calc(var(--tab-p)  - var(--border));
+    --tab-inset: auto auto 0 auto;
+    --tab-grad: calc(69% - var(--border));
+    --radius-start: radial-gradient(circle at top left, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad)  + .25px), var(--tab-border-color) calc(var(--tab-grad)  + var(--border)), var(--tab-bg) calc(var(--tab-grad)  + var(--border)  + .25px));
+    --radius-end: radial-gradient(circle at top right, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad)  + .25px), var(--tab-border-color) calc(var(--tab-grad)  + var(--border)), var(--tab-bg) calc(var(--tab-grad)  + var(--border)  + .25px));
+    background-color: var(--tab-bg);
+  }
+
+  :is(.tabs-lift > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):before {
+    z-index: 1;
+    content: "";
+    width: var(--tab-corner-width);
+    height: var(--tab-corner-height);
+    background-position: var(--tab-corner-position);
+    background-image: var(--radius-start), var(--radius-end);
+    background-size: min(var(--radius-field), var(--tab-radius-min)) min(var(--radius-field), var(--tab-radius-min));
+    inset: var(--tab-inset);
+    background-repeat: no-repeat;
+    display: block;
+    position: absolute;
+  }
+
+  :is(.tabs-lift > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):first-child:before {
+    --radius-start: none;
+  }
+
+  [dir="rtl"] :is(.tabs-lift > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):first-child:before {
+    transform: rotateY(180deg);
+  }
+
+  :is(.tabs-lift > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):last-child:before {
+    --radius-end: none;
+  }
+
+  [dir="rtl"] :is(.tabs-lift > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-lift > .tab:is(input:checked, label:has(:checked))):last-child:before {
+    transform: rotateY(180deg);
+  }
+
+  .tabs-lift:has(.tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"]) {
+    --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
+  }
+
+  .tabs-lift .tab-content {
+    --tabcontent-margin: calc(-1 * var(--border)) 0 0 0;
+    --tabcontent-radius-ss: 0;
+    --tabcontent-radius-se: var(--radius-box);
+    --tabcontent-radius-es: var(--radius-box);
+    --tabcontent-radius-ee: var(--radius-box);
+  }
+
+  :is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"])) + .tab-content:first-child, :is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected="true"])) + .tab-content:nth-child(n+3) {
+    --tabcontent-radius-ss: var(--radius-box);
+  }
+
+  .radial-progress {
+    height: var(--size);
+    width: var(--size);
+    vertical-align: middle;
+    box-sizing: content-box;
+    --value: 0;
+    --size: 5rem;
+    --thickness: calc(var(--size) / 10);
+    --radialprogress: calc(var(--value) * 1%);
+    background-color: #0000;
+    border-radius: 3.40282e38px;
+    place-content: center;
+    transition: --radialprogress .3s linear;
+    display: inline-grid;
+    position: relative;
+  }
+
+  .radial-progress:before {
+    content: "";
+    background: radial-gradient(farthest-side, currentColor 98%, #0000) top / var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);
+    webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
+    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
+    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
+    mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
+    border-radius: 3.40282e38px;
+    position: absolute;
+    inset: 0;
+  }
+
+  .radial-progress:after {
+    content: "";
+    inset: calc(50% - var(--thickness) / 2);
+    transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
+    background-color: currentColor;
+    border-radius: 3.40282e38px;
+    transition: transform .3s linear;
+    position: absolute;
+  }
+
+  .list {
+    flex-direction: column;
+    font-size: .875rem;
+    display: flex;
+  }
+
+  .list :where(.list-row) {
+    --list-grid-cols: minmax(0, auto) 1fr;
+    border-radius: var(--radius-box);
+    word-break: break-word;
+    grid-auto-flow: column;
+    grid-template-columns: var(--list-grid-cols);
+    gap: 1rem;
+    padding: 1rem;
+    display: grid;
+    position: relative;
+  }
+
+  .list :where(.list-row):has(.list-col-grow:first-child) {
+    --list-grid-cols: 1fr;
+  }
+
+  .list :where(.list-row):has(.list-col-grow:nth-child(2)) {
+    --list-grid-cols: minmax(0, auto) 1fr;
+  }
+
+  .list :where(.list-row):has(.list-col-grow:nth-child(3)) {
+    --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
+  }
+
+  .list :where(.list-row):has(.list-col-grow:nth-child(4)) {
+    --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
+  }
+
+  .list :where(.list-row):has(.list-col-grow:nth-child(5)) {
+    --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
+  }
+
+  .list :where(.list-row):has(.list-col-grow:nth-child(6)) {
+    --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
+  }
+
+  .list :where(.list-row) :not(.list-col-wrap) {
+    grid-row-start: 1;
+  }
+
+  :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
+    content: "";
+    border-bottom: var(--border) solid;
+    inset-inline: var(--radius-box);
+    border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
+    position: absolute;
+    bottom: 0;
+  }
+
+  .toast {
+    white-space: nowrap;
+    min-width: fit-content;
+    translate: var(--toast-x, 0) var(--toast-y, 0);
+    inset-inline: auto 0;
+    background-color: #0000;
+    flex-direction: column;
+    gap: .5rem;
+    margin: 1rem;
+    display: flex;
+    position: fixed;
+    top: auto;
+    bottom: 0;
+  }
+
+  .toast > * {
+    animation: .25s ease-out toast;
+  }
+
+  .toast:where(.toast-start) {
+    --toast-x: 0;
+    inset-inline: 0 auto;
+  }
+
+  .toast:where(.toast-center) {
+    --toast-x: -50%;
+    inset-inline: 50%;
+  }
+
+  .toast:where(.toast-end) {
+    --toast-x: 0;
+    inset-inline: auto 0;
+  }
+
+  .toast:where(.toast-bottom) {
+    --toast-y: 0;
+    top: auto;
+    bottom: 0;
+  }
+
+  .toast:where(.toast-middle) {
+    --toast-y: -50%;
+    top: 50%;
+    bottom: auto;
+  }
+
+  .toast:where(.toast-top) {
+    --toast-y: 0;
+    top: 0;
+    bottom: auto;
+  }
+
+  .toggle {
+    border: var(--border) solid currentColor;
+    color: var(--input-color);
+    cursor: pointer;
+    appearance: none;
+    vertical-align: middle;
+    webkit-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    --radius-selector-max: calc(var(--radius-selector)  + var(--radius-selector)  + var(--radius-selector));
+    border-radius: calc(var(--radius-selector)  + min(var(--toggle-p), var(--radius-selector-max))  + min(var(--border), var(--radius-selector-max)));
+    padding: var(--toggle-p);
+    box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
+    --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
+    --toggle-p: .1875rem;
+    --size: calc(var(--size-selector, .25rem) * 6);
+    width: calc((var(--size) * 2)  - (var(--border)  + var(--toggle-p)) * 2);
+    height: var(--size);
+    flex-shrink: 0;
+    grid-template-columns: 0fr 1fr 1fr;
+    place-content: center;
+    transition: color .3s, grid-template-columns .2s;
+    display: inline-grid;
+    position: relative;
+  }
+
+  .toggle > * {
+    z-index: 1;
+    cursor: pointer;
+    appearance: none;
+    background-color: #0000;
+    border: none;
+    grid-column: 2 / span 1;
+    grid-row-start: 1;
+    height: 100%;
+    padding: .125rem;
+    transition: opacity .2s, rotate .4s;
+  }
+
+  .toggle > :focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .toggle > :focus {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .toggle > :nth-child(2) {
+    color: var(--color-base-100);
+    rotate: none;
+  }
+
+  .toggle > :nth-child(3) {
+    color: var(--color-base-100);
+    opacity: 0;
+    rotate: -15deg;
+  }
+
+  .toggle:has(:checked) > :nth-child(2) {
+    opacity: 0;
+    rotate: 15deg;
+  }
+
+  .toggle:has(:checked) > :nth-child(3) {
+    opacity: 1;
+    rotate: none;
+  }
+
+  .toggle:before {
+    aspect-ratio: 1;
+    border-radius: var(--radius-selector);
+    --tw-content: "";
+    content: var(--tw-content);
+    height: 100%;
+    box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
+    background-color: currentColor;
+    background-size: auto, calc(var(--noise) * 100%);
+    background-image: none, var(--fx-noise);
+    grid-row-start: 1;
+    grid-column-start: 2;
+    transition: background-color .1s, translate .2s, inset-inline-start .2s;
+    position: relative;
+    inset-inline-start: 0;
+    translate: 0;
+  }
+
+  @media (forced-colors: active) {
+    .toggle:before {
+      outline-style: var(--tw-outline-style);
+      outline-offset: calc(1px * -1);
+      outline-width: 1px;
+    }
+  }
+
+  @media print {
+    .toggle:before {
+      outline-offset: -1rem;
+      outline: .25rem solid;
+    }
+  }
+
+  .toggle:focus-visible, .toggle:has(:focus-visible) {
+    outline-offset: 2px;
+    outline: 2px solid;
+  }
+
+  .toggle:checked, .toggle[aria-checked="true"], .toggle:has( > input:checked) {
+    background-color: var(--color-base-100);
+    --input-color: var(--color-base-content);
+    grid-template-columns: 1fr 1fr 0fr;
+  }
+
+  :is(.toggle:checked, .toggle[aria-checked="true"], .toggle:has( > input:checked)):before {
+    background-color: currentColor;
+  }
+
+  @starting-style {
+    :is(.toggle:checked, .toggle[aria-checked="true"], .toggle:has( > input:checked)):before {
+      opacity: 0;
+    }
+  }
+
+  .toggle:indeterminate {
+    grid-template-columns: .5fr 1fr .5fr;
+  }
+
+  .toggle:disabled {
+    cursor: not-allowed;
+    opacity: .3;
+  }
+
+  .toggle:disabled:before {
+    border: var(--border) solid currentColor;
+    background-color: #0000;
+  }
+
+  .input {
+    cursor: text;
+    border: var(--border) solid #0000;
+    appearance: none;
+    background-color: var(--color-base-100);
+    vertical-align: middle;
+    white-space: nowrap;
+    width: clamp(3rem, 20rem, 100%);
+    height: var(--size);
+    border-color: var(--input-color);
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
+    --size: calc(var(--size-field, .25rem) * 10);
+    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    border-start-start-radius: var(--join-ss, var(--radius-field));
+    border-start-end-radius: var(--join-se, var(--radius-field));
+    border-end-end-radius: var(--join-ee, var(--radius-field));
+    border-end-start-radius: var(--join-es, var(--radius-field));
+    flex-shrink: 1;
+    align-items: center;
+    gap: .5rem;
+    padding-inline: .75rem;
+    font-size: .875rem;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .input:where(input) {
+    display: inline-flex;
+  }
+
+  .input :where(input) {
+    appearance: none;
+    background-color: #0000;
+    border: none;
+    width: 100%;
+    height: 100%;
+    display: inline-flex;
+  }
+
+  .input :where(input):focus, .input :where(input):focus-within {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    :is(.input :where(input):focus, .input :where(input):focus-within) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .input:focus, .input:focus-within {
+    --input-color: var(--color-base-content);
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
+    outline: 2px solid var(--input-color);
+    outline-offset: 2px;
+    isolation: isolate;
+  }
+
+  .input:has( > input[disabled]), .input:is(:disabled, [disabled]) {
+    cursor: not-allowed;
+    border-color: var(--color-base-200);
+    background-color: var(--color-base-200);
+    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+    box-shadow: none;
+  }
+
+  :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]))::placeholder {
+    color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+  }
+
+  .input:has( > input[disabled]) > input[disabled] {
+    cursor: not-allowed;
+  }
+
+  .input::-webkit-date-and-time-value {
+    text-align: inherit;
+  }
+
+  .input[type="number"]::-webkit-inner-spin-button {
+    margin-block: -.75rem;
+    margin-inline-end: -.75rem;
+  }
+
+  .input::-webkit-calendar-picker-indicator {
+    position: absolute;
+    inset-inline-end: .75em;
+  }
+
+  .indicator {
+    width: max-content;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .indicator :where(.indicator-item) {
+    z-index: 1;
+    white-space: nowrap;
+    top: var(--inidicator-t, 0);
+    bottom: var(--inidicator-b, auto);
+    left: var(--inidicator-s, auto);
+    right: var(--inidicator-e, 0);
+    translate: var(--inidicator-x, 50%) var(--indicator-y, -50%);
+    position: absolute;
+  }
+
+  .table {
+    border-radius: var(--radius-box);
+    text-align: left;
+    width: 100%;
+    font-size: .875rem;
+    position: relative;
+  }
+
+  .table:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    text-align: right;
+  }
+
+  @media (hover: hover) {
+    :is(.table tr.row-hover, .table tr.row-hover:nth-child(2n)):hover {
+      background-color: var(--color-base-200);
+    }
+  }
+
+  .table :where(th, td) {
+    vertical-align: middle;
+    padding-block: .75rem;
+    padding-inline: 1rem;
+  }
+
+  .table :where(thead, tfoot) {
+    white-space: nowrap;
+    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
+    font-size: .875rem;
+    font-weight: 600;
+  }
+
+  .table :where(tfoot) {
+    border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
+  }
+
+  .table :where(.table-pin-rows thead tr) {
+    z-index: 1;
+    background-color: var(--color-base-100);
+    position: sticky;
+    top: 0;
+  }
+
+  .table :where(.table-pin-rows tfoot tr) {
+    z-index: 1;
+    background-color: var(--color-base-100);
+    position: sticky;
+    bottom: 0;
+  }
+
+  .table :where(.table-pin-cols tr th) {
+    background-color: var(--color-base-100);
+    position: sticky;
+    left: 0;
+    right: 0;
+  }
+
+  .table :where(thead tr, tbody tr:not(:last-child)) {
+    border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
+  }
+
+  .avatar-offline:before {
+    content: "";
+    z-index: 1;
+    background-color: var(--color-base-300);
+    outline: 2px solid var(--color-base-100);
+    border-radius: 3.40282e38px;
+    width: 15%;
+    height: 15%;
+    display: block;
+    position: absolute;
+    top: 7%;
+    right: 7%;
+  }
+
+  .avatar-online:before {
+    content: "";
+    z-index: 1;
+    background-color: var(--color-success);
+    outline: 2px solid var(--color-base-100);
+    border-radius: 3.40282e38px;
+    width: 15%;
+    height: 15%;
+    display: block;
+    position: absolute;
+    top: 7%;
+    right: 7%;
+  }
+
+  .steps {
+    counter-reset: step;
+    grid-auto-columns: 1fr;
+    grid-auto-flow: column;
+    display: inline-grid;
+    overflow: auto hidden;
+  }
+
+  .steps .step {
+    text-align: center;
+    --step-bg: var(--color-base-300);
+    --step-fg: var(--color-base-content);
+    grid-template-rows: 40px 1fr;
+    grid-template-columns: auto;
+    place-items: center;
+    min-width: 4rem;
+    display: grid;
+  }
+
+  .steps .step:before {
+    width: 100%;
+    height: .5rem;
+    color: var(--step-bg);
+    background-color: var(--step-bg);
+    --tw-content: "";
+    content: var(--tw-content);
+    border: 1px solid;
+    grid-row-start: 1;
+    grid-column-start: 1;
+    margin-inline-start: -100%;
+    top: 0;
+  }
+
+  .steps .step > .step-icon, .steps .step:not(:has(.step-icon)):after {
+    content: counter(step);
+    counter-increment: step;
+    z-index: 1;
+    color: var(--step-fg);
+    background-color: var(--step-bg);
+    border: 1px solid var(--step-bg);
+    border-radius: 3.40282e38px;
+    grid-row-start: 1;
+    grid-column-start: 1;
+    place-self: center;
+    place-items: center;
+    width: 2rem;
+    height: 2rem;
+    display: grid;
+    position: relative;
+  }
+
+  .steps .step:first-child:before {
+    content: none;
+  }
+
+  .steps .step[data-content]:after {
+    content: attr(data-content);
+  }
+
+  .steps .step-neutral + .step-neutral:before, .steps .step-neutral:after, .steps .step-neutral > .step-icon {
+    --step-bg: var(--color-neutral);
+    --step-fg: var(--color-neutral-content);
+  }
+
+  .steps .step-primary + .step-primary:before, .steps .step-primary:after, .steps .step-primary > .step-icon {
+    --step-bg: var(--color-primary);
+    --step-fg: var(--color-primary-content);
+  }
+
+  .steps .step-secondary + .step-secondary:before, .steps .step-secondary:after, .steps .step-secondary > .step-icon {
+    --step-bg: var(--color-secondary);
+    --step-fg: var(--color-secondary-content);
+  }
+
+  .steps .step-accent + .step-accent:before, .steps .step-accent:after, .steps .step-accent > .step-icon {
+    --step-bg: var(--color-accent);
+    --step-fg: var(--color-accent-content);
+  }
+
+  .steps .step-info + .step-info:before, .steps .step-info:after, .steps .step-info > .step-icon {
+    --step-bg: var(--color-info);
+    --step-fg: var(--color-info-content);
+  }
+
+  .steps .step-success + .step-success:before, .steps .step-success:after, .steps .step-success > .step-icon {
+    --step-bg: var(--color-success);
+    --step-fg: var(--color-success-content);
+  }
+
+  .steps .step-warning + .step-warning:before, .steps .step-warning:after, .steps .step-warning > .step-icon {
+    --step-bg: var(--color-warning);
+    --step-fg: var(--color-warning-content);
+  }
+
+  .steps .step-error + .step-error:before, .steps .step-error:after, .steps .step-error > .step-icon {
+    --step-bg: var(--color-error);
+    --step-fg: var(--color-error-content);
+  }
+
+  .diff-resizer {
+    z-index: 1;
+    resize: horizontal;
+    opacity: 0;
+    cursor: ew-resize;
+    transform-origin: 100% 100%;
+    clip-path: inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));
+    grid-row-start: 1;
+    grid-column-start: 1;
+    width: 50cqi;
+    min-width: 1rem;
+    max-width: calc(100cqi - 1rem);
+    height: .5rem;
+    transition: min-width .3s ease-out, max-width .3s ease-out;
+    position: relative;
+    top: 50%;
+    overflow: hidden;
+    transform: scaleY(3)translate(.35rem, .08rem);
+  }
+
+  .range {
+    appearance: none;
+    webkit-appearance: none;
+    --range-thumb: var(--color-base-100);
+    --range-thumb-size: calc(var(--size-selector, .25rem) * 6);
+    --range-progress: currentColor;
+    --range-fill: 1;
+    --range-p: .25rem;
+    --range-bg: color-mix(in oklab, currentColor 10%, #0000);
+    cursor: pointer;
+    vertical-align: middle;
+    --radius-selector-max: calc(var(--radius-selector)  + var(--radius-selector)  + var(--radius-selector));
+    border-radius: calc(var(--radius-selector)  + min(var(--range-p), var(--radius-selector-max)));
+    width: clamp(3rem, 20rem, 100%);
+    height: var(--range-thumb-size);
+    background-color: #0000;
+    border: none;
+    overflow: hidden;
+  }
+
+  [dir="rtl"] .range {
+    --range-dir: -1;
+  }
+
+  .range:focus {
+    outline: none;
+  }
+
+  .range:focus-visible {
+    outline-offset: 2px;
+    outline: 2px solid;
+  }
+
+  .range::-webkit-slider-runnable-track {
+    background-color: var(--range-bg);
+    border-radius: var(--radius-selector);
+    width: 100%;
+    height: calc(var(--range-thumb-size) * .5);
+  }
+
+  @media (forced-colors: active) {
+    .range::-webkit-slider-runnable-track {
+      border: 1px solid;
+    }
+
+    .range::-moz-range-track {
+      border: 1px solid;
+    }
+  }
+
+  .range::-webkit-slider-thumb {
+    box-sizing: border-box;
+    border-radius: calc(var(--radius-selector)  + min(var(--range-p), var(--radius-selector-max)));
+    height: var(--range-thumb-size);
+    width: var(--range-thumb-size);
+    border: var(--range-p) solid;
+    appearance: none;
+    webkit-appearance: none;
+    color: var(--range-progress);
+    box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem)  - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
+    background-color: currentColor;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .range::-moz-range-track {
+    background-color: var(--range-bg);
+    border-radius: var(--radius-selector);
+    width: 100%;
+    height: calc(var(--range-thumb-size) * .5);
+  }
+
+  .range::-moz-range-thumb {
+    box-sizing: border-box;
+    border-radius: calc(var(--radius-selector)  + min(var(--range-p), var(--radius-selector-max)));
+    height: var(--range-thumb-size);
+    width: var(--range-thumb-size);
+    border: var(--range-p) solid;
+    color: var(--range-progress);
+    box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem)  - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
+    background-color: currentColor;
+    position: relative;
+    top: 50%;
+  }
+
+  .range:disabled {
+    cursor: not-allowed;
+    opacity: .3;
+  }
+
+  .countdown {
+    display: inline-flex;
+  }
+
+  .countdown.countdown {
+    line-height: 1em;
+  }
+
+  .countdown > * {
+    height: 1em;
+    display: inline-block;
+    overflow-y: hidden;
+  }
+
+  .countdown > :before {
+    content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";
+    white-space: pre;
+    top: calc(var(--value) * -1em);
+    text-align: center;
+    transition: all 1s cubic-bezier(1, 0, 0, 1);
+    position: relative;
+  }
+
+  .tabs-border .tab {
+    --tab-border-color: #0000 #0000 var(--tab-border-color) #0000;
+    border-radius: var(--radius-field);
+    position: relative;
+  }
+
+  .tabs-border .tab:before {
+    --tw-content: "";
+    content: var(--tw-content);
+    background-color: var(--tab-border-color);
+    border-radius: var(--radius-field);
+    width: 80%;
+    height: 3px;
+    transition: background-color .2s;
+    position: absolute;
+    bottom: 0;
+    left: 10%;
+  }
+
+  :is(.tabs-border .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-border .tab:is(input:checked), .tabs-border .tab:is(label:has(:checked))):before {
+    --tab-border-color: currentColor;
+    border-top: 3px solid;
+  }
+
+  .chat-bubble {
+    border-radius: var(--radius-field);
+    background-color: var(--color-base-300);
+    width: fit-content;
+    color: var(--color-base-content);
+    grid-row-end: 3;
+    min-width: 2.5rem;
+    max-width: 90%;
+    min-height: 2rem;
+    padding-block: .5rem;
+    padding-inline: 1rem;
+    display: block;
+    position: relative;
+  }
+
+  .chat-bubble:before {
+    background-color: inherit;
+    content: "";
+    width: .75rem;
+    height: .75rem;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-image: var(--mask-chat);
+    -webkit-mask-image: var(--mask-chat);
+    mask-image: var(--mask-chat);
+    position: absolute;
+    bottom: 0;
+    -webkit-mask-position: 0 -1px;
+    mask-position: 0 -1px;
+    -webkit-mask-size: 13px;
+    mask-size: 13px;
+  }
+
+  .timeline {
+    display: flex;
+    position: relative;
+  }
+
+  .timeline > li {
+    grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end, minmax(0, 1fr));
+    grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end, minmax(0, 1fr));
+    flex-shrink: 0;
+    align-items: center;
+    display: grid;
+    position: relative;
+  }
+
+  .timeline > li > hr {
+    border: none;
+    width: 100%;
+  }
+
+  .timeline > li > hr:first-child {
+    grid-row-start: 2;
+    grid-column-start: 1;
+  }
+
+  .timeline > li > hr:last-child {
+    grid-area: 2 / 3 / auto / none;
+  }
+
+  @media print {
+    .timeline > li > hr {
+      border: .1px solid var(--color-base-300);
+    }
+  }
+
+  .timeline :where(hr) {
+    background-color: var(--color-base-300);
+    height: .25rem;
+  }
+
+  .timeline:has(.timeline-middle hr):first-child {
+    border-start-start-radius: 0;
+    border-start-end-radius: var(--radius-selector);
+    border-end-end-radius: var(--radius-selector);
+    border-end-start-radius: 0;
+  }
+
+  .timeline:has(.timeline-middle hr):last-child, .timeline:not(:has(.timeline-middle)) :first-child hr:last-child {
+    border-start-start-radius: var(--radius-selector);
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+    border-end-start-radius: var(--radius-selector);
+  }
+
+  .timeline:not(:has(.timeline-middle)) :last-child hr:first-child {
+    border-start-start-radius: 0;
+    border-start-end-radius: var(--radius-selector);
+    border-end-end-radius: var(--radius-selector);
+    border-end-start-radius: 0;
+  }
+
+  .card {
+    border-radius: var(--radius-box);
+    outline-offset: 2px;
+    outline: 0 solid #0000;
+    flex-direction: column;
+    transition: outline .2s ease-in-out;
+    display: flex;
+    position: relative;
+  }
+
+  .card:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .card:focus {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .card:focus-visible {
+    outline-color: currentColor;
+  }
+
+  .card :where(figure:first-child) {
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+    border-end-end-radius: unset;
+    border-end-start-radius: unset;
+    overflow: hidden;
+  }
+
+  .card :where(figure:last-child) {
+    border-start-start-radius: unset;
+    border-start-end-radius: unset;
+    border-end-end-radius: inherit;
+    border-end-start-radius: inherit;
+    overflow: hidden;
+  }
+
+  .card:where(.card-border) {
+    border: var(--border) solid var(--color-base-200);
+  }
+
+  .card:where(.card-dash) {
+    border: var(--border) dashed var(--color-base-200);
+  }
+
+  .card.image-full {
+    display: grid;
+  }
+
+  .card.image-full:before {
+    border-radius: var(--radius-box);
+    background-color: var(--color-neutral);
+    opacity: .75;
+    content: "";
+    grid-row-start: 1;
+    grid-column-start: 1;
+    position: relative;
+  }
+
+  .card.image-full > * {
+    grid-row-start: 1;
+    grid-column-start: 1;
+  }
+
+  .card.image-full > .card-body {
+    color: var(--color-neutral-content);
+    position: relative;
+  }
+
+  .card.image-full :where(figure) {
+    border-radius: inherit;
+    overflow: hidden;
+  }
+
+  .card.image-full > figure img {
+    object-fit: cover;
+    height: 100%;
+  }
+
+  .card figure {
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
+
+  .card:has( > input:is(input[type="checkbox"], input[type="radio"])) {
+    cursor: pointer;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .card:has( > :checked) {
+    outline: 2px solid;
+  }
+
+  .swap {
+    cursor: pointer;
+    vertical-align: middle;
+    webkit-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    place-content: center;
+    display: inline-grid;
+    position: relative;
+  }
+
+  .swap input {
+    appearance: none;
+    border: none;
+  }
+
+  .swap > * {
+    grid-row-start: 1;
+    grid-column-start: 1;
+    transition-property: transform, rotate, opacity;
+    transition-duration: .2s;
+    transition-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+
+  .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on, .swap input:is(:checked, :indeterminate) ~ .swap-off {
+    opacity: 0;
+  }
+
+  .swap input:checked ~ .swap-on, .swap input:indeterminate ~ .swap-indeterminate {
+    opacity: 1;
+  }
+
+  .collapse-title {
+    grid-row-start: 1;
+    grid-column-start: 1;
+    width: 100%;
+    min-height: 3.75rem;
+    padding: 1rem;
+    padding-inline-end: 3rem;
+    transition: background-color .2s ease-out;
+    position: relative;
+  }
+
+  .mockup-browser {
+    border-radius: var(--radius-box);
+    position: relative;
+    overflow: auto hidden;
+  }
+
+  .mockup-browser pre[data-prefix]:before {
+    content: attr(data-prefix);
+    text-align: right;
+    display: inline-block;
+  }
+
+  .mockup-browser .mockup-browser-toolbar {
+    align-items: center;
+    width: 100%;
+    margin-block: .75rem;
+    padding-right: 1.4em;
+    display: inline-flex;
+  }
+
+  .mockup-browser .mockup-browser-toolbar:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    flex-direction: row-reverse;
+  }
+
+  .mockup-browser .mockup-browser-toolbar:before {
+    content: "";
+    aspect-ratio: 1;
+    opacity: .3;
+    border-radius: 3.40282e38px;
+    height: .75rem;
+    margin-right: 4.8rem;
+    display: inline-block;
+    box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
+  }
+
+  .mockup-browser .mockup-browser-toolbar .input {
+    background-color: var(--color-base-200);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    direction: ltr;
+    align-items: center;
+    gap: .5rem;
+    height: 100%;
+    margin-inline: auto;
+    font-size: .75rem;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .mockup-browser .mockup-browser-toolbar .input:before {
+    content: "";
+    opacity: .3;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .select {
+    border: var(--border) solid #0000;
+    appearance: none;
+    background-color: var(--color-base-100);
+    vertical-align: middle;
+    width: clamp(3rem, 20rem, 100%);
+    height: var(--size);
+    text-overflow: ellipsis;
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
+    border-color: var(--input-color);
+    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    --size: calc(var(--size-field, .25rem) * 10);
+    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
+    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
+    background-repeat: no-repeat;
+    background-size: 4px 4px, 4px 4px;
+    border-start-start-radius: var(--join-ss, var(--radius-field));
+    border-start-end-radius: var(--join-se, var(--radius-field));
+    border-end-end-radius: var(--join-ee, var(--radius-field));
+    border-end-start-radius: var(--join-es, var(--radius-field));
+    flex-shrink: 1;
+    align-items: center;
+    gap: .375rem;
+    padding-inline: 1rem 1.75rem;
+    font-size: .875rem;
+    display: inline-flex;
+    position: relative;
+  }
+
+  [dir="rtl"] .select {
+    background-position: 12px calc(1px + 50%), 16px calc(1px + 50%);
+  }
+
+  .select select {
+    appearance: none;
+    background: inherit;
+    border-radius: inherit;
+    border-style: none;
+    width: calc(100% + 2.75rem);
+    height: calc(100% - 2px);
+    margin-inline: -1rem -1.75rem;
+    padding-inline: 1rem 1.75rem;
+  }
+
+  .select select:focus, .select select:focus-within {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    :is(.select select:focus, .select select:focus-within) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .select select:not(:last-child) {
+    background-image: none;
+    margin-inline-end: -1.375rem;
+  }
+
+  .select:focus, .select:focus-within {
+    --input-color: var(--color-base-content);
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
+    outline: 2px solid var(--input-color);
+    outline-offset: 2px;
+  }
+
+  .select:has( > select[disabled]), .select:is(:disabled, [disabled]) {
+    cursor: not-allowed;
+    border-color: var(--color-base-200);
+    background-color: var(--color-base-200);
+    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+  }
+
+  :is(.select:has( > select[disabled]), .select:is(:disabled, [disabled]))::placeholder {
+    color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+  }
+
+  .select:has( > select[disabled]) > select[disabled] {
+    cursor: not-allowed;
+  }
+
+  .menu-horizontal {
+    flex-direction: row;
+    display: inline-flex;
+  }
+
+  .menu-horizontal > li:not(.menu-title) > details > ul {
+    margin-inline-start: 0;
+    margin-top: 1rem;
+    padding-block: .5rem;
+    padding-inline-end: .5rem;
+    position: absolute;
+  }
+
+  .menu-horizontal > li > details > ul:before {
+    content: none;
+  }
+
+  :where(.menu-horizontal > li:not(.menu-title) > details > ul) {
+    border-radius: var(--radius-box);
+    background-color: var(--color-base-100);
+    box-shadow: 0 1px 3px oklch(0% 0 0 / .1), 0 1px 2px -1px oklch(0% 0 0 / .1);
+  }
+
+  .menu-vertical {
+    flex-direction: column;
+    display: inline-flex;
+  }
+
+  .menu-vertical > li:not(.menu-title) > details > ul {
+    margin-inline-start: 1rem;
+    margin-top: 0;
+    padding-block: 0;
+    padding-inline-end: 0;
+    position: relative;
+  }
+
+  .mockup-code {
+    border-radius: var(--radius-box);
+    background-color: var(--color-neutral);
+    color: var(--color-neutral-content);
+    direction: ltr;
+    padding-block: 1.25rem;
+    font-size: .875rem;
+    position: relative;
+    overflow: auto hidden;
+  }
+
+  .mockup-code:before {
+    content: "";
+    opacity: .3;
+    border-radius: 3.40282e38px;
+    width: .75rem;
+    height: .75rem;
+    margin-bottom: 1rem;
+    display: block;
+    box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
+  }
+
+  .mockup-code pre {
+    padding-right: 1.25rem;
+  }
+
+  .mockup-code pre:before {
+    content: "";
+    margin-right: 2ch;
+  }
+
+  .mockup-code pre[data-prefix]:before {
+    content: attr(data-prefix);
+    text-align: right;
+    opacity: .5;
+    width: 2rem;
+    display: inline-block;
+  }
+
+  .mockup-window {
+    border-radius: var(--radius-box);
+    flex-direction: column;
+    padding-top: 1.25rem;
+    display: flex;
+    position: relative;
+    overflow: auto hidden;
+  }
+
+  .mockup-window:before {
+    content: "";
+    aspect-ratio: 1;
+    opacity: .3;
+    border-radius: 3.40282e38px;
+    flex-shrink: 0;
+    align-self: flex-start;
+    height: .75rem;
+    margin-bottom: 1rem;
+    display: block;
+    box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
+  }
+
+  [dir="rtl"] .mockup-window:before {
+    align-self: flex-end;
+  }
+
+  .mockup-window pre[data-prefix]:before {
+    content: attr(data-prefix);
+    text-align: right;
+    display: inline-block;
+  }
+
+  .avatar {
+    vertical-align: middle;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .avatar > div {
+    aspect-ratio: 1;
+    display: block;
+    overflow: hidden;
+  }
+
+  .avatar img {
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+  }
+
+  .checkbox {
+    border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
+    cursor: pointer;
+    appearance: none;
+    border-radius: var(--radius-selector);
+    vertical-align: middle;
+    color: var(--color-base-content);
+    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;
+    --size: calc(var(--size-selector, .25rem) * 6);
+    width: var(--size);
+    height: var(--size);
+    background-size: auto, calc(var(--noise) * 100%);
+    background-image: none, var(--fx-noise);
+    flex-shrink: 0;
+    padding: .25rem;
+    transition: background-color .2s, box-shadow .2s;
+    position: relative;
+  }
+
+  .checkbox:before {
+    --tw-content: "";
+    content: var(--tw-content);
+    opacity: 0;
+    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
+    width: 100%;
+    height: 100%;
+    box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
+    background-color: currentColor;
+    font-size: 1rem;
+    line-height: .75;
+    transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
+    display: block;
+    rotate: 45deg;
+  }
+
+  .checkbox:focus-visible {
+    outline: 2px solid var(--input-color, currentColor);
+    outline-offset: 2px;
+  }
+
+  .checkbox:checked, .checkbox[aria-checked="true"] {
+    background-color: var(--input-color, #0000);
+    box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
+  }
+
+  :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
+    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
+    opacity: 1;
+  }
+
+  @media (forced-colors: active) {
+    :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
+      --tw-content: "✔︎";
+      clip-path: none;
+      background-color: #0000;
+      rotate: none;
+    }
+  }
+
+  @media print {
+    :is(.checkbox:checked, .checkbox[aria-checked="true"]):before {
+      --tw-content: "✔︎";
+      clip-path: none;
+      background-color: #0000;
+      rotate: none;
+    }
+  }
+
+  .checkbox:indeterminate:before {
+    opacity: 1;
+    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
+    translate: 0 -35%;
+    rotate: none;
+  }
+
+  .checkbox:disabled {
+    cursor: not-allowed;
+    opacity: .2;
+  }
+
+  .radio {
+    cursor: pointer;
+    appearance: none;
+    vertical-align: middle;
+    border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
+    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;
+    --size: calc(var(--size-selector, .25rem) * 6);
+    width: var(--size);
+    height: var(--size);
+    color: var(--input-color, currentColor);
+    border-radius: 3.40282e38px;
+    flex-shrink: 0;
+    padding: .25rem;
+    position: relative;
+  }
+
+  .radio:before {
+    --tw-content: "";
+    content: var(--tw-content);
+    background-size: auto, calc(var(--noise) * 100%);
+    background-image: none, var(--fx-noise);
+    border-radius: 3.40282e38px;
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+
+  .radio:focus-visible {
+    outline: 2px solid;
+  }
+
+  .radio:checked, .radio[aria-checked="true"] {
+    background-color: var(--color-base-100);
+    border-color: currentColor;
+    animation: .2s ease-out radio;
+  }
+
+  :is(.radio:checked, .radio[aria-checked="true"]):before {
+    box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
+    background-color: currentColor;
+  }
+
+  @media (forced-colors: active) {
+    :is(.radio:checked, .radio[aria-checked="true"]):before {
+      outline-style: var(--tw-outline-style);
+      outline-offset: calc(1px * -1);
+      outline-width: 1px;
+    }
+  }
+
+  @media print {
+    :is(.radio:checked, .radio[aria-checked="true"]):before {
+      outline-offset: -1rem;
+      outline: .25rem solid;
+    }
+  }
+
+  .radio:disabled {
+    cursor: not-allowed;
+    opacity: .2;
+  }
+
+  .rating {
+    vertical-align: middle;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .rating input {
+    appearance: none;
+    border: none;
+  }
+
+  .rating :where(*) {
+    background-color: var(--color-base-content);
+    opacity: .2;
+    border-radius: 0;
+    width: 1.5rem;
+    height: 1.5rem;
+    animation: .25s ease-out rating;
+  }
+
+  .rating :where(*):is(input) {
+    cursor: pointer;
+  }
+
+  .rating .rating-hidden {
+    background-color: #0000;
+    width: .5rem;
+  }
+
+  .rating input[type="radio"]:checked {
+    background-image: none;
+  }
+
+  .rating :checked, .rating [aria-checked="true"], .rating [aria-current="true"], .rating :has( ~ :checked,  ~ [aria-checked="true"],  ~ [aria-current="true"]) {
+    opacity: 1;
+  }
+
+  .rating :focus-visible {
+    transition: scale .2s ease-out;
+    scale: 1.1;
+  }
+
+  .rating :active:focus {
+    animation: none;
+    scale: 1.1;
+  }
+
+  .rating.rating-xs :where(:not(.rating-hidden)) {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .rating.rating-sm :where(:not(.rating-hidden)) {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+
+  .rating.rating-md :where(:not(.rating-hidden)) {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+
+  .rating.rating-lg :where(:not(.rating-hidden)) {
+    width: 1.75rem;
+    height: 1.75rem;
+  }
+
+  .rating.rating-xl :where(:not(.rating-hidden)) {
+    width: 2rem;
+    height: 2rem;
+  }
+
+  .drawer {
+    grid-auto-columns: max-content auto;
+    width: 100%;
+    display: grid;
+    position: relative;
+  }
+
+  .stats {
+    border-radius: var(--radius-box);
+    grid-auto-flow: column;
+    display: inline-grid;
+    position: relative;
+    overflow-x: auto;
+  }
+
+  .progress {
+    appearance: none;
+    border-radius: var(--radius-box);
+    background-color: color-mix(in oklab, currentColor 20%, transparent);
+    width: 100%;
+    height: .5rem;
+    color: var(--color-base-content);
+    position: relative;
+    overflow: hidden;
+  }
+
+  .progress:indeterminate {
+    background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
+    background-position-x: 15%;
+    background-size: 200%;
+    animation: 5s ease-in-out infinite progress;
+  }
+
+  @supports ((-moz-appearance: none)) {
+    .progress:indeterminate::-moz-progress-bar {
+      background-color: #0000;
+      background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
+      background-position-x: 15%;
+      background-size: 200%;
+      animation: 5s ease-in-out infinite progress;
+    }
+
+    .progress::-moz-progress-bar {
+      border-radius: var(--radius-box);
+      background-color: currentColor;
+    }
+  }
+
+  @supports ((-webkit-appearance: none)) {
+    .progress::-webkit-progress-bar {
+      border-radius: var(--radius-box);
+      background-color: #0000;
+    }
+
+    .progress::-webkit-progress-value {
+      border-radius: var(--radius-box);
+      background-color: currentColor;
+    }
+  }
+
+  .absolute {
+    position: absolute;
+  }
+
+  .fixed {
+    position: fixed;
+  }
+
+  .relative {
+    position: relative;
+  }
+
+  .sticky {
+    position: sticky;
+  }
+
+  .tooltip-bottom > .tooltip-content, .tooltip-bottom[data-tip]:before {
+    transform: translateX(-50%) translateY(var(--tt-pos, -.25rem));
+    inset: var(--tt-off) auto auto 50%;
+  }
+
+  .tooltip-bottom:after {
+    transform: translateX(-50%) translateY(var(--tt-pos, -.25rem)) rotate(180deg);
+    inset: var(--tt-tail) auto auto 50%;
+  }
+
+  .tooltip-left > .tooltip-content, .tooltip-left[data-tip]:before {
+    transform: translateX(calc(var(--tt-pos, .25rem)  - .25rem)) translateY(-50%);
+    inset: 50% var(--tt-off) auto auto;
+  }
+
+  .tooltip-left:after {
+    transform: translateX(var(--tt-pos, .25rem)) translateY(-50%) rotate(-90deg);
+    inset: 50% calc(var(--tt-tail)  + 1px) auto auto;
+  }
+
+  .tooltip-right > .tooltip-content, .tooltip-right[data-tip]:before {
+    transform: translateX(calc(var(--tt-pos, -.25rem)  + .25rem)) translateY(-50%);
+    inset: 50% auto auto var(--tt-off);
+  }
+
+  .tooltip-right:after {
+    transform: translateX(var(--tt-pos, -.25rem)) translateY(-50%) rotate(90deg);
+    inset: 50% auto auto calc(var(--tt-tail)  + 1px);
+  }
+
+  .tooltip-top > .tooltip-content, .tooltip-top[data-tip]:before {
+    transform: translateX(-50%) translateY(var(--tt-pos, .25rem));
+    inset: auto auto var(--tt-off) 50%;
+  }
+
+  .tooltip-top:after {
+    transform: translateX(-50%) translateY(var(--tt-pos, .25rem));
+    inset: auto auto var(--tt-tail) 50%;
+  }
+
+  .dropdown-right {
+    --anchor-h: right;
+    --anchor-v: span-bottom;
+  }
+
+  .dropdown-right .dropdown-content {
+    transform-origin: 0;
+    inset-inline-start: 100%;
+    top: 0;
+    bottom: auto;
+  }
+
+  .chat-end {
+    grid-template-columns: 1fr auto;
+    place-items: end;
+  }
+
+  .chat-end .chat-header, .chat-end .chat-footer {
+    grid-column-start: 1;
+  }
+
+  .chat-end .chat-image {
+    grid-column-start: 2;
+  }
+
+  .chat-end .chat-bubble {
+    border-end-end-radius: 0;
+    grid-column-start: 1;
+  }
+
+  .chat-end .chat-bubble:before {
+    inset-inline-start: 100%;
+    transform: rotateY(180deg);
+  }
+
+  [dir="rtl"] :is(.chat-end .chat-bubble):before {
+    transform: rotateY(0);
+  }
+
+  .chat-start {
+    grid-template-columns: auto 1fr;
+    place-items: start;
+  }
+
+  .chat-start .chat-header, .chat-start .chat-footer {
+    grid-column-start: 2;
+  }
+
+  .chat-start .chat-image {
+    grid-column-start: 1;
+  }
+
+  .chat-start .chat-bubble {
+    border-end-start-radius: 0;
+    grid-column-start: 2;
+  }
+
+  .chat-start .chat-bubble:before {
+    inset-inline-start: -.75rem;
+    transform: rotateY(0);
+  }
+
+  [dir="rtl"] :is(.chat-start .chat-bubble):before {
+    transform: rotateY(180deg);
+  }
+
+  .dropdown-left {
+    --anchor-h: left;
+    --anchor-v: span-bottom;
+  }
+
+  .dropdown-left .dropdown-content {
+    transform-origin: 100%;
+    inset-inline-end: 100%;
+    top: 0;
+    bottom: auto;
+  }
+
+  .dropdown-center {
+    --anchor-h: center;
+  }
+
+  .dropdown-center :where(.dropdown-content) {
+    inset-inline-end: 50%;
+    translate: 50%;
+  }
+
+  .dropdown-center.dropdown-left {
+    --anchor-h: left;
+    --anchor-v: center;
+  }
+
+  .dropdown-center.dropdown-left .dropdown-content {
+    top: auto;
+    bottom: 50%;
+    translate: 0 50%;
+  }
+
+  .dropdown-center.dropdown-right {
+    --anchor-h: right;
+    --anchor-v: center;
+  }
+
+  .dropdown-center.dropdown-right .dropdown-content {
+    top: auto;
+    bottom: 50%;
+    translate: 0 50%;
+  }
+
+  .dropdown-end {
+    --anchor-h: span-left;
+  }
+
+  .dropdown-end :where(.dropdown-content) {
+    inset-inline-end: 0;
+    translate: 0;
+  }
+
+  .dropdown-end.dropdown-left {
+    --anchor-h: left;
+    --anchor-v: span-top;
+  }
+
+  .dropdown-end.dropdown-left .dropdown-content {
+    top: auto;
+    bottom: 0;
+  }
+
+  .dropdown-end.dropdown-right {
+    --anchor-h: right;
+    --anchor-v: span-top;
+  }
+
+  .dropdown-end.dropdown-right .dropdown-content {
+    top: auto;
+    bottom: 0;
+  }
+
+  .dropdown-start {
+    --anchor-h: span-right;
+  }
+
+  .dropdown-start :where(.dropdown-content) {
+    inset-inline-end: auto;
+  }
+
+  .dropdown-start.dropdown-left {
+    --anchor-h: left;
+    --anchor-v: span-bottom;
+  }
+
+  .dropdown-start.dropdown-left .dropdown-content {
+    top: 0;
+    bottom: auto;
+  }
+
+  .dropdown-start.dropdown-right {
+    --anchor-h: right;
+    --anchor-v: span-bottom;
+  }
+
+  .dropdown-start.dropdown-right .dropdown-content {
+    top: 0;
+    bottom: auto;
+  }
+
+  .dropdown-bottom {
+    --anchor-v: bottom;
+  }
+
+  .dropdown-bottom .dropdown-content {
+    transform-origin: top;
+    top: 100%;
+    bottom: auto;
+  }
+
+  .dropdown-top {
+    --anchor-v: top;
+  }
+
+  .dropdown-top .dropdown-content {
+    transform-origin: bottom;
+    top: auto;
+    bottom: 100%;
+  }
+
+  .dock-sm {
+    height: 3.5rem;
+    height: calc(3.5rem + env(safe-area-inset-bottom));
+  }
+
+  .dock-sm .dock-active:after {
+    bottom: -.1rem;
+  }
+
+  .dock-sm .dock-label {
+    font-size: .625rem;
+  }
+
+  .dock-lg {
+    height: 4.5rem;
+    height: calc(4.5rem + env(safe-area-inset-bottom));
+  }
+
+  .dock-lg .dock-active:after {
+    bottom: .4rem;
+  }
+
+  .dock-lg .dock-label {
+    font-size: .6875rem;
+  }
+
+  .dock-xl {
+    height: 5rem;
+    height: calc(5rem + env(safe-area-inset-bottom));
+  }
+
+  .dock-xl .dock-active:after {
+    bottom: .4rem;
+  }
+
+  .dock-xl .dock-label {
+    font-size: .75rem;
+  }
+
+  .dock-xs {
+    height: 3rem;
+    height: calc(3rem + env(safe-area-inset-bottom));
+  }
+
+  .dock-xs .dock-active:after {
+    bottom: -.1rem;
+  }
+
+  .dock-xs .dock-label {
+    font-size: .625rem;
+  }
+
+  .file-input {
+    cursor: pointer;
+    cursor: pointer;
+    border: var(--border) solid #0000;
+    appearance: none;
+    background-color: var(--color-base-100);
+    vertical-align: middle;
+    webkit-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    width: clamp(3rem, 20rem, 100%);
+    height: var(--size);
+    border-color: var(--input-color);
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
+    --size: calc(var(--size-field, .25rem) * 10);
+    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    border-start-start-radius: var(--join-ss, var(--radius-field));
+    border-start-end-radius: var(--join-se, var(--radius-field));
+    border-end-end-radius: var(--join-ee, var(--radius-field));
+    border-end-start-radius: var(--join-es, var(--radius-field));
+    align-items: center;
+    padding-inline-end: .75rem;
+    font-size: .875rem;
+    line-height: 2;
+    display: inline-flex;
+  }
+
+  .file-input::file-selector-button {
+    cursor: pointer;
+    webkit-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    height: calc(100% + var(--border) * 2);
+    margin-inline-end: 1rem;
+    margin-block: calc(var(--border) * -1);
+    color: var(--btn-fg);
+    border-width: var(--border);
+    border-style: solid;
+    border-color: var(--btn-border);
+    background-color: var(--btn-bg);
+    background-size: calc(var(--noise) * 100%);
+    background-image: var(--btn-noise);
+    text-shadow: 0 .5px oklch(1 0 0 / calc(var(--depth) * .15));
+    box-shadow: 0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);
+    --size: calc(var(--size-field, .25rem) * 10);
+    --btn-bg: var(--btn-color, var(--color-base-200));
+    --btn-fg: var(--color-base-content);
+    --btn-border: color-mix(in oklab, var(--btn-bg), #000 5%);
+    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);
+    --btn-noise: var(--fx-noise);
+    border-start-start-radius: calc(var(--join-ss, var(--radius-field)  - var(--border)));
+    border-end-start-radius: calc(var(--join-es, var(--radius-field)  - var(--border)));
+    margin-inline-start: calc(var(--border) * -1);
+    padding-inline: 1rem;
+    font-size: .875rem;
+    font-weight: 600;
+  }
+
+  .file-input:focus {
+    --input-color: var(--color-base-content);
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) 10%, #0000);
+    outline: 2px solid var(--input-color);
+    outline-offset: 2px;
+    isolation: isolate;
+  }
+
+  .file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]) {
+    cursor: not-allowed;
+    border-color: var(--color-base-200);
+    background-color: var(--color-base-200);
+    box-shadow: none;
+    color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
+  }
+
+  :is(.file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]))::placeholder {
+    color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+  }
+
+  :is(.file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]))::file-selector-button {
+    cursor: not-allowed;
+    border-color: var(--color-base-200);
+    background-color: var(--color-base-200);
+    --btn-border: #0000;
+    --btn-noise: none;
+    --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
+  }
+
+  .hero-content {
+    isolation: isolate;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+    max-width: 80rem;
+    padding: 1rem;
+    display: flex;
+  }
+
+  .textarea {
+    border: var(--border) solid #0000;
+    appearance: none;
+    border-radius: var(--radius-field);
+    background-color: var(--color-base-100);
+    vertical-align: middle;
+    border-color: var(--input-color);
+    width: clamp(3rem, 20rem, 100%);
+    min-height: 5rem;
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
+    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    flex-shrink: 1;
+    padding-block: .5rem;
+    padding-inline: .75rem;
+    font-size: .875rem;
+  }
+
+  .textarea textarea {
+    appearance: none;
+    background-color: #0000;
+    border: none;
+  }
+
+  .textarea textarea:focus, .textarea textarea:focus-within {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    :is(.textarea textarea:focus, .textarea textarea:focus-within) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .textarea:focus, .textarea:focus-within {
+    --input-color: var(--color-base-content);
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
+    outline: 2px solid var(--input-color);
+    outline-offset: 2px;
+    isolation: isolate;
+  }
+
+  .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) {
+    cursor: not-allowed;
+    border-color: var(--color-base-200);
+    background-color: var(--color-base-200);
+    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+    box-shadow: none;
+  }
+
+  :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::placeholder {
+    color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+  }
+
+  .textarea:has( > textarea[disabled]) > textarea[disabled] {
+    cursor: not-allowed;
+  }
+
+  .btn-active {
+    --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
+    --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
+    isolation: isolate;
+  }
+
+  .isolate {
+    isolation: isolate;
+  }
+
+  .mockup-phone-camera {
+    z-index: 1;
+    background: #000;
+    border-radius: 17px;
+    grid-area: 1 / 1 / 1 / 1;
+    width: 126px;
+    height: 32px;
+    margin-top: 6px;
+  }
+
+  .stack {
+    grid-template-rows: 3px 4px 1fr 4px 3px;
+    grid-template-columns: 3px 4px 1fr 4px 3px;
+    display: inline-grid;
+  }
+
+  .stack > * {
+    width: 100%;
+    height: 100%;
+  }
+
+  .stack > :nth-child(n+2) {
+    opacity: .7;
+    width: 100%;
+  }
+
+  .stack > :nth-child(2) {
+    z-index: 2;
+    opacity: .9;
+  }
+
+  .stack > :first-child {
+    z-index: 3;
+    width: 100%;
+  }
+
+  :is(.stack, .stack.stack-bottom) > * {
+    grid-area: 3 / 3 / 6 / 4;
+  }
+
+  :is(.stack, .stack.stack-bottom) > :nth-child(2) {
+    grid-area: 2 / 2 / 5 / 5;
+  }
+
+  :is(.stack, .stack.stack-bottom) > :first-child {
+    grid-area: 1 / 1 / 4 / 6;
+  }
+
+  .stack.stack-top > * {
+    grid-area: 1 / 3 / 4 / 4;
+  }
+
+  .stack.stack-top > :nth-child(2) {
+    grid-area: 2 / 2 / 5 / 5;
+  }
+
+  .stack.stack-top > :first-child {
+    grid-area: 3 / 1 / 6 / 6;
+  }
+
+  .stack.stack-start > * {
+    grid-area: 3 / 1 / 4 / 4;
+  }
+
+  .stack.stack-start > :nth-child(2) {
+    grid-area: 2 / 2 / 5 / 5;
+  }
+
+  .stack.stack-start > :first-child {
+    grid-area: 1 / 3 / 6 / 6;
+  }
+
+  .stack.stack-end > * {
+    grid-area: 3 / 3 / 4 / 6;
+  }
+
+  .stack.stack-end > :nth-child(2) {
+    grid-area: 2 / 2 / 5 / 5;
+  }
+
+  .stack.stack-end > :first-child {
+    grid-area: 1 / 1 / 6 / 4;
+  }
+
+  .modal-backdrop {
+    color: #0000;
+    z-index: -1;
+    grid-row-start: 1;
+    grid-column-start: 1;
+    place-self: stretch stretch;
+    display: grid;
+  }
+
+  .modal-backdrop button {
+    cursor: pointer;
+  }
+
+  .z-\[1\] {
+    z-index: 1;
+  }
+
+  .tab-content {
+    order: var(--tabcontent-order);
+    --tabcontent-radius-ss: 0;
+    --tabcontent-radius-se: 0;
+    --tabcontent-radius-es: 0;
+    --tabcontent-radius-ee: 0;
+    --tabcontent-order: 1;
+    width: 100%;
+    margin: var(--tabcontent-margin);
+    border-color: #0000;
+    border-width: var(--border);
+    border-start-start-radius: var(--tabcontent-radius-ss);
+    border-start-end-radius: var(--tabcontent-radius-se);
+    border-end-end-radius: var(--tabcontent-radius-ee);
+    border-end-start-radius: var(--tabcontent-radius-es);
+    display: none;
+  }
+
+  .mockup-phone-display {
+    border-radius: 49px;
+    grid-area: 1 / 1 / 1 / 1;
+    width: 390px;
+    height: 845px;
+    overflow: hidden;
+  }
+
+  .timeline-end {
+    grid-area: 3 / 1 / 4 / 4;
+    place-self: flex-start center;
+    margin: .25rem;
+  }
+
+  .timeline-start {
+    grid-area: 1 / 1 / 2 / 4;
+    place-self: flex-end center;
+    margin: .25rem;
+  }
+
+  .timeline-horizontal {
+    flex-direction: row;
+  }
+
+  .timeline-horizontal > li {
+    align-items: center;
+  }
+
+  .timeline-horizontal > li > hr {
+    width: 100%;
+    height: .25rem;
+  }
+
+  .timeline-horizontal > li > hr:first-child {
+    grid-row-start: 2;
+    grid-column-start: 1;
+  }
+
+  .timeline-horizontal > li > hr:last-child {
+    grid-area: 2 / 3 / auto / none;
+  }
+
+  .timeline-horizontal .timeline-start {
+    grid-area: 1 / 1 / 2 / 4;
+    place-self: flex-end center;
+  }
+
+  .timeline-horizontal .timeline-end {
+    grid-area: 3 / 1 / 4 / 4;
+    place-self: flex-start center;
+  }
+
+  .timeline-horizontal:has(.timeline-middle) > li > hr:first-child {
+    border-start-start-radius: 0;
+    border-start-end-radius: var(--radius-selector);
+    border-end-end-radius: var(--radius-selector);
+    border-end-start-radius: 0;
+  }
+
+  .timeline-horizontal:has(.timeline-middle) > li > hr:last-child, .timeline-horizontal:not(:has(.timeline-middle)) :first-child > hr:last-child {
+    border-start-start-radius: var(--radius-selector);
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+    border-end-start-radius: var(--radius-selector);
+  }
+
+  .timeline-horizontal:not(:has(.timeline-middle)) :last-child > hr:first-child {
+    border-start-start-radius: 0;
+    border-start-end-radius: var(--radius-selector);
+    border-end-end-radius: var(--radius-selector);
+    border-end-start-radius: 0;
+  }
+
+  .timeline-vertical {
+    flex-direction: column;
+  }
+
+  .timeline-vertical > li {
+    --timeline-row-start: minmax(0, 1fr);
+    --timeline-row-end: minmax(0, 1fr);
+    justify-items: center;
+  }
+
+  .timeline-vertical > li > hr {
+    width: .25rem;
+    height: 100%;
+  }
+
+  .timeline-vertical > li > hr:first-child {
+    grid-row-start: 1;
+    grid-column-start: 2;
+  }
+
+  .timeline-vertical > li > hr:last-child {
+    grid-area: 3 / 2 / none;
+  }
+
+  .timeline-vertical .timeline-start {
+    grid-area: 1 / 1 / 4 / 2;
+    place-self: center flex-end;
+  }
+
+  .timeline-vertical .timeline-end {
+    grid-area: 1 / 3 / 4 / 4;
+    place-self: center flex-start;
+  }
+
+  .timeline-vertical:has(.timeline-middle) > li > hr:first-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: var(--radius-selector);
+    border-bottom-left-radius: var(--radius-selector);
+  }
+
+  .timeline-vertical:has(.timeline-middle) > li > hr:last-child, .timeline-vertical:not(:has(.timeline-middle)) :first-child > hr:last-child {
+    border-top-left-radius: var(--radius-selector);
+    border-top-right-radius: var(--radius-selector);
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .timeline-vertical:not(:has(.timeline-middle)) :last-child > hr:first-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: var(--radius-selector);
+    border-bottom-left-radius: var(--radius-selector);
+  }
+
+  .timeline-vertical.timeline-snap-icon > li {
+    --timeline-col-start: minmax(0, 1fr);
+    --timeline-row-start: .5rem;
+  }
+
+  .timeline-compact {
+    --timeline-row-start: 0;
+  }
+
+  .timeline-compact .timeline-start {
+    grid-area: 3 / 1 / 4 / 4;
+    place-self: flex-start center;
+  }
+
+  .timeline-compact li:has(.timeline-start) .timeline-end {
+    grid-row-start: auto;
+    grid-column-start: none;
+  }
+
+  .timeline-compact.timeline-vertical > li {
+    --timeline-col-start: 0;
+  }
+
+  .timeline-compact.timeline-vertical .timeline-start {
+    grid-area: 1 / 3 / 4 / 4;
+    place-self: center flex-start;
+  }
+
+  .timeline-compact.timeline-vertical li:has(.timeline-start) .timeline-end {
+    grid-row-start: none;
+    grid-column-start: auto;
+  }
+
+  .stat-figure {
+    grid-row: 1 / span 3;
+    grid-column-start: 2;
+    place-self: center flex-end;
+  }
+
+  .hero {
+    background-position: center;
+    background-size: cover;
+    place-items: center;
+    width: 100%;
+    display: grid;
+  }
+
+  .hero > * {
+    grid-row-start: 1;
+    grid-column-start: 1;
+  }
+
+  .hero-overlay {
+    background-color: color-mix(in oklab, var(--color-neutral) 50%, transparent);
+    grid-row-start: 1;
+    grid-column-start: 1;
+    width: 100%;
+    height: 100%;
+  }
+
+  .modal-box {
+    background-color: var(--color-base-100);
+    border-top-left-radius: var(--modal-tl, var(--radius-box));
+    border-top-right-radius: var(--modal-tr, var(--radius-box));
+    border-bottom-left-radius: var(--modal-bl, var(--radius-box));
+    border-bottom-right-radius: var(--modal-br, var(--radius-box));
+    opacity: 0;
+    overscroll-behavior: contain;
+    grid-row-start: 1;
+    grid-column-start: 1;
+    width: 91.6667%;
+    max-width: 32rem;
+    max-height: 100vh;
+    padding: 1.5rem;
+    transition: translate .3s ease-out, scale .3s ease-out, opacity .2s ease-out 50ms, box-shadow .3s ease-out;
+    overflow-y: auto;
+    scale: 95%;
+    box-shadow: 0 25px 50px -12px oklch(0% 0 0 / .25);
+  }
+
+  .drawer-content {
+    grid-row-start: 1;
+    grid-column-start: 2;
+    min-width: 0;
+  }
+
+  .timeline-middle {
+    grid-row-start: 2;
+    grid-column-start: 2;
+  }
+
+  .drawer-end {
+    grid-auto-columns: auto max-content;
+  }
+
+  .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) {
+    translate: 100%;
+  }
+
+  [dir="rtl"] :is(.drawer-end > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) {
+    translate: -100%;
+  }
+
+  .drawer-end > .drawer-toggle:checked ~ .drawer-side > :not(.drawer-overlay) {
+    translate: 0%;
+  }
+
+  .stat-value {
+    white-space: nowrap;
+    grid-column-start: 1;
+    font-size: 2rem;
+    font-weight: 800;
+  }
+
+  .stat-desc, .stat-title {
+    white-space: nowrap;
+    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
+    grid-column-start: 1;
+    font-size: .75rem;
+  }
+
+  .stat-actions {
+    white-space: nowrap;
+    grid-column-start: 1;
+  }
+
+  .chat-image {
+    grid-row: span 2 / span 2;
+    align-self: flex-end;
+  }
+
+  .chat-footer {
+    grid-row-start: 3;
+    gap: .25rem;
+    font-size: .6875rem;
+    display: flex;
+  }
+
+  .chat-header {
+    grid-row-start: 1;
+    gap: .25rem;
+    font-size: .6875rem;
+    display: flex;
+  }
+
+  .list-col-wrap {
+    grid-row-start: 2;
+  }
+
+  .divider {
+    white-space: nowrap;
+    height: 1rem;
+    margin: var(--divider-m, 1rem 0);
+    flex-direction: row;
+    align-self: stretch;
+    align-items: center;
+    display: flex;
+  }
+
+  .divider:before, .divider:after {
+    content: "";
+    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
+    flex-grow: 1;
+    width: 100%;
+    height: .125rem;
+  }
+
+  @media print {
+    .divider:before, .divider:after {
+      border: .5px solid;
+    }
+  }
+
+  .divider:not(:empty) {
+    gap: 1rem;
+  }
+
+  .filter {
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .filter input[type="radio"] {
+    width: auto;
+  }
+
+  .filter input {
+    opacity: 1;
+    transition: margin .1s, opacity .3s, padding .3s, border-width .1s;
+    overflow: hidden;
+    scale: 1;
+  }
+
+  .filter input:not(:last-child) {
+    margin-inline-end: .25rem;
+  }
+
+  .filter input.filter-reset {
+    aspect-ratio: 1;
+  }
+
+  .filter input.filter-reset:after {
+    content: "×";
+  }
+
+  .filter:not(:has(input:checked:not(.filter-reset))) .filter-reset, .filter:not(:has(input:checked:not(.filter-reset))) input[type="reset"], .filter:has(input:checked:not(.filter-reset)) input:not(:checked, .filter-reset, input[type="reset"]) {
+    opacity: 0;
+    border-width: 0;
+    width: 0;
+    margin-inline: 0;
+    padding-inline: 0;
+    scale: 0;
+  }
+
+  .file-input-ghost {
+    box-shadow: none;
+    background-color: #0000;
+    border-color: #0000;
+    transition: background-color .2s;
+  }
+
+  .file-input-ghost::file-selector-button {
+    cursor: pointer;
+    webkit-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    border-start-end-radius: calc(var(--join-ss, var(--radius-field)  - var(--border)));
+    border-end-end-radius: calc(var(--join-es, var(--radius-field)  - var(--border)));
+    height: 100%;
+    margin-block: 0;
+    margin-inline: 0 1rem;
+    padding-inline: 1rem;
+  }
+
+  .file-input-ghost:focus, .file-input-ghost:focus-within {
+    background-color: var(--color-base-100);
+    color: var(--color-base-content);
+    box-shadow: none;
+    border-color: #0000;
+  }
+
+  .input-lg {
+    --size: calc(var(--size-field, .25rem) * 12);
+    font-size: 1.125rem;
+  }
+
+  .input-lg[type="number"]::-webkit-inner-spin-button {
+    margin-block: -.75rem;
+    margin-inline-end: -.75rem;
+  }
+
+  .input-md {
+    --size: calc(var(--size-field, .25rem) * 10);
+    font-size: .875rem;
+  }
+
+  .input-md[type="number"]::-webkit-inner-spin-button {
+    margin-block: -.75rem;
+    margin-inline-end: -.75rem;
+  }
+
+  .input-sm {
+    --size: calc(var(--size-field, .25rem) * 8);
+    font-size: .75rem;
+  }
+
+  .input-sm[type="number"]::-webkit-inner-spin-button {
+    margin-block: -.5rem;
+    margin-inline-end: -.75rem;
+  }
+
+  .input-xl {
+    --size: calc(var(--size-field, .25rem) * 14);
+    font-size: 1.375rem;
+  }
+
+  .input-xl[type="number"]::-webkit-inner-spin-button {
+    margin-block: -1rem;
+    margin-inline-end: -.75rem;
+  }
+
+  .input-xs {
+    --size: calc(var(--size-field, .25rem) * 6);
+    font-size: .6875rem;
+  }
+
+  .input-xs[type="number"]::-webkit-inner-spin-button {
+    margin-block: -.25rem;
+    margin-inline-end: -.75rem;
+  }
+
+  .label {
+    white-space: nowrap;
+    color: color-mix(in oklab, currentColor 60%, transparent);
+    align-items: center;
+    gap: .375rem;
+    display: inline-flex;
+  }
+
+  .label:has(input) {
+    cursor: pointer;
+  }
+
+  .label:is(.input > *, .select > *) {
+    white-space: nowrap;
+    height: calc(100% - .5rem);
+    font-size: inherit;
+    align-items: center;
+    padding-inline: .75rem;
+    display: flex;
+  }
+
+  .label:is(.input > *, .select > *):first-child {
+    border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
+    margin-inline: -.75rem .75rem;
+  }
+
+  .label:is(.input > *, .select > *):last-child {
+    border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
+    margin-inline: .75rem -.75rem;
+  }
+
+  .steps-vertical {
+    grid-auto-rows: 1fr;
+    grid-auto-flow: row;
+  }
+
+  .steps-vertical .step {
+    grid-template-rows: auto;
+    grid-template-columns: 40px 1fr;
+    justify-items: start;
+    gap: .5rem;
+    min-height: 4rem;
+    display: grid;
+  }
+
+  .steps-vertical .step:before {
+    width: .5rem;
+    height: 100%;
+    margin-inline-start: 50%;
+    translate: -50% -50%;
+  }
+
+  [dir="rtl"] :is(.steps-vertical .step):before {
+    translate: 50% -50%;
+  }
+
+  .steps-horizontal {
+    grid-auto-columns: 1fr;
+    grid-auto-flow: column;
+    display: inline-grid;
+    overflow: auto hidden;
+  }
+
+  .steps-horizontal .step {
+    text-align: center;
+    grid-template-rows: 40px 1fr;
+    grid-template-columns: auto;
+    place-items: center;
+    min-width: 4rem;
+    display: grid;
+  }
+
+  .steps-horizontal .step:before {
+    content: "";
+    width: 100%;
+    height: .5rem;
+    margin-inline-start: -100%;
+    translate: 0;
+  }
+
+  [dir="rtl"] :is(.steps-horizontal .step):before {
+    translate: 0;
+  }
+
+  .join-horizontal {
+    flex-direction: row;
+  }
+
+  .join-horizontal > .join-item:first-child, .join-horizontal :first-child:not(:last-child) .join-item {
+    --join-ss: var(--radius-field);
+    --join-se: 0;
+    --join-es: var(--radius-field);
+    --join-ee: 0;
+  }
+
+  .join-horizontal > .join-item:last-child, .join-horizontal :last-child:not(:first-child) .join-item {
+    --join-ss: 0;
+    --join-se: var(--radius-field);
+    --join-es: 0;
+    --join-ee: var(--radius-field);
+  }
+
+  .join-horizontal > .join-item:only-child, .join-horizontal :only-child .join-item {
+    --join-ss: var(--radius-field);
+    --join-se: var(--radius-field);
+    --join-es: var(--radius-field);
+    --join-ee: var(--radius-field);
+  }
+
+  .join-horizontal .join-item:where(:not(:first-child)) {
+    margin-block-start: 0;
+    margin-inline-start: calc(var(--border, 1px) * -1);
+  }
+
+  .join-vertical {
+    flex-direction: column;
+  }
+
+  .join-vertical > .join-item:first-child, .join-vertical :first-child:not(:last-child) .join-item {
+    --join-ss: var(--radius-field);
+    --join-se: var(--radius-field);
+    --join-es: 0;
+    --join-ee: 0;
+  }
+
+  .join-vertical > .join-item:last-child, .join-vertical :last-child:not(:first-child) .join-item {
+    --join-ss: 0;
+    --join-se: 0;
+    --join-es: var(--radius-field);
+    --join-ee: var(--radius-field);
+  }
+
+  .join-vertical > .join-item:only-child, .join-vertical :only-child .join-item {
+    --join-ss: var(--radius-field);
+    --join-se: var(--radius-field);
+    --join-es: var(--radius-field);
+    --join-ee: var(--radius-field);
+  }
+
+  .join-vertical .join-item:where(:not(:first-child)) {
+    margin-block-start: calc(var(--border, 1px) * -1);
+    margin-inline-start: 0;
+  }
+
+  .join-item:where(:not(:first-child)) {
+    margin-block-start: 0;
+    margin-inline-start: calc(var(--border, 1px) * -1);
+  }
+
+  .modal-action {
+    justify-content: flex-end;
+    gap: .5rem;
+    margin-top: 1.5rem;
+    display: flex;
+  }
+
+  .validator-hint {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+    margin-top: .5rem;
+  }
+
+  .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
+
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+
+  .breadcrumbs {
+    max-width: 100%;
+    padding-block: .5rem;
+    overflow-x: auto;
+  }
+
+  .breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol {
+    white-space: nowrap;
+    align-items: center;
+    min-height: min-content;
+    display: flex;
+  }
+
+  :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li {
+    align-items: center;
+    display: flex;
+  }
+
+  :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > * {
+    cursor: pointer;
+    align-items: center;
+    gap: .5rem;
+    display: flex;
+  }
+
+  @media (hover: hover) {
+    :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > :hover {
+      text-decoration-line: underline;
+    }
+  }
+
+  :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > :focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > :focus {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > :focus-visible {
+    outline-offset: 2px;
+    outline: 2px solid;
+  }
+
+  :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li + :before {
+    content: "";
+    opacity: .4;
+    background-color: #0000;
+    border-top: 1px solid;
+    border-right: 1px solid;
+    width: .375rem;
+    height: .375rem;
+    margin-left: .5rem;
+    margin-right: .75rem;
+    display: block;
+    rotate: 45deg;
+  }
+
+  [dir="rtl"] :is(:is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li) + :before {
+    rotate: -135deg;
+  }
+
+  .fieldset-legend {
+    color: var(--color-base-content);
+    justify-content: space-between;
+    align-items: center;
+    gap: .5rem;
+    margin-bottom: -.25rem;
+    padding-block: .5rem;
+    font-weight: 600;
+    display: flex;
+  }
+
+  .footer-title {
+    text-transform: uppercase;
+    opacity: .6;
+    margin-bottom: .5rem;
+    font-weight: 600;
+  }
+
+  .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
+
+  .carousel-item {
+    box-sizing: content-box;
+    scroll-snap-align: start;
+    flex: none;
+    display: flex;
+  }
+
+  .status {
+    aspect-ratio: 1;
+    border-radius: var(--radius-selector);
+    background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+    vertical-align: middle;
+    width: .5rem;
+    height: .5rem;
+    color: color-mix(in oklab, var(--color-black) 30%, transparent);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);
+    box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
+    display: inline-block;
+  }
+
+  .badge {
+    border-radius: var(--radius-selector);
+    vertical-align: middle;
+    color: var(--badge-fg);
+    border: var(--border) solid var(--badge-color, var(--color-base-200));
+    width: fit-content;
+    padding-inline: calc(.25rem * 3 - var(--border));
+    background-size: auto, calc(var(--noise) * 100%);
+    background-image: none, var(--fx-noise);
+    background-color: var(--badge-bg);
+    --badge-bg: var(--badge-color, var(--color-base-100));
+    --badge-fg: var(--color-base-content);
+    --size: calc(var(--size-selector, .25rem) * 6);
+    height: var(--size);
+    justify-content: center;
+    align-items: center;
+    gap: .5rem;
+    font-size: .875rem;
+    display: inline-flex;
+  }
+
+  .badge.badge-outline {
+    --badge-fg: var(--badge-color);
+    --badge-bg: #0000;
+    background-image: none;
+  }
+
+  .badge.badge-dash {
+    --badge-fg: var(--badge-color);
+    --badge-bg: #0000;
+    background-image: none;
+    border-style: dashed;
+  }
+
+  .badge.badge-soft {
+    color: var(--badge-color, var(--color-base-content));
+    background-color: color-mix(in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100));
+    border-color: color-mix(in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100));
+    background-image: none;
+  }
+
+  .kbd {
+    border-radius: var(--radius-field);
+    background-color: var(--color-base-200);
+    vertical-align: middle;
+    border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
+    border-bottom: calc(var(--border)  + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
+    --size: calc(var(--size-selector, .25rem) * 6);
+    height: var(--size);
+    min-width: var(--size);
+    justify-content: center;
+    align-items: center;
+    padding-left: .5em;
+    padding-right: .5em;
+    font-size: .875rem;
+    display: inline-flex;
+  }
+
+  .tabs {
+    --tabs-height: auto;
+    --tabs-direction: row;
+    height: var(--tabs-height);
+    flex-wrap: wrap;
+    flex-direction: var(--tabs-direction);
+    display: flex;
+  }
+
+  .navbar {
+    align-items: center;
+    width: 100%;
+    min-height: 4rem;
+    padding: .5rem;
+    display: flex;
+  }
+
+  .footer {
+    grid-auto-flow: row;
+    place-items: start;
+    gap: 2.5rem 1rem;
+    width: 100%;
+    font-size: .875rem;
+    line-height: 1.25rem;
+    display: grid;
+  }
+
+  .footer > * {
+    place-items: start;
+    gap: .5rem;
+    display: grid;
+  }
+
+  .footer.footer-center {
+    text-align: center;
+    grid-auto-flow: column dense;
+    place-items: center;
+  }
+
+  .footer.footer-center > * {
+    place-items: center;
+  }
+
+  .stat {
+    grid-template-columns: repeat(1, 1fr);
+    column-gap: 1rem;
+    width: 100%;
+    padding-block: 1rem;
+    padding-inline: 1.5rem;
+    display: inline-grid;
+  }
+
+  .stat:not(:last-child) {
+    border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
+    border-block-end: none;
+  }
+
+  .navbar-end {
+    justify-content: flex-end;
+    align-items: center;
+    width: 50%;
+    display: inline-flex;
+  }
+
+  .navbar-start {
+    justify-content: flex-start;
+    align-items: center;
+    width: 50%;
+    display: inline-flex;
+  }
+
+  .card-body {
+    padding: var(--card-p, 1.5rem);
+    font-size: var(--card-fs, .875rem);
+    flex-direction: column;
+    flex: auto;
+    gap: .5rem;
+    display: flex;
+  }
+
+  .card-body :where(p) {
+    flex-grow: 1;
+  }
+
+  .navbar-center {
+    flex-shrink: 0;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .fieldset-label {
+    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
+    align-items: center;
+    gap: .375rem;
+    display: flex;
+  }
+
+  .fieldset-label:has(input) {
+    cursor: pointer;
+  }
+
+  .carousel {
+    scroll-snap-type: x mandatory;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    display: inline-flex;
+    overflow-x: scroll;
+  }
+
+  .carousel::-webkit-scrollbar {
+    display: none;
+  }
+
+  .alert {
+    border-radius: var(--radius-box);
+    color: var(--color-base-content);
+    background-color: var(--alert-color, var(--color-base-200));
+    text-align: start;
+    border: var(--border) solid var(--color-base-200);
+    background-size: auto, calc(var(--noise) * 100%);
+    background-image: none, var(--fx-noise);
+    box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08));
+    grid-template-columns: auto minmax(auto, 1fr);
+    grid-auto-flow: column;
+    justify-content: start;
+    place-items: center start;
+    gap: 1rem;
+    padding-block: .75rem;
+    padding-inline: 1rem;
+    font-size: .875rem;
+    line-height: 1.25rem;
+    display: grid;
+  }
+
+  .alert.alert-outline {
+    color: var(--alert-color);
+    box-shadow: none;
+    background-color: #0000;
+    background-image: none;
+  }
+
+  .alert.alert-dash {
+    color: var(--alert-color);
+    box-shadow: none;
+    background-color: #0000;
+    background-image: none;
+    border-style: dashed;
+  }
+
+  .alert.alert-soft {
+    color: var(--alert-color, var(--color-base-content));
+    background: color-mix(in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100));
+    border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100));
+    box-shadow: none;
+    background-image: none;
+  }
+
+  .fieldset {
+    grid-template-columns: 1fr;
+    grid-auto-rows: max-content;
+    gap: .375rem;
+    padding-block: .25rem;
+    font-size: .75rem;
+    display: grid;
+  }
+
+  .card-actions {
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: .5rem;
+    display: flex;
+  }
+
+  .avatar-placeholder > div {
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
+
+  .card-title {
+    font-size: var(--cardtitle-fs, 1.125rem);
+    align-items: center;
+    gap: .5rem;
+    font-weight: 600;
+    display: flex;
+  }
+
+  .join {
+    --join-ss: 0;
+    --join-se: 0;
+    --join-es: 0;
+    --join-ee: 0;
+    align-items: stretch;
+    display: inline-flex;
+  }
+
+  .join :where(.join-item) {
+    border-start-start-radius: var(--join-ss, 0);
+    border-start-end-radius: var(--join-se, 0);
+    border-end-end-radius: var(--join-ee, 0);
+    border-end-start-radius: var(--join-es, 0);
+  }
+
+  .join :where(.join-item) * {
+    --join-ss: var(--radius-field);
+    --join-se: var(--radius-field);
+    --join-es: var(--radius-field);
+    --join-ee: var(--radius-field);
+  }
+
+  .join > .join-item:where(:first-child), .join :first-child:not(:last-child) :where(.join-item) {
+    --join-ss: var(--radius-field);
+    --join-se: 0;
+    --join-es: var(--radius-field);
+    --join-ee: 0;
+  }
+
+  .join > .join-item:where(:last-child), .join :last-child:not(:first-child) :where(.join-item) {
+    --join-ss: 0;
+    --join-se: var(--radius-field);
+    --join-es: 0;
+    --join-ee: var(--radius-field);
+  }
+
+  .join > .join-item:where(:only-child), .join :only-child :where(.join-item) {
+    --join-ss: var(--radius-field);
+    --join-se: var(--radius-field);
+    --join-es: var(--radius-field);
+    --join-ee: var(--radius-field);
+  }
+
+  .mockup-phone {
+    background-color: #000;
+    border: 6px solid #6b6b6b;
+    border-radius: 65px;
+    justify-items: center;
+    padding: 11px;
+    display: inline-grid;
+    overflow: hidden;
+  }
+
+  .chat {
+    column-gap: .75rem;
+    padding-block: .25rem;
+    display: grid;
+  }
+
+  .avatar-group {
+    display: flex;
+    overflow: hidden;
+  }
+
+  .avatar-group :where(.avatar) {
+    border: 4px solid var(--color-base-100);
+    border-radius: 3.40282e38px;
+    overflow: hidden;
+  }
+
+  :root .prose {
+    --tw-prose-body: color-mix(in oklab, var(--color-base-content) 80%, #0000);
+    --tw-prose-headings: var(--color-base-content);
+    --tw-prose-lead: var(--color-base-content);
+    --tw-prose-links: var(--color-base-content);
+    --tw-prose-bold: var(--color-base-content);
+    --tw-prose-counters: var(--color-base-content);
+    --tw-prose-bullets: color-mix(in oklab, var(--color-base-content) 50%, #0000);
+    --tw-prose-hr: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    --tw-prose-quotes: var(--color-base-content);
+    --tw-prose-quote-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    --tw-prose-captions: color-mix(in oklab, var(--color-base-content) 50%, #0000);
+    --tw-prose-code: var(--color-base-content);
+    --tw-prose-pre-code: var(--color-neutral-content);
+    --tw-prose-pre-bg: var(--color-neutral);
+    --tw-prose-th-borders: color-mix(in oklab, var(--color-base-content) 50%, #0000);
+    --tw-prose-td-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    --tw-prose-kbd: color-mix(in oklab, var(--color-base-content) 80%, #0000);
+  }
+
+  :root .prose :where(code):not(pre > code) {
+    background-color: var(--color-base-200);
+    border-radius: var(--radius-selector);
+    border: var(--border) solid var(--color-base-300);
+    font-weight: inherit;
+    padding-inline: .5em;
+  }
+
+  :root .prose :where(code):not(pre > code):before, :root .prose :where(code):not(pre > code):after {
+    display: none;
+  }
+
+  .mask {
+    vertical-align: middle;
+    display: inline-block;
+    -webkit-mask-position: center;
+    mask-position: center;
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .block {
+    display: block;
+  }
+
+  .contents {
+    display: contents;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .grid {
+    display: grid;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  .inline-block {
+    display: inline-block;
+  }
+
+  .inline-flex {
+    display: inline-flex;
+  }
+
+  .inline-grid {
+    display: inline-grid;
+  }
+
+  .table {
+    display: table;
+  }
+
+  .modal-bottom {
+    place-items: end;
+  }
+
+  .modal-bottom :where(.modal-box) {
+    --modal-tl: var(--radius-box);
+    --modal-tr: var(--radius-box);
+    --modal-bl: 0;
+    --modal-br: 0;
+    width: 100%;
+    max-width: none;
+    height: auto;
+    max-height: calc(100vh - 5em);
+    translate: 0 100%;
+    scale: 1;
+  }
+
+  .modal-end {
+    place-items: end;
+  }
+
+  .modal-end :where(.modal-box) {
+    --modal-tl: var(--radius-box);
+    --modal-tr: 0;
+    --modal-bl: var(--radius-box);
+    --modal-br: 0;
+    width: auto;
+    max-width: none;
+    height: 100vh;
+    max-height: none;
+    translate: 100%;
+    scale: 1;
+  }
+
+  .modal-middle {
+    place-items: center;
+  }
+
+  .modal-middle :where(.modal-box) {
+    --modal-tl: var(--radius-box);
+    --modal-tr: var(--radius-box);
+    --modal-bl: var(--radius-box);
+    --modal-br: var(--radius-box);
+    width: 91.6667%;
+    max-width: 32rem;
+    height: auto;
+    max-height: calc(100vh - 5em);
+    translate: 0 2%;
+    scale: 98%;
+  }
+
+  .modal-start {
+    place-items: start;
+  }
+
+  .modal-start :where(.modal-box) {
+    --modal-tl: 0;
+    --modal-tr: var(--radius-box);
+    --modal-bl: 0;
+    --modal-br: var(--radius-box);
+    width: auto;
+    max-width: none;
+    height: 100vh;
+    max-height: none;
+    translate: -100%;
+    scale: 1;
+  }
+
+  .modal-top {
+    place-items: start;
+  }
+
+  .modal-top :where(.modal-box) {
+    --modal-tl: 0;
+    --modal-tr: 0;
+    --modal-bl: var(--radius-box);
+    --modal-br: var(--radius-box);
+    width: 100%;
+    max-width: none;
+    height: auto;
+    max-height: calc(100vh - 5em);
+    translate: 0 -100%;
+    scale: 1;
+  }
+
+  .card-side {
+    flex-direction: row;
+    align-items: stretch;
+  }
+
+  .card-side :where(figure:first-child) {
+    border-start-start-radius: inherit;
+    border-start-end-radius: unset;
+    border-end-end-radius: unset;
+    border-end-start-radius: inherit;
+    overflow: hidden;
+  }
+
+  .card-side :where(figure:last-child) {
+    border-start-start-radius: unset;
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+    border-end-start-radius: unset;
+    overflow: hidden;
+  }
+
+  .card-side figure > * {
+    max-width: unset;
+  }
+
+  .card-side :where(figure > *) {
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+  }
+
+  .divider-horizontal {
+    --divider-m: 0 1rem;
+  }
+
+  .divider-horizontal.divider {
+    flex-direction: column;
+    width: 1rem;
+    height: auto;
+  }
+
+  .divider-horizontal.divider:before, .divider-horizontal.divider:after {
+    width: .125rem;
+    height: 100%;
+  }
+
+  .divider-vertical {
+    --divider-m: 1rem 0;
+  }
+
+  .divider-vertical.divider {
+    flex-direction: row;
+    width: auto;
+    height: 1rem;
+  }
+
+  .divider-vertical.divider:before, .divider-vertical.divider:after {
+    width: 100%;
+    height: .125rem;
+  }
+
+  .btn-circle {
+    width: var(--size);
+    height: var(--size);
+    border-radius: 3.40282e38px;
+    padding-inline: 0;
+  }
+
+  .btn-square {
+    width: var(--size);
+    height: var(--size);
+    padding-inline: 0;
+  }
+
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+
+  .status-lg {
+    width: .75rem;
+    height: .75rem;
+  }
+
+  .status-md {
+    width: .5rem;
+    height: .5rem;
+  }
+
+  .status-sm {
+    width: .25rem;
+    height: .25rem;
+  }
+
+  .status-xl {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .status-xs {
+    width: .125rem;
+    height: .125rem;
+  }
+
+  .tabs-lg :where(.tab) {
+    height: calc(var(--size-field, .25rem) * 12);
+    --tab-p: 1rem;
+    --tab-radius-min: calc(1.5rem - var(--border));
+    font-size: 1.125rem;
+  }
+
+  .tabs-md :where(.tab) {
+    height: calc(var(--size-field, .25rem) * 10);
+    --tab-p: .75rem;
+    --tab-radius-min: calc(.75rem - var(--border));
+    font-size: .875rem;
+  }
+
+  .tabs-sm :where(.tab) {
+    height: calc(var(--size-field, .25rem) * 8);
+    --tab-p: .5rem;
+    --tab-radius-min: calc(.5rem - var(--border));
+    font-size: .875rem;
+  }
+
+  .tabs-xl :where(.tab) {
+    height: calc(var(--size-field, .25rem) * 14);
+    --tab-p: 1.25rem;
+    --tab-radius-min: calc(2rem - var(--border));
+    font-size: 1.125rem;
+  }
+
+  .tabs-xs :where(.tab) {
+    height: calc(var(--size-field, .25rem) * 6);
+    --tab-p: .375rem;
+    --tab-radius-min: calc(.5rem - var(--border));
+    font-size: .75rem;
+  }
+
+  .dock-md {
+    height: 4rem;
+    height: calc(4rem + env(safe-area-inset-bottom));
+  }
+
+  .dock-md .dock-label {
+    font-size: .6875rem;
+  }
+
+  .btn-wide {
+    width: 100%;
+    max-width: 16rem;
+  }
+
+  .cally {
+    font-size: .7rem;
+  }
+
+  .cally::part(container) {
+    -webkit-user-select: none;
+    user-select: none;
+    padding: .5rem 1rem;
+  }
+
+  .cally ::part(th) {
+    block-size: auto;
+    font-weight: normal;
+  }
+
+  .cally::part(header) {
+    direction: ltr;
+  }
+
+  .cally ::part(head) {
+    opacity: .5;
+    font-size: .7rem;
+  }
+
+  .cally::part(button) {
+    border-radius: var(--radius-field);
+    background: none;
+    border: none;
+    padding: .5rem;
+  }
+
+  .cally::part(button):hover {
+    background: var(--color-base-200);
+  }
+
+  .cally ::part(day) {
+    border-radius: var(--radius-field);
+    font-size: .7rem;
+  }
+
+  .cally ::part(button day today) {
+    background: var(--color-primary);
+    color: var(--color-primary-content);
+  }
+
+  .cally ::part(selected) {
+    color: var(--color-base-100);
+    background: var(--color-base-content);
+    border-radius: var(--radius-field);
+  }
+
+  .cally ::part(range-inner) {
+    border-radius: 0;
+  }
+
+  .cally ::part(range-start) {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+  }
+
+  .cally ::part(range-end) {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+  }
+
+  .cally ::part(range-start range-end) {
+    border-radius: var(--radius-field);
+  }
+
+  .cally calendar-month {
+    width: 100%;
+  }
+
+  .rating-half :where(:not(.rating-hidden)) {
+    width: .75rem;
+  }
+
+  .rating-half.rating-xs :not(.rating-hidden) {
+    width: .5rem;
+  }
+
+  .rating-half.rating-sm :not(.rating-hidden) {
+    width: .625rem;
+  }
+
+  .rating-half.rating-md :not(.rating-hidden) {
+    width: .75rem;
+  }
+
+  .rating-half.rating-lg :not(.rating-hidden) {
+    width: .875rem;
+  }
+
+  .rating-half.rating-xl :not(.rating-hidden) {
+    width: 1rem;
+  }
+
+  .btn-block {
+    width: 100%;
+  }
+
+  .loading-lg {
+    width: calc(var(--size-selector, .25rem) * 7);
+  }
+
+  .loading-md {
+    width: calc(var(--size-selector, .25rem) * 6);
+  }
+
+  .loading-sm {
+    width: calc(var(--size-selector, .25rem) * 5);
+  }
+
+  .loading-xl {
+    width: calc(var(--size-selector, .25rem) * 8);
+  }
+
+  .loading-xs {
+    width: calc(var(--size-selector, .25rem) * 4);
+  }
+
+  .w-52 {
+    width: calc(var(--spacing) * 52);
+  }
+
+  .w-92 {
+    width: calc(var(--spacing) * 92);
+  }
+
+  .flex-1 {
+    flex: 1;
+  }
+
+  .flex-none {
+    flex: none;
+  }
+
+  .flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .flex-grow {
+    flex-grow: 1;
+  }
+
+  .border-collapse {
+    border-collapse: collapse;
+  }
+
+  .swap-rotate .swap-on, .swap-rotate input:indeterminate ~ .swap-on {
+    rotate: 45deg;
+  }
+
+  .swap-rotate input:is(:checked, :indeterminate) ~ .swap-on, .swap-rotate.swap-active .swap-on {
+    rotate: none;
+  }
+
+  .swap-rotate input:is(:checked, :indeterminate) ~ .swap-off, .swap-rotate.swap-active .swap-off {
+    rotate: -45deg;
+  }
+
+  .swap-flip {
+    transform-style: preserve-3d;
+    perspective: 20rem;
+  }
+
+  .swap-flip .swap-on, .swap-flip .swap-indeterminate, .swap-flip input:indeterminate ~ .swap-on {
+    backface-visibility: hidden;
+    opacity: 1;
+    transform: rotateY(180deg);
+  }
+
+  .swap-flip input:is(:checked, :indeterminate) ~ .swap-on, .swap-flip.swap-active .swap-on {
+    transform: rotateY(0);
+  }
+
+  .swap-flip input:is(:checked, :indeterminate) ~ .swap-off, .swap-flip.swap-active .swap-off {
+    backface-visibility: hidden;
+    opacity: 1;
+    transform: rotateY(-180deg);
+  }
+
+  .transform {
+    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+  }
+
+  .skeleton {
+    border-radius: var(--radius-box);
+    background-color: var(--color-base-300);
+    will-change: background-position;
+    background-image: linear-gradient(105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100%);
+    background-position-x: -50%;
+    background-repeat: no-repeat;
+    background-size: 200%;
+    animation: 1.8s ease-in-out infinite skeleton;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .skeleton {
+      transition-duration: 15s;
+    }
+  }
+
+  .link {
+    cursor: pointer;
+    text-decoration-line: underline;
+  }
+
+  .link:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .link:focus {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .link:focus-visible {
+    outline-offset: 2px;
+    outline: 2px solid;
+  }
+
+  .resize {
+    resize: both;
+  }
+
+  .carousel-horizontal {
+    scroll-snap-type: x mandatory;
+    flex-direction: row;
+    overflow-x: scroll;
+  }
+
+  .carousel-vertical {
+    scroll-snap-type: y mandatory;
+    flex-direction: column;
+    overflow-y: scroll;
+  }
+
+  .carousel-center .carousel-item {
+    scroll-snap-align: center;
+  }
+
+  .carousel-end .carousel-item {
+    scroll-snap-align: end;
+  }
+
+  .carousel-start .carousel-item {
+    scroll-snap-align: start;
+  }
+
+  .alert-horizontal {
+    text-align: start;
+    grid-template-columns: auto minmax(auto, 1fr);
+    grid-auto-flow: column;
+    justify-content: start;
+    justify-items: start;
+  }
+
+  .alert-vertical {
+    text-align: center;
+    grid-template-columns: auto;
+    grid-auto-flow: row;
+    justify-content: center;
+    justify-items: center;
+  }
+
+  .stats-horizontal {
+    grid-auto-flow: column;
+    overflow-x: auto;
+  }
+
+  .stats-horizontal .stat:not(:last-child) {
+    border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
+    border-block-end: none;
+  }
+
+  .stats-vertical {
+    grid-auto-flow: row;
+    overflow-y: auto;
+  }
+
+  .stats-vertical .stat:not(:last-child) {
+    border-inline-end: none;
+    border-block-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
+  }
+
+  .footer-horizontal {
+    grid-auto-flow: column;
+  }
+
+  .footer-horizontal.footer-center {
+    grid-auto-flow: row dense;
+  }
+
+  .footer-vertical {
+    grid-auto-flow: row;
+  }
+
+  .footer-vertical.footer-center {
+    grid-auto-flow: column dense;
+  }
+
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .tabs-box {
+    background-color: var(--color-base-200);
+    border-radius: calc(var(--radius-field)  + min(.25rem, calc(var(--radius-field)  + var(--radius-field)  + var(--radius-field))));
+    box-shadow: 0 -.5px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 .5px oklch(0% 0 0 / calc(var(--depth) * .05)) inset;
+    padding: .25rem;
+  }
+
+  .tabs-box .tab {
+    border-radius: var(--radius-field);
+    border-style: none;
+  }
+
+  .tabs-box .tab:focus-visible, .tabs-box .tab:is(label:has(:checked:focus-visible)) {
+    outline-offset: 2px;
+  }
+
+  .tabs-box :is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-box :is(input:checked), .tabs-box :is(label:has(:checked)) {
+    background-color: var(--tab-bg, var(--color-base-100));
+    box-shadow: 0 1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000);
+  }
+
+  @media (forced-colors: active) {
+    :is(.tabs-box :is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-box :is(input:checked), .tabs-box :is(label:has(:checked))) {
+      border: 1px solid;
+    }
+  }
+
+  .timeline-box {
+    border: var(--border) solid;
+    border-radius: var(--radius-box);
+    border-color: var(--color-base-300);
+    background-color: var(--color-base-100);
+    padding-block: .5rem;
+    padding-inline: 1rem;
+    font-size: .75rem;
+    box-shadow: 0 1px 2px oklch(0% 0 0 / .05);
+  }
+
+  .menu-lg :where(li:not(.menu-title) > :not(ul, details, .menu-title)), .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+    border-radius: var(--radius-field);
+    padding-block: .375rem;
+    padding-inline: 1rem;
+    font-size: 1.125rem;
+  }
+
+  .menu-lg .menu-title {
+    padding-block: .75rem;
+    padding-inline: 1.5rem;
+  }
+
+  .menu-md :where(li:not(.menu-title) > :not(ul, details, .menu-title)), .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+    border-radius: var(--radius-field);
+    padding-block: .375rem;
+    padding-inline: .75rem;
+    font-size: .875rem;
+  }
+
+  .menu-md .menu-title {
+    padding-block: .5rem;
+    padding-inline: .75rem;
+  }
+
+  .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(--radius-field);
+    padding-block: .25rem;
+    padding-inline: .625rem;
+    font-size: .75rem;
+  }
+
+  .menu-sm .menu-title {
+    padding-block: .5rem;
+    padding-inline: .75rem;
+  }
+
+  .menu-xl :where(li:not(.menu-title) > :not(ul, details, .menu-title)), .menu-xl :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+    border-radius: var(--radius-field);
+    padding-block: .375rem;
+    padding-inline: 1.25rem;
+    font-size: 1.375rem;
+  }
+
+  .menu-xl .menu-title {
+    padding-block: .75rem;
+    padding-inline: 1.5rem;
+  }
+
+  .menu-xs :where(li:not(.menu-title) > :not(ul, details, .menu-title)), .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+    border-radius: var(--radius-field);
+    padding-block: .25rem;
+    padding-inline: .5rem;
+    font-size: .6875rem;
+  }
+
+  .menu-xs .menu-title {
+    padding-block: .25rem;
+    padding-inline: .5rem;
+  }
+
+  .rounded-box {
+    border-radius: var(--radius-box);
+    border-radius: var(--radius-box);
+  }
+
+  .rounded-field {
+    border-radius: var(--radius-field);
+    border-radius: var(--radius-field);
+  }
+
+  .rounded-selector {
+    border-radius: var(--radius-selector);
+    border-radius: var(--radius-selector);
+  }
+
+  .rounded-t-box {
+    border-top-left-radius: var(--radius-box);
+    border-top-right-radius: var(--radius-box);
+    border-top-left-radius: var(--radius-box);
+    border-top-right-radius: var(--radius-box);
+  }
+
+  .rounded-t-field {
+    border-top-left-radius: var(--radius-field);
+    border-top-right-radius: var(--radius-field);
+    border-top-left-radius: var(--radius-field);
+    border-top-right-radius: var(--radius-field);
+  }
+
+  .rounded-t-selector {
+    border-top-left-radius: var(--radius-selector);
+    border-top-right-radius: var(--radius-selector);
+    border-top-left-radius: var(--radius-selector);
+    border-top-right-radius: var(--radius-selector);
+  }
+
+  .rounded-l-box {
+    border-top-left-radius: var(--radius-box);
+    border-bottom-left-radius: var(--radius-box);
+    border-top-left-radius: var(--radius-box);
+    border-bottom-left-radius: var(--radius-box);
+  }
+
+  .rounded-l-field {
+    border-top-left-radius: var(--radius-field);
+    border-bottom-left-radius: var(--radius-field);
+    border-top-left-radius: var(--radius-field);
+    border-bottom-left-radius: var(--radius-field);
+  }
+
+  .rounded-l-selector {
+    border-top-left-radius: var(--radius-selector);
+    border-bottom-left-radius: var(--radius-selector);
+    border-top-left-radius: var(--radius-selector);
+    border-bottom-left-radius: var(--radius-selector);
+  }
+
+  .rounded-tl-box {
+    border-top-left-radius: var(--radius-box);
+    border-top-left-radius: var(--radius-box);
+  }
+
+  .rounded-tl-field {
+    border-top-left-radius: var(--radius-field);
+    border-top-left-radius: var(--radius-field);
+  }
+
+  .rounded-tl-selector {
+    border-top-left-radius: var(--radius-selector);
+    border-top-left-radius: var(--radius-selector);
+  }
+
+  .rounded-r-box {
+    border-top-right-radius: var(--radius-box);
+    border-bottom-right-radius: var(--radius-box);
+    border-top-right-radius: var(--radius-box);
+    border-bottom-right-radius: var(--radius-box);
+  }
+
+  .rounded-r-field {
+    border-top-right-radius: var(--radius-field);
+    border-bottom-right-radius: var(--radius-field);
+    border-top-right-radius: var(--radius-field);
+    border-bottom-right-radius: var(--radius-field);
+  }
+
+  .rounded-r-selector {
+    border-top-right-radius: var(--radius-selector);
+    border-bottom-right-radius: var(--radius-selector);
+    border-top-right-radius: var(--radius-selector);
+    border-bottom-right-radius: var(--radius-selector);
+  }
+
+  .rounded-tr-box {
+    border-top-right-radius: var(--radius-box);
+    border-top-right-radius: var(--radius-box);
+  }
+
+  .rounded-tr-field {
+    border-top-right-radius: var(--radius-field);
+    border-top-right-radius: var(--radius-field);
+  }
+
+  .rounded-tr-selector {
+    border-top-right-radius: var(--radius-selector);
+    border-top-right-radius: var(--radius-selector);
+  }
+
+  .rounded-b-box {
+    border-bottom-left-radius: var(--radius-box);
+    border-bottom-right-radius: var(--radius-box);
+    border-bottom-right-radius: var(--radius-box);
+    border-bottom-left-radius: var(--radius-box);
+  }
+
+  .rounded-b-field {
+    border-bottom-left-radius: var(--radius-field);
+    border-bottom-right-radius: var(--radius-field);
+    border-bottom-right-radius: var(--radius-field);
+    border-bottom-left-radius: var(--radius-field);
+  }
+
+  .rounded-b-selector {
+    border-bottom-left-radius: var(--radius-selector);
+    border-bottom-right-radius: var(--radius-selector);
+    border-bottom-right-radius: var(--radius-selector);
+    border-bottom-left-radius: var(--radius-selector);
+  }
+
+  .rounded-br-box {
+    border-bottom-right-radius: var(--radius-box);
+    border-bottom-right-radius: var(--radius-box);
+  }
+
+  .rounded-br-field {
+    border-bottom-right-radius: var(--radius-field);
+    border-bottom-right-radius: var(--radius-field);
+  }
+
+  .rounded-br-selector {
+    border-bottom-right-radius: var(--radius-selector);
+    border-bottom-right-radius: var(--radius-selector);
+  }
+
+  .rounded-bl-box {
+    border-bottom-left-radius: var(--radius-box);
+    border-bottom-left-radius: var(--radius-box);
+  }
+
+  .rounded-bl-field {
+    border-bottom-left-radius: var(--radius-field);
+    border-bottom-left-radius: var(--radius-field);
+  }
+
+  .rounded-bl-selector {
+    border-bottom-left-radius: var(--radius-selector);
+    border-bottom-left-radius: var(--radius-selector);
+  }
+
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+
+  .btn-dash:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) {
+    --btn-shadow: "";
+    --btn-bg: #0000;
+    --btn-fg: var(--btn-color);
+    --btn-border: var(--btn-color);
+    --btn-noise: none;
+    border-style: dashed;
+  }
+
+  .badge-ghost {
+    border-color: var(--color-base-200);
+    background-color: var(--color-base-200);
+    color: var(--color-base-content);
+    background-image: none;
+  }
+
+  .select-ghost {
+    box-shadow: none;
+    background-color: #0000;
+    border-color: #0000;
+    transition: background-color .2s;
+  }
+
+  .select-ghost:focus, .select-ghost:focus-within {
+    background-color: var(--color-base-100);
+    color: var(--color-base-content);
+    box-shadow: none;
+    border-color: #0000;
+  }
+
+  .input-ghost {
+    box-shadow: none;
+    background-color: #0000;
+    border-color: #0000;
+  }
+
+  .input-ghost:focus, .input-ghost:focus-within {
+    background-color: var(--color-base-100);
+    color: var(--color-base-content);
+    box-shadow: none;
+    border-color: #0000;
+  }
+
+  .textarea-ghost {
+    box-shadow: none;
+    background-color: #0000;
+    border-color: #0000;
+  }
+
+  .textarea-ghost:focus, .textarea-ghost:focus-within {
+    background-color: var(--color-base-100);
+    color: var(--color-base-content);
+    box-shadow: none;
+    border-color: #0000;
+  }
+
+  .alert-error {
+    border-color: var(--color-error);
+    color: var(--color-error-content);
+    --alert-color: var(--color-error);
+  }
+
+  .alert-info {
+    border-color: var(--color-info);
+    color: var(--color-info-content);
+    --alert-color: var(--color-info);
+  }
+
+  .alert-success {
+    border-color: var(--color-success);
+    color: var(--color-success-content);
+    --alert-color: var(--color-success);
+  }
+
+  .alert-warning {
+    border-color: var(--color-warning);
+    color: var(--color-warning-content);
+    --alert-color: var(--color-warning);
+  }
+
+  .glass {
+    -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
+    backdrop-filter: blur(var(--glass-blur, 40px));
+    background-color: #0000;
+    background-image: linear-gradient(135deg, oklch(100% 0 0 / var(--glass-opacity, 30%)) 0%, oklch(0% 0 0 / 0) 100%), linear-gradient(var(--glass-reflect-degree, 100deg), oklch(100% 0 0 / var(--glass-reflect-opacity, 5%)) 25%, oklch(0% 0 0 / 0) 25%);
+    box-shadow: 0 0 0 1px oklch(100% 0 0 / var(--glass-border-opacity, 20%)) inset, 0 0 0 2px oklch(0% 0 0 / .05);
+    text-shadow: 0 1px oklch(0% 0 0 / var(--glass-text-shadow-opacity, 5%));
+    border: none;
+  }
+
+  .chat-bubble-accent {
+    background-color: var(--color-accent);
+    color: var(--color-accent-content);
+  }
+
+  .chat-bubble-error {
+    background-color: var(--color-error);
+    color: var(--color-error-content);
+  }
+
+  .chat-bubble-info {
+    background-color: var(--color-info);
+    color: var(--color-info-content);
+  }
+
+  .chat-bubble-neutral {
+    background-color: var(--color-neutral);
+    color: var(--color-neutral-content);
+  }
+
+  .chat-bubble-primary {
+    background-color: var(--color-primary);
+    color: var(--color-primary-content);
+  }
+
+  .chat-bubble-secondary {
+    background-color: var(--color-secondary);
+    color: var(--color-secondary-content);
+  }
+
+  .chat-bubble-success {
+    background-color: var(--color-success);
+    color: var(--color-success-content);
+  }
+
+  .chat-bubble-warning {
+    background-color: var(--color-warning);
+    color: var(--color-warning-content);
+  }
+
+  .status-accent {
+    background-color: var(--color-accent);
+    color: var(--color-accent);
+  }
+
+  .status-error {
+    background-color: var(--color-error);
+    color: var(--color-error);
+  }
+
+  .status-info {
+    background-color: var(--color-info);
+    color: var(--color-info);
+  }
+
+  .status-neutral {
+    background-color: var(--color-neutral);
+    color: var(--color-neutral);
+  }
+
+  .status-primary {
+    background-color: var(--color-primary);
+    color: var(--color-primary);
+  }
+
+  .status-secondary {
+    background-color: var(--color-secondary);
+    color: var(--color-secondary);
+  }
+
+  .status-success {
+    background-color: var(--color-success);
+    color: var(--color-success);
+  }
+
+  .status-warning {
+    background-color: var(--color-warning);
+    color: var(--color-warning);
+  }
+
+  .table-zebra tbody tr:nth-child(2n), .table-zebra tbody tr:nth-child(2n) :where(.table-pin-cols tr th) {
+    background-color: var(--color-base-200);
+  }
+
+  @media (hover: hover) {
+    :is(.table-zebra tbody tr.row-hover, .table-zebra tbody tr.row-hover:nth-child(2n)):hover {
+      background-color: var(--color-base-300);
+    }
+  }
+
+  .bg-base-100 {
+    background-color: var(--color-base-100);
+  }
+
+  .divider-accent:before, .divider-accent:after {
+    background-color: var(--color-accent);
+  }
+
+  .divider-error:before, .divider-error:after {
+    background-color: var(--color-error);
+  }
+
+  .divider-info:before, .divider-info:after {
+    background-color: var(--color-info);
+  }
+
+  .divider-neutral:before, .divider-neutral:after {
+    background-color: var(--color-neutral);
+  }
+
+  .divider-primary:before, .divider-primary:after {
+    background-color: var(--color-primary);
+  }
+
+  .divider-secondary:before, .divider-secondary:after {
+    background-color: var(--color-secondary);
+  }
+
+  .divider-success:before, .divider-success:after {
+    background-color: var(--color-success);
+  }
+
+  .divider-warning:before, .divider-warning:after {
+    background-color: var(--color-warning);
+  }
+
+  .checkbox-lg {
+    --size: calc(var(--size-selector, .25rem) * 7);
+    padding: .3125rem;
+  }
+
+  .checkbox-md {
+    --size: calc(var(--size-selector, .25rem) * 6);
+    padding: .25rem;
+  }
+
+  .checkbox-sm {
+    --size: calc(var(--size-selector, .25rem) * 5);
+    padding: .1875rem;
+  }
+
+  .checkbox-xl {
+    --size: calc(var(--size-selector, .25rem) * 8);
+    padding: .375rem;
+  }
+
+  .checkbox-xs {
+    --size: calc(var(--size-selector, .25rem) * 4);
+    padding: .125rem;
+  }
+
+  .radio-lg {
+    padding: .3125rem;
+  }
+
+  .radio-lg[type="radio"] {
+    --size: calc(var(--size-selector, .25rem) * 7);
+  }
+
+  .radio-md {
+    padding: .25rem;
+  }
+
+  .radio-md[type="radio"] {
+    --size: calc(var(--size-selector, .25rem) * 6);
+  }
+
+  .radio-sm {
+    padding: .1875rem;
+  }
+
+  .radio-sm[type="radio"] {
+    --size: calc(var(--size-selector, .25rem) * 5);
+  }
+
+  .radio-xl {
+    padding: .375rem;
+  }
+
+  .radio-xl[type="radio"] {
+    --size: calc(var(--size-selector, .25rem) * 8);
+  }
+
+  .radio-xs {
+    padding: .125rem;
+  }
+
+  .radio-xs[type="radio"] {
+    --size: calc(var(--size-selector, .25rem) * 4);
+  }
+
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+
+  .menu-title {
+    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+    padding-block: .5rem;
+    padding-inline: .75rem;
+    font-size: .875rem;
+    font-weight: 600;
+  }
+
+  .table-lg :not(thead, tfoot) tr {
+    font-size: 1.125rem;
+  }
+
+  .table-lg :where(th, td) {
+    padding-block: 1rem;
+    padding-inline: 1.25rem;
+  }
+
+  .table-md :not(thead, tfoot) tr {
+    font-size: .875rem;
+  }
+
+  .table-md :where(th, td) {
+    padding-block: .75rem;
+    padding-inline: 1rem;
+  }
+
+  .table-sm :not(thead, tfoot) tr {
+    font-size: .75rem;
+  }
+
+  .table-sm :where(th, td) {
+    padding-block: .5rem;
+    padding-inline: .75rem;
+  }
+
+  .table-xl :not(thead, tfoot) tr {
+    font-size: 1.375rem;
+  }
+
+  .table-xl :where(th, td) {
+    padding-block: 1.25rem;
+    padding-inline: 1.5rem;
+  }
+
+  .table-xs :not(thead, tfoot) tr {
+    font-size: .6875rem;
+  }
+
+  .table-xs :where(th, td) {
+    padding-block: .25rem;
+    padding-inline: .5rem;
+  }
+
+  .badge-lg {
+    --size: calc(var(--size-selector, .25rem) * 7);
+    padding-inline: calc(.25rem * 3.5 - var(--border));
+    font-size: 1rem;
+  }
+
+  .badge-md {
+    --size: calc(var(--size-selector, .25rem) * 6);
+    padding-inline: calc(.25rem * 3 - var(--border));
+    font-size: .875rem;
+  }
+
+  .badge-sm {
+    --size: calc(var(--size-selector, .25rem) * 5);
+    padding-inline: calc(.25rem * 2.5 - var(--border));
+    font-size: .75rem;
+  }
+
+  .badge-xl {
+    --size: calc(var(--size-selector, .25rem) * 8);
+    padding-inline: calc(.25rem * 4 - var(--border));
+    font-size: 1.125rem;
+  }
+
+  .badge-xs {
+    --size: calc(var(--size-selector, .25rem) * 4);
+    padding-inline: calc(.25rem * 2 - var(--border));
+    font-size: .625rem;
+  }
+
+  .file-input-xl {
+    --size: calc(var(--size-field, .25rem) * 14);
+    padding-inline-end: 1.5rem;
+    font-size: 1.125rem;
+    line-height: 3rem;
+  }
+
+  .file-input-xl::file-selector-button {
+    font-size: 1.375rem;
+  }
+
+  .pt-0 {
+    padding-top: calc(var(--spacing) * 0);
+  }
+
+  .pr-0 {
+    padding-right: calc(var(--spacing) * 0);
+  }
+
+  .pb-0 {
+    padding-bottom: calc(var(--spacing) * 0);
+  }
+
+  .pl-0 {
+    padding-left: calc(var(--spacing) * 0);
+  }
+
+  .file-input-lg {
+    --size: calc(var(--size-field, .25rem) * 12);
+    font-size: 1.125rem;
+    line-height: 2.5rem;
+  }
+
+  .file-input-lg::file-selector-button {
+    font-size: 1.125rem;
+  }
+
+  .file-input-md {
+    --size: calc(var(--size-field, .25rem) * 10);
+    font-size: .875rem;
+    line-height: 2;
+  }
+
+  .file-input-md::file-selector-button {
+    font-size: .875rem;
+  }
+
+  .file-input-sm {
+    --size: calc(var(--size-field, .25rem) * 8);
+    font-size: .75rem;
+    line-height: 1.5rem;
+  }
+
+  .file-input-sm::file-selector-button {
+    font-size: .75rem;
+  }
+
+  .file-input-xs {
+    --size: calc(var(--size-field, .25rem) * 6);
+    font-size: .6875rem;
+    line-height: 1rem;
+  }
+
+  .file-input-xs::file-selector-button {
+    font-size: .6875rem;
+  }
+
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+
+  .kbd-lg {
+    --size: calc(var(--size-selector, .25rem) * 7);
+    font-size: 1rem;
+  }
+
+  .kbd-md {
+    --size: calc(var(--size-selector, .25rem) * 6);
+    font-size: .875rem;
+  }
+
+  .kbd-sm {
+    --size: calc(var(--size-selector, .25rem) * 5);
+    font-size: .75rem;
+  }
+
+  .kbd-xl {
+    --size: calc(var(--size-selector, .25rem) * 8);
+    font-size: 1.125rem;
+  }
+
+  .kbd-xs {
+    --size: calc(var(--size-selector, .25rem) * 4);
+    font-size: .625rem;
+  }
+
+  .select-lg {
+    --size: calc(var(--size-field, .25rem) * 12);
+    font-size: 1.125rem;
+  }
+
+  .select-md {
+    --size: calc(var(--size-field, .25rem) * 10);
+    font-size: .875rem;
+  }
+
+  .select-sm {
+    --size: calc(var(--size-field, .25rem) * 8);
+    font-size: .75rem;
+  }
+
+  .select-xl {
+    --size: calc(var(--size-field, .25rem) * 14);
+    font-size: 1.375rem;
+  }
+
+  .select-xs {
+    --size: calc(var(--size-field, .25rem) * 6);
+    font-size: .6875rem;
+  }
+
+  .textarea-lg {
+    font-size: 1.125rem;
+  }
+
+  .textarea-md {
+    font-size: .875rem;
+  }
+
+  .textarea-sm {
+    font-size: .75rem;
+  }
+
+  .textarea-xl {
+    font-size: 1.375rem;
+  }
+
+  .textarea-xs {
+    font-size: .6875rem;
+  }
+
+  .text-wrap {
+    text-wrap: wrap;
+  }
+
+  .file-input-accent {
+    --btn-color: var(--color-accent);
+  }
+
+  .file-input-accent::file-selector-button {
+    color: var(--color-accent-content);
+  }
+
+  .file-input-accent, .file-input-accent:focus, .file-input-accent:focus-within {
+    --input-color: var(--color-accent);
+  }
+
+  .file-input-error {
+    --btn-color: var(--color-error);
+  }
+
+  .file-input-error::file-selector-button {
+    color: var(--color-error-content);
+  }
+
+  .file-input-error, .file-input-error:focus, .file-input-error:focus-within {
+    --input-color: var(--color-error);
+  }
+
+  .file-input-info {
+    --btn-color: var(--color-info);
+  }
+
+  .file-input-info::file-selector-button {
+    color: var(--color-info-content);
+  }
+
+  .file-input-info, .file-input-info:focus, .file-input-info:focus-within {
+    --input-color: var(--color-info);
+  }
+
+  .file-input-neutral {
+    --btn-color: var(--color-neutral);
+  }
+
+  .file-input-neutral::file-selector-button {
+    color: var(--color-neutral-content);
+  }
+
+  .file-input-neutral, .file-input-neutral:focus, .file-input-neutral:focus-within {
+    --input-color: var(--color-neutral);
+  }
+
+  .file-input-primary {
+    --btn-color: var(--color-primary);
+  }
+
+  .file-input-primary::file-selector-button {
+    color: var(--color-primary-content);
+  }
+
+  .file-input-primary, .file-input-primary:focus, .file-input-primary:focus-within {
+    --input-color: var(--color-primary);
+  }
+
+  .file-input-secondary {
+    --btn-color: var(--color-secondary);
+  }
+
+  .file-input-secondary::file-selector-button {
+    color: var(--color-secondary-content);
+  }
+
+  .file-input-secondary, .file-input-secondary:focus, .file-input-secondary:focus-within {
+    --input-color: var(--color-secondary);
+  }
+
+  .file-input-success {
+    --btn-color: var(--color-success);
+  }
+
+  .file-input-success::file-selector-button {
+    color: var(--color-success-content);
+  }
+
+  .file-input-success, .file-input-success:focus, .file-input-success:focus-within {
+    --input-color: var(--color-success);
+  }
+
+  .file-input-warning {
+    --btn-color: var(--color-warning);
+  }
+
+  .file-input-warning::file-selector-button {
+    color: var(--color-warning-content);
+  }
+
+  .file-input-warning, .file-input-warning:focus, .file-input-warning:focus-within {
+    --input-color: var(--color-warning);
+  }
+
+  .checkbox-accent {
+    color: var(--color-accent-content);
+    --input-color: var(--color-accent);
+  }
+
+  .checkbox-error {
+    color: var(--color-error-content);
+    --input-color: var(--color-error);
+  }
+
+  .checkbox-info {
+    color: var(--color-info-content);
+    --input-color: var(--color-info);
+  }
+
+  .checkbox-neutral {
+    color: var(--color-neutral-content);
+    --input-color: var(--color-neutral);
+  }
+
+  .checkbox-primary {
+    color: var(--color-primary-content);
+    --input-color: var(--color-primary);
+  }
+
+  .checkbox-secondary {
+    color: var(--color-secondary-content);
+    --input-color: var(--color-secondary);
+  }
+
+  .checkbox-success {
+    color: var(--color-success-content);
+    --input-color: var(--color-success);
+  }
+
+  .checkbox-warning {
+    color: var(--color-warning-content);
+    --input-color: var(--color-warning);
+  }
+
+  .link-accent {
+    color: var(--color-accent);
+  }
+
+  @media (hover: hover) {
+    .link-accent:hover {
+      color: color-mix(in oklab, var(--color-accent) 80%, #000);
+    }
+  }
+
+  .link-error {
+    color: var(--color-error);
+  }
+
+  @media (hover: hover) {
+    .link-error:hover {
+      color: color-mix(in oklab, var(--color-error) 80%, #000);
+    }
+  }
+
+  .link-info {
+    color: var(--color-info);
+  }
+
+  @media (hover: hover) {
+    .link-info:hover {
+      color: color-mix(in oklab, var(--color-info) 80%, #000);
+    }
+  }
+
+  .link-neutral {
+    color: var(--color-neutral);
+  }
+
+  @media (hover: hover) {
+    .link-neutral:hover {
+      color: color-mix(in oklab, var(--color-neutral) 80%, #000);
+    }
+  }
+
+  .link-primary {
+    color: var(--color-primary);
+  }
+
+  @media (hover: hover) {
+    .link-primary:hover {
+      color: color-mix(in oklab, var(--color-primary) 80%, #000);
+    }
+  }
+
+  .link-secondary {
+    color: var(--color-secondary);
+  }
+
+  @media (hover: hover) {
+    .link-secondary:hover {
+      color: color-mix(in oklab, var(--color-secondary) 80%, #000);
+    }
+  }
+
+  .link-success {
+    color: var(--color-success);
+  }
+
+  @media (hover: hover) {
+    .link-success:hover {
+      color: color-mix(in oklab, var(--color-success) 80%, #000);
+    }
+  }
+
+  .link-warning {
+    color: var(--color-warning);
+  }
+
+  @media (hover: hover) {
+    .link-warning:hover {
+      color: color-mix(in oklab, var(--color-warning) 80%, #000);
+    }
+  }
+
+  .range-accent {
+    color: var(--color-accent);
+    --range-thumb: var(--color-accent-content);
+  }
+
+  .range-error {
+    color: var(--color-error);
+    --range-thumb: var(--color-error-content);
+  }
+
+  .range-info {
+    color: var(--color-info);
+    --range-thumb: var(--color-info-content);
+  }
+
+  .range-neutral {
+    color: var(--color-neutral);
+    --range-thumb: var(--color-neutral-content);
+  }
+
+  .range-primary {
+    color: var(--color-primary);
+    --range-thumb: var(--color-primary-content);
+  }
+
+  .range-secondary {
+    color: var(--color-secondary);
+    --range-thumb: var(--color-secondary-content);
+  }
+
+  .range-success {
+    color: var(--color-success);
+    --range-thumb: var(--color-success-content);
+  }
+
+  .range-warning {
+    color: var(--color-warning);
+    --range-thumb: var(--color-warning-content);
+  }
+
+  .tooltip-accent {
+    --tt-bg: var(--color-accent);
+  }
+
+  .tooltip-accent > .tooltip-content, .tooltip-accent[data-tip]:before {
+    color: var(--color-accent-content);
+  }
+
+  .tooltip-error {
+    --tt-bg: var(--color-error);
+  }
+
+  .tooltip-error > .tooltip-content, .tooltip-error[data-tip]:before {
+    color: var(--color-error-content);
+  }
+
+  .tooltip-info {
+    --tt-bg: var(--color-info);
+  }
+
+  .tooltip-info > .tooltip-content, .tooltip-info[data-tip]:before {
+    color: var(--color-info-content);
+  }
+
+  .tooltip-primary {
+    --tt-bg: var(--color-primary);
+  }
+
+  .tooltip-primary > .tooltip-content, .tooltip-primary[data-tip]:before {
+    color: var(--color-primary-content);
+  }
+
+  .tooltip-secondary {
+    --tt-bg: var(--color-secondary);
+  }
+
+  .tooltip-secondary > .tooltip-content, .tooltip-secondary[data-tip]:before {
+    color: var(--color-secondary-content);
+  }
+
+  .tooltip-success {
+    --tt-bg: var(--color-success);
+  }
+
+  .tooltip-success > .tooltip-content, .tooltip-success[data-tip]:before {
+    color: var(--color-success-content);
+  }
+
+  .tooltip-warning {
+    --tt-bg: var(--color-warning);
+  }
+
+  .tooltip-warning > .tooltip-content, .tooltip-warning[data-tip]:before {
+    color: var(--color-warning-content);
+  }
+
+  .progress-accent {
+    color: var(--color-accent);
+  }
+
+  .progress-error {
+    color: var(--color-error);
+  }
+
+  .progress-info {
+    color: var(--color-info);
+  }
+
+  .progress-neutral {
+    color: var(--color-neutral);
+  }
+
+  .progress-primary {
+    color: var(--color-primary);
+  }
+
+  .progress-secondary {
+    color: var(--color-secondary);
+  }
+
+  .progress-success {
+    color: var(--color-success);
+  }
+
+  .progress-warning {
+    color: var(--color-warning);
+  }
+
+  .text-error {
+    color: var(--color-error);
+  }
+
+  .uppercase {
+    text-transform: uppercase;
+  }
+
+  .btn-link {
+    --btn-border: #0000;
+    --btn-bg: #0000;
+    --btn-fg: var(--color-primary);
+    --btn-noise: none;
+    --btn-shadow: "";
+    outline-color: currentColor;
+    text-decoration-line: underline;
+  }
+
+  .btn-link:is(.btn-active, :hover, :active:focus, :focus-visible) {
+    --btn-border: #0000;
+    --btn-bg: #0000;
+    text-decoration-line: underline;
+  }
+
+  .link-hover {
+    text-decoration-line: none;
+  }
+
+  @media (hover: hover) {
+    .link-hover:hover {
+      text-decoration-line: underline;
+    }
+  }
+
+  .underline {
+    text-decoration-line: underline;
+  }
+
+  .swap-active .swap-off {
+    opacity: 0;
+  }
+
+  .swap-active .swap-on {
+    opacity: 1;
+  }
+
+  .shadow, .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+
+  .btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible) {
+    --btn-shadow: "";
+    --btn-bg: #0000;
+    --btn-border: #0000;
+    --btn-noise: none;
+  }
+
+  .btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible):not(:disabled, [disabled], .btn-disabled) {
+    --btn-fg: currentColor;
+    outline-color: currentColor;
+  }
+
+  .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-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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+
+  .tabs-bottom {
+    --tabs-height: auto;
+    --tabs-direction: row;
+  }
+
+  .tabs-bottom .tab {
+    --tab-order: 1;
+    --tab-border: var(--border) 0 0 0;
+    --tab-radius-ss: 0;
+    --tab-radius-se: 0;
+    --tab-radius-es: min(var(--radius-field), var(--tab-radius-min));
+    --tab-radius-ee: min(var(--radius-field), var(--tab-radius-min));
+    --tab-border-colors: var(--tab-border-color) #0000 #0000 #0000;
+    --tab-paddings: 0 var(--tab-p) var(--border) var(--tab-p);
+    --tab-corner-width: calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2);
+    --tab-corner-height: min(var(--radius-field), var(--tab-radius-min));
+    --tab-corner-position: top left, top right;
+  }
+
+  .tabs-bottom .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-bottom .tab:is(input:checked), .tabs-bottom .tab:is(label:has(:checked)) {
+    --tab-border: 0 var(--border) var(--border) var(--border);
+    --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color);
+    --tab-paddings: var(--border) calc(var(--tab-p)  - var(--border)) 0 calc(var(--tab-p)  - var(--border));
+    --tab-inset: 0 auto auto auto;
+    --radius-start: radial-gradient(circle at bottom left, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad)  + .25px), var(--tab-border-color) calc(var(--tab-grad)  + var(--border)), var(--tab-bg) calc(var(--tab-grad)  + var(--border)  + .25px));
+    --radius-end: radial-gradient(circle at bottom right, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad)  + .25px), var(--tab-border-color) calc(var(--tab-grad)  + var(--border)), var(--tab-bg) calc(var(--tab-grad)  + var(--border)  + .25px));
+  }
+
+  .tabs-bottom:has(.tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"]) {
+    --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color);
+  }
+
+  .tabs-bottom .tab-content {
+    --tabcontent-order: 0;
+    --tabcontent-margin: 0 0 calc(-1 * var(--border)) 0;
+    --tabcontent-radius-ss: var(--radius-box);
+    --tabcontent-radius-se: var(--radius-box);
+    --tabcontent-radius-es: 0;
+    --tabcontent-radius-ee: var(--radius-box);
+  }
+
+  :is(.tabs-bottom :checked, .tabs-bottom :is(label:has(:checked)), .tabs-bottom :is(.tab-active, [aria-selected="true"])) + .tab-content:not(:nth-child(2)) {
+    --tabcontent-radius-es: var(--radius-box);
+  }
+
+  .tabs-top {
+    --tabs-height: auto;
+    --tabs-direction: row;
+  }
+
+  .tabs-top .tab {
+    --tab-order: 0;
+    --tab-border: 0 0 var(--border) 0;
+    --tab-radius-ss: min(var(--radius-field), var(--tab-radius-min));
+    --tab-radius-se: min(var(--radius-field), var(--tab-radius-min));
+    --tab-radius-es: 0;
+    --tab-radius-ee: 0;
+    --tab-paddings: var(--border) var(--tab-p) 0 var(--tab-p);
+    --tab-border-colors: #0000 #0000 var(--tab-border-color) #0000;
+    --tab-corner-width: calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2);
+    --tab-corner-height: min(var(--radius-field), var(--tab-radius-min));
+    --tab-corner-position: top left, top right;
+  }
+
+  .tabs-top .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), .tabs-top .tab:is(input:checked), .tabs-top .tab:is(label:has(:checked)) {
+    --tab-border: var(--border) var(--border) 0 var(--border);
+    --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
+    --tab-paddings: 0 calc(var(--tab-p)  - var(--border)) var(--border) calc(var(--tab-p)  - var(--border));
+    --tab-inset: auto auto 0 auto;
+    --radius-start: radial-gradient(circle at top left, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad)  + .25px), var(--tab-border-color) calc(var(--tab-grad)  + var(--border)), var(--tab-bg) calc(var(--tab-grad)  + var(--border)  + .25px));
+    --radius-end: radial-gradient(circle at top right, #0000 var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad)  + .25px), var(--tab-border-color) calc(var(--tab-grad)  + var(--border)), var(--tab-bg) calc(var(--tab-grad)  + var(--border)  + .25px));
+  }
+
+  .tabs-top:has(.tab-content) > .tab:first-child:not(.tab-active, [aria-selected="true"]) {
+    --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);
+  }
+
+  .tabs-top .tab-content {
+    --tabcontent-order: 1;
+    --tabcontent-margin: calc(-1 * var(--border)) 0 0 0;
+    --tabcontent-radius-ss: 0;
+    --tabcontent-radius-se: var(--radius-box);
+    --tabcontent-radius-es: var(--radius-box);
+    --tabcontent-radius-ee: var(--radius-box);
+  }
+
+  :is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"])) + .tab-content:first-child, :is(.tabs-top :checked, .tabs-top label:has(:checked), .tabs-top :is(.tab-active, [aria-selected="true"])) + .tab-content:nth-child(n+3) {
+    --tabcontent-radius-ss: var(--radius-box);
+  }
+
+  .btn-outline:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) {
+    --btn-shadow: "";
+    --btn-bg: #0000;
+    --btn-fg: var(--btn-color);
+    --btn-border: var(--btn-color);
+    --btn-noise: none;
+  }
+
+  .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
+    --btn-shadow: "";
+    --btn-fg: var(--btn-color, var(--color-base-content));
+    --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-content)) 8%, var(--color-base-100));
+    --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-content)) 10%, var(--color-base-100));
+    --btn-noise: none;
+  }
+
+  .indicator-center {
+    --inidicator-s: 50%;
+    --inidicator-e: 50%;
+    --inidicator-x: -50%;
+  }
+
+  [dir="rtl"] .indicator-center {
+    --inidicator-x: 50%;
+  }
+
+  .mask-half-1 {
+    -webkit-mask-position: 0;
+    mask-position: 0;
+    -webkit-mask-size: 200%;
+    mask-size: 200%;
+  }
+
+  .mask-half-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    -webkit-mask-position: 100%;
+    mask-position: 100%;
+  }
+
+  .mask-half-2 {
+    -webkit-mask-position: 100%;
+    mask-position: 100%;
+    -webkit-mask-size: 200%;
+    mask-size: 200%;
+  }
+
+  .mask-half-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    -webkit-mask-position: 0;
+    mask-position: 0;
+  }
+
+  .btn-lg {
+    --fontsize: 1.125rem;
+    --btn-p: 1.25rem;
+    --size: calc(var(--size-field, .25rem) * 12);
+  }
+
+  .btn-md {
+    --fontsize: .875rem;
+    --btn-p: 1rem;
+    --size: calc(var(--size-field, .25rem) * 10);
+  }
+
+  .btn-sm {
+    --fontsize: .75rem;
+    --btn-p: .75rem;
+    --size: calc(var(--size-field, .25rem) * 8);
+  }
+
+  .btn-xl {
+    --fontsize: 1.375rem;
+    --btn-p: 1.5rem;
+    --size: calc(var(--size-field, .25rem) * 14);
+  }
+
+  .btn-xs {
+    --fontsize: .6875rem;
+    --btn-p: .5rem;
+    --size: calc(var(--size-field, .25rem) * 6);
+  }
+
+  .card-lg .card-body {
+    --card-p: 2rem;
+    --card-fs: 1rem;
+  }
+
+  .card-lg .card-title {
+    --cardtitle-fs: 1.25rem;
+  }
+
+  .card-md .card-body {
+    --card-p: 1.5rem;
+    --card-fs: .875rem;
+  }
+
+  .card-md .card-title {
+    --cardtitle-fs: 1.125rem;
+  }
+
+  .card-sm .card-body {
+    --card-p: 1rem;
+    --card-fs: .75rem;
+  }
+
+  .card-sm .card-title {
+    --cardtitle-fs: 1rem;
+  }
+
+  .card-xl .card-body {
+    --card-p: 2.5rem;
+    --card-fs: 1.125rem;
+  }
+
+  .card-xl .card-title {
+    --cardtitle-fs: 1.375rem;
+  }
+
+  .card-xs .card-body {
+    --card-p: .5rem;
+    --card-fs: .6875rem;
+  }
+
+  .card-xs .card-title {
+    --cardtitle-fs: .875rem;
+  }
+
+  .indicator-bottom {
+    --inidicator-t: auto;
+    --inidicator-b: 0;
+    --indicator-y: 50%;
+  }
+
+  .indicator-end {
+    --inidicator-s: auto;
+    --inidicator-e: 0;
+    --inidicator-x: 50%;
+  }
+
+  .indicator-middle {
+    --inidicator-t: 50%;
+    --inidicator-b: 50%;
+    --indicator-y: -50%;
+  }
+
+  .indicator-start {
+    --inidicator-s: 0;
+    --inidicator-e: auto;
+    --inidicator-x: -50%;
+  }
+
+  .indicator-top {
+    --inidicator-t: 0;
+    --inidicator-b: auto;
+    --indicator-y: -50%;
+  }
+
+  .badge-accent {
+    --badge-color: var(--color-accent);
+    --badge-fg: var(--color-accent-content);
+  }
+
+  .badge-error {
+    --badge-color: var(--color-error);
+    --badge-fg: var(--color-error-content);
+  }
+
+  .badge-info {
+    --badge-color: var(--color-info);
+    --badge-fg: var(--color-info-content);
+  }
+
+  .badge-neutral {
+    --badge-color: var(--color-neutral);
+    --badge-fg: var(--color-neutral-content);
+  }
+
+  .badge-primary {
+    --badge-color: var(--color-primary);
+    --badge-fg: var(--color-primary-content);
+  }
+
+  .badge-secondary {
+    --badge-color: var(--color-secondary);
+    --badge-fg: var(--color-secondary-content);
+  }
+
+  .badge-success {
+    --badge-color: var(--color-success);
+    --badge-fg: var(--color-success-content);
+  }
+
+  .badge-warning {
+    --badge-color: var(--color-warning);
+    --badge-fg: var(--color-warning-content);
+  }
+
+  .btn-accent {
+    --btn-color: var(--color-accent);
+    --btn-fg: var(--color-accent-content);
+  }
+
+  .btn-error {
+    --btn-color: var(--color-error);
+    --btn-fg: var(--color-error-content);
+  }
+
+  .btn-info {
+    --btn-color: var(--color-info);
+    --btn-fg: var(--color-info-content);
+  }
+
+  .btn-neutral {
+    --btn-color: var(--color-neutral);
+    --btn-fg: var(--color-neutral-content);
+  }
+
+  .btn-primary {
+    --btn-color: var(--color-primary);
+    --btn-fg: var(--color-primary-content);
+  }
+
+  .btn-secondary {
+    --btn-color: var(--color-secondary);
+    --btn-fg: var(--color-secondary-content);
+  }
+
+  .btn-success {
+    --btn-color: var(--color-success);
+    --btn-fg: var(--color-success-content);
+  }
+
+  .btn-warning {
+    --btn-color: var(--color-warning);
+    --btn-fg: var(--color-warning-content);
+  }
+
+  .timeline-snap-icon > li {
+    --timeline-col-start: .5rem;
+    --timeline-row-start: minmax(0, 1fr);
+  }
+
+  .toggle-lg[type="checkbox"], .toggle-lg:has([type="checkbox"]) {
+    --toggle-p: .25rem;
+    --size: calc(var(--size-selector, .25rem) * 7);
+  }
+
+  .toggle-md[type="checkbox"], .toggle-md:has([type="checkbox"]) {
+    --toggle-p: .1875rem;
+    --size: calc(var(--size-selector, .25rem) * 6);
+  }
+
+  .toggle-sm[type="checkbox"], .toggle-sm:has([type="checkbox"]) {
+    --toggle-p: .125rem;
+    --size: calc(var(--size-selector, .25rem) * 5);
+  }
+
+  .toggle-xl[type="checkbox"], .toggle-xl:has([type="checkbox"]) {
+    --toggle-p: .3125rem;
+    --size: calc(var(--size-selector, .25rem) * 8);
+  }
+
+  .toggle-xs[type="checkbox"], .toggle-xs:has([type="checkbox"]) {
+    --toggle-p: .0625rem;
+    --size: calc(var(--size-selector, .25rem) * 4);
+  }
+
+  .input-accent, .input-accent:focus, .input-accent:focus-within {
+    --input-color: var(--color-accent);
+  }
+
+  .input-error, .input-error:focus, .input-error:focus-within {
+    --input-color: var(--color-error);
+  }
+
+  .input-info, .input-info:focus, .input-info:focus-within {
+    --input-color: var(--color-info);
+  }
+
+  .input-neutral, .input-neutral:focus, .input-neutral:focus-within {
+    --input-color: var(--color-neutral);
+  }
+
+  .input-primary, .input-primary:focus, .input-primary:focus-within {
+    --input-color: var(--color-primary);
+  }
+
+  .input-secondary, .input-secondary:focus, .input-secondary:focus-within {
+    --input-color: var(--color-secondary);
+  }
+
+  .input-success, .input-success:focus, .input-success:focus-within {
+    --input-color: var(--color-success);
+  }
+
+  .input-warning, .input-warning:focus, .input-warning:focus-within {
+    --input-color: var(--color-warning);
+  }
+
+  .loading-ball {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
+  }
+
+  .loading-bars {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E");
+  }
+
+  .loading-dots {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E");
+  }
+
+  .loading-infinity {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E");
+  }
+
+  .loading-ring {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
+  }
+
+  .loading-spinner {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
+  }
+
+  .mask-circle {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .mask-decagon {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .mask-diamond {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .mask-heart {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
+  }
+
+  .mask-hexagon {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
+  }
+
+  .mask-hexagon-2 {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
+  }
+
+  .mask-pentagon {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .mask-squircle {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
+  }
+
+  .mask-star {
+    -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 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' 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 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .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");
+  }
+
+  .mask-triangle {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .mask-triangle-2 {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .mask-triangle-3 {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .mask-triangle-4 {
+    -webkit-mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
+    mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
+  }
+
+  .radio-accent {
+    --input-color: var(--color-accent);
+  }
+
+  .radio-error {
+    --input-color: var(--color-error);
+  }
+
+  .radio-info {
+    --input-color: var(--color-info);
+  }
+
+  .radio-neutral {
+    --input-color: var(--color-neutral);
+  }
+
+  .radio-primary {
+    --input-color: var(--color-primary);
+  }
+
+  .radio-secondary {
+    --input-color: var(--color-secondary);
+  }
+
+  .radio-success {
+    --input-color: var(--color-success);
+  }
+
+  .radio-warning {
+    --input-color: var(--color-warning);
+  }
+
+  .range-lg {
+    --range-thumb-size: calc(var(--size-selector, .25rem) * 7);
+  }
+
+  .range-md {
+    --range-thumb-size: calc(var(--size-selector, .25rem) * 6);
+  }
+
+  .range-sm {
+    --range-thumb-size: calc(var(--size-selector, .25rem) * 5);
+  }
+
+  .range-xl {
+    --range-thumb-size: calc(var(--size-selector, .25rem) * 8);
+  }
+
+  .range-xs {
+    --range-thumb-size: calc(var(--size-selector, .25rem) * 4);
+  }
+
+  .select-accent, .select-accent:focus, .select-accent:focus-within {
+    --input-color: var(--color-accent);
+  }
+
+  .select-error, .select-error:focus, .select-error:focus-within {
+    --input-color: var(--color-error);
+  }
+
+  .select-info, .select-info:focus, .select-info:focus-within {
+    --input-color: var(--color-info);
+  }
+
+  .select-neutral, .select-neutral:focus, .select-neutral:focus-within {
+    --input-color: var(--color-neutral);
+  }
+
+  .select-primary, .select-primary:focus, .select-primary:focus-within {
+    --input-color: var(--color-primary);
+  }
+
+  .select-secondary, .select-secondary:focus, .select-secondary:focus-within {
+    --input-color: var(--color-secondary);
+  }
+
+  .select-success, .select-success:focus, .select-success:focus-within {
+    --input-color: var(--color-success);
+  }
+
+  .select-warning, .select-warning:focus, .select-warning:focus-within {
+    --input-color: var(--color-warning);
+  }
+
+  .textarea-accent, .textarea-accent:focus, .textarea-accent:focus-within {
+    --input-color: var(--color-accent);
+  }
+
+  .textarea-error, .textarea-error:focus, .textarea-error:focus-within {
+    --input-color: var(--color-error);
+  }
+
+  .textarea-info, .textarea-info:focus, .textarea-info:focus-within {
+    --input-color: var(--color-info);
+  }
+
+  .textarea-neutral, .textarea-neutral:focus, .textarea-neutral:focus-within {
+    --input-color: var(--color-neutral);
+  }
+
+  .textarea-primary, .textarea-primary:focus, .textarea-primary:focus-within {
+    --input-color: var(--color-primary);
+  }
+
+  .textarea-secondary, .textarea-secondary:focus, .textarea-secondary:focus-within {
+    --input-color: var(--color-secondary);
+  }
+
+  .textarea-success, .textarea-success:focus, .textarea-success:focus-within {
+    --input-color: var(--color-success);
+  }
+
+  .textarea-warning, .textarea-warning:focus, .textarea-warning:focus-within {
+    --input-color: var(--color-warning);
+  }
+
+  .toggle-accent:checked, .toggle-accent[aria-checked="true"] {
+    --input-color: var(--color-accent);
+  }
+
+  .toggle-error:checked, .toggle-error[aria-checked="true"] {
+    --input-color: var(--color-error);
+  }
+
+  .toggle-info:checked, .toggle-info[aria-checked="true"] {
+    --input-color: var(--color-info);
+  }
+
+  .toggle-neutral:checked, .toggle-neutral[aria-checked="true"] {
+    --input-color: var(--color-neutral);
+  }
+
+  .toggle-primary:checked, .toggle-primary[aria-checked="true"] {
+    --input-color: var(--color-primary);
+  }
+
+  .toggle-secondary:checked, .toggle-secondary[aria-checked="true"] {
+    --input-color: var(--color-secondary);
+  }
+
+  .toggle-success:checked, .toggle-success[aria-checked="true"] {
+    --input-color: var(--color-success);
+  }
+
+  .toggle-warning:checked, .toggle-warning[aria-checked="true"] {
+    --input-color: var(--color-warning);
+  }
+}
+
+@keyframes skeleton {
+  0% {
+    background-position: 150%;
+  }
+
+  100% {
+    background-position: -50%;
+  }
+}
+
+@keyframes progress {
+  50% {
+    background-position-x: -115%;
+  }
+}
+
+@keyframes radio {
+  0% {
+    padding: 5px;
+  }
+
+  50% {
+    padding: 3px;
+  }
+}
+
+@keyframes dropdown {
+  0% {
+    opacity: 0;
+  }
+}
+
+@keyframes rating {
+  0%, 40% {
+    filter: brightness(1.05) contrast(1.05);
+    scale: 1.1;
+  }
+}
+
+@keyframes toast {
+  0% {
+    opacity: 0;
+    scale: .9;
+  }
+
+  100% {
+    opacity: 1;
+    scale: 1;
+  }
+}
+
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: rotateX(0);
+}
+
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: rotateY(0);
+}
+
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: rotateZ(0);
+}
+
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: skewX(0);
+}
+
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: skewY(0);
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ease {
+  syntax: "*";
+  inherits: false
+}
diff --git a/spec/internal/app/views/application_mailer/welcome.html.erb b/spec/internal/app/views/application_mailer/welcome.html.erb
index a5cf0c4..d1252b5 100644
--- a/spec/internal/app/views/application_mailer/welcome.html.erb
+++ b/spec/internal/app/views/application_mailer/welcome.html.erb
@@ -6,5 +6,6 @@
   <body>
     <h1>Welcome to GravityMailbox</h1>
     <p>Thanks for joining and have a great day!</p>
+    <p><%= Time.current.to_f %></p>
   </body>
 </html>
diff --git a/spec/internal/app/views/application_mailer/welcome.text.erb b/spec/internal/app/views/application_mailer/welcome.text.erb
index 8d6809e..458ba85 100644
--- a/spec/internal/app/views/application_mailer/welcome.text.erb
+++ b/spec/internal/app/views/application_mailer/welcome.text.erb
@@ -1 +1,2 @@
 Welcome to GravityMailbox
+<p><%= Time.current.to_f %></p>
diff --git a/tailwind/application.css b/tailwind/application.css
new file mode 100644
index 0000000..6c95bb8
--- /dev/null
+++ b/tailwind/application.css
@@ -0,0 +1,4 @@
+@import "tailwindcss";
+@plugin "./daisyui.js"  {
+    themes: light --default, dark --prefersdark, cupcake;
+}
diff --git a/tailwind/daisyui.js b/tailwind/daisyui.js
new file mode 100644
index 0000000..81a4189
--- /dev/null
+++ b/tailwind/daisyui.js
@@ -0,0 +1,8 @@
+/**
+ * Bundled by jsDelivr using Rollup v2.79.2 and Terser v5.37.0.
+ * Original file: /npm/daisyui@5.0.6/index.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+var r=["light","dark","cupcake","bumblebee","emerald","corporate","synthwave","retro","cyberpunk","valentine","halloween","garden","forest","aqua","lofi","pastel","fantasy","wireframe","black","luxury","dracula","cmyk","autumn","business","acid","lemonade","night","coffee","winter","dim","nord","sunset","caramellatte","abyss","silk"];const o=(()=>{let o=!0;return(e,t,a,c)=>{const{logs:i=!0,root:n=":root",themes:l=["light --default","dark --prefersdark"],include:s,exclude:d,prefix:b=""}=e||{};!1!==i&&o&&(console.log(`${atob("Lyoh")} ${decodeURIComponent("%F0%9F%8C%BC")} ${atob("ZGFpc3lVSQ==")} ${c} ${atob("Ki8=")}`),o=!1);const u=(r,o)=>{const e=a[r];if(e){let a=`${n}:has(input.theme-controller[value=${r}]:checked),[data-theme=${r}]`;o.includes("--default")&&(a=`:where(${n}),${a}`),t({[a]:e}),o.includes("--prefersdark")&&t({"@media (prefers-color-scheme: dark)":{[n]:e}})}};if("all"===l)a.light&&u("light",["--default"]),a.dark&&t({"@media (prefers-color-scheme: dark)":{[n]:a.dark}}),r.forEach((r=>{a[r]&&u(r,[])}));else if(l){const r=Array.isArray(l)?l:[l];if(1===r.length&&r[0].includes("--default")){const[o,...e]=r[0].split(" ");return u(o,e),{include:s,exclude:d,prefix:b}}r.forEach((r=>{const[o,...e]=r.split(" ");e.includes("--default")&&u(o,["--default"])})),r.forEach((r=>{const[o,...e]=r.split(" ");e.includes("--prefersdark")&&t({"@media (prefers-color-scheme: dark)":{[n]:a[o]}})})),r.forEach((r=>{const[o]=r.split(" ");u(o,[])}))}return{include:s,exclude:d,prefix:b}}})();var e={colors:{"base-100":"var(--color-base-100)","base-200":"var(--color-base-200)","base-300":"var(--color-base-300)","base-content":"var(--color-base-content)",primary:"var(--color-primary)","primary-content":"var(--color-primary-content)",secondary:"var(--color-secondary)","secondary-content":"var(--color-secondary-content)",accent:"var(--color-accent)","accent-content":"var(--color-accent-content)",neutral:"var(--color-neutral)","neutral-content":"var(--color-neutral-content)",info:"var(--color-info)","info-content":"var(--color-info-content)",success:"var(--color-success)","success-content":"var(--color-success-content)",warning:"var(--color-warning)","warning-content":"var(--color-warning-content)",error:"var(--color-error)","error-content":"var(--color-error-content)"},borderRadius:{selector:"var(--radius-selector)",field:"var(--radius-field)",box:"var(--radius-box)"}},t={nord:{"color-scheme":"light","--color-base-100":"oklch(95.127% 0.007 260.731)","--color-base-200":"oklch(93.299% 0.01 261.788)","--color-base-300":"oklch(89.925% 0.016 262.749)","--color-base-content":"oklch(32.437% 0.022 264.182)","--color-primary":"oklch(59.435% 0.077 254.027)","--color-primary-content":"oklch(11.887% 0.015 254.027)","--color-secondary":"oklch(69.651% 0.059 248.687)","--color-secondary-content":"oklch(13.93% 0.011 248.687)","--color-accent":"oklch(77.464% 0.062 217.469)","--color-accent-content":"oklch(15.492% 0.012 217.469)","--color-neutral":"oklch(45.229% 0.035 264.131)","--color-neutral-content":"oklch(89.925% 0.016 262.749)","--color-info":"oklch(69.207% 0.062 332.664)","--color-info-content":"oklch(13.841% 0.012 332.664)","--color-success":"oklch(76.827% 0.074 131.063)","--color-success-content":"oklch(15.365% 0.014 131.063)","--color-warning":"oklch(85.486% 0.089 84.093)","--color-warning-content":"oklch(17.097% 0.017 84.093)","--color-error":"oklch(60.61% 0.12 15.341)","--color-error-content":"oklch(12.122% 0.024 15.341)","--radius-selector":"1rem","--radius-field":"0.25rem","--radius-box":"0.5rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},business:{"color-scheme":"dark","--color-base-100":"oklch(24.353% 0 0)","--color-base-200":"oklch(22.648% 0 0)","--color-base-300":"oklch(20.944% 0 0)","--color-base-content":"oklch(84.87% 0 0)","--color-primary":"oklch(41.703% 0.099 251.473)","--color-primary-content":"oklch(88.34% 0.019 251.473)","--color-secondary":"oklch(64.092% 0.027 229.389)","--color-secondary-content":"oklch(12.818% 0.005 229.389)","--color-accent":"oklch(67.271% 0.167 35.791)","--color-accent-content":"oklch(13.454% 0.033 35.791)","--color-neutral":"oklch(27.441% 0.013 253.041)","--color-neutral-content":"oklch(85.488% 0.002 253.041)","--color-info":"oklch(62.616% 0.143 240.033)","--color-info-content":"oklch(12.523% 0.028 240.033)","--color-success":"oklch(70.226% 0.094 156.596)","--color-success-content":"oklch(14.045% 0.018 156.596)","--color-warning":"oklch(77.482% 0.115 81.519)","--color-warning-content":"oklch(15.496% 0.023 81.519)","--color-error":"oklch(51.61% 0.146 29.674)","--color-error-content":"oklch(90.322% 0.029 29.674)","--radius-selector":"0rem","--radius-field":"0.25rem","--radius-box":"0.25rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},light:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(98% 0 0)","--color-base-300":"oklch(95% 0 0)","--color-base-content":"oklch(21% 0.006 285.885)","--color-primary":"oklch(45% 0.24 277.023)","--color-primary-content":"oklch(93% 0.034 272.788)","--color-secondary":"oklch(65% 0.241 354.308)","--color-secondary-content":"oklch(94% 0.028 342.258)","--color-accent":"oklch(77% 0.152 181.912)","--color-accent-content":"oklch(38% 0.063 188.416)","--color-neutral":"oklch(14% 0.005 285.823)","--color-neutral-content":"oklch(92% 0.004 286.32)","--color-info":"oklch(74% 0.16 232.661)","--color-info-content":"oklch(29% 0.066 243.157)","--color-success":"oklch(76% 0.177 163.223)","--color-success-content":"oklch(37% 0.077 168.94)","--color-warning":"oklch(82% 0.189 84.429)","--color-warning-content":"oklch(41% 0.112 45.904)","--color-error":"oklch(71% 0.194 13.428)","--color-error-content":"oklch(27% 0.105 12.094)","--radius-selector":"0.5rem","--radius-field":"0.25rem","--radius-box":"0.5rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},cyberpunk:{"color-scheme":"light","--color-base-100":"oklch(94.51% 0.179 104.32)","--color-base-200":"oklch(91.51% 0.179 104.32)","--color-base-300":"oklch(85.51% 0.179 104.32)","--color-base-content":"oklch(0% 0 0)","--color-primary":"oklch(74.22% 0.209 6.35)","--color-primary-content":"oklch(14.844% 0.041 6.35)","--color-secondary":"oklch(83.33% 0.184 204.72)","--color-secondary-content":"oklch(16.666% 0.036 204.72)","--color-accent":"oklch(71.86% 0.217 310.43)","--color-accent-content":"oklch(14.372% 0.043 310.43)","--color-neutral":"oklch(23.04% 0.065 269.31)","--color-neutral-content":"oklch(94.51% 0.179 104.32)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-selector":"0rem","--radius-field":"0rem","--radius-box":"0rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},synthwave:{"color-scheme":"dark","--color-base-100":"oklch(15% 0.09 281.288)","--color-base-200":"oklch(20% 0.09 281.288)","--color-base-300":"oklch(25% 0.09 281.288)","--color-base-content":"oklch(78% 0.115 274.713)","--color-primary":"oklch(71% 0.202 349.761)","--color-primary-content":"oklch(28% 0.109 3.907)","--color-secondary":"oklch(82% 0.111 230.318)","--color-secondary-content":"oklch(29% 0.066 243.157)","--color-accent":"oklch(75% 0.183 55.934)","--color-accent-content":"oklch(26% 0.079 36.259)","--color-neutral":"oklch(45% 0.24 277.023)","--color-neutral-content":"oklch(87% 0.065 274.039)","--color-info":"oklch(74% 0.16 232.661)","--color-info-content":"oklch(29% 0.066 243.157)","--color-success":"oklch(77% 0.152 181.912)","--color-success-content":"oklch(27% 0.046 192.524)","--color-warning":"oklch(90% 0.182 98.111)","--color-warning-content":"oklch(42% 0.095 57.708)","--color-error":"oklch(73.7% 0.121 32.639)","--color-error-content":"oklch(23.501% 0.096 290.329)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},lemonade:{"color-scheme":"light","--color-base-100":"oklch(98.71% 0.02 123.72)","--color-base-200":"oklch(91.8% 0.018 123.72)","--color-base-300":"oklch(84.89% 0.017 123.72)","--color-base-content":"oklch(19.742% 0.004 123.72)","--color-primary":"oklch(58.92% 0.199 134.6)","--color-primary-content":"oklch(11.784% 0.039 134.6)","--color-secondary":"oklch(77.75% 0.196 111.09)","--color-secondary-content":"oklch(15.55% 0.039 111.09)","--color-accent":"oklch(85.39% 0.201 100.73)","--color-accent-content":"oklch(17.078% 0.04 100.73)","--color-neutral":"oklch(30.98% 0.075 108.6)","--color-neutral-content":"oklch(86.196% 0.015 108.6)","--color-info":"oklch(86.19% 0.047 224.14)","--color-info-content":"oklch(17.238% 0.009 224.14)","--color-success":"oklch(86.19% 0.047 157.85)","--color-success-content":"oklch(17.238% 0.009 157.85)","--color-warning":"oklch(86.19% 0.047 102.15)","--color-warning-content":"oklch(17.238% 0.009 102.15)","--color-error":"oklch(86.19% 0.047 25.85)","--color-error-content":"oklch(17.238% 0.009 25.85)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},night:{"color-scheme":"dark","--color-base-100":"oklch(20.768% 0.039 265.754)","--color-base-200":"oklch(19.314% 0.037 265.754)","--color-base-300":"oklch(17.86% 0.034 265.754)","--color-base-content":"oklch(84.153% 0.007 265.754)","--color-primary":"oklch(75.351% 0.138 232.661)","--color-primary-content":"oklch(15.07% 0.027 232.661)","--color-secondary":"oklch(68.011% 0.158 276.934)","--color-secondary-content":"oklch(13.602% 0.031 276.934)","--color-accent":"oklch(72.36% 0.176 350.048)","--color-accent-content":"oklch(14.472% 0.035 350.048)","--color-neutral":"oklch(27.949% 0.036 260.03)","--color-neutral-content":"oklch(85.589% 0.007 260.03)","--color-info":"oklch(68.455% 0.148 237.251)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(78.452% 0.132 181.911)","--color-success-content":"oklch(15.69% 0.026 181.911)","--color-warning":"oklch(83.242% 0.139 82.95)","--color-warning-content":"oklch(16.648% 0.027 82.95)","--color-error":"oklch(71.785% 0.17 13.118)","--color-error-content":"oklch(14.357% 0.034 13.118)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},coffee:{"color-scheme":"dark","--color-base-100":"oklch(24% 0.023 329.708)","--color-base-200":"oklch(21% 0.021 329.708)","--color-base-300":"oklch(16% 0.019 329.708)","--color-base-content":"oklch(72.354% 0.092 79.129)","--color-primary":"oklch(71.996% 0.123 62.756)","--color-primary-content":"oklch(14.399% 0.024 62.756)","--color-secondary":"oklch(34.465% 0.029 199.194)","--color-secondary-content":"oklch(86.893% 0.005 199.194)","--color-accent":"oklch(42.621% 0.074 224.389)","--color-accent-content":"oklch(88.524% 0.014 224.389)","--color-neutral":"oklch(16.51% 0.015 326.261)","--color-neutral-content":"oklch(83.302% 0.003 326.261)","--color-info":"oklch(79.49% 0.063 184.558)","--color-info-content":"oklch(15.898% 0.012 184.558)","--color-success":"oklch(74.722% 0.072 131.116)","--color-success-content":"oklch(14.944% 0.014 131.116)","--color-warning":"oklch(88.15% 0.14 87.722)","--color-warning-content":"oklch(17.63% 0.028 87.722)","--color-error":"oklch(77.318% 0.128 31.871)","--color-error-content":"oklch(15.463% 0.025 31.871)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},sunset:{"color-scheme":"dark","--color-base-100":"oklch(22% 0.019 237.69)","--color-base-200":"oklch(20% 0.019 237.69)","--color-base-300":"oklch(18% 0.019 237.69)","--color-base-content":"oklch(77.383% 0.043 245.096)","--color-primary":"oklch(74.703% 0.158 39.947)","--color-primary-content":"oklch(14.94% 0.031 39.947)","--color-secondary":"oklch(72.537% 0.177 2.72)","--color-secondary-content":"oklch(14.507% 0.035 2.72)","--color-accent":"oklch(71.294% 0.166 299.844)","--color-accent-content":"oklch(14.258% 0.033 299.844)","--color-neutral":"oklch(26% 0.019 237.69)","--color-neutral-content":"oklch(70% 0.019 237.69)","--color-info":"oklch(85.559% 0.085 206.015)","--color-info-content":"oklch(17.111% 0.017 206.015)","--color-success":"oklch(85.56% 0.085 144.778)","--color-success-content":"oklch(17.112% 0.017 144.778)","--color-warning":"oklch(85.569% 0.084 74.427)","--color-warning-content":"oklch(17.113% 0.016 74.427)","--color-error":"oklch(85.511% 0.078 16.886)","--color-error-content":"oklch(17.102% 0.015 16.886)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},winter:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(97.466% 0.011 259.822)","--color-base-300":"oklch(93.268% 0.016 262.751)","--color-base-content":"oklch(41.886% 0.053 255.824)","--color-primary":"oklch(56.86% 0.255 257.57)","--color-primary-content":"oklch(91.372% 0.051 257.57)","--color-secondary":"oklch(42.551% 0.161 282.339)","--color-secondary-content":"oklch(88.51% 0.032 282.339)","--color-accent":"oklch(59.939% 0.191 335.171)","--color-accent-content":"oklch(11.988% 0.038 335.171)","--color-neutral":"oklch(19.616% 0.063 257.651)","--color-neutral-content":"oklch(83.923% 0.012 257.651)","--color-info":"oklch(88.127% 0.085 214.515)","--color-info-content":"oklch(17.625% 0.017 214.515)","--color-success":"oklch(80.494% 0.077 197.823)","--color-success-content":"oklch(16.098% 0.015 197.823)","--color-warning":"oklch(89.172% 0.045 71.47)","--color-warning-content":"oklch(17.834% 0.009 71.47)","--color-error":"oklch(73.092% 0.11 20.076)","--color-error-content":"oklch(14.618% 0.022 20.076)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},halloween:{"color-scheme":"dark","--color-base-100":"oklch(21% 0.006 56.043)","--color-base-200":"oklch(14% 0.004 49.25)","--color-base-300":"oklch(0% 0 0)","--color-base-content":"oklch(84.955% 0 0)","--color-primary":"oklch(77.48% 0.204 60.62)","--color-primary-content":"oklch(19.693% 0.004 196.779)","--color-secondary":"oklch(45.98% 0.248 305.03)","--color-secondary-content":"oklch(89.196% 0.049 305.03)","--color-accent":"oklch(64.8% 0.223 136.073)","--color-accent-content":"oklch(0% 0 0)","--color-neutral":"oklch(24.371% 0.046 65.681)","--color-neutral-content":"oklch(84.874% 0.009 65.681)","--color-info":"oklch(54.615% 0.215 262.88)","--color-info-content":"oklch(90.923% 0.043 262.88)","--color-success":"oklch(62.705% 0.169 149.213)","--color-success-content":"oklch(12.541% 0.033 149.213)","--color-warning":"oklch(66.584% 0.157 58.318)","--color-warning-content":"oklch(13.316% 0.031 58.318)","--color-error":"oklch(65.72% 0.199 27.33)","--color-error-content":"oklch(13.144% 0.039 27.33)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},corporate:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(93% 0 0)","--color-base-300":"oklch(86% 0 0)","--color-base-content":"oklch(22.389% 0.031 278.072)","--color-primary":"oklch(58% 0.158 241.966)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(55% 0.046 257.417)","--color-secondary-content":"oklch(100% 0 0)","--color-accent":"oklch(60% 0.118 184.704)","--color-accent-content":"oklch(100% 0 0)","--color-neutral":"oklch(0% 0 0)","--color-neutral-content":"oklch(100% 0 0)","--color-info":"oklch(60% 0.126 221.723)","--color-info-content":"oklch(100% 0 0)","--color-success":"oklch(62% 0.194 149.214)","--color-success-content":"oklch(100% 0 0)","--color-warning":"oklch(85% 0.199 91.936)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(70% 0.191 22.216)","--color-error-content":"oklch(0% 0 0)","--radius-selector":"0.25rem","--radius-field":"0.25rem","--radius-box":"0.25rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},autumn:{"color-scheme":"light","--color-base-100":"oklch(95.814% 0 0)","--color-base-200":"oklch(89.107% 0 0)","--color-base-300":"oklch(82.4% 0 0)","--color-base-content":"oklch(19.162% 0 0)","--color-primary":"oklch(40.723% 0.161 17.53)","--color-primary-content":"oklch(88.144% 0.032 17.53)","--color-secondary":"oklch(61.676% 0.169 23.865)","--color-secondary-content":"oklch(12.335% 0.033 23.865)","--color-accent":"oklch(73.425% 0.094 60.729)","--color-accent-content":"oklch(14.685% 0.018 60.729)","--color-neutral":"oklch(54.367% 0.037 51.902)","--color-neutral-content":"oklch(90.873% 0.007 51.902)","--color-info":"oklch(69.224% 0.097 207.284)","--color-info-content":"oklch(13.844% 0.019 207.284)","--color-success":"oklch(60.995% 0.08 174.616)","--color-success-content":"oklch(12.199% 0.016 174.616)","--color-warning":"oklch(70.081% 0.164 56.844)","--color-warning-content":"oklch(14.016% 0.032 56.844)","--color-error":"oklch(53.07% 0.241 24.16)","--color-error-content":"oklch(90.614% 0.048 24.16)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},dark:{"color-scheme":"dark","--color-base-100":"oklch(25.33% 0.016 252.42)","--color-base-200":"oklch(23.26% 0.014 253.1)","--color-base-300":"oklch(21.15% 0.012 254.09)","--color-base-content":"oklch(97.807% 0.029 256.847)","--color-primary":"oklch(58% 0.233 277.117)","--color-primary-content":"oklch(96% 0.018 272.314)","--color-secondary":"oklch(65% 0.241 354.308)","--color-secondary-content":"oklch(94% 0.028 342.258)","--color-accent":"oklch(77% 0.152 181.912)","--color-accent-content":"oklch(38% 0.063 188.416)","--color-neutral":"oklch(14% 0.005 285.823)","--color-neutral-content":"oklch(92% 0.004 286.32)","--color-info":"oklch(74% 0.16 232.661)","--color-info-content":"oklch(29% 0.066 243.157)","--color-success":"oklch(76% 0.177 163.223)","--color-success-content":"oklch(37% 0.077 168.94)","--color-warning":"oklch(82% 0.189 84.429)","--color-warning-content":"oklch(41% 0.112 45.904)","--color-error":"oklch(71% 0.194 13.428)","--color-error-content":"oklch(27% 0.105 12.094)","--radius-selector":"0.5rem","--radius-field":"0.25rem","--radius-box":"0.5rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},garden:{"color-scheme":"light","--color-base-100":"oklch(92.951% 0.002 17.197)","--color-base-200":"oklch(86.445% 0.002 17.197)","--color-base-300":"oklch(79.938% 0.001 17.197)","--color-base-content":"oklch(16.961% 0.001 17.32)","--color-primary":"oklch(62.45% 0.278 3.836)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(48.495% 0.11 355.095)","--color-secondary-content":"oklch(89.699% 0.022 355.095)","--color-accent":"oklch(56.273% 0.054 154.39)","--color-accent-content":"oklch(100% 0 0)","--color-neutral":"oklch(24.155% 0.049 89.07)","--color-neutral-content":"oklch(92.951% 0.002 17.197)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},black:{"color-scheme":"dark","--color-base-100":"oklch(0% 0 0)","--color-base-200":"oklch(19% 0 0)","--color-base-300":"oklch(22% 0 0)","--color-base-content":"oklch(87.609% 0 0)","--color-primary":"oklch(35% 0 0)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(35% 0 0)","--color-secondary-content":"oklch(100% 0 0)","--color-accent":"oklch(35% 0 0)","--color-accent-content":"oklch(100% 0 0)","--color-neutral":"oklch(35% 0 0)","--color-neutral-content":"oklch(100% 0 0)","--color-info":"oklch(45.201% 0.313 264.052)","--color-info-content":"oklch(89.04% 0.062 264.052)","--color-success":"oklch(51.975% 0.176 142.495)","--color-success-content":"oklch(90.395% 0.035 142.495)","--color-warning":"oklch(96.798% 0.211 109.769)","--color-warning-content":"oklch(19.359% 0.042 109.769)","--color-error":"oklch(62.795% 0.257 29.233)","--color-error-content":"oklch(12.559% 0.051 29.233)","--radius-selector":"0rem","--radius-field":"0rem","--radius-box":"0rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},caramellatte:{"color-scheme":"light","--color-base-100":"oklch(98% 0.016 73.684)","--color-base-200":"oklch(95% 0.038 75.164)","--color-base-300":"oklch(90% 0.076 70.697)","--color-base-content":"oklch(40% 0.123 38.172)","--color-primary":"oklch(0% 0 0)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(22.45% 0.075 37.85)","--color-secondary-content":"oklch(90% 0.076 70.697)","--color-accent":"oklch(46.44% 0.111 37.85)","--color-accent-content":"oklch(90% 0.076 70.697)","--color-neutral":"oklch(55% 0.195 38.402)","--color-neutral-content":"oklch(98% 0.016 73.684)","--color-info":"oklch(42% 0.199 265.638)","--color-info-content":"oklch(90% 0.076 70.697)","--color-success":"oklch(43% 0.095 166.913)","--color-success-content":"oklch(90% 0.076 70.697)","--color-warning":"oklch(82% 0.189 84.429)","--color-warning-content":"oklch(41% 0.112 45.904)","--color-error":"oklch(70% 0.191 22.216)","--color-error-content":"oklch(39% 0.141 25.723)","--radius-selector":"2rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"2px","--depth":"1","--noise":"1"},cupcake:{"color-scheme":"light","--color-base-100":"oklch(97.788% 0.004 56.375)","--color-base-200":"oklch(93.982% 0.007 61.449)","--color-base-300":"oklch(91.586% 0.006 53.44)","--color-base-content":"oklch(23.574% 0.066 313.189)","--color-primary":"oklch(85% 0.138 181.071)","--color-primary-content":"oklch(43% 0.078 188.216)","--color-secondary":"oklch(89% 0.061 343.231)","--color-secondary-content":"oklch(45% 0.187 3.815)","--color-accent":"oklch(90% 0.076 70.697)","--color-accent-content":"oklch(47% 0.157 37.304)","--color-neutral":"oklch(27% 0.006 286.033)","--color-neutral-content":"oklch(92% 0.004 286.32)","--color-info":"oklch(68% 0.169 237.323)","--color-info-content":"oklch(29% 0.066 243.157)","--color-success":"oklch(69% 0.17 162.48)","--color-success-content":"oklch(26% 0.051 172.552)","--color-warning":"oklch(79% 0.184 86.047)","--color-warning-content":"oklch(28% 0.066 53.813)","--color-error":"oklch(64% 0.246 16.439)","--color-error-content":"oklch(27% 0.105 12.094)","--radius-selector":"1rem","--radius-field":"2rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"2px","--depth":"1","--noise":"0"},luxury:{"color-scheme":"dark","--color-base-100":"oklch(14.076% 0.004 285.822)","--color-base-200":"oklch(20.219% 0.004 308.229)","--color-base-300":"oklch(23.219% 0.004 308.229)","--color-base-content":"oklch(75.687% 0.123 76.89)","--color-primary":"oklch(100% 0 0)","--color-primary-content":"oklch(20% 0 0)","--color-secondary":"oklch(27.581% 0.064 261.069)","--color-secondary-content":"oklch(85.516% 0.012 261.069)","--color-accent":"oklch(36.674% 0.051 338.825)","--color-accent-content":"oklch(87.334% 0.01 338.825)","--color-neutral":"oklch(24.27% 0.057 59.825)","--color-neutral-content":"oklch(93.203% 0.089 90.861)","--color-info":"oklch(79.061% 0.121 237.133)","--color-info-content":"oklch(15.812% 0.024 237.133)","--color-success":"oklch(78.119% 0.192 132.154)","--color-success-content":"oklch(15.623% 0.038 132.154)","--color-warning":"oklch(86.127% 0.136 102.891)","--color-warning-content":"oklch(17.225% 0.027 102.891)","--color-error":"oklch(71.753% 0.176 22.568)","--color-error-content":"oklch(14.35% 0.035 22.568)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},lofi:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(97% 0 0)","--color-base-300":"oklch(94% 0 0)","--color-base-content":"oklch(0% 0 0)","--color-primary":"oklch(15.906% 0 0)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(21.455% 0.001 17.278)","--color-secondary-content":"oklch(100% 0 0)","--color-accent":"oklch(26.861% 0 0)","--color-accent-content":"oklch(100% 0 0)","--color-neutral":"oklch(0% 0 0)","--color-neutral-content":"oklch(100% 0 0)","--color-info":"oklch(79.54% 0.103 205.9)","--color-info-content":"oklch(15.908% 0.02 205.9)","--color-success":"oklch(90.13% 0.153 164.14)","--color-success-content":"oklch(18.026% 0.03 164.14)","--color-warning":"oklch(88.37% 0.135 79.94)","--color-warning-content":"oklch(17.674% 0.027 79.94)","--color-error":"oklch(78.66% 0.15 28.47)","--color-error-content":"oklch(15.732% 0.03 28.47)","--radius-selector":"2rem","--radius-field":"0.25rem","--radius-box":"0.5rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},fantasy:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(93% 0 0)","--color-base-300":"oklch(86% 0 0)","--color-base-content":"oklch(27.807% 0.029 256.847)","--color-primary":"oklch(37.45% 0.189 325.02)","--color-primary-content":"oklch(87.49% 0.037 325.02)","--color-secondary":"oklch(53.92% 0.162 241.36)","--color-secondary-content":"oklch(90.784% 0.032 241.36)","--color-accent":"oklch(75.98% 0.204 56.72)","--color-accent-content":"oklch(15.196% 0.04 56.72)","--color-neutral":"oklch(27.807% 0.029 256.847)","--color-neutral-content":"oklch(85.561% 0.005 256.847)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},cmyk:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(95% 0 0)","--color-base-300":"oklch(90% 0 0)","--color-base-content":"oklch(20% 0 0)","--color-primary":"oklch(71.772% 0.133 239.443)","--color-primary-content":"oklch(14.354% 0.026 239.443)","--color-secondary":"oklch(64.476% 0.202 359.339)","--color-secondary-content":"oklch(12.895% 0.04 359.339)","--color-accent":"oklch(94.228% 0.189 105.306)","--color-accent-content":"oklch(18.845% 0.037 105.306)","--color-neutral":"oklch(21.778% 0 0)","--color-neutral-content":"oklch(84.355% 0 0)","--color-info":"oklch(68.475% 0.094 217.284)","--color-info-content":"oklch(13.695% 0.018 217.284)","--color-success":"oklch(46.949% 0.162 321.406)","--color-success-content":"oklch(89.389% 0.032 321.406)","--color-warning":"oklch(71.236% 0.159 52.023)","--color-warning-content":"oklch(14.247% 0.031 52.023)","--color-error":"oklch(62.013% 0.208 28.717)","--color-error-content":"oklch(12.402% 0.041 28.717)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},emerald:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(93% 0 0)","--color-base-300":"oklch(86% 0 0)","--color-base-content":"oklch(35.519% 0.032 262.988)","--color-primary":"oklch(76.662% 0.135 153.45)","--color-primary-content":"oklch(33.387% 0.04 162.24)","--color-secondary":"oklch(61.302% 0.202 261.294)","--color-secondary-content":"oklch(100% 0 0)","--color-accent":"oklch(72.772% 0.149 33.2)","--color-accent-content":"oklch(0% 0 0)","--color-neutral":"oklch(35.519% 0.032 262.988)","--color-neutral-content":"oklch(98.462% 0.001 247.838)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},wireframe:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(97% 0 0)","--color-base-300":"oklch(94% 0 0)","--color-base-content":"oklch(20% 0 0)","--color-primary":"oklch(87% 0 0)","--color-primary-content":"oklch(26% 0 0)","--color-secondary":"oklch(87% 0 0)","--color-secondary-content":"oklch(26% 0 0)","--color-accent":"oklch(87% 0 0)","--color-accent-content":"oklch(26% 0 0)","--color-neutral":"oklch(87% 0 0)","--color-neutral-content":"oklch(26% 0 0)","--color-info":"oklch(44% 0.11 240.79)","--color-info-content":"oklch(90% 0.058 230.902)","--color-success":"oklch(43% 0.095 166.913)","--color-success-content":"oklch(90% 0.093 164.15)","--color-warning":"oklch(47% 0.137 46.201)","--color-warning-content":"oklch(92% 0.12 95.746)","--color-error":"oklch(44% 0.177 26.899)","--color-error-content":"oklch(88% 0.062 18.334)","--radius-selector":"0rem","--radius-field":"0.25rem","--radius-box":"0.25rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},dim:{"color-scheme":"dark","--color-base-100":"oklch(30.857% 0.023 264.149)","--color-base-200":"oklch(28.036% 0.019 264.182)","--color-base-300":"oklch(26.346% 0.018 262.177)","--color-base-content":"oklch(82.901% 0.031 222.959)","--color-primary":"oklch(86.133% 0.141 139.549)","--color-primary-content":"oklch(17.226% 0.028 139.549)","--color-secondary":"oklch(73.375% 0.165 35.353)","--color-secondary-content":"oklch(14.675% 0.033 35.353)","--color-accent":"oklch(74.229% 0.133 311.379)","--color-accent-content":"oklch(14.845% 0.026 311.379)","--color-neutral":"oklch(24.731% 0.02 264.094)","--color-neutral-content":"oklch(82.901% 0.031 222.959)","--color-info":"oklch(86.078% 0.142 206.182)","--color-info-content":"oklch(17.215% 0.028 206.182)","--color-success":"oklch(86.171% 0.142 166.534)","--color-success-content":"oklch(17.234% 0.028 166.534)","--color-warning":"oklch(86.163% 0.142 94.818)","--color-warning-content":"oklch(17.232% 0.028 94.818)","--color-error":"oklch(82.418% 0.099 33.756)","--color-error-content":"oklch(16.483% 0.019 33.756)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},bumblebee:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(97% 0 0)","--color-base-300":"oklch(92% 0 0)","--color-base-content":"oklch(20% 0 0)","--color-primary":"oklch(85% 0.199 91.936)","--color-primary-content":"oklch(42% 0.095 57.708)","--color-secondary":"oklch(75% 0.183 55.934)","--color-secondary-content":"oklch(40% 0.123 38.172)","--color-accent":"oklch(0% 0 0)","--color-accent-content":"oklch(100% 0 0)","--color-neutral":"oklch(37% 0.01 67.558)","--color-neutral-content":"oklch(92% 0.003 48.717)","--color-info":"oklch(74% 0.16 232.661)","--color-info-content":"oklch(39% 0.09 240.876)","--color-success":"oklch(76% 0.177 163.223)","--color-success-content":"oklch(37% 0.077 168.94)","--color-warning":"oklch(82% 0.189 84.429)","--color-warning-content":"oklch(41% 0.112 45.904)","--color-error":"oklch(70% 0.191 22.216)","--color-error-content":"oklch(39% 0.141 25.723)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},dracula:{"color-scheme":"dark","--color-base-100":"oklch(28.822% 0.022 277.508)","--color-base-200":"oklch(26.805% 0.02 277.508)","--color-base-300":"oklch(24.787% 0.019 277.508)","--color-base-content":"oklch(97.747% 0.007 106.545)","--color-primary":"oklch(75.461% 0.183 346.812)","--color-primary-content":"oklch(15.092% 0.036 346.812)","--color-secondary":"oklch(74.202% 0.148 301.883)","--color-secondary-content":"oklch(14.84% 0.029 301.883)","--color-accent":"oklch(83.392% 0.124 66.558)","--color-accent-content":"oklch(16.678% 0.024 66.558)","--color-neutral":"oklch(39.445% 0.032 275.524)","--color-neutral-content":"oklch(87.889% 0.006 275.524)","--color-info":"oklch(88.263% 0.093 212.846)","--color-info-content":"oklch(17.652% 0.018 212.846)","--color-success":"oklch(87.099% 0.219 148.024)","--color-success-content":"oklch(17.419% 0.043 148.024)","--color-warning":"oklch(95.533% 0.134 112.757)","--color-warning-content":"oklch(19.106% 0.026 112.757)","--color-error":"oklch(68.22% 0.206 24.43)","--color-error-content":"oklch(13.644% 0.041 24.43)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},forest:{"color-scheme":"dark","--color-base-100":"oklch(20.84% 0.008 17.911)","--color-base-200":"oklch(18.522% 0.007 17.911)","--color-base-300":"oklch(16.203% 0.007 17.911)","--color-base-content":"oklch(83.768% 0.001 17.911)","--color-primary":"oklch(68.628% 0.185 148.958)","--color-primary-content":"oklch(0% 0 0)","--color-secondary":"oklch(69.776% 0.135 168.327)","--color-secondary-content":"oklch(13.955% 0.027 168.327)","--color-accent":"oklch(70.628% 0.119 185.713)","--color-accent-content":"oklch(14.125% 0.023 185.713)","--color-neutral":"oklch(30.698% 0.039 171.364)","--color-neutral-content":"oklch(86.139% 0.007 171.364)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-selector":"1rem","--radius-field":"2rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},aqua:{"color-scheme":"dark","--color-base-100":"oklch(37% 0.146 265.522)","--color-base-200":"oklch(28% 0.091 267.935)","--color-base-300":"oklch(22% 0.091 267.935)","--color-base-content":"oklch(90% 0.058 230.902)","--color-primary":"oklch(85.661% 0.144 198.645)","--color-primary-content":"oklch(40.124% 0.068 197.603)","--color-secondary":"oklch(60.682% 0.108 309.782)","--color-secondary-content":"oklch(96% 0.016 293.756)","--color-accent":"oklch(93.426% 0.102 94.555)","--color-accent-content":"oklch(18.685% 0.02 94.555)","--color-neutral":"oklch(27% 0.146 265.522)","--color-neutral-content":"oklch(80% 0.146 265.522)","--color-info":"oklch(54.615% 0.215 262.88)","--color-info-content":"oklch(90.923% 0.043 262.88)","--color-success":"oklch(62.705% 0.169 149.213)","--color-success-content":"oklch(12.541% 0.033 149.213)","--color-warning":"oklch(66.584% 0.157 58.318)","--color-warning-content":"oklch(27% 0.077 45.635)","--color-error":"oklch(73.95% 0.19 27.33)","--color-error-content":"oklch(14.79% 0.038 27.33)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},silk:{"color-scheme":"light","--color-base-100":"oklch(97% 0.0035 67.78)","--color-base-200":"oklch(95% 0.0081 61.42)","--color-base-300":"oklch(90% 0.0081 61.42)","--color-base-content":"oklch(40% 0.0081 61.42)","--color-primary":"oklch(23.27% 0.0249 284.3)","--color-primary-content":"oklch(94.22% 0.2505 117.44)","--color-secondary":"oklch(23.27% 0.0249 284.3)","--color-secondary-content":"oklch(73.92% 0.2135 50.94)","--color-accent":"oklch(23.27% 0.0249 284.3)","--color-accent-content":"oklch(88.92% 0.2061 189.9)","--color-neutral":"oklch(20% 0 0)","--color-neutral-content":"oklch(80% 0.0081 61.42)","--color-info":"oklch(80.39% 0.1148 241.68)","--color-info-content":"oklch(30.39% 0.1148 241.68)","--color-success":"oklch(83.92% 0.0901 136.87)","--color-success-content":"oklch(23.92% 0.0901 136.87)","--color-warning":"oklch(83.92% 0.1085 80)","--color-warning-content":"oklch(43.92% 0.1085 80)","--color-error":"oklch(75.1% 0.1814 22.37)","--color-error-content":"oklch(35.1% 0.1814 22.37)","--radius-selector":"2rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"2px","--depth":"1","--noise":"0"},acid:{"color-scheme":"light","--color-base-100":"oklch(98% 0 0)","--color-base-200":"oklch(95% 0 0)","--color-base-300":"oklch(91% 0 0)","--color-base-content":"oklch(0% 0 0)","--color-primary":"oklch(71.9% 0.357 330.759)","--color-primary-content":"oklch(14.38% 0.071 330.759)","--color-secondary":"oklch(73.37% 0.224 48.25)","--color-secondary-content":"oklch(14.674% 0.044 48.25)","--color-accent":"oklch(92.78% 0.264 122.962)","--color-accent-content":"oklch(18.556% 0.052 122.962)","--color-neutral":"oklch(21.31% 0.128 278.68)","--color-neutral-content":"oklch(84.262% 0.025 278.68)","--color-info":"oklch(60.72% 0.227 252.05)","--color-info-content":"oklch(12.144% 0.045 252.05)","--color-success":"oklch(85.72% 0.266 158.53)","--color-success-content":"oklch(17.144% 0.053 158.53)","--color-warning":"oklch(91.01% 0.212 100.5)","--color-warning-content":"oklch(18.202% 0.042 100.5)","--color-error":"oklch(64.84% 0.293 29.349)","--color-error-content":"oklch(12.968% 0.058 29.349)","--radius-selector":"1rem","--radius-field":"1rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},valentine:{"color-scheme":"light","--color-base-100":"oklch(97% 0.014 343.198)","--color-base-200":"oklch(94% 0.028 342.258)","--color-base-300":"oklch(89% 0.061 343.231)","--color-base-content":"oklch(52% 0.223 3.958)","--color-primary":"oklch(65% 0.241 354.308)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(62% 0.265 303.9)","--color-secondary-content":"oklch(97% 0.014 308.299)","--color-accent":"oklch(82% 0.111 230.318)","--color-accent-content":"oklch(39% 0.09 240.876)","--color-neutral":"oklch(40% 0.153 2.432)","--color-neutral-content":"oklch(89% 0.061 343.231)","--color-info":"oklch(86% 0.127 207.078)","--color-info-content":"oklch(44% 0.11 240.79)","--color-success":"oklch(84% 0.143 164.978)","--color-success-content":"oklch(43% 0.095 166.913)","--color-warning":"oklch(75% 0.183 55.934)","--color-warning-content":"oklch(26% 0.079 36.259)","--color-error":"oklch(63% 0.237 25.331)","--color-error-content":"oklch(97% 0.013 17.38)","--radius-selector":"1rem","--radius-field":"2rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},abyss:{"color-scheme":"dark","--color-base-100":"oklch(20% 0.08 209)","--color-base-200":"oklch(15% 0.08 209)","--color-base-300":"oklch(10% 0.08 209)","--color-base-content":"oklch(90% 0.076 70.697)","--color-primary":"oklch(92% 0.2653 125)","--color-primary-content":"oklch(50% 0.2653 125)","--color-secondary":"oklch(83.27% 0.0764 298.3)","--color-secondary-content":"oklch(43.27% 0.0764 298.3)","--color-accent":"oklch(43% 0 0)","--color-accent-content":"oklch(98% 0 0)","--color-neutral":"oklch(30% 0.08 209)","--color-neutral-content":"oklch(90% 0.076 70.697)","--color-info":"oklch(74% 0.16 232.661)","--color-info-content":"oklch(29% 0.066 243.157)","--color-success":"oklch(79% 0.209 151.711)","--color-success-content":"oklch(26% 0.065 152.934)","--color-warning":"oklch(84.8% 0.1962 84.62)","--color-warning-content":"oklch(44.8% 0.1962 84.62)","--color-error":"oklch(65% 0.1985 24.22)","--color-error-content":"oklch(27% 0.1985 24.22)","--radius-selector":"2rem","--radius-field":"0.25rem","--radius-box":"0.5rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"},retro:{"color-scheme":"light","--color-base-100":"oklch(91.637% 0.034 90.515)","--color-base-200":"oklch(88.272% 0.049 91.774)","--color-base-300":"oklch(84.133% 0.065 90.856)","--color-base-content":"oklch(41% 0.112 45.904)","--color-primary":"oklch(80% 0.114 19.571)","--color-primary-content":"oklch(39% 0.141 25.723)","--color-secondary":"oklch(92% 0.084 155.995)","--color-secondary-content":"oklch(44% 0.119 151.328)","--color-accent":"oklch(68% 0.162 75.834)","--color-accent-content":"oklch(41% 0.112 45.904)","--color-neutral":"oklch(44% 0.011 73.639)","--color-neutral-content":"oklch(86% 0.005 56.366)","--color-info":"oklch(58% 0.158 241.966)","--color-info-content":"oklch(96% 0.059 95.617)","--color-success":"oklch(51% 0.096 186.391)","--color-success-content":"oklch(96% 0.059 95.617)","--color-warning":"oklch(64% 0.222 41.116)","--color-warning-content":"oklch(96% 0.059 95.617)","--color-error":"oklch(70% 0.191 22.216)","--color-error-content":"oklch(40% 0.123 38.172)","--radius-selector":"0.25rem","--radius-field":"0.25rem","--radius-box":"0.5rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"},pastel:{"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(98.462% 0.001 247.838)","--color-base-300":"oklch(92.462% 0.001 247.838)","--color-base-content":"oklch(20% 0 0)","--color-primary":"oklch(90% 0.063 306.703)","--color-primary-content":"oklch(49% 0.265 301.924)","--color-secondary":"oklch(89% 0.058 10.001)","--color-secondary-content":"oklch(51% 0.222 16.935)","--color-accent":"oklch(90% 0.093 164.15)","--color-accent-content":"oklch(50% 0.118 165.612)","--color-neutral":"oklch(55% 0.046 257.417)","--color-neutral-content":"oklch(92% 0.013 255.508)","--color-info":"oklch(86% 0.127 207.078)","--color-info-content":"oklch(52% 0.105 223.128)","--color-success":"oklch(87% 0.15 154.449)","--color-success-content":"oklch(52% 0.154 150.069)","--color-warning":"oklch(83% 0.128 66.29)","--color-warning-content":"oklch(55% 0.195 38.402)","--color-error":"oklch(80% 0.114 19.571)","--color-error-content":"oklch(50% 0.213 27.518)","--radius-selector":"1rem","--radius-field":"2rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"2px","--depth":"0","--noise":"0"}},a={"@property --radialprogress":{syntax:'"<percentage>"',inherits:"true","initial-value":"0%"}};const c=["color-","size-","radius-","border","depth","noise"],i=(r,o)=>!!r.startsWith("tw")||o.some((o=>r.startsWith(o))),n=(r,o)=>r.startsWith(".")?`.${o}${r.slice(1)}`:r,l=(r,o,e)=>{const t=o?`&.${o}`:"";if(!o)return r;if(r.startsWith("--")){return`--${((r,o,e)=>i(r,e)?r:`${o}${r}`)(r.slice(2),o,e)}`}if(r.startsWith("@")||r.startsWith("["))return r;if(r.startsWith("&"))return r.match(/:[a-z-]+\(/)?r.replace(/\.([\w-]+)/g,`.${o}$1`):r.startsWith("&.")?`${t}${r.slice(2)}`:r.replace(/\.([\w-]+)/g,`.${o}$1`);if(r.startsWith(":"))return r.replace(/\.([\w-]+)/g,`.${o}$1`);if(r.includes(".")&&!r.includes(" ")&&!r.includes(">")&&!r.includes("+")&&!r.includes("~"))return r.split(".").filter(Boolean).map((r=>o+r)).join(".").replace(/^/,".");if(r.includes(">")||r.includes("+")||r.includes("~"))return r.split(/\s*([>+~])\s*/).map((r=>(r=r.trim()).includes(":where")||r.includes(":not")||r.includes(":has")||r.match(/:[a-z-]+\(/)?r.replace(/\.([\w-]+)(?=[\s:)])/g,`.${o}$1`):">"===r||"+"===r||"~"===r?` ${r} `:r.startsWith(".")?n(r,o):r)).join("");if(r.includes(" "))return r.split(/\s+/).map((r=>r.startsWith(".")?n(r,o):r)).join(" ");if(r.includes(":")){const[e,...t]=r.split(":");return e.startsWith(".")?`${n(e,o)}:${t.join(":")}`:r.replace(/\.([\w-]+)/g,`.${o}$1`)}return r.startsWith(".")?n(r,o):r},s=(r,o,e)=>r.replace(/var\(--([^)]+)\)/g,((r,t)=>i(t,e)?r:`var(--${o}${t})`)),d=(r,o,e)=>Array.isArray(r)?((r,o,e)=>r.map((r=>"string"==typeof r?r.startsWith(".")?o?`.${o}${r.slice(1)}`:r:s(r,o,e):r)))(r,o,e):"object"==typeof r&&null!==r?b(r,o,e):"string"==typeof r?s(r,o,e):r,b=(r,o,e=c)=>Object.entries(r).reduce(((r,[t,a])=>(r[l(t,o,e)]=d(a,o,e),r)),{});var u={":root":{"scrollbar-color":"color-mix(in oklch, currentColor 35%, #0000) #0000"}},p={':root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked )':{overflow:"hidden"}},h={":root,\n[data-theme]":{"background-color":"var(--root-bg, var(--color-base-100))",color:"var(--color-base-content)"}},m={":root":{"--fx-noise":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")"},".chat":{"--mask-chat":"url(\"data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e\")"}},g={":where(\n  :root:has(\n      .modal-open,\n      .modal[open],\n      .modal:target,\n      .modal-toggle:checked,\n      .drawer:not(.drawer-open) > .drawer-toggle:checked\n    )\n)":{"scrollbar-gutter":"stable","background-image":"linear-gradient(var(--color-base-100), var(--color-base-100))","--root-bg":"color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%)"}},v={".footer":{display:"grid",width:"100%","grid-auto-flow":"row","place-items":"start","column-gap":"calc(0.25rem * 4)","row-gap":"calc(0.25rem * 10)","font-size":"0.875rem","line-height":"1.25rem","& > *":{display:"grid","place-items":"start",gap:"calc(0.25rem * 2)"},"&.footer-center":{"grid-auto-flow":"column dense","place-items":"center","text-align":"center","& > *":{"place-items":"center"}}},".footer-title":{"margin-bottom":"calc(0.25rem * 2)","text-transform":"uppercase",opacity:"60%","font-weight":600},".footer-horizontal":{"grid-auto-flow":"column","&.footer-center":{"grid-auto-flow":"row dense"}},".footer-vertical":{"grid-auto-flow":"row","&.footer-center":{"grid-auto-flow":"column dense"}}},f={".skeleton":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-300)","@media (prefers-reduced-motion: reduce)":{"transition-duration":"15s"},"will-change":"background-position",animation:"skeleton 1.8s ease-in-out infinite","background-image":"linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% )","background-size":"200% auto","background-repeat":"no-repeat","background-position-x":"-50%"},"@keyframes skeleton":{"0%":{"background-position":"150%"},"100%":{"background-position":"-50%"}}},k={".loading":{"pointer-events":"none",display:"inline-block","aspect-ratio":"1 / 1","background-color":"currentColor","vertical-align":"middle",width:"calc(var(--size-selector, 0.25rem) * 6)","mask-size":"100%","mask-repeat":"no-repeat","mask-position":"center","mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"},".loading-spinner":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"},".loading-dots":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E\")"},".loading-ring":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"},".loading-ball":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E\")"},".loading-bars":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E\")"},".loading-infinity":{"mask-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E\")"},".loading-xs":{width:"calc(var(--size-selector, 0.25rem) * 4)"},".loading-sm":{width:"calc(var(--size-selector, 0.25rem) * 5)"},".loading-md":{width:"calc(var(--size-selector, 0.25rem) * 6)"},".loading-lg":{width:"calc(var(--size-selector, 0.25rem) * 7)"},".loading-xl":{width:"calc(var(--size-selector, 0.25rem) * 8)"}},x={".validator":{"&:user-valid, &:has(:user-valid)":{'&, &:focus, &:checked, &[aria-checked="true"], &:focus-within':{"--input-color":"var(--color-success)"}},"&:user-invalid, &:has(:user-invalid)":{'&, &:focus, &:checked, &[aria-checked="true"], &:focus-within':{"--input-color":"var(--color-error)"},"& ~ .validator-hint":{visibility:"visible",display:"block",color:"var(--color-error)"}},"& ~ .validator-hint":{visibility:"hidden"}},".validator-hint":{"margin-top":"calc(0.25rem * 2)","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))"}},w={".progress":{position:"relative",height:"calc(0.25rem * 2)",width:"100%",appearance:"none",overflow:"hidden","border-radius":"var(--radius-box)","background-color":"color-mix(in oklab, currentColor 20%, transparent)",color:"var(--color-base-content)","&:indeterminate":{"background-image":"repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% )","background-size":"200%","background-position-x":"15%",animation:"progress 5s ease-in-out infinite","@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"background-color":"transparent","background-image":"repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% )","background-size":"200%","background-position-x":"15%",animation:"progress 5s ease-in-out infinite"}}},"@supports (-moz-appearance: none)":{"&::-moz-progress-bar":{"border-radius":"var(--radius-box)","background-color":"currentColor"}},"@supports (-webkit-appearance: none)":{"&::-webkit-progress-bar":{"border-radius":"var(--radius-box)","background-color":"transparent"},"&::-webkit-progress-value":{"border-radius":"var(--radius-box)","background-color":"currentColor"}}},".progress-primary":{color:"var(--color-primary)"},".progress-secondary":{color:"var(--color-secondary)"},".progress-accent":{color:"var(--color-accent)"},".progress-neutral":{color:"var(--color-neutral)"},".progress-info":{color:"var(--color-info)"},".progress-success":{color:"var(--color-success)"},".progress-warning":{color:"var(--color-warning)"},".progress-error":{color:"var(--color-error)"},"@keyframes progress":{"50%":{"background-position-x":"-115%"}}},y={".swap":{position:"relative",display:"inline-grid",cursor:"pointer","place-content":"center","vertical-align":"middle","webkit-user-select":"none","user-select":"none",input:{appearance:"none",border:"none"},"> *":{"grid-column-start":"1","grid-row-start":"1","transition-property":"transform, rotate, opacity","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)"},".swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on":{opacity:"0%"},"input:is(:checked, :indeterminate)":{"& ~ .swap-off":{opacity:"0%"}},"input:checked ~ .swap-on, input:indeterminate ~ .swap-indeterminate":{opacity:"100%"}},".swap-active":{".swap-off":{opacity:"0%"},".swap-on":{opacity:"100%"}},".swap-rotate":{".swap-on, input:indeterminate ~ .swap-on":{rotate:"45deg"},"input:is(:checked, :indeterminate) ~ .swap-on, &.swap-active .swap-on":{rotate:"0deg"},"input:is(:checked, :indeterminate) ~ .swap-off, &.swap-active .swap-off":{rotate:"calc(45deg * -1)"}},".swap-flip":{"transform-style":"preserve-3d",perspective:"20rem",".swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on":{transform:"rotateY(180deg)","backface-visibility":"hidden",opacity:"100%"},"input:is(:checked, :indeterminate) ~ .swap-on, &.swap-active .swap-on":{transform:"rotateY(0deg)"},"input:is(:checked, :indeterminate) ~ .swap-off, &.swap-active .swap-off":{transform:"rotateY(-180deg)","backface-visibility":"hidden",opacity:"100%"}}},z={".diff":{position:"relative",display:"grid",width:"100%",overflow:"hidden","webkit-user-select":"none","user-select":"none",direction:"ltr","container-type":"inline-size","grid-template-columns":"auto 1fr","&:focus-visible, &:has(.diff-item-1:focus)":{"outline-style":"var(--tw-outline-style)","outline-width":"2px","outline-offset":"1px","outline-color":"var(--color-base-content)"},"&:focus-visible":{"outline-style":"var(--tw-outline-style)","outline-width":"2px","outline-offset":"1px","outline-color":"var(--color-base-content)",".diff-resizer":{"min-width":"90cqi","max-width":"90cqi"}},"&:has(.diff-item-2:focus-visible)":{"outline-style":"var(--tw-outline-style)","outline-width":"2px","outline-offset":"1px",".diff-resizer":{"min-width":"10cqi","max-width":"10cqi"}},"@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x)":{"&:focus":{".diff-resizer":{"min-width":"10cqi","max-width":"10cqi"}},"&:has(.diff-item-1:focus)":{".diff-resizer":{"min-width":"90cqi","max-width":"90cqi"}}}},".diff-resizer":{position:"relative",top:"calc(1/2 * 100%)","z-index":1,"grid-column-start":"1","grid-row-start":"1",height:"calc(0.25rem * 2)",width:"50cqi","max-width":"calc(100cqi - 1rem)","min-width":"1rem",resize:"horizontal",overflow:"hidden",opacity:"0%",transform:"scaleY(3) translate(0.35rem, 0.08rem)",cursor:"ew-resize","transform-origin":"100% 100%","clip-path":"inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem))",transition:"min-width 0.3s ease-out, max-width 0.3s ease-out"},".diff-item-2":{position:"relative","grid-column-start":"1","grid-row-start":"1","&:after":{"pointer-events":"none",position:"absolute",top:"calc(1/2 * 100%)",right:"1px",bottom:"calc(0.25rem * 0)","z-index":2,"border-radius":"calc(infinity * 1px)","background-color":"color-mix(in oklab, var(--color-base-100) 50%, transparent)",width:"1.2rem",height:"1.8rem",border:"2px solid var(--color-base-100)",content:'""',outline:"1px solid color-mix(in oklab, var(--color-base-content) 5%, #0000)","outline-offset":"-3px","backdrop-filter":"blur(8px)","box-shadow":"0 1px 2px 0 oklch(0% 0 0 / 0.1)",translate:"50% -50%"},"> *":{"pointer-events":"none",position:"absolute",top:"calc(0.25rem * 0)",bottom:"calc(0.25rem * 0)",left:"calc(0.25rem * 0)",height:"100%",width:"100cqi","max-width":"none","object-fit":"cover","object-position":"center"},"@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x)":{"&:after":{content:"none"}}},".diff-item-1":{position:"relative","z-index":1,"grid-column-start":"1","grid-row-start":"1",overflow:"hidden","border-right":"2px solid var(--color-base-100)","> *":{"pointer-events":"none",position:"absolute",top:"calc(0.25rem * 0)",bottom:"calc(0.25rem * 0)",left:"calc(0.25rem * 0)",height:"100%",width:"100cqi","max-width":"none","object-fit":"cover","object-position":"center"}}},C={".btn":{display:"inline-flex","flex-shrink":0,cursor:"pointer","flex-wrap":"nowrap","align-items":"center","justify-content":"center",gap:"calc(0.25rem * 1.5)","text-align":"center","vertical-align":"middle","outline-offset":"2px","webkit-user-select":"none","user-select":"none","padding-inline":"var(--btn-p)",color:"var(--btn-fg)","--tw-prose-links":"var(--btn-fg)",height:"var(--size)","font-size":"var(--fontsize, 0.875rem)","font-weight":600,"outline-color":"var(--btn-color, var(--color-base-content))","transition-property":"color, background-color, border-color, box-shadow","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","transition-duration":"0.2s","border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","background-color":"var(--btn-bg)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--btn-noise)","border-width":"var(--border)","border-style":"solid","border-color":"var(--btn-border)","text-shadow":"0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15))","box-shadow":"0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow)","--size":"calc(var(--size-field, 0.25rem) * 10)","--btn-bg":"var(--btn-color, var(--color-base-200))","--btn-fg":"var(--color-base-content)","--btn-p":"1rem","--btn-border":"color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),\n    0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)","--btn-noise":"var(--fx-noise)",".prose &":{"text-decoration-line":"none"},"@media (hover: hover)":{"&:hover":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)"}},"&:focus-visible":{"outline-width":"2px","outline-style":"solid"},"&:active:not(.btn-active)":{translate:"0 0.5px","--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%)","--btn-border":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)"},"&:is(:disabled, [disabled], .btn-disabled)":{"&:not(.btn-link, .btn-ghost)":{"background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","box-shadow":"none"},"pointer-events":"none","--btn-border":"#0000","--btn-noise":"none","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, #0000)","@media (hover: hover)":{"&:hover":{"pointer-events":"none","background-color":"color-mix(in oklab, var(--color-neutral) 20%, transparent)","--btn-border":"#0000","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, #0000)"}}},'&:is(input[type="checkbox"], input[type="radio"])':{appearance:"none","&::after":{content:"attr(aria-label)"}},"&:where(input:checked:not(.filter .btn))":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)",isolation:"isolate"}},".btn-active":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)",isolation:"isolate"},".btn-primary":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)"},".btn-secondary":{"--btn-color":"var(--color-secondary)","--btn-fg":"var(--color-secondary-content)"},".btn-accent":{"--btn-color":"var(--color-accent)","--btn-fg":"var(--color-accent-content)"},".btn-neutral":{"--btn-color":"var(--color-neutral)","--btn-fg":"var(--color-neutral-content)"},".btn-info":{"--btn-color":"var(--color-info)","--btn-fg":"var(--color-info-content)"},".btn-success":{"--btn-color":"var(--color-success)","--btn-fg":"var(--color-success-content)"},".btn-warning":{"--btn-color":"var(--color-warning)","--btn-fg":"var(--color-warning-content)"},".btn-error":{"--btn-color":"var(--color-error)","--btn-fg":"var(--color-error-content)"},".btn-ghost":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"--btn-shadow":'""',"--btn-bg":"#0000","--btn-border":"#0000","--btn-noise":"none","&:not(:disabled, [disabled], .btn-disabled)":{"outline-color":"currentColor","--btn-fg":"currentColor"}}},".btn-link":{"text-decoration-line":"underline","outline-color":"currentColor","--btn-border":"#0000","--btn-bg":"#0000","--btn-fg":"var(--color-primary)","--btn-noise":"none","--btn-shadow":'""',"&:is(.btn-active, :hover, :active:focus, :focus-visible)":{"text-decoration-line":"underline","--btn-border":"#0000","--btn-bg":"#0000"}},".btn-outline":{"&:not( .btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked )":{"--btn-shadow":'""',"--btn-bg":"#0000","--btn-fg":"var(--btn-color)","--btn-border":"var(--btn-color)","--btn-noise":"none"}},".btn-dash":{"&:not( .btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked )":{"--btn-shadow":'""',"border-style":"dashed","--btn-bg":"#0000","--btn-fg":"var(--btn-color)","--btn-border":"var(--btn-color)","--btn-noise":"none"}},".btn-soft":{"&:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled)":{"--btn-shadow":'""',"--btn-fg":"var(--btn-color, var(--color-base-content))","--btn-bg":"color-mix(\n      in oklab,\n      var(--btn-color, var(--color-base-content)) 8%,\n      var(--color-base-100)\n    )","--btn-border":"color-mix(\n      in oklab,\n      var(--btn-color, var(--color-base-content)) 10%,\n      var(--color-base-100)\n    )","--btn-noise":"none"}},".btn-xs":{"--fontsize":"0.6875rem","--btn-p":"0.5rem","--size":"calc(var(--size-field, 0.25rem) * 6)"},".btn-sm":{"--fontsize":"0.75rem","--btn-p":"0.75rem","--size":"calc(var(--size-field, 0.25rem) * 8)"},".btn-md":{"--fontsize":"0.875rem","--btn-p":"1rem","--size":"calc(var(--size-field, 0.25rem) * 10)"},".btn-lg":{"--fontsize":"1.125rem","--btn-p":"1.25rem","--size":"calc(var(--size-field, 0.25rem) * 12)"},".btn-xl":{"--fontsize":"1.375rem","--btn-p":"1.5rem","--size":"calc(var(--size-field, 0.25rem) * 14)"},".btn-square":{"padding-inline":"calc(0.25rem * 0)",width:"var(--size)",height:"var(--size)"},".btn-circle":{"border-radius":"calc(infinity * 1px)","padding-inline":"calc(0.25rem * 0)",width:"var(--size)",height:"var(--size)"},".btn-wide":{width:"100%","max-width":"calc(0.25rem * 64)"},".btn-block":{width:"100%"}},j={".filter":{display:"flex","flex-wrap":"wrap",'input[type="radio"]':{width:"auto"},input:{overflow:"hidden",opacity:"100%",scale:"1",transition:"margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s","&:not(:last-child)":{"margin-inline-end":"calc(0.25rem * 1)"},"&.filter-reset":{"aspect-ratio":"1 / 1","&::after":{content:'"×"'}}},"&:not(:has(input:checked:not(.filter-reset)))":{'.filter-reset, input[type="reset"]':{scale:"0","border-width":"0","margin-inline":"calc(0.25rem * 0)",width:"calc(0.25rem * 0)","padding-inline":"calc(0.25rem * 0)",opacity:"0%"}},"&:has(input:checked:not(.filter-reset))":{'input:not(:checked, .filter-reset, input[type="reset"])':{scale:"0","border-width":"0","margin-inline":"calc(0.25rem * 0)",width:"calc(0.25rem * 0)","padding-inline":"calc(0.25rem * 0)",opacity:"0%"}}}},A={".badge":{display:"inline-flex","align-items":"center","justify-content":"center",gap:"calc(0.25rem * 2)","border-radius":"var(--radius-selector)","vertical-align":"middle",color:"var(--badge-fg)",border:"var(--border) solid var(--badge-color, var(--color-base-200))","font-size":"0.875rem",width:"fit-content","padding-inline":"calc(0.25rem * 3 - var(--border))","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)","background-color":"var(--badge-bg)","--badge-bg":"var(--badge-color, var(--color-base-100))","--badge-fg":"var(--color-base-content)","--size":"calc(var(--size-selector, 0.25rem) * 6)",height:"var(--size)","&.badge-outline":{"--badge-fg":"var(--badge-color)","--badge-bg":"#0000","background-image":"none"},"&.badge-dash":{"--badge-fg":"var(--badge-color)","--badge-bg":"#0000","border-style":"dashed","background-image":"none"},"&.badge-soft":{color:"var(--badge-color, var(--color-base-content))","background-color":"color-mix( in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100) )","border-color":"color-mix( in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100) )","background-image":"none"}},".badge-primary":{"--badge-color":"var(--color-primary)","--badge-fg":"var(--color-primary-content)"},".badge-secondary":{"--badge-color":"var(--color-secondary)","--badge-fg":"var(--color-secondary-content)"},".badge-accent":{"--badge-color":"var(--color-accent)","--badge-fg":"var(--color-accent-content)"},".badge-neutral":{"--badge-color":"var(--color-neutral)","--badge-fg":"var(--color-neutral-content)"},".badge-info":{"--badge-color":"var(--color-info)","--badge-fg":"var(--color-info-content)"},".badge-success":{"--badge-color":"var(--color-success)","--badge-fg":"var(--color-success-content)"},".badge-warning":{"--badge-color":"var(--color-warning)","--badge-fg":"var(--color-warning-content)"},".badge-error":{"--badge-color":"var(--color-error)","--badge-fg":"var(--color-error-content)"},".badge-ghost":{"border-color":"var(--color-base-200)","background-color":"var(--color-base-200)",color:"var(--color-base-content)","background-image":"none"},".badge-xs":{"--size":"calc(var(--size-selector, 0.25rem) * 4)","font-size":"0.625rem","padding-inline":"calc(0.25rem * 2 - var(--border))"},".badge-sm":{"--size":"calc(var(--size-selector, 0.25rem) * 5)","font-size":"0.75rem","padding-inline":"calc(0.25rem * 2.5 - var(--border))"},".badge-md":{"--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem","padding-inline":"calc(0.25rem * 3 - var(--border))"},".badge-lg":{"--size":"calc(var(--size-selector, 0.25rem) * 7)","font-size":"1rem","padding-inline":"calc(0.25rem * 3.5 - var(--border))"},".badge-xl":{"--size":"calc(var(--size-selector, 0.25rem) * 8)","font-size":"1.125rem","padding-inline":"calc(0.25rem * 4 - var(--border))"}},E={".input":{cursor:"text",border:"var(--border) solid #0000",position:"relative",display:"inline-flex","flex-shrink":1,appearance:"none","align-items":"center",gap:"calc(0.25rem * 2)","background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 3)","vertical-align":"middle","white-space":"nowrap",width:"clamp(3rem, 20rem, 100%)",height:"var(--size)","font-size":"0.875rem","border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","border-color":"var(--input-color)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","--size":"calc(var(--size-field, 0.25rem) * 10)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","&:where(input)":{display:"inline-flex"},":where(input)":{display:"inline-flex",height:"100%",width:"100%",appearance:"none","background-color":"transparent",border:"none","&:focus, &:focus-within":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}}},"&:focus, &:focus-within":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)",outline:"2px solid var(--input-color)","outline-offset":"2px",isolation:"isolate"},"&:has(> input[disabled]), &:is(:disabled, [disabled])":{cursor:"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)",color:"color-mix(in oklab, var(--color-base-content) 40%, transparent)","&::placeholder":{color:"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> input[disabled]) > input[disabled]":{cursor:"not-allowed"},"&::-webkit-date-and-time-value":{"text-align":"inherit"},'&[type="number"]':{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}},"&::-webkit-calendar-picker-indicator":{position:"absolute","inset-inline-end":"0.75em"}},".input-ghost":{"background-color":"transparent","box-shadow":"none","border-color":"#0000","&:focus, &:focus-within":{"background-color":"var(--color-base-100)",color:"var(--color-base-content)","border-color":"#0000","box-shadow":"none"}},".input-neutral":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".input-primary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".input-secondary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".input-accent":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".input-info":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".input-success":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".input-warning":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".input-error":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".input-xs":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.6875rem",'&[type="number"]':{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -1)","margin-inline-end":"calc(0.25rem * -3)"}}},".input-sm":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.75rem",'&[type="number"]':{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -2)","margin-inline-end":"calc(0.25rem * -3)"}}},".input-md":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem",'&[type="number"]':{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}}},".input-lg":{"--size":"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem",'&[type="number"]':{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}}},".input-xl":{"--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.375rem",'&[type="number"]':{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -4)","margin-inline-end":"calc(0.25rem * -3)"}}}},$={".drawer":{position:"relative",display:"grid",width:"100%","grid-auto-columns":"max-content auto"},".drawer-content":{"grid-column-start":"2","grid-row-start":"1","min-width":"calc(0.25rem * 0)"},".drawer-side":{"pointer-events":"none",visibility:"hidden",position:"fixed","inset-inline-start":"calc(0.25rem * 0)",top:"calc(0.25rem * 0)","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",opacity:"0%",transition:"opacity 0.2s ease-out 0.1s allow-discrete, visibility 0.3s ease-out 0.1s allow-discrete",height:["100vh","100dvh"],"> .drawer-overlay":{position:"sticky",top:"calc(0.25rem * 0)",cursor:"pointer","place-self":"stretch","background-color":"oklch(0% 0 0 / 40%)"},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> *:not(.drawer-overlay)":{"will-change":"transform",transition:"translate 0.3s ease-out",translate:"-100%",'[dir="rtl"] &':{translate:"100%"}}},".drawer-toggle":{position:"fixed",height:"calc(0.25rem * 0)",width:"calc(0.25rem * 0)",appearance:"none",opacity:"0%","&:checked":{"& ~ .drawer-side":{"pointer-events":"auto",visibility:"visible","overflow-y":"auto",opacity:"100%","& > *:not(.drawer-overlay)":{translate:"0%"}}},"&:focus-visible ~ .drawer-content label.drawer-button":{outline:"2px solid","outline-offset":"2px"}},".drawer-end":{"grid-auto-columns":"auto max-content","> .drawer-toggle":{"& ~ .drawer-content":{"grid-column-start":"1"},"& ~ .drawer-side":{"grid-column-start":"2","justify-items":"end"},"& ~ .drawer-side > *:not(.drawer-overlay)":{translate:"100%",'[dir="rtl"] &':{translate:"-100%"}},"&:checked ~ .drawer-side > *:not(.drawer-overlay)":{translate:"0%"}}},".drawer-open":{"> .drawer-side":{"overflow-y":"auto"},"> .drawer-toggle":{display:"none","& ~ .drawer-side":{"pointer-events":"auto",visibility:"visible",position:"sticky",display:"block",width:"auto","overscroll-behavior":"auto",opacity:"100%","& > .drawer-overlay":{cursor:"default","background-color":"transparent"},"& > *:not(.drawer-overlay)":{translate:"0%",'[dir="rtl"] &':{translate:"0%"}}},"&:checked ~ .drawer-side":{"pointer-events":"auto",visibility:"visible"}}}},T={".avatar-group":{display:"flex",overflow:"hidden",":where(.avatar)":{overflow:"hidden","border-radius":"calc(infinity * 1px)",border:"4px solid var(--color-base-100)"}},".avatar":{position:"relative",display:"inline-flex","vertical-align":"middle","& > div":{display:"block","aspect-ratio":"1 / 1",overflow:"hidden"},img:{height:"100%",width:"100%","object-fit":"cover"}},".avatar-placeholder":{"& > div":{display:"flex","align-items":"center","justify-content":"center"}},".avatar-online":{"&:before":{content:'""',position:"absolute","z-index":1,display:"block","border-radius":"calc(infinity * 1px)","background-color":"var(--color-success)",outline:"2px solid var(--color-base-100)",width:"15%",height:"15%",top:"7%",right:"7%"}},".avatar-offline":{"&:before":{content:'""',position:"absolute","z-index":1,display:"block","border-radius":"calc(infinity * 1px)","background-color":"var(--color-base-300)",outline:"2px solid var(--color-base-100)",width:"15%",height:"15%",top:"7%",right:"7%"}}},_={".stats":{position:"relative",display:"inline-grid","grid-auto-flow":"column","overflow-x":"auto","border-radius":"var(--radius-box)"},".stat":{display:"inline-grid",width:"100%","column-gap":"calc(0.25rem * 4)","padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 4)","grid-template-columns":"repeat(1, 1fr)","&:not(:last-child)":{"border-inline-end":"var(--border) dashed color-mix(in oklab, currentColor 10%, #0000)","border-block-end":"none"}},".stat-figure":{"grid-column-start":"2","grid-row":"span 3 / span 3","grid-row-start":"1","place-self":"center","justify-self":"flex-end"},".stat-title":{"grid-column-start":"1","white-space":"nowrap",color:"color-mix(in oklab, var(--color-base-content) 60%, transparent)","font-size":"0.75rem"},".stat-value":{"grid-column-start":"1","white-space":"nowrap","font-size":"2rem","font-weight":800},".stat-desc":{"grid-column-start":"1","white-space":"nowrap",color:"color-mix(in oklab, var(--color-base-content) 60%, transparent)","font-size":"0.75rem"},".stat-actions":{"grid-column-start":"1","white-space":"nowrap"},".stats-horizontal":{"grid-auto-flow":"column","overflow-x":"auto",".stat:not(:last-child)":{"border-inline-end":"var(--border) dashed color-mix(in oklab, currentColor 10%, #0000)","border-block-end":"none"}},".stats-vertical":{"grid-auto-flow":"row","overflow-y":"auto",".stat:not(:last-child)":{"border-inline-end":"none","border-block-end":"var(--border) dashed color-mix(in oklab, currentColor 10%, #0000)"}}},N={".radio":{position:"relative","flex-shrink":0,cursor:"pointer",appearance:"none","border-radius":"calc(infinity * 1px)",padding:"calc(0.25rem * 1)","vertical-align":"middle",border:"var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000))","box-shadow":"0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset","--size":"calc(var(--size-selector, 0.25rem) * 6)",width:"var(--size)",height:"var(--size)",color:"var(--input-color, currentColor)","&:before":{display:"block",width:"100%",height:"100%","border-radius":"calc(infinity * 1px)","--tw-content":'""',content:"var(--tw-content)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)"},"&:focus-visible":{outline:"2px solid currentColor"},'&:checked, &[aria-checked="true"]':{animation:"radio 0.2s ease-out","border-color":"currentColor","background-color":"var(--color-base-100)","&:before":{"background-color":"currentColor","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1))"},"@media (forced-colors: active)":{"&:before":{"outline-style":"var(--tw-outline-style)","outline-width":"1px","outline-offset":"calc(1px * -1)"}},"@media print":{"&:before":{outline:"0.25rem solid","outline-offset":"-1rem"}}}},".radio-primary":{"--input-color":"var(--color-primary)"},".radio-secondary":{"--input-color":"var(--color-secondary)"},".radio-accent":{"--input-color":"var(--color-accent)"},".radio-neutral":{"--input-color":"var(--color-neutral)"},".radio-info":{"--input-color":"var(--color-info)"},".radio-success":{"--input-color":"var(--color-success)"},".radio-warning":{"--input-color":"var(--color-warning)"},".radio-error":{"--input-color":"var(--color-error)"},".radio:disabled":{cursor:"not-allowed",opacity:"20%"},".radio-xs":{padding:"0.125rem",'&:is([type="radio"])':{"--size":"calc(var(--size-selector, 0.25rem) * 4)"}},".radio-sm":{padding:"0.1875rem",'&:is([type="radio"])':{"--size":"calc(var(--size-selector, 0.25rem) * 5)"}},".radio-md":{padding:"0.25rem",'&:is([type="radio"])':{"--size":"calc(var(--size-selector, 0.25rem) * 6)"}},".radio-lg":{padding:"0.3125rem",'&:is([type="radio"])':{"--size":"calc(var(--size-selector, 0.25rem) * 7)"}},".radio-xl":{padding:"0.375rem",'&:is([type="radio"])':{"--size":"calc(var(--size-selector, 0.25rem) * 8)"}},"@keyframes radio":{"0%":{padding:"5px"},"50%":{padding:"3px"}}},Y={".breadcrumbs":{"max-width":"100%","overflow-x":"auto","padding-block":"calc(0.25rem * 2)","> menu, > ul, > ol":{display:"flex","min-height":"min-content","align-items":"center","white-space":"nowrap","> li":{display:"flex","align-items":"center","> *":{display:"flex",cursor:"pointer","align-items":"center",gap:"calc(0.25rem * 2)","&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}},"&:focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{outline:"2px solid currentColor","outline-offset":"2px"}},"& + *:before":{content:'""',"margin-right":"calc(0.25rem * 3)","margin-left":"calc(0.25rem * 2)",display:"block",height:"calc(0.25rem * 1.5)",width:"calc(0.25rem * 1.5)",opacity:"40%",rotate:"45deg","border-top":"1px solid","border-right":"1px solid","background-color":"#0000"},'[dir="rtl"] & + *:before':{rotate:"-135deg"}}}}},q={".label":{display:"inline-flex","align-items":"center",gap:"calc(0.25rem * 1.5)","white-space":"nowrap",color:"color-mix(in oklab, currentColor 60%, transparent)","&:has(input)":{cursor:"pointer"},"&:is(.input > *, .select > *)":{display:"flex",height:"calc(100% - 0.5rem)","align-items":"center","padding-inline":"calc(0.25rem * 3)","white-space":"nowrap","font-size":"inherit","&:first-child":{"margin-inline-start":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * 3)","border-inline-end":"var(--border) solid color-mix(in oklab, currentColor 10%, #0000)"},"&:last-child":{"margin-inline-start":"calc(0.25rem * 3)","margin-inline-end":"calc(0.25rem * -3)","border-inline-start":"var(--border) solid color-mix(in oklab, currentColor 10%, #0000)"}}},".floating-label":{position:"relative",display:"block",input:{display:"block","&::placeholder":{transition:"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"}},textarea:{"&::placeholder":{transition:"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"}},"> span":{position:"absolute","inset-inline-start":"calc(0.25rem * 3)","z-index":1,"background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 1)",opacity:"0%","font-size":"0.875rem",top:"calc(var(--size-field, 0.25rem) * 10 / 2)","line-height":1,"border-radius":"2px","pointer-events":"none",translate:"0 -50%",transition:"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"},"&:focus-within, &:not(:has(input:placeholder-shown, textarea:placeholder-shown))":{"::placeholder":{opacity:"0%",top:"0",translate:"-12.5% calc(-50% - 0.125em)",scale:"0.75","pointer-events":"auto"},"> span":{opacity:"100%",top:"0",translate:"-12.5% calc(-50% - 0.125em)",scale:"0.75","pointer-events":"auto"}},"&:has(:disabled, [disabled])":{"> span":{opacity:"0%"}},"&:has(.input-xs, .select-xs, .textarea-xs) span":{"font-size":"0.6875rem",top:"calc(var(--size-field, 0.25rem) * 6 / 2)"},"&:has(.input-sm, .select-sm, .textarea-sm) span":{"font-size":"0.75rem",top:"calc(var(--size-field, 0.25rem) * 8 / 2)"},"&:has(.input-md, .select-md, .textarea-md) span":{"font-size":"0.875rem",top:"calc(var(--size-field, 0.25rem) * 10 / 2)"},"&:has(.input-lg, .select-lg, .textarea-lg) span":{"font-size":"1.125rem",top:"calc(var(--size-field, 0.25rem) * 12 / 2)"},"&:has(.input-xl, .select-xl, .textarea-xl) span":{"font-size":"1.375rem",top:"calc(var(--size-field, 0.25rem) * 14 / 2)"}}},B={".link":{cursor:"pointer","text-decoration-line":"underline","&:focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{outline:"2px solid currentColor","outline-offset":"2px"}},".link-hover":{"text-decoration-line":"none","&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}}},".link-primary":{color:"var(--color-primary)","@media (hover: hover)":{"&:hover":{color:"color-mix(in oklab, var(--color-primary) 80%, #000)"}}},".link-secondary":{color:"var(--color-secondary)","@media (hover: hover)":{"&:hover":{color:"color-mix(in oklab, var(--color-secondary) 80%, #000)"}}},".link-accent":{color:"var(--color-accent)","@media (hover: hover)":{"&:hover":{color:"color-mix(in oklab, var(--color-accent) 80%, #000)"}}},".link-neutral":{color:"var(--color-neutral)","@media (hover: hover)":{"&:hover":{color:"color-mix(in oklab, var(--color-neutral) 80%, #000)"}}},".link-success":{color:"var(--color-success)","@media (hover: hover)":{"&:hover":{color:"color-mix(in oklab, var(--color-success) 80%, #000)"}}},".link-info":{color:"var(--color-info)","@media (hover: hover)":{"&:hover":{color:"color-mix(in oklab, var(--color-info) 80%, #000)"}}},".link-warning":{color:"var(--color-warning)","@media (hover: hover)":{"&:hover":{color:"color-mix(in oklab, var(--color-warning) 80%, #000)"}}},".link-error":{color:"var(--color-error)","@media (hover: hover)":{"&:hover":{color:"color-mix(in oklab, var(--color-error) 80%, #000)"}}}},L={".card":{position:"relative",display:"flex","flex-direction":"column","border-radius":"var(--radius-box)","outline-width":"2px",transition:"outline 0.2s ease-in-out",outline:"0 solid #0000","outline-offset":"2px","&:focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{"outline-color":"currentColor"},":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"},":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"},"&:where(.card-border)":{border:"var(--border) solid var(--color-base-200)"},"&:where(.card-dash)":{border:"var(--border) dashed var(--color-base-200)"},"&.image-full":{display:"grid","&:before":{position:"relative","grid-column-start":"1","grid-row-start":"1","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)",opacity:"75%",content:'""'},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> .card-body":{position:"relative",color:"var(--color-neutral-content)"},":where(figure)":{overflow:"hidden","border-radius":"inherit"},"> figure img":{height:"100%","object-fit":"cover"}},figure:{display:"flex","align-items":"center","justify-content":"center"},'&:has(> input:is(input[type="checkbox"], input[type="radio"]))':{cursor:"pointer","user-select":"none"},"&:has(> :checked)":{outline:"2px solid currentColor"}},".card-title":{display:"flex","align-items":"center",gap:"calc(0.25rem * 2)","font-size":"var(--cardtitle-fs, 1.125rem)","font-weight":600},".card-body":{display:"flex",flex:"auto","flex-direction":"column",gap:"calc(0.25rem * 2)",padding:"var(--card-p, 1.5rem)","font-size":"var(--card-fs, 0.875rem)",":where(p)":{"flex-grow":1}},".card-actions":{display:"flex","flex-wrap":"wrap","align-items":"flex-start",gap:"calc(0.25rem * 2)"},".card-xs":{".card-body":{"--card-p":"0.5rem","--card-fs":"0.6875rem"},".card-title":{"--cardtitle-fs":"0.875rem"}},".card-sm":{".card-body":{"--card-p":"1rem","--card-fs":"0.75rem"},".card-title":{"--cardtitle-fs":"1rem"}},".card-md":{".card-body":{"--card-p":"1.5rem","--card-fs":"0.875rem"},".card-title":{"--cardtitle-fs":"1.125rem"}},".card-lg":{".card-body":{"--card-p":"2rem","--card-fs":"1rem"},".card-title":{"--cardtitle-fs":"1.25rem"}},".card-xl":{".card-body":{"--card-p":"2.5rem","--card-fs":"1.125rem"},".card-title":{"--cardtitle-fs":"1.375rem"}},".card-side":{"align-items":"stretch","flex-direction":"row",":where(figure:first-child)":{overflow:"hidden","border-start-start-radius":"inherit","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"unset"},":where(figure:last-child)":{overflow:"hidden","border-start-start-radius":"unset","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"inherit"},"figure > *":{"max-width":"unset"},":where(figure > *)":{width:"100%",height:"100%","object-fit":"cover"}}},M={".status":{display:"inline-block","aspect-ratio":"1 / 1",width:"calc(0.25rem * 2)",height:"calc(0.25rem * 2)","border-radius":"var(--radius-selector)","background-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","background-position":"center","background-repeat":"no-repeat","vertical-align":"middle",color:"color-mix(in oklab, var(--color-black) 30%, transparent)","background-image":"radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 )","box-shadow":"0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000)"},".status-primary":{"background-color":"var(--color-primary)",color:"var(--color-primary)"},".status-secondary":{"background-color":"var(--color-secondary)",color:"var(--color-secondary)"},".status-accent":{"background-color":"var(--color-accent)",color:"var(--color-accent)"},".status-neutral":{"background-color":"var(--color-neutral)",color:"var(--color-neutral)"},".status-info":{"background-color":"var(--color-info)",color:"var(--color-info)"},".status-success":{"background-color":"var(--color-success)",color:"var(--color-success)"},".status-warning":{"background-color":"var(--color-warning)",color:"var(--color-warning)"},".status-error":{"background-color":"var(--color-error)",color:"var(--color-error)"},".status-xs":{width:"calc(0.25rem * 0.5)",height:"calc(0.25rem * 0.5)"},".status-sm":{width:"calc(0.25rem * 1)",height:"calc(0.25rem * 1)"},".status-md":{width:"calc(0.25rem * 2)",height:"calc(0.25rem * 2)"},".status-lg":{width:"calc(0.25rem * 3)",height:"calc(0.25rem * 3)"},".status-xl":{width:"calc(0.25rem * 4)",height:"calc(0.25rem * 4)"}},W={".steps":{display:"inline-grid","grid-auto-flow":"column",overflow:"hidden","overflow-x":"auto","counter-reset":"step","grid-auto-columns":"1fr",".step":{display:"grid","grid-template-columns":["repeat(1, minmax(0, 1fr))","auto"],"grid-template-rows":["repeat(2, minmax(0, 1fr))","40px 1fr"],"place-items":"center","text-align":"center","min-width":"4rem","--step-bg":"var(--color-base-300)","--step-fg":"var(--color-base-content)","&:before":{top:"calc(0.25rem * 0)","grid-column-start":"1","grid-row-start":"1",height:"calc(0.25rem * 2)",width:"100%",border:"1px solid",color:"var(--step-bg)","background-color":"var(--step-bg)","--tw-content":'""',content:"var(--tw-content)","margin-inline-start":"-100%"},"> .step-icon, &:not(:has(.step-icon)):after":{content:"counter(step)","counter-increment":"step","z-index":1,color:"var(--step-fg)","background-color":"var(--step-bg)",border:"1px solid var(--step-bg)",position:"relative","grid-column-start":"1","grid-row-start":"1",display:"grid",height:"calc(0.25rem * 8)",width:"calc(0.25rem * 8)","place-items":"center","place-self":"center","border-radius":"calc(infinity * 1px)"},"&:first-child:before":{content:"none"},"&[data-content]:after":{content:"attr(data-content)"}},".step-neutral":{"+ .step-neutral:before, &:after, > .step-icon":{"--step-bg":"var(--color-neutral)","--step-fg":"var(--color-neutral-content)"}},".step-primary":{"+ .step-primary:before, &:after, > .step-icon":{"--step-bg":"var(--color-primary)","--step-fg":"var(--color-primary-content)"}},".step-secondary":{"+ .step-secondary:before, &:after, > .step-icon":{"--step-bg":"var(--color-secondary)","--step-fg":"var(--color-secondary-content)"}},".step-accent":{"+ .step-accent:before, &:after, > .step-icon":{"--step-bg":"var(--color-accent)","--step-fg":"var(--color-accent-content)"}},".step-info":{"+ .step-info:before, &:after, > .step-icon":{"--step-bg":"var(--color-info)","--step-fg":"var(--color-info-content)"}},".step-success":{"+ .step-success:before, &:after, > .step-icon":{"--step-bg":"var(--color-success)","--step-fg":"var(--color-success-content)"}},".step-warning":{"+ .step-warning:before, &:after, > .step-icon":{"--step-bg":"var(--color-warning)","--step-fg":"var(--color-warning-content)"}},".step-error":{"+ .step-error:before, &:after, > .step-icon":{"--step-bg":"var(--color-error)","--step-fg":"var(--color-error-content)"}}},".steps-horizontal":{"grid-auto-columns":"1fr",display:"inline-grid","grid-auto-flow":"column",overflow:"hidden","overflow-x":"auto",".step":{display:"grid","grid-template-columns":["repeat(1, minmax(0, 1fr))","auto"],"grid-template-rows":["repeat(2, minmax(0, 1fr))","40px 1fr"],"place-items":"center","text-align":"center","min-width":"4rem","&:before":{height:"calc(0.25rem * 2)",width:"100%",translate:"0",content:'""',"margin-inline-start":"-100%"},'[dir="rtl"] &:before':{translate:"0"}}},".steps-vertical":{"grid-auto-rows":"1fr","grid-auto-flow":"row",".step":{display:"grid","grid-template-columns":["repeat(2, minmax(0, 1fr))","40px 1fr"],"grid-template-rows":["repeat(1, minmax(0, 1fr))","auto"],gap:"0.5rem","min-height":"4rem","justify-items":"start","&:before":{height:"100%",width:"calc(0.25rem * 2)",translate:"-50% -50%","margin-inline-start":"50%"},'[dir="rtl"] &:before':{translate:"50% -50%"}}}},S={".tabs":{display:"flex","flex-wrap":"wrap","--tabs-height":"auto","--tabs-direction":"row",height:"var(--tabs-height)","flex-direction":"var(--tabs-direction)"},".tab":{position:"relative",display:"inline-flex",cursor:"pointer",appearance:"none","flex-wrap":"wrap","align-items":"center","justify-content":"center","text-align":"center","webkit-user-select":"none","user-select":"none","&:hover":{"@media (hover: hover)":{color:"var(--color-base-content)"}},"--tab-p":"1rem","--tab-bg":"var(--color-base-100)","--tab-border-color":"var(--color-base-300)","--tab-radius-ss":"0","--tab-radius-se":"0","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-order":"0","--tab-radius-min":"calc(0.75rem - var(--border))","border-color":"#0000",order:"var(--tab-order)",height:"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","padding-inline-start":"var(--tab-p)","padding-inline-end":"var(--tab-p)",'&:is(input[type="radio"])':{"min-width":"fit-content","&:after":{content:"attr(aria-label)"}},"&:is(label)":{position:"relative",input:{position:"absolute",inset:"calc(0.25rem * 0)",cursor:"pointer",appearance:"none",opacity:"0%"}},'&:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"])':{"& + .tab-content":{display:"block",height:"100%"}},'&:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"])':{color:"color-mix(in oklab, var(--color-base-content) 50%, transparent)"},"&:not(input):empty":{"flex-grow":1,cursor:"default"},"&:focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}},"&:focus-visible, &:is(label:has(:checked:focus-visible))":{outline:"2px solid currentColor","outline-offset":"-5px"},"&[disabled]":{"pointer-events":"none",opacity:"40%"}},".tab-disabled":{"pointer-events":"none",opacity:"40%"},".tabs-border":{".tab":{"--tab-border-color":"#0000 #0000 var(--tab-border-color) #0000",position:"relative","border-radius":"var(--radius-field)","&:before":{"--tw-content":'""',content:"var(--tw-content)","background-color":"var(--tab-border-color)",transition:"background-color 0.2s ease",width:"80%",height:"3px","border-radius":"var(--radius-field)",bottom:"0",left:"10%",position:"absolute"},'&:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked))':{"&:before":{"--tab-border-color":"currentColor","border-top":"3px solid"}}}},".tabs-lift":{"--tabs-height":"auto","--tabs-direction":"row","> .tab":{"--tab-border":"0 0 var(--border) 0","--tab-radius-ss":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-se":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-paddings":"var(--border) var(--tab-p) 0 var(--tab-p)","--tab-border-colors":"#0000 #0000 var(--tab-border-color) #0000","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","border-width":"var(--tab-border)","border-start-start-radius":"var(--tab-radius-ss)","border-start-end-radius":"var(--tab-radius-se)","border-end-start-radius":"var(--tab-radius-es)","border-end-end-radius":"var(--tab-radius-ee)",padding:"var(--tab-paddings)","border-color":"var(--tab-border-colors)",'&:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), &:is(input:checked, label:has(:checked))':{"--tab-border":"var(--border) var(--border) 0 var(--border)","--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) #0000\n        var(--tab-border-color)","--tab-paddings":"0 calc(var(--tab-p) - var(--border)) var(--border)\n        calc(var(--tab-p) - var(--border))","--tab-inset":"auto auto 0 auto","--tab-grad":"calc(69% - var(--border))","--radius-start":"radial-gradient(\n        circle at top left,\n        #0000 var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )","--radius-end":"radial-gradient(\n        circle at top right,\n        #0000 var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )","background-color":"var(--tab-bg)","&:before":{"z-index":1,content:'""',display:"block",position:"absolute",width:"var(--tab-corner-width)",height:"var(--tab-corner-height)","background-position":"var(--tab-corner-position)","background-image":"var(--radius-start), var(--radius-end)","background-size":"min(var(--radius-field), var(--tab-radius-min)) min(var(--radius-field), var(--tab-radius-min))","background-repeat":"no-repeat",inset:"var(--tab-inset)"},"&:first-child:before":{"--radius-start":"none"},'[dir="rtl"] &:first-child:before':{transform:"rotateY(180deg)"},"&:last-child:before":{"--radius-end":"none"},'[dir="rtl"] &:last-child:before':{transform:"rotateY(180deg)"}}},"&:has(.tab-content)":{"> .tab:first-child":{'&:not(.tab-active, [aria-selected="true"])':{"--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) #0000\n          var(--tab-border-color)"}}},".tab-content":{"--tabcontent-margin":"calc(-1 * var(--border)) 0 0 0","--tabcontent-radius-ss":"0","--tabcontent-radius-se":"var(--radius-box)","--tabcontent-radius-es":"var(--radius-box)","--tabcontent-radius-ee":"var(--radius-box)"},':checked, label:has(:checked), :is(.tab-active, [aria-selected="true"])':{"& + .tab-content":{"&:nth-child(1), &:nth-child(n + 3)":{"--tabcontent-radius-ss":"var(--radius-box)"}}}},".tabs-top":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-order":"0","--tab-border":"0 0 var(--border) 0","--tab-radius-ss":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-se":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-paddings":"var(--border) var(--tab-p) 0 var(--tab-p)","--tab-border-colors":"#0000 #0000 var(--tab-border-color) #0000","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right",'&:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked))':{"--tab-border":"var(--border) var(--border) 0 var(--border)","--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) #0000\n        var(--tab-border-color)","--tab-paddings":"0 calc(var(--tab-p) - var(--border)) var(--border)\n        calc(var(--tab-p) - var(--border))","--tab-inset":"auto auto 0 auto","--radius-start":"radial-gradient(\n        circle at top left,\n        #0000 var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )","--radius-end":"radial-gradient(\n        circle at top right,\n        #0000 var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )"}},"&:has(.tab-content)":{"> .tab:first-child":{'&:not(.tab-active, [aria-selected="true"])':{"--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) #0000\n          var(--tab-border-color)"}}},".tab-content":{"--tabcontent-order":"1","--tabcontent-margin":"calc(-1 * var(--border)) 0 0 0","--tabcontent-radius-ss":"0","--tabcontent-radius-se":"var(--radius-box)","--tabcontent-radius-es":"var(--radius-box)","--tabcontent-radius-ee":"var(--radius-box)"},':checked, label:has(:checked), :is(.tab-active, [aria-selected="true"])':{"& + .tab-content":{"&:nth-child(1), &:nth-child(n + 3)":{"--tabcontent-radius-ss":"var(--radius-box)"}}}},".tabs-bottom":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-order":"1","--tab-border":"var(--border) 0 0 0","--tab-radius-ss":"0","--tab-radius-se":"0","--tab-radius-es":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-ee":"min(var(--radius-field), var(--tab-radius-min))","--tab-border-colors":"var(--tab-border-color) #0000 #0000 #0000","--tab-paddings":"0 var(--tab-p) var(--border) var(--tab-p)","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right",'&:is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), &:is(input:checked), &:is(label:has(:checked))':{"--tab-border":"0 var(--border) var(--border) var(--border)","--tab-border-colors":"#0000 var(--tab-border-color) var(--tab-border-color)\n        var(--tab-border-color)","--tab-paddings":"var(--border) calc(var(--tab-p) - var(--border)) 0\n        calc(var(--tab-p) - var(--border))","--tab-inset":"0 auto auto auto","--radius-start":"radial-gradient(\n        circle at bottom left,\n        #0000 var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )","--radius-end":"radial-gradient(\n        circle at bottom right,\n        #0000 var(--tab-grad),\n        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n        var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n        var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n      )"}},"&:has(.tab-content)":{"> .tab:first-child":{'&:not(.tab-active, [aria-selected="true"])':{"--tab-border-colors":"#0000 var(--tab-border-color) var(--tab-border-color)\n          var(--tab-border-color)"}}},".tab-content":{"--tabcontent-order":"0","--tabcontent-margin":"0 0 calc(-1 * var(--border)) 0","--tabcontent-radius-ss":"var(--radius-box)","--tabcontent-radius-se":"var(--radius-box)","--tabcontent-radius-es":"0","--tabcontent-radius-ee":"var(--radius-box)"},':checked, :is(label:has(:checked)), :is(.tab-active, [aria-selected="true"])':{"& + .tab-content:not(:nth-child(2))":{"--tabcontent-radius-es":"var(--radius-box)"}}},".tabs-box":{"background-color":"var(--color-base-200)",padding:"calc(0.25rem * 1)","border-radius":"calc( var(--radius-field) + min(0.25rem, calc(var(--radius-field) + var(--radius-field) + var(--radius-field))) )","box-shadow":"0 -0.5px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0.5px oklch(0% 0 0 / calc(var(--depth) * 0.05)) inset",".tab":{"border-radius":"var(--radius-field)","border-style":"none","&:focus-visible, &:is(label:has(:checked:focus-visible))":{"outline-offset":"2px"}},':is(.tab-active, [aria-selected="true"]):not(.tab-disabled, [disabled]), :is(input:checked), :is(label:has(:checked))':{"background-color":"var(--tab-bg, var(--color-base-100))","box-shadow":"0 1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), #0000)","@media (forced-colors: active)":{border:"1px solid"}}},".tab-content":{order:[1,"var(--tabcontent-order)"],display:"none","border-color":"transparent","--tabcontent-radius-ss":"0","--tabcontent-radius-se":"0","--tabcontent-radius-es":"0","--tabcontent-radius-ee":"0","--tabcontent-order":"1",width:"100%",margin:"var(--tabcontent-margin)","border-width":"var(--border)","border-start-start-radius":"var(--tabcontent-radius-ss)","border-start-end-radius":"var(--tabcontent-radius-se)","border-end-start-radius":"var(--tabcontent-radius-es)","border-end-end-radius":"var(--tabcontent-radius-ee)"},".tabs-xs":{":where(.tab)":{height:"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.75rem","--tab-p":"0.375rem","--tab-radius-min":"calc(0.5rem - var(--border))"}},".tabs-sm":{":where(.tab)":{height:"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.875rem","--tab-p":"0.5rem","--tab-radius-min":"calc(0.5rem - var(--border))"}},".tabs-md":{":where(.tab)":{height:"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","--tab-p":"0.75rem","--tab-radius-min":"calc(0.75rem - var(--border))"}},".tabs-lg":{":where(.tab)":{height:"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem","--tab-p":"1rem","--tab-radius-min":"calc(1.5rem - var(--border))"}},".tabs-xl":{":where(.tab)":{height:"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.125rem","--tab-p":"1.25rem","--tab-radius-min":"calc(2rem - var(--border))"}}},Z={".dropdown":{position:"relative",display:"inline-block","position-area":"var(--anchor-v, bottom) var(--anchor-h, span-right)","& > *:not(summary):focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}},".dropdown-content":{position:"absolute"},"&:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within)":{".dropdown-content":{display:"none","transform-origin":"top",opacity:"0%",scale:"95%"}},"&[popover], .dropdown-content":{"z-index":999,animation:"dropdown 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"},"@starting-style":{"&[popover], .dropdown-content":{scale:"95%",opacity:0}},"&.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within":{"> [tabindex]:first-child":{"pointer-events":"none"},".dropdown-content":{opacity:"100%"}},"&.dropdown-hover:hover":{".dropdown-content":{opacity:"100%",scale:"100%"}},"&:is(details)":{summary:{"&::-webkit-details-marker":{display:"none"}}},"&.dropdown-open, &:focus, &:focus-within":{".dropdown-content":{scale:"100%"}},"&:where([popover])":{background:"#0000"},"&[popover]":{position:"fixed",color:"inherit","@supports not (position-area: bottom)":{margin:"auto","&.dropdown-open:not(:popover-open)":{display:"none","transform-origin":"top",opacity:"0%",scale:"95%"},"&::backdrop":{"background-color":"color-mix(in oklab, #000 30%, #0000)"}},"&:not(.dropdown-open, :popover-open)":{display:"none","transform-origin":"top",opacity:"0%",scale:"95%"}}},".dropdown-start":{"--anchor-h":"span-right",":where(.dropdown-content)":{"inset-inline-end":"auto"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{top:"calc(0.25rem * 0)",bottom:"auto"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{top:"calc(0.25rem * 0)",bottom:"auto"}}},".dropdown-center":{"--anchor-h":"center",":where(.dropdown-content)":{"inset-inline-end":"calc(1/2 * 100%)",translate:"50% 0"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{top:"auto",bottom:"calc(1/2 * 100%)",translate:"0 50%"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{top:"auto",bottom:"calc(1/2 * 100%)",translate:"0 50%"}}},".dropdown-end":{"--anchor-h":"span-left",":where(.dropdown-content)":{"inset-inline-end":"calc(0.25rem * 0)",translate:"0 0"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{top:"auto",bottom:"calc(0.25rem * 0)"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{top:"auto",bottom:"calc(0.25rem * 0)"}}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-end":"100%",top:"calc(0.25rem * 0)",bottom:"auto","transform-origin":"right"}},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-start":"100%",top:"calc(0.25rem * 0)",bottom:"auto","transform-origin":"left"}},".dropdown-bottom":{"--anchor-v":"bottom",".dropdown-content":{top:"100%",bottom:"auto","transform-origin":"top"}},".dropdown-top":{"--anchor-v":"top",".dropdown-content":{top:"auto",bottom:"100%","transform-origin":"bottom"}},"@keyframes dropdown":{"0%":{opacity:0}}},X={".list":{display:"flex","flex-direction":"column","font-size":"0.875rem",":where(.list-row)":{"--list-grid-cols":"minmax(0, auto) 1fr",position:"relative",display:"grid","grid-auto-flow":"column",gap:"calc(0.25rem * 4)","border-radius":"var(--radius-box)",padding:"calc(0.25rem * 4)","word-break":"break-word","grid-template-columns":"var(--list-grid-cols)","&:has(.list-col-grow:nth-child(1))":{"--list-grid-cols":"1fr"},"&:has(.list-col-grow:nth-child(2))":{"--list-grid-cols":"minmax(0, auto) 1fr"},"&:has(.list-col-grow:nth-child(3))":{"--list-grid-cols":"minmax(0, auto) minmax(0, auto) 1fr"},"&:has(.list-col-grow:nth-child(4))":{"--list-grid-cols":"minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr"},"&:has(.list-col-grow:nth-child(5))":{"--list-grid-cols":"minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr"},"&:has(.list-col-grow:nth-child(6))":{"--list-grid-cols":"minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)\n        minmax(0, auto) 1fr"},":not(.list-col-wrap)":{"grid-row-start":"1"}},"& > :not(:last-child)":{"&.list-row, .list-row":{"&:after":{content:'""',"border-bottom":"var(--border) solid","inset-inline":"var(--radius-box)",position:"absolute",bottom:"calc(0.25rem * 0)","border-color":"color-mix(in oklab, var(--color-base-content) 5%, transparent)"}}}},".list-col-wrap":{"grid-row-start":"2"}},U={".table":{"font-size":"0.875rem",position:"relative",width:"100%","border-radius":"var(--radius-box)","text-align":"left",'&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)':{"text-align":"right"},"tr.row-hover":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"var(--color-base-200)"}}}},":where(th, td)":{"padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)","vertical-align":"middle"},":where(thead, tfoot)":{"white-space":"nowrap",color:"color-mix(in oklab, var(--color-base-content) 60%, transparent)","font-size":"0.875rem","font-weight":600},":where(tfoot)":{"border-top":"var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000)"},":where(.table-pin-rows thead tr)":{position:"sticky",top:"calc(0.25rem * 0)","z-index":1,"background-color":"var(--color-base-100)"},":where(.table-pin-rows tfoot tr)":{position:"sticky",bottom:"calc(0.25rem * 0)","z-index":1,"background-color":"var(--color-base-100)"},":where(.table-pin-cols tr th)":{position:"sticky",right:"calc(0.25rem * 0)",left:"calc(0.25rem * 0)","background-color":"var(--color-base-100)"},":where(thead tr, tbody tr:not(:last-child))":{"border-bottom":"var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000)"}},".table-zebra":{tbody:{tr:{"&:nth-child(even)":{"background-color":"var(--color-base-200)",":where(.table-pin-cols tr th)":{"background-color":"var(--color-base-200)"}},"&.row-hover":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"var(--color-base-300)"}}}}}}},".table-xs":{":not(thead, tfoot) tr":{"font-size":"0.6875rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)"}},".table-sm":{":not(thead, tfoot) tr":{"font-size":"0.75rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".table-md":{":not(thead, tfoot) tr":{"font-size":"0.875rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)"}},".table-lg":{":not(thead, tfoot) tr":{"font-size":"1.125rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 4)"}},".table-xl":{":not(thead, tfoot) tr":{"font-size":"1.375rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 5)"}}},O={".stack":{display:"inline-grid","grid-template-columns":"3px 4px 1fr 4px 3px","grid-template-rows":"3px 4px 1fr 4px 3px","& > *":{height:"100%",width:"100%","&:nth-child(n + 2)":{width:"100%",opacity:"70%"},"&:nth-child(2)":{"z-index":2,opacity:"90%"},"&:nth-child(1)":{"z-index":3,width:"100%"}},"&, &.stack-bottom":{"> *":{"grid-column":"3 / 4","grid-row":"3 / 6","&:nth-child(2)":{"grid-column":"2 / 5","grid-row":"2 / 5"},"&:nth-child(1)":{"grid-column":"1 / 6","grid-row":"1 / 4"}}},"&.stack-top":{"> *":{"grid-column":"3 / 4","grid-row":"1 / 4","&:nth-child(2)":{"grid-column":"2 / 5","grid-row":"2 / 5"},"&:nth-child(1)":{"grid-column":"1 / 6","grid-row":"3 / 6"}}},"&.stack-start":{"> *":{"grid-column":"1 / 4","grid-row":"3 / 4","&:nth-child(2)":{"grid-column":"2 / 5","grid-row":"2 / 5"},"&:nth-child(1)":{"grid-column":"3 / 6","grid-row":"1 / 6"}}},"&.stack-end":{"> *":{"grid-column":"3 / 6","grid-row":"3 / 4","&:nth-child(2)":{"grid-column":"2 / 5","grid-row":"2 / 5"},"&:nth-child(1)":{"grid-column":"1 / 4","grid-row":"1 / 6"}}}}},F={".collapse:not(td, tr, colgroup)":{visibility:"visible"},".collapse":{position:"relative",display:"grid",overflow:"hidden","border-radius":"var(--radius-box, 1rem)",width:"100%","grid-template-rows":"max-content 0fr",transition:"grid-template-rows 0.2s",'> input:is([type="checkbox"], [type="radio"])':{"grid-column-start":"1","grid-row-start":"1",appearance:"none",opacity:0,"z-index":1,width:"100%",padding:"1rem","padding-inline-end":"3rem","min-height":"3.75rem",transition:"background-color 0.2s ease-out"},'&:is([open], :focus:not(.collapse-close)),\n  &:not(.collapse-close):has(> input:is([type="checkbox"], [type="radio"]):checked)':{"grid-template-rows":"max-content 1fr"},'&:is([open], :focus:not(.collapse-close)) > .collapse-content,\n  &:not(.collapse-close)\n    > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content)':{visibility:"visible","min-height":"fit-content"},'&:focus-visible,\n  &:has(> input:is([type="checkbox"], [type="radio"]):focus-visible)':{"outline-color":"var(--color-base-content)","outline-style":"solid","outline-width":"2px","outline-offset":"2px"},"&:not(.collapse-close)":{'> input[type="checkbox"],\n    > input[type="radio"]:not(:checked),\n    > .collapse-title':{cursor:"pointer"}},"&:focus:not(.collapse-close, .collapse[open]) > .collapse-title":{cursor:"unset"},'&:is([open], :focus:not(.collapse-close)) > :where(.collapse-content),\n  &:not(.collapse-close)\n    > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content)':{"padding-bottom":"1rem",transition:"padding 0.2s ease-out,\n      background-color 0.2s ease-out"},"&:is([open])":{"&.collapse-arrow":{"> .collapse-title:after":{transform:"translateY(-50%) rotate(225deg)"}}},"&.collapse-open":{"&.collapse-arrow":{"> .collapse-title:after":{transform:"translateY(-50%) rotate(225deg)"}},"&.collapse-plus":{"> .collapse-title:after":{content:'"−"'}}},"&.collapse-arrow:focus:not(.collapse-close)":{"> .collapse-title:after":{transform:"translateY(-50%) rotate(225deg)"}},"&.collapse-arrow:not(.collapse-close)":{'> input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after':{transform:"translateY(-50%) rotate(225deg)"}},"&[open]":{"&.collapse-plus":{"> .collapse-title:after":{content:'"−"'}}},"&.collapse-plus:focus:not(.collapse-close)":{"> .collapse-title:after":{content:'"−"'}},"&.collapse-plus:not(.collapse-close)":{'> input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after':{content:'"−"'}}},".collapse-title,\n.collapse-content":{"grid-column-start":"1","grid-row-start":"1"},".collapse-content":{visibility:"hidden","grid-column-start":"1","grid-row-start":"2","min-height":"0",transition:["visibility 0.2s","padding 0.2s ease-out,\n    background-color 0.2s ease-out"],"padding-left":"1rem","padding-right":"1rem",cursor:"unset"},".collapse:is(details)":{width:"100%","& summary":{position:"relative",display:"block","&::-webkit-details-marker":{display:"none"}}},".collapse:is(details) summary":{outline:"none"},".collapse-arrow":{"> .collapse-title:after":{position:"absolute",display:"block",height:"0.5rem",width:"0.5rem",transform:"translateY(-100%) rotate(45deg)","transition-property":"all","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","transition-duration":"0.2s",top:"1.9rem","inset-inline-end":"1.4rem",content:'""',"transform-origin":"75% 75%","box-shadow":"2px 2px","pointer-events":"none"}},".collapse-plus":{"> .collapse-title:after":{position:"absolute",display:"block",height:"0.5rem",width:"0.5rem","transition-property":"all","transition-duration":"300ms","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)",top:"0.9rem","inset-inline-end":"1.4rem",content:'"+"',"pointer-events":"none"}},".collapse-title":{position:"relative",width:"100%",padding:"1rem","padding-inline-end":"3rem","min-height":"3.75rem",transition:"background-color 0.2s ease-out"},".collapse-open":{"grid-template-rows":"max-content 1fr","> .collapse-content":{visibility:"visible","min-height":"fit-content","padding-bottom":"1rem",transition:"padding 0.2sease-out,\n      background-color 0.2sease-out"}}},H={".divider":{display:"flex",height:"calc(0.25rem * 4)","flex-direction":"row","align-items":"center","align-self":"stretch","white-space":"nowrap",margin:"var(--divider-m, 1rem 0)","&:before, &:after":{content:'""',height:"calc(0.25rem * 0.5)",width:"100%","flex-grow":1,"background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)"},"@media print":{"&:before, &:after":{border:"0.5px solid"}},"&:not(:empty)":{gap:"calc(0.25rem * 4)"}},".divider-horizontal":{"--divider-m":"0 1rem","&.divider":{height:"auto",width:"calc(0.25rem * 4)","flex-direction":"column","&:before":{height:"100%",width:"calc(0.25rem * 0.5)"},"&:after":{height:"100%",width:"calc(0.25rem * 0.5)"}}},".divider-vertical":{"--divider-m":"1rem 0","&.divider":{height:"calc(0.25rem * 4)",width:"auto","flex-direction":"row","&:before":{height:"calc(0.25rem * 0.5)",width:"100%"},"&:after":{height:"calc(0.25rem * 0.5)",width:"100%"}}},".divider-neutral":{"&:before, &:after":{"background-color":"var(--color-neutral)"}},".divider-primary":{"&:before, &:after":{"background-color":"var(--color-primary)"}},".divider-secondary":{"&:before, &:after":{"background-color":"var(--color-secondary)"}},".divider-accent":{"&:before, &:after":{"background-color":"var(--color-accent)"}},".divider-success":{"&:before, &:after":{"background-color":"var(--color-success)"}},".divider-warning":{"&:before, &:after":{"background-color":"var(--color-warning)"}},".divider-info":{"&:before, &:after":{"background-color":"var(--color-info)"}},".divider-error":{"&:before, &:after":{"background-color":"var(--color-error)"}},".divider-start:before":{display:"none"},".divider-end:after":{display:"none"}},V={".checkbox":{border:"var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000))",position:"relative","flex-shrink":0,cursor:"pointer",appearance:"none","border-radius":"var(--radius-selector)",padding:"calc(0.25rem * 1)","vertical-align":"middle",color:"var(--color-base-content)","box-shadow":"0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000",transition:"background-color 0.2s, box-shadow 0.2s","--size":"calc(var(--size-selector, 0.25rem) * 6)",width:"var(--size)",height:"var(--size)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)","&:before":{"--tw-content":'""',content:"var(--tw-content)",display:"block",width:"100%",height:"100%",rotate:"45deg","background-color":"currentColor",opacity:"0%",transition:"clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s","transition-delay":"0.1s","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","box-shadow":"0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","font-size":"1rem","line-height":.75},"&:focus-visible":{outline:"2px solid var(--input-color, currentColor)","outline-offset":"2px"},'&:checked, &[aria-checked="true"]':{"background-color":"var(--input-color, #0000)","box-shadow":"0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1))","&:before":{"clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)",opacity:"100%"},"@media (forced-colors: active)":{"&:before":{rotate:"0deg","background-color":"transparent","--tw-content":'"✔︎"',"clip-path":"none"}},"@media print":{"&:before":{rotate:"0deg","background-color":"transparent","--tw-content":'"✔︎"',"clip-path":"none"}}},"&:indeterminate":{"&:before":{rotate:"0deg",opacity:"100%",translate:"0 -35%","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".checkbox-primary":{color:"var(--color-primary-content)","--input-color":"var(--color-primary)"},".checkbox-secondary":{color:"var(--color-secondary-content)","--input-color":"var(--color-secondary)"},".checkbox-accent":{color:"var(--color-accent-content)","--input-color":"var(--color-accent)"},".checkbox-neutral":{color:"var(--color-neutral-content)","--input-color":"var(--color-neutral)"},".checkbox-info":{color:"var(--color-info-content)","--input-color":"var(--color-info)"},".checkbox-success":{color:"var(--color-success-content)","--input-color":"var(--color-success)"},".checkbox-warning":{color:"var(--color-warning-content)","--input-color":"var(--color-warning)"},".checkbox-error":{color:"var(--color-error-content)","--input-color":"var(--color-error)"},".checkbox:disabled":{cursor:"not-allowed",opacity:"20%"},".checkbox-xs":{padding:"0.125rem","--size":"calc(var(--size-selector, 0.25rem) * 4)"},".checkbox-sm":{padding:"0.1875rem","--size":"calc(var(--size-selector, 0.25rem) * 5)"},".checkbox-md":{padding:"0.25rem","--size":"calc(var(--size-selector, 0.25rem) * 6)"},".checkbox-lg":{padding:"0.3125rem","--size":"calc(var(--size-selector, 0.25rem) * 7)"},".checkbox-xl":{padding:"0.375rem","--size":"calc(var(--size-selector, 0.25rem) * 8)"}},R={".rating":{position:"relative",display:"inline-flex","vertical-align":"middle","& input":{border:"none",appearance:"none"},":where(*)":{animation:"rating 0.25s ease-out",height:"calc(0.25rem * 6)",width:"calc(0.25rem * 6)","border-radius":"0","background-color":"var(--color-base-content)",opacity:"20%","&:is(input)":{cursor:"pointer"}},"& .rating-hidden":{width:"calc(0.25rem * 2)","background-color":"transparent"},'input[type="radio"]:checked':{"background-image":"none"},"*":{'&:checked, &[aria-checked="true"], &[aria-current="true"], &:has(~ *:checked, ~ *[aria-checked="true"], ~ *[aria-current="true"])':{opacity:"100%"},"&:focus-visible":{transition:"scale 0.2s ease-out",scale:"1.1"}},"& *:active:focus":{animation:"none",scale:"1.1"},"&.rating-xs :where(*:not(.rating-hidden))":{width:"calc(0.25rem * 4)",height:"calc(0.25rem * 4)"},"&.rating-sm :where(*:not(.rating-hidden))":{width:"calc(0.25rem * 5)",height:"calc(0.25rem * 5)"},"&.rating-md :where(*:not(.rating-hidden))":{width:"calc(0.25rem * 6)",height:"calc(0.25rem * 6)"},"&.rating-lg :where(*:not(.rating-hidden))":{width:"calc(0.25rem * 7)",height:"calc(0.25rem * 7)"},"&.rating-xl :where(*:not(.rating-hidden))":{width:"calc(0.25rem * 8)",height:"calc(0.25rem * 8)"}},".rating-half":{":where(*:not(.rating-hidden))":{width:"calc(0.25rem * 3)"},"&.rating-xs *:not(.rating-hidden)":{width:"calc(0.25rem * 2)"},"&.rating-sm *:not(.rating-hidden)":{width:"calc(0.25rem * 2.5)"},"&.rating-md *:not(.rating-hidden)":{width:"calc(0.25rem * 3)"},"&.rating-lg *:not(.rating-hidden)":{width:".875rem"},"&.rating-xl *:not(.rating-hidden)":{width:"calc(0.25rem * 4)"}},"@keyframes rating":{"0%, 40%":{scale:"1.1",filter:"brightness(1.05) contrast(1.05)"}}},G={".file-input":{cursor:["pointer","pointer"],border:"var(--border) solid #0000",display:"inline-flex",appearance:"none","align-items":"center","background-color":"var(--color-base-100)","vertical-align":"middle","webkit-user-select":"none","user-select":"none",width:"clamp(3rem, 20rem, 100%)",height:"var(--size)","padding-inline-end":"0.75rem","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","border-color":"var(--input-color)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","--size":"calc(var(--size-field, 0.25rem) * 10)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","&::file-selector-button":{"margin-inline-end":"calc(0.25rem * 4)",cursor:"pointer","padding-inline":"calc(0.25rem * 4)","webkit-user-select":"none","user-select":"none",height:"calc(100% + var(--border) * 2)","margin-block":"calc(var(--border) * -1)","margin-inline-start":"calc(var(--border) * -1)","font-size":"0.875rem",color:"var(--btn-fg)","border-width":"var(--border)","border-style":"solid","border-color":"var(--btn-border)","border-start-start-radius":"calc(var(--join-ss, var(--radius-field) - var(--border)))","border-end-start-radius":"calc(var(--join-es, var(--radius-field) - var(--border)))","font-weight":600,"background-color":"var(--btn-bg)","background-size":"calc(var(--noise) * 100%)","background-image":"var(--btn-noise)","text-shadow":"0 0.5px oklch(1 0 0 / calc(var(--depth) * 0.15))","box-shadow":"0 0.5px 0 0.5px color-mix( in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000 ) inset, var(--btn-shadow)","--size":"calc(var(--size-field, 0.25rem) * 10)","--btn-bg":"var(--btn-color, var(--color-base-200))","--btn-fg":"var(--color-base-content)","--btn-border":"color-mix(in oklab, var(--btn-bg), #000 5%)","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000),\n      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000)","--btn-noise":"var(--fx-noise)"},"&:focus":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, #0000)",outline:"2px solid var(--input-color)","outline-offset":"2px",isolation:"isolate"},"&:has(> input[disabled]), &:is(:disabled, [disabled])":{cursor:"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","&::placeholder":{color:"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"box-shadow":"none",color:"color-mix(in oklch, var(--color-base-content) 20%, #0000)","&::file-selector-button":{cursor:"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","--btn-border":"#0000","--btn-noise":"none","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, #0000)"}}},".file-input-ghost":{"background-color":"transparent",transition:"background-color 0.2s","box-shadow":"none","border-color":"#0000","&::file-selector-button":{"margin-inline-start":"calc(0.25rem * 0)","margin-inline-end":"calc(0.25rem * 4)",height:"100%",cursor:"pointer","padding-inline":"calc(0.25rem * 4)","webkit-user-select":"none","user-select":"none","margin-block":"0","border-start-end-radius":"calc(var(--join-ss, var(--radius-field) - var(--border)))","border-end-end-radius":"calc(var(--join-es, var(--radius-field) - var(--border)))"},"&:focus, &:focus-within":{"background-color":"var(--color-base-100)",color:"var(--color-base-content)","border-color":"#0000","box-shadow":"none"}},".file-input-neutral":{"--btn-color":"var(--color-neutral)","&::file-selector-button":{color:"var(--color-neutral-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".file-input-primary":{"--btn-color":"var(--color-primary)","&::file-selector-button":{color:"var(--color-primary-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".file-input-secondary":{"--btn-color":"var(--color-secondary)","&::file-selector-button":{color:"var(--color-secondary-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".file-input-accent":{"--btn-color":"var(--color-accent)","&::file-selector-button":{color:"var(--color-accent-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".file-input-info":{"--btn-color":"var(--color-info)","&::file-selector-button":{color:"var(--color-info-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".file-input-success":{"--btn-color":"var(--color-success)","&::file-selector-button":{color:"var(--color-success-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".file-input-warning":{"--btn-color":"var(--color-warning)","&::file-selector-button":{color:"var(--color-warning-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".file-input-error":{"--btn-color":"var(--color-error)","&::file-selector-button":{color:"var(--color-error-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".file-input-xs":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.6875rem","line-height":"1rem","&::file-selector-button":{"font-size":"0.6875rem"}},".file-input-sm":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.75rem","line-height":"1.5rem","&::file-selector-button":{"font-size":"0.75rem"}},".file-input-md":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","line-height":2,"&::file-selector-button":{"font-size":"0.875rem"}},".file-input-lg":{"--size":"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem","line-height":"2.5rem","&::file-selector-button":{"font-size":"1.125rem"}},".file-input-xl":{"padding-inline-end":"calc(0.25rem * 6)","--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.125rem","line-height":"3rem","&::file-selector-button":{"font-size":"1.375rem"}}},I={".toggle":{border:"var(--border) solid currentColor",color:"var(--input-color)",position:"relative",display:"inline-grid","flex-shrink":0,cursor:"pointer",appearance:"none","place-content":"center","vertical-align":"middle","webkit-user-select":"none","user-select":"none","grid-template-columns":"0fr 1fr 1fr","--radius-selector-max":"calc(\n    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)\n  )","border-radius":"calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) )",padding:"var(--toggle-p)","box-shadow":"0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset",transition:"color 0.3s, grid-template-columns 0.2s","--input-color":"color-mix(in oklab, var(--color-base-content) 50%, #0000)","--toggle-p":"0.1875rem","--size":"calc(var(--size-selector, 0.25rem) * 6)",width:"calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2)",height:"var(--size)","> *":{"z-index":1,"grid-column":"span 1 / span 1","grid-column-start":"2","grid-row-start":"1",height:"100%",cursor:"pointer",appearance:"none","background-color":"transparent",padding:"calc(0.25rem * 0.5)",transition:"opacity 0.2s, rotate 0.4s",border:"none","&:focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}},"&:nth-child(2)":{color:"var(--color-base-100)",rotate:"0deg"},"&:nth-child(3)":{color:"var(--color-base-100)",opacity:"0%",rotate:"-15deg"}},"&:has(:checked)":{"> :nth-child(2)":{opacity:"0%",rotate:"15deg"},"> :nth-child(3)":{opacity:"100%",rotate:"0deg"}},"&:before":{position:"relative","inset-inline-start":"calc(0.25rem * 0)","grid-column-start":"2","grid-row-start":"1","aspect-ratio":"1 / 1",height:"100%","border-radius":"var(--radius-selector)","background-color":"currentColor",translate:"0","--tw-content":'""',content:"var(--tw-content)",transition:"background-color 0.1s, translate 0.2s, inset-inline-start 0.2s","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)"},"@media (forced-colors: active)":{"&:before":{"outline-style":"var(--tw-outline-style)","outline-width":"1px","outline-offset":"calc(1px * -1)"}},"@media print":{"&:before":{outline:"0.25rem solid","outline-offset":"-1rem"}},"&:focus-visible, &:has(:focus-visible)":{outline:"2px solid currentColor","outline-offset":"2px"},'&:checked, &[aria-checked="true"], &:has(> input:checked)':{"grid-template-columns":"1fr 1fr 0fr","background-color":"var(--color-base-100)","--input-color":"var(--color-base-content)","&:before":{"background-color":"currentColor"},"@starting-style":{"&:before":{opacity:0}}},"&:indeterminate":{"grid-template-columns":"0.5fr 1fr 0.5fr"},"&:disabled":{cursor:"not-allowed",opacity:"30%","&:before":{"background-color":"transparent",border:"var(--border) solid currentColor"}}},".toggle-primary":{'&:checked, &[aria-checked="true"]':{"--input-color":"var(--color-primary)"}},".toggle-secondary":{'&:checked, &[aria-checked="true"]':{"--input-color":"var(--color-secondary)"}},".toggle-accent":{'&:checked, &[aria-checked="true"]':{"--input-color":"var(--color-accent)"}},".toggle-neutral":{'&:checked, &[aria-checked="true"]':{"--input-color":"var(--color-neutral)"}},".toggle-success":{'&:checked, &[aria-checked="true"]':{"--input-color":"var(--color-success)"}},".toggle-warning":{'&:checked, &[aria-checked="true"]':{"--input-color":"var(--color-warning)"}},".toggle-info":{'&:checked, &[aria-checked="true"]':{"--input-color":"var(--color-info)"}},".toggle-error":{'&:checked, &[aria-checked="true"]':{"--input-color":"var(--color-error)"}},".toggle-xs":{'&:is([type="checkbox"]), &:has([type="checkbox"])':{"--toggle-p":"0.0625rem","--size":"calc(var(--size-selector, 0.25rem) * 4)"}},".toggle-sm":{'&:is([type="checkbox"]), &:has([type="checkbox"])':{"--toggle-p":"0.125rem","--size":"calc(var(--size-selector, 0.25rem) * 5)"}},".toggle-md":{'&:is([type="checkbox"]), &:has([type="checkbox"])':{"--toggle-p":"0.1875rem","--size":"calc(var(--size-selector, 0.25rem) * 6)"}},".toggle-lg":{'&:is([type="checkbox"]), &:has([type="checkbox"])':{"--toggle-p":"0.25rem","--size":"calc(var(--size-selector, 0.25rem) * 7)"}},".toggle-xl":{'&:is([type="checkbox"]), &:has([type="checkbox"])':{"--toggle-p":"0.3125rem","--size":"calc(var(--size-selector, 0.25rem) * 8)"}}},K={".textarea":{border:"var(--border) solid #0000","min-height":"calc(0.25rem * 20)","flex-shrink":1,appearance:"none","border-radius":"var(--radius-field)","background-color":"var(--color-base-100)","padding-block":"calc(0.25rem * 2)","vertical-align":"middle",width:"clamp(3rem, 20rem, 100%)","padding-inline-start":"0.75rem","padding-inline-end":"0.75rem","font-size":"0.875rem","border-color":"var(--input-color)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)",textarea:{appearance:"none","background-color":"transparent",border:"none","&:focus, &:focus-within":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}}},"&:focus, &:focus-within":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)",outline:"2px solid var(--input-color)","outline-offset":"2px",isolation:"isolate"},"&:has(> textarea[disabled]), &:is(:disabled, [disabled])":{cursor:"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)",color:"color-mix(in oklab, var(--color-base-content) 40%, transparent)","&::placeholder":{color:"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> textarea[disabled]) > textarea[disabled]":{cursor:"not-allowed"}},".textarea-ghost":{"background-color":"transparent","box-shadow":"none","border-color":"#0000","&:focus, &:focus-within":{"background-color":"var(--color-base-100)",color:"var(--color-base-content)","border-color":"#0000","box-shadow":"none"}},".textarea-neutral":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".textarea-primary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".textarea-secondary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".textarea-accent":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".textarea-info":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".textarea-success":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".textarea-warning":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".textarea-error":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".textarea-xs":{"font-size":"0.6875rem"},".textarea-sm":{"font-size":"0.75rem"},".textarea-md":{"font-size":"0.875rem"},".textarea-lg":{"font-size":"1.125rem"},".textarea-xl":{"font-size":"1.375rem"}},Q={".dock":{position:"fixed",right:"calc(0.25rem * 0)",bottom:"calc(0.25rem * 0)",left:"calc(0.25rem * 0)","z-index":1,display:"flex",width:"100%","flex-direction":"row","align-items":"center","justify-content":"space-around","background-color":"var(--color-base-100)",padding:"calc(0.25rem * 2)",color:"currentColor","border-top":"0.5px solid color-mix(in oklab, var(--color-base-content) 5%, #0000)",height:["4rem","calc(4rem + env(safe-area-inset-bottom))"],"padding-bottom":"env(safe-area-inset-bottom)","> *":{position:"relative","margin-bottom":"calc(0.25rem * 2)",display:"flex",height:"100%","max-width":"calc(0.25rem * 32)","flex-shrink":1,"flex-basis":"100%",cursor:"pointer","flex-direction":"column","align-items":"center","justify-content":"center",gap:"1px","border-radius":"var(--radius-box)","background-color":"transparent",transition:"opacity 0.2s ease-out","&:where(.dock-active)":{"&:after":{content:'""',position:"absolute",height:"calc(0.25rem * 1)",width:"calc(0.25rem * 10)","border-radius":"calc(infinity * 1px)","background-color":"currentColor",bottom:"0.2rem","border-top":"3px solid"}},"@media (hover: hover)":{"&:hover":{opacity:"80%"}},'&[aria-disabled="true"], &[disabled]':{"&, &:hover":{"pointer-events":"none",color:"color-mix(in oklab, var(--color-base-content) 10%, transparent)",opacity:"100%"}},".dock-label":{"font-size":"0.6875rem"}}},".dock-xs":{height:["3rem","calc(3rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{bottom:"-0.1rem"}},".dock-label":{"font-size":"0.625rem"}},".dock-sm":{height:["calc(0.25rem * 14)","3.5rem","calc(3.5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{bottom:"-0.1rem"}},".dock-label":{"font-size":"0.625rem"}},".dock-md":{height:["4rem","calc(4rem + env(safe-area-inset-bottom))"],".dock-label":{"font-size":"0.6875rem"}},".dock-lg":{height:["4.5rem","calc(4.5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{bottom:"0.4rem"}},".dock-label":{"font-size":"0.6875rem"}},".dock-xl":{height:["5rem","calc(5rem + env(safe-area-inset-bottom))"],".dock-active":{"&:after":{bottom:"0.4rem"}},".dock-label":{"font-size":"0.75rem"}}},D={".indicator":{position:"relative",display:"inline-flex",width:"max-content",":where(.indicator-item)":{"z-index":1,position:"absolute","white-space":"nowrap",top:"var(--inidicator-t, 0)",bottom:"var(--inidicator-b, auto)",left:"var(--inidicator-s, auto)",right:"var(--inidicator-e, 0)",translate:"var(--inidicator-x, 50%) var(--indicator-y, -50%)"}},".indicator-start":{"--inidicator-s":"0","--inidicator-e":"auto","--inidicator-x":"-50%"},".indicator-center":{"--inidicator-s":"50%","--inidicator-e":"50%","--inidicator-x":"-50%",'[dir="rtl"] &':{"--inidicator-x":"50%"}},".indicator-end":{"--inidicator-s":"auto","--inidicator-e":"0","--inidicator-x":"50%"},".indicator-bottom":{"--inidicator-t":"auto","--inidicator-b":"0","--indicator-y":"50%"},".indicator-middle":{"--inidicator-t":"50%","--inidicator-b":"50%","--indicator-y":"-50%"},".indicator-top":{"--inidicator-t":"0","--inidicator-b":"auto","--indicator-y":"-50%"}},J={".mockup-code":{position:"relative",overflow:"hidden","overflow-x":"auto","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)","padding-block":"calc(0.25rem * 5)",color:"var(--color-neutral-content)","font-size":"0.875rem",direction:"ltr","&:before":{content:'""',"margin-bottom":"calc(0.25rem * 4)",display:"block",height:"calc(0.25rem * 3)",width:"calc(0.25rem * 3)","border-radius":"calc(infinity * 1px)",opacity:"30%","box-shadow":"1.4em 0, 2.8em 0, 4.2em 0"},pre:{"padding-right":"calc(0.25rem * 5)","&:before":{content:'""',"margin-right":"2ch"},"&[data-prefix]":{"&:before":{content:"attr(data-prefix)",display:"inline-block",width:"calc(0.25rem * 8)","text-align":"right",opacity:"50%"}}}},".mockup-window":{position:"relative",display:"flex","flex-direction":"column",overflow:"hidden","overflow-x":"auto","border-radius":"var(--radius-box)","padding-top":"calc(0.25rem * 5)","&:before":{content:'""',"margin-bottom":"calc(0.25rem * 4)",display:"block","aspect-ratio":"1 / 1",height:"calc(0.25rem * 3)","flex-shrink":0,"align-self":"flex-start","border-radius":"calc(infinity * 1px)",opacity:"30%","box-shadow":"1.4em 0, 2.8em 0, 4.2em 0"},'[dir="rtl"] &:before':{"align-self":"flex-end"},"pre[data-prefix]":{"&:before":{content:"attr(data-prefix)",display:"inline-block","text-align":"right"}}},".mockup-browser":{position:"relative",overflow:"hidden","overflow-x":"auto","border-radius":"var(--radius-box)","pre[data-prefix]":{"&:before":{content:"attr(data-prefix)",display:"inline-block","text-align":"right"}},".mockup-browser-toolbar":{"margin-block":"calc(0.25rem * 3)",display:"inline-flex",width:"100%","align-items":"center","padding-right":"1.4em",'&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)':{"flex-direction":"row-reverse"},"&:before":{content:'""',"margin-right":"4.8rem",display:"inline-block","aspect-ratio":"1 / 1",height:"calc(0.25rem * 3)","border-radius":"calc(infinity * 1px)",opacity:"30%","box-shadow":"1.4em 0, 2.8em 0, 4.2em 0"},".input":{"margin-inline":"auto",display:"flex",height:"100%","align-items":"center",gap:"calc(0.25rem * 2)",overflow:"hidden","background-color":"var(--color-base-200)","text-overflow":"ellipsis","white-space":"nowrap","font-size":"0.75rem",direction:"ltr","&:before":{content:'""',width:"calc(0.25rem * 4)",height:"calc(0.25rem * 4)",opacity:"30%","background-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A\")"}}}},".mockup-phone":{display:"inline-grid","justify-items":"center",border:"6px solid #6b6b6b","border-radius":"65px","background-color":"#000",padding:"11px",overflow:"hidden"},".mockup-phone-camera":{"grid-column":"1/1","grid-row":"1/1",background:"#000",height:"32px",width:"126px","border-radius":"17px","z-index":1,"margin-top":"6px"},".mockup-phone-display":{"grid-column":"1/1","grid-row":"1/1",overflow:"hidden","border-radius":"49px",width:"390px",height:"845px"}},P={".kbd":{display:"inline-flex","align-items":"center","justify-content":"center","border-radius":"var(--radius-field)","background-color":"var(--color-base-200)","vertical-align":"middle","padding-left":"0.5em","padding-right":"0.5em",border:"var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000)","border-bottom":"calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000)","--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem",height:"var(--size)","min-width":"var(--size)"},".kbd-xs":{"--size":"calc(var(--size-selector, 0.25rem) * 4)","font-size":"0.625rem"},".kbd-sm":{"--size":"calc(var(--size-selector, 0.25rem) * 5)","font-size":"0.75rem"},".kbd-md":{"--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem"},".kbd-lg":{"--size":"calc(var(--size-selector, 0.25rem) * 7)","font-size":"1rem"},".kbd-xl":{"--size":"calc(var(--size-selector, 0.25rem) * 8)","font-size":"1.125rem"}},rr={".radial-progress":{position:"relative",display:"inline-grid",height:"var(--size)",width:"var(--size)","place-content":"center","border-radius":"calc(infinity * 1px)","background-color":"transparent","vertical-align":"middle","box-sizing":"content-box","--value":"0","--size":"5rem","--thickness":"calc(var(--size) / 10)","--radialprogress":"calc(var(--value) * 1%)",transition:"--radialprogress 0.3s linear","&:before":{position:"absolute",inset:"calc(0.25rem * 0)","border-radius":"calc(infinity * 1px)",content:'""',background:"radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0)","webkit-mask":"radial-gradient( farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + 0.5px - var(--thickness)) )",mask:"radial-gradient( farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + 0.5px - var(--thickness)) )"},"&:after":{position:"absolute","border-radius":"calc(infinity * 1px)","background-color":"currentColor",transition:"transform 0.3s linear",content:'""',inset:"calc(50% - var(--thickness) / 2)",transform:"rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%))"}}},or={".toast":{position:"fixed","inset-inline-start":"auto","inset-inline-end":"calc(0.25rem * 0)",top:"auto",bottom:"calc(0.25rem * 0)",margin:"calc(0.25rem * 4)",display:"flex","min-width":"fit-content","flex-direction":"column",gap:"calc(0.25rem * 2)","background-color":"transparent","white-space":"nowrap",translate:"var(--toast-x, 0) var(--toast-y, 0)","& > *":{animation:"toast 0.25s ease-out"},"&:where(.toast-start)":{"inset-inline-start":"calc(0.25rem * 0)","inset-inline-end":"auto","--toast-x":"0"},"&:where(.toast-center)":{"inset-inline-start":"calc(1/2 * 100%)","inset-inline-end":"calc(1/2 * 100%)","--toast-x":"-50%"},"&:where(.toast-end)":{"inset-inline-start":"auto","inset-inline-end":"calc(0.25rem * 0)","--toast-x":"0"},"&:where(.toast-bottom)":{top:"auto",bottom:"calc(0.25rem * 0)","--toast-y":"0"},"&:where(.toast-middle)":{top:"calc(1/2 * 100%)",bottom:"auto","--toast-y":"-50%"},"&:where(.toast-top)":{top:"calc(0.25rem * 0)",bottom:"auto","--toast-y":"0"}},"@keyframes toast":{"0%":{scale:"0.9",opacity:0},"100%":{scale:"1",opacity:1}}},er={".menu":{display:"flex",width:"fit-content","flex-direction":"column","flex-wrap":"wrap",padding:"calc(0.25rem * 2)","--menu-active-fg":"var(--color-neutral-content)","--menu-active-bg":"var(--color-neutral)","font-size":"0.875rem",":where(li ul)":{position:"relative","margin-inline-start":"calc(0.25rem * 4)","padding-inline-start":"calc(0.25rem * 2)","white-space":"nowrap","&:before":{position:"absolute","inset-inline-start":"calc(0.25rem * 0)",top:"calc(0.25rem * 3)",bottom:"calc(0.25rem * 3)","background-color":"var(--color-base-content)",opacity:"10%",width:"var(--border)",content:'""'}},":where(li > .menu-dropdown:not(.menu-dropdown-show))":{display:"none"},":where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{display:"grid","grid-auto-flow":"column","align-content":"flex-start","align-items":"center",gap:"calc(0.25rem * 2)","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1.5)","text-align":"start","transition-property":"color, background-color, box-shadow","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","grid-auto-columns":"minmax(auto, max-content) auto max-content","text-wrap":"balance","user-select":"none"},":where(li > details > summary)":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"},"&::-webkit-details-marker":{display:"none"}},":where(li > details > summary), :where(li > .menu-dropdown-toggle)":{"&:after":{"justify-self":"flex-end",display:"block",height:"0.375rem",width:"0.375rem",rotate:"-135deg",translate:"0 -1px","transition-property":"rotate, translate","transition-duration":"0.2s",content:'""',"transform-origin":"50% 50%","box-shadow":"2px 2px inset","pointer-events":"none"}},":where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after":{rotate:"45deg",translate:"0 1px"},":where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn)":{"&.menu-focus, &:focus-visible":{cursor:"pointer","background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)",color:"var(--color-base-content)","--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}}},":where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover )":{cursor:"pointer","background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"},"box-shadow":"0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset"},":where(li:empty)":{"background-color":"var(--color-base-content)",opacity:"10%",margin:"0.5rem 1rem",height:"1px"},":where(li)":{position:"relative",display:"flex","flex-shrink":0,"flex-direction":"column","flex-wrap":"wrap","align-items":"stretch",".badge":{"justify-self":"flex-end"},"& > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"},color:"var(--menu-active-fg)","background-color":"var(--menu-active-bg)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)","&:not(&:active)":{"box-shadow":"0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)"}},"&.menu-disabled":{"pointer-events":"none",color:"color-mix(in oklab, var(--color-base-content) 20%, transparent)"}},".dropdown:focus-within":{".menu-dropdown-toggle:after":{rotate:"45deg",translate:"0 1px"}},".dropdown-content":{"margin-top":"calc(0.25rem * 2)",padding:"calc(0.25rem * 2)","&:before":{display:"none"}}},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)",color:"color-mix(in oklab, var(--color-base-content) 40%, transparent)","font-size":"0.875rem","font-weight":600},".menu-horizontal":{display:"inline-flex","flex-direction":"row","& > li:not(.menu-title) > details > ul":{position:"absolute","margin-inline-start":"calc(0.25rem * 0)","margin-top":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","padding-inline-end":"calc(0.25rem * 2)"},"& > li > details > ul":{"&:before":{content:"none"}},":where(& > li:not(.menu-title) > details > ul)":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","box-shadow":"0 1px 3px 0 oklch(0% 0 0/0.1), 0 1px 2px -1px oklch(0% 0 0/0.1)"}},".menu-vertical":{display:"inline-flex","flex-direction":"column","& > li:not(.menu-title) > details > ul":{position:"relative","margin-inline-start":"calc(0.25rem * 4)","margin-top":"calc(0.25rem * 0)","padding-block":"calc(0.25rem * 0)","padding-inline-end":"calc(0.25rem * 0)"}},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","font-size":"0.6875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)"}},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2.5)","padding-block":"calc(0.25rem * 1)","font-size":"0.75rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1.5)","font-size":"0.875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 1.5)","font-size":"1.125rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}},".menu-xl":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 1.5)","font-size":"1.375rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}}},tr={".hero":{display:"grid",width:"100%","place-items":"center","background-size":"cover","background-position":"center","& > *":{"grid-column-start":"1","grid-row-start":"1"}},".hero-overlay":{"grid-column-start":"1","grid-row-start":"1",height:"100%",width:"100%","background-color":"color-mix(in oklab, var(--color-neutral) 50%, transparent)"},".hero-content":{isolation:"isolate",display:"flex","max-width":"80rem","align-items":"center","justify-content":"center",gap:"calc(0.25rem * 4)",padding:"calc(0.25rem * 4)"}},ar={".select":{border:"var(--border) solid #0000",position:"relative",display:"inline-flex","flex-shrink":1,appearance:"none","align-items":"center",gap:"calc(0.25rem * 1.5)","background-color":"var(--color-base-100)","padding-inline-start":"calc(0.25rem * 4)","padding-inline-end":"calc(0.25rem * 7)","vertical-align":"middle",width:"clamp(3rem, 20rem, 100%)",height:"var(--size)","font-size":"0.875rem","border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","background-image":"linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 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","text-overflow":"ellipsis","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","border-color":"var(--input-color)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","--size":"calc(var(--size-field, 0.25rem) * 10)",'[dir="rtl"] &':{"background-position":"calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%)"},select:{"margin-inline-start":"calc(0.25rem * -4)","margin-inline-end":"calc(0.25rem * -7)",width:"calc(100% + 2.75rem)",appearance:"none","padding-inline-start":"calc(0.25rem * 4)","padding-inline-end":"calc(0.25rem * 7)",height:"calc(100% - 2px)",background:"inherit","border-radius":"inherit","border-style":"none","&:focus, &:focus-within":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{outline:"2px solid transparent","outline-offset":"2px"}},"&:not(:last-child)":{"margin-inline-end":"calc(0.25rem * -5.5)","background-image":"none"}},"&:focus, &:focus-within":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)",outline:"2px solid var(--input-color)","outline-offset":"2px"},"&:has(> select[disabled]), &:is(:disabled, [disabled])":{cursor:"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)",color:"color-mix(in oklab, var(--color-base-content) 40%, transparent)","&::placeholder":{color:"color-mix(in oklab, var(--color-base-content) 20%, transparent)"}},"&:has(> select[disabled]) > select[disabled]":{cursor:"not-allowed"}},".select-ghost":{"background-color":"transparent",transition:"background-color 0.2s","box-shadow":"none","border-color":"#0000","&:focus, &:focus-within":{"background-color":"var(--color-base-100)",color:"var(--color-base-content)","border-color":"#0000","box-shadow":"none"}},".select-neutral":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".select-primary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".select-secondary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".select-accent":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".select-info":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".select-success":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".select-warning":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".select-error":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".select-xs":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.6875rem"},".select-sm":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.75rem"},".select-md":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem"},".select-lg":{"--size":"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem"},".select-xl":{"--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.375rem"}},cr={".cally":{"font-size":"0.7rem","&::part(container)":{padding:"0.5rem 1rem","user-select":"none"},"::part(th)":{"font-weight":"normal","block-size":"auto"},"&::part(header)":{direction:"ltr"},"::part(head)":{opacity:.5,"font-size":"0.7rem"},"&::part(button)":{"border-radius":"var(--radius-field)",border:"none",padding:"0.5rem",background:"#0000"},"&::part(button):hover":{background:"var(--color-base-200)"},"::part(day)":{"border-radius":"var(--radius-field)","font-size":"0.7rem"},"::part(button day today)":{background:"var(--color-primary)",color:"var(--color-primary-content)"},"::part(selected)":{color:"var(--color-base-100)",background:"var(--color-base-content)","border-radius":"var(--radius-field)"},"::part(range-inner)":{"border-radius":"0"},"::part(range-start)":{"border-start-end-radius":"0","border-end-end-radius":"0"},"::part(range-end)":{"border-start-start-radius":"0","border-end-start-radius":"0"},"::part(range-start range-end)":{"border-radius":"var(--radius-field)"},"calendar-month":{width:"100%"}},".react-day-picker":{"user-select":"none","background-color":"var(--color-base-100)","border-radius":"var(--radius-box)",border:"var(--border) solid var(--color-base-200)","font-size":"0.75rem",display:"inline-block",position:"relative",overflow:"clip",'&[dir="rtl"]':{".rdp-nav":{".rdp-chevron":{"transform-origin":"50%",transform:"rotate(180deg)"}}},"*":{"box-sizing":"border-box"},".rdp-day":{width:"2.25rem",height:"2.25rem","text-align":"center"},".rdp-day_button":{cursor:"pointer",font:"inherit",color:"inherit",width:"2.25rem",height:"2.25rem",border:"2px solid #0000","border-radius":"var(--radius-field)",background:"0 0","justify-content":"center","align-items":"center",margin:"0",padding:"0",display:"flex","&:disabled":{cursor:"revert"},"&:hover":{"background-color":"var(--color-base-200)"}},".rdp-caption_label":{"z-index":1,"white-space":"nowrap",border:"0","align-items":"center",display:"inline-flex",position:"relative"},".rdp-button_next":{"border-radius":"var(--radius-field)","&:hover":{"background-color":"var(--color-base-200)"}},".rdp-button_previous":{"border-radius":"var(--radius-field)","&:hover":{"background-color":"var(--color-base-200)"}},".rdp-button_next,\n  .rdp-button_previous":{cursor:"pointer",font:"inherit",color:"inherit",appearance:"none",width:"2.25rem",height:"2.25rem",background:"0 0",border:"none","justify-content":"center","align-items":"center",margin:"0",padding:"0",display:"inline-flex",position:"relative","&:disabled":{cursor:"revert",opacity:.5}},".rdp-chevron":{fill:"var(--color-base-content)",width:"1rem",height:"1rem",display:"inline-block"},".rdp-dropdowns":{"align-items":"center",gap:"0.5rem",display:"inline-flex",position:"relative"},".rdp-dropdown":{"z-index":2,opacity:0,appearance:"none",cursor:"inherit","line-height":"inherit",border:"none",width:"100%",margin:"0",padding:"0",position:"absolute","inset-block":"0","inset-inline-start":"0","&:focus-visible":{"~ .rdp-caption_label":{outline:["5px auto highlight","5px auto -webkit-focus-ring-color"]}}},".rdp-dropdown_root":{"align-items":"center",display:"inline-flex",position:"relative",'&[data-disabled="true"]':{".rdp-chevron":{opacity:.5}}},".rdp-month_caption":{height:"2.75rem","font-size":"0.75rem","font-weight":"inherit","place-content":"center",display:"flex"},".rdp-months":{gap:"2rem","flex-wrap":"wrap","max-width":"fit-content",padding:"0.5rem",display:"flex",position:"relative"},".rdp-month_grid":{"border-collapse":"collapse"},".rdp-nav":{height:"2.75rem","inset-block-start":"0","inset-inline-end":"0","justify-content":"space-between","align-items":"center",width:"100%","padding-inline":"0.5rem",display:"flex",position:"absolute",top:"0.25rem"},".rdp-weekday":{opacity:.6,padding:"0.5rem 0rem","text-align":"center","font-size":"smaller","font-weight":500},".rdp-week_number":{opacity:.6,height:"2.25rem",width:"2.25rem",border:"none","border-radius":"100%","text-align":"center","font-size":"small","font-weight":400},".rdp-today:not(.rdp-outside)":{".rdp-day_button":{background:"var(--color-primary)",color:"var(--color-primary-content)"}},".rdp-selected":{"font-weight":"inherit","font-size":"0.75rem",".rdp-day_button":{color:"var(--color-base-100)","background-color":"var(--color-base-content)","border-radius":"var(--radius-field)",border:"none","&:hover":{"background-color":"var(--color-base-content)"}}},".rdp-outside":{opacity:.75},".rdp-disabled":{opacity:.5},".rdp-hidden":{visibility:"hidden",color:"var(--color-base-content)"},".rdp-range_start":{".rdp-day_button":{"border-radius":"var(--radius-field) 0 0 var(--radius-field)"}},".rdp-range_start .rdp-day_button":{"background-color":"var(--color-base-content)",color:"var(--color-base-content)"},".rdp-range_middle":{"background-color":"var(--color-base-200)"},".rdp-range_middle .rdp-day_button":{border:"unset","border-radius":"unset",color:"inherit"},".rdp-range_end":{color:"var(--color-base-content)",".rdp-day_button":{"border-radius":"0 var(--radius-field) var(--radius-field) 0"}},".rdp-range_end .rdp-day_button":{color:"var(--color-base-content)","background-color":"var(--color-base-content)"},".rdp-range_start.rdp-range_end":{background:"revert"},".rdp-focusable":{cursor:"pointer"},".rdp-footer":{"border-top":"var(--border) solid var(--color-base-200)",padding:"0.5rem"}},".pika-single":{"&:is(div)":{"user-select":"none","font-size":"0.75rem","z-index":999,display:"inline-block",position:"relative",color:"var(--color-base-content)","background-color":"var(--color-base-100)","border-radius":"var(--radius-box)",border:"var(--border) solid var(--color-base-200)",padding:"0.5rem","&:before,\n    &:after":{content:'""',display:"table"},"&:after":{clear:"both"},"&.is-hidden":{display:"none"},"&.is-bound":{position:"absolute"},".pika-lendar":{"css-float":"left"},".pika-title":{position:"relative","text-align":"center",select:{cursor:"pointer",position:"absolute","z-index":999,margin:"0",left:"0",top:"5px",opacity:0}},".pika-label":{display:"inline-block",position:"relative","z-index":999,overflow:"hidden",margin:"0",padding:"5px 3px","background-color":"var(--color-base-100)"},".pika-prev,\n    .pika-next":{display:"block",cursor:"pointer",position:"absolute",top:"0",outline:"none",border:"0",width:"2.25rem",height:"2.25rem",color:"#0000","font-size":"1.2em","border-radius":"var(--radius-field)","&:hover":{"background-color":"var(--color-base-200)"},"&.is-disabled":{cursor:"default",opacity:.2},"&:before":{display:"inline-block",width:"2.25rem",height:"2.25rem","line-height":2.25,color:"var(--color-base-content)"}},".pika-prev":{left:"0","&:before":{content:'"‹"'}},".pika-next":{right:"0","&:before":{content:'"›"'}},".pika-select":{display:"inline-block"},".pika-table":{width:"100%","border-collapse":"collapse","border-spacing":"0",border:"0","th,\n      td":{padding:"0"},th:{opacity:.6,"text-align":"center",width:"2.25rem",height:"2.25rem"}},".pika-button":{cursor:"pointer",display:"block",outline:"none",border:"0",margin:"0",width:"2.25rem",height:"2.25rem",padding:"5px","text-align":["right","center"]},".pika-week":{color:"var(--color-base-content)"},".is-today":{".pika-button":{background:"var(--color-primary)",color:"var(--color-primary-content)"}},".is-selected,\n    .has-event":{".pika-button":{"&,\n        &:hover":{color:"var(--color-base-100)","background-color":"var(--color-base-content)","border-radius":"var(--radius-field)"}}},".has-event":{".pika-button":{background:"var(--color-base-primary)"}},".is-disabled,\n    .is-inrange":{".pika-button":{background:"var(--color-base-primary)"}},".is-startrange":{".pika-button":{color:"var(--color-base-100)",background:"var(--color-base-content)","border-radius":"var(--radius-field)"}},".is-endrange":{".pika-button":{color:"var(--color-base-100)",background:"var(--color-base-content)","border-radius":"var(--radius-field)"}},".is-disabled":{".pika-button":{"pointer-events":"none",cursor:"default",color:"var(--color-base-content)",opacity:.3}},".is-outside-current-month":{".pika-button":{color:"var(--color-base-content)",opacity:.3}},".is-selection-disabled":{"pointer-events":"none",cursor:"default"},".pika-button:hover,\n    .pika-row.pick-whole-week:hover .pika-button":{color:"var(--color-base-content)","background-color":"var(--color-base-200)","border-radius":"var(--radius-field)"},".pika-table abbr":{"text-decoration":"none","font-weight":"normal"}}}},ir={".range":{appearance:"none","webkit-appearance":"none","--range-thumb":"var(--color-base-100)","--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 6)","--range-progress":"currentColor","--range-fill":"1","--range-p":"0.25rem","--range-bg":"color-mix(in oklab, currentColor 10%, #0000)",cursor:"pointer",overflow:"hidden","background-color":"transparent","vertical-align":"middle",width:"clamp(3rem, 20rem, 100%)","--radius-selector-max":"calc(\n    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)\n  )","border-radius":"calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))",border:"none",height:"var(--range-thumb-size)",'[dir="rtl"] &':{"--range-dir":"-1"},"&:focus":{outline:"none"},"&:focus-visible":{outline:"2px solid","outline-offset":"2px"},"&::-webkit-slider-runnable-track":{width:"100%","background-color":"var(--range-bg)","border-radius":"var(--radius-selector)",height:"calc(var(--range-thumb-size) * 0.5)"},"@media (forced-colors: active)":[{"&::-webkit-slider-runnable-track":{border:"1px solid"}},{"&::-moz-range-track":{border:"1px solid"}}],"&::-webkit-slider-thumb":{position:"relative","box-sizing":"border-box","border-radius":"calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))","background-color":"currentColor",height:"var(--range-thumb-size)",width:"var(--range-thumb-size)",border:"var(--range-p) solid",appearance:"none","webkit-appearance":"none",top:"50%",color:"var(--range-progress)",transform:"translateY(-50%)","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill))"},"&::-moz-range-track":{width:"100%","background-color":"var(--range-bg)","border-radius":"var(--radius-selector)",height:"calc(var(--range-thumb-size) * 0.5)"},"&::-moz-range-thumb":{position:"relative","box-sizing":"border-box","border-radius":"calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))","background-color":"currentColor",height:"var(--range-thumb-size)",width:"var(--range-thumb-size)",border:"var(--range-p) solid",top:"50%",color:"var(--range-progress)","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill))"},"&:disabled":{cursor:"not-allowed",opacity:"30%"}},".range-primary":{color:"var(--color-primary)","--range-thumb":"var(--color-primary-content)"},".range-secondary":{color:"var(--color-secondary)","--range-thumb":"var(--color-secondary-content)"},".range-accent":{color:"var(--color-accent)","--range-thumb":"var(--color-accent-content)"},".range-neutral":{color:"var(--color-neutral)","--range-thumb":"var(--color-neutral-content)"},".range-success":{color:"var(--color-success)","--range-thumb":"var(--color-success-content)"},".range-warning":{color:"var(--color-warning)","--range-thumb":"var(--color-warning-content)"},".range-info":{color:"var(--color-info)","--range-thumb":"var(--color-info-content)"},".range-error":{color:"var(--color-error)","--range-thumb":"var(--color-error-content)"},".range-xs":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 4)"},".range-sm":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 5)"},".range-md":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 6)"},".range-lg":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 7)"},".range-xl":{"--range-thumb-size":"calc(var(--size-selector, 0.25rem) * 8)"}},nr={".navbar":{display:"flex",width:"100%","align-items":"center",padding:"0.5rem","min-height":"4rem"},".navbar-start":{display:"inline-flex","align-items":"center",width:"50%","justify-content":"flex-start"},".navbar-center":{display:"inline-flex","align-items":"center","flex-shrink":0},".navbar-end":{display:"inline-flex","align-items":"center",width:"50%","justify-content":"flex-end"}},lr={".countdown":{display:"inline-flex","&.countdown":{"line-height":"1em"},"& > *":{display:"inline-block","overflow-y":"hidden",height:"1em","&:before":{position:"relative",content:'"00\\A 01\\A 02\\A 03\\A 04\\A 05\\A 06\\A 07\\A 08\\A 09\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99\\A"',"white-space":"pre",top:"calc(var(--value) * -1em)","text-align":"center",transition:"all 1s cubic-bezier(1, 0, 0, 1)"}}}},sr={".alert":{display:"grid","align-items":"center",gap:"calc(0.25rem * 4)","border-radius":"var(--radius-box)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)",color:"var(--color-base-content)","background-color":"var(--alert-color, var(--color-base-200))","justify-content":"start","justify-items":"start","grid-auto-flow":"column","grid-template-columns":"auto minmax(auto, 1fr)","text-align":"start",border:"var(--border) solid var(--color-base-200)","font-size":"0.875rem","line-height":"1.25rem","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)","box-shadow":"0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08))","&.alert-outline":{"background-color":"transparent",color:"var(--alert-color)","box-shadow":"none","background-image":"none"},"&.alert-dash":{"background-color":"transparent",color:"var(--alert-color)","border-style":"dashed","box-shadow":"none","background-image":"none"},"&.alert-soft":{color:"var(--alert-color, var(--color-base-content))",background:"color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) )","border-color":"color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) )","box-shadow":"none","background-image":"none"}},".alert-info":{"border-color":"var(--color-info)",color:"var(--color-info-content)","--alert-color":"var(--color-info)"},".alert-success":{"border-color":"var(--color-success)",color:"var(--color-success-content)","--alert-color":"var(--color-success)"},".alert-warning":{"border-color":"var(--color-warning)",color:"var(--color-warning-content)","--alert-color":"var(--color-warning)"},".alert-error":{"border-color":"var(--color-error)",color:"var(--color-error-content)","--alert-color":"var(--color-error)"},".alert-vertical":{"justify-content":"center","justify-items":"center","grid-auto-flow":"row","grid-template-columns":"auto","text-align":"center"},".alert-horizontal":{"justify-content":"start","justify-items":"start","grid-auto-flow":"column","grid-template-columns":"auto minmax(auto, 1fr)","text-align":"start"}},dr={".chat":{display:"grid","column-gap":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1)"},".chat-bubble":{position:"relative",display:"block",width:"fit-content","border-radius":"var(--radius-field)","background-color":"var(--color-base-300)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)",color:"var(--color-base-content)","grid-row-end":"3","min-height":"2rem","min-width":"2.5rem","max-width":"90%","&:before":{position:"absolute",bottom:"calc(0.25rem * 0)",height:"calc(0.25rem * 3)",width:"calc(0.25rem * 3)","background-color":"inherit",content:'""',"mask-repeat":"no-repeat","mask-image":"var(--mask-chat)","mask-position":"0px -1px","mask-size":"13px"}},".chat-bubble-primary":{"background-color":"var(--color-primary)",color:"var(--color-primary-content)"},".chat-bubble-secondary":{"background-color":"var(--color-secondary)",color:"var(--color-secondary-content)"},".chat-bubble-accent":{"background-color":"var(--color-accent)",color:"var(--color-accent-content)"},".chat-bubble-neutral":{"background-color":"var(--color-neutral)",color:"var(--color-neutral-content)"},".chat-bubble-info":{"background-color":"var(--color-info)",color:"var(--color-info-content)"},".chat-bubble-success":{"background-color":"var(--color-success)",color:"var(--color-success-content)"},".chat-bubble-warning":{"background-color":"var(--color-warning)",color:"var(--color-warning-content)"},".chat-bubble-error":{"background-color":"var(--color-error)",color:"var(--color-error-content)"},".chat-image":{"grid-row":"span 2 / span 2","align-self":"flex-end"},".chat-header":{"grid-row-start":"1",display:"flex",gap:"calc(0.25rem * 1)","font-size":"0.6875rem"},".chat-footer":{"grid-row-start":"3",display:"flex",gap:"calc(0.25rem * 1)","font-size":"0.6875rem"},".chat-start":{"place-items":"start","grid-template-columns":"auto 1fr",".chat-header":{"grid-column-start":"2"},".chat-footer":{"grid-column-start":"2"},".chat-image":{"grid-column-start":"1"},".chat-bubble":{"grid-column-start":"2","border-end-start-radius":"0","&:before":{transform:"rotateY(0deg)","inset-inline-start":"-0.75rem"},'[dir="rtl"] &:before':{transform:"rotateY(180deg)"}}},".chat-end":{"place-items":"end","grid-template-columns":"1fr auto",".chat-header":{"grid-column-start":"1"},".chat-footer":{"grid-column-start":"1"},".chat-image":{"grid-column-start":"2"},".chat-bubble":{"grid-column-start":"1","border-end-end-radius":"0","&:before":{transform:"rotateY(180deg)","inset-inline-start":"100%"},'[dir="rtl"] &:before':{transform:"rotateY(0deg)"}}}},br={".mask":{display:"inline-block","vertical-align":"middle","mask-size":"contain","mask-repeat":"no-repeat","mask-position":"center"},".mask-half-1":{"mask-size":"200%","mask-position":["left","left"],'&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)':{"mask-position":"right"}},".mask-half-2":{"mask-size":"200%","mask-position":["right","right"],'&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)':{"mask-position":"left"}},".mask-squircle":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\")"},".mask-decagon":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-diamond":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-heart":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"},".mask-hexagon":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"},".mask-hexagon-2":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"},".mask-circle":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-pentagon":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-star":{"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 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-star-2":{"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-triangle":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-triangle-2":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-triangle-3":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-triangle-4":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e\")"}},ur={".fieldset":{display:"grid",gap:"calc(0.25rem * 1.5)","padding-block":"calc(0.25rem * 1)","font-size":"0.75rem","grid-template-columns":"1fr","grid-auto-rows":"max-content"},".fieldset-legend":{"margin-bottom":"calc(0.25rem * -1)",display:"flex","align-items":"center","justify-content":"space-between",gap:"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 2)",color:"var(--color-base-content)","font-weight":600},".fieldset-label":{display:"flex","align-items":"center",gap:"calc(0.25rem * 1.5)",color:"color-mix(in oklab, var(--color-base-content) 60%, transparent)","&:has(input)":{cursor:"pointer"}}},pr={".modal":{"pointer-events":"none",visibility:"hidden",position:"fixed",inset:"calc(0.25rem * 0)",margin:"calc(0.25rem * 0)",display:"grid",height:"100%","max-height":"none",width:"100%","max-width":"none","align-items":"center","justify-items":"center","background-color":"transparent",padding:"calc(0.25rem * 0)",color:"inherit","overflow-x":"hidden",transition:"transform 0.3s ease-out, visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out","overflow-y":"hidden","overscroll-behavior":"contain","z-index":999,"&::backdrop":{display:"none"},"&.modal-open, &[open], &:target":{"background-color":"oklch(0% 0 0/ 0.4)",transition:"transform 0.3s ease-out, background-color 0.3s ease-out, opacity 0.1s ease-out","pointer-events":"auto",visibility:"visible",opacity:"100%",".modal-box":{translate:"0 0",scale:"1",opacity:1}},"@starting-style":{"&.modal-open, &[open], &:target":{visibility:"hidden",opacity:"0%"}}},".modal-action":{"margin-top":"calc(0.25rem * 6)",display:"flex","justify-content":"flex-end",gap:"calc(0.25rem * 2)"},".modal-toggle":{position:"fixed",height:"calc(0.25rem * 0)",width:"calc(0.25rem * 0)",appearance:"none",opacity:"0%","&:checked + .modal":{"pointer-events":"auto",visibility:"visible",opacity:"100%","background-color":"oklch(0% 0 0/ 0.4)",".modal-box":{translate:"0 0",scale:"1",opacity:1}},"@starting-style":{"&:checked + .modal":{visibility:"hidden",opacity:"0%"}}},".modal-backdrop":{"grid-column-start":"1","grid-row-start":"1",display:"grid","align-self":"stretch","justify-self":"stretch",color:"transparent","z-index":-1,button:{cursor:"pointer"}},".modal-box":{"grid-column-start":"1","grid-row-start":"1","max-height":"100vh",width:"calc(11/12 * 100%)","max-width":"32rem","background-color":"var(--color-base-100)",padding:"calc(0.25rem * 6)",transition:"translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out","border-top-left-radius":"var(--modal-tl, var(--radius-box))","border-top-right-radius":"var(--modal-tr, var(--radius-box))","border-bottom-left-radius":"var(--modal-bl, var(--radius-box))","border-bottom-right-radius":"var(--modal-br, var(--radius-box))",scale:"95%",opacity:0,"box-shadow":"oklch(0% 0 0/ 0.25) 0px 25px 50px -12px","overflow-y":"auto","overscroll-behavior":"contain"},".modal-top":{"place-items":"start",":where(.modal-box)":{height:"auto",width:"100%","max-width":"none","max-height":"calc(100vh - 5em)",translate:"0 -100%",scale:"1","--modal-tl":"0","--modal-tr":"0","--modal-bl":"var(--radius-box)","--modal-br":"var(--radius-box)"}},".modal-middle":{"place-items":"center",":where(.modal-box)":{height:"auto",width:"calc(11/12 * 100%)","max-width":"32rem","max-height":"calc(100vh - 5em)",translate:"0 2%",scale:"98%","--modal-tl":"var(--radius-box)","--modal-tr":"var(--radius-box)","--modal-bl":"var(--radius-box)","--modal-br":"var(--radius-box)"}},".modal-bottom":{"place-items":"end",":where(.modal-box)":{height:"auto",width:"100%","max-width":"none","max-height":"calc(100vh - 5em)",translate:"0 100%",scale:"1","--modal-tl":"var(--radius-box)","--modal-tr":"var(--radius-box)","--modal-bl":"0","--modal-br":"0"}},".modal-start":{"place-items":"start",":where(.modal-box)":{height:"100vh","max-height":"none",width:"auto","max-width":"none",translate:"-100% 0",scale:"1","--modal-tl":"0","--modal-tr":"var(--radius-box)","--modal-bl":"0","--modal-br":"var(--radius-box)"}},".modal-end":{"place-items":"end",":where(.modal-box)":{height:"100vh","max-height":"none",width:"auto","max-width":"none",translate:"100% 0",scale:"1","--modal-tl":"var(--radius-box)","--modal-tr":"0","--modal-bl":"var(--radius-box)","--modal-br":"0"}}},hr={".carousel":{display:"inline-flex","overflow-x":"scroll","scroll-snap-type":"x mandatory","scroll-behavior":"smooth","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"}},".carousel-vertical":{"flex-direction":"column","overflow-y":"scroll","scroll-snap-type":"y mandatory"},".carousel-horizontal":{"flex-direction":"row","overflow-x":"scroll","scroll-snap-type":"x mandatory"},".carousel-item":{"box-sizing":"content-box",display:"flex",flex:"none","scroll-snap-align":"start"},".carousel-start":{".carousel-item":{"scroll-snap-align":"start"}},".carousel-center":{".carousel-item":{"scroll-snap-align":"center"}},".carousel-end":{".carousel-item":{"scroll-snap-align":"end"}}},mr={".tooltip":{position:"relative",display:"inline-block","--tt-bg":"var(--color-neutral)","--tt-off":"calc(100% + 0.5rem)","--tt-tail":"calc(100% + 1px + 0.25rem)","> :where(.tooltip-content), &[data-tip]:before":{position:"absolute","max-width":"20rem","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","text-align":"center","white-space":"normal",color:"var(--color-neutral-content)",opacity:"0%","font-size":"0.875rem","line-height":"1.25em",transition:"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","background-color":"var(--tt-bg)",width:"max-content","pointer-events":"none","z-index":1,"--tw-content":"attr(data-tip)",content:"var(--tw-content)"},"&:after":{position:["absolute","absolute"],opacity:"0%","background-color":"var(--tt-bg)",transition:"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms",content:'""',"pointer-events":"none",width:"0.625rem",height:"0.25rem",display:"block","mask-repeat":"no-repeat","mask-position":"-1px 0","--mask-tooltip":"url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\")","mask-image":"var(--mask-tooltip)"},"&.tooltip-open, &[data-tip]:hover, &:hover, &:has(:focus-visible)":{"> .tooltip-content, &[data-tip]:before, &:after":{opacity:"100%","--tt-pos":"0rem",transition:"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms"}}},".tooltip, .tooltip-top":{"> .tooltip-content, &[data-tip]:before":{transform:"translateX(-50%) translateY(var(--tt-pos, 0.25rem))",inset:"auto auto var(--tt-off) 50%"},"&:after":{transform:"translateX(-50%) translateY(var(--tt-pos, 0.25rem))",inset:"auto auto var(--tt-tail) 50%"}},".tooltip-bottom":{"> .tooltip-content, &[data-tip]:before":{transform:"translateX(-50%) translateY(var(--tt-pos, -0.25rem))",inset:"var(--tt-off) auto auto 50%"},"&:after":{transform:"translateX(-50%) translateY(var(--tt-pos, -0.25rem)) rotate(180deg)",inset:"var(--tt-tail) auto auto 50%"}},".tooltip-left":{"> .tooltip-content, &[data-tip]:before":{transform:"translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem)) translateY(-50%)",inset:"50% var(--tt-off) auto auto"},"&:after":{transform:"translateX(var(--tt-pos, 0.25rem)) translateY(-50%) rotate(-90deg)",inset:"50% calc(var(--tt-tail) + 1px) auto auto"}},".tooltip-right":{"> .tooltip-content, &[data-tip]:before":{transform:"translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem)) translateY(-50%)",inset:"50% auto auto var(--tt-off)"},"&:after":{transform:"translateX(var(--tt-pos, -0.25rem)) translateY(-50%) rotate(90deg)",inset:"50% auto auto calc(var(--tt-tail) + 1px)"}},".tooltip-primary":{"--tt-bg":"var(--color-primary)","> .tooltip-content, &[data-tip]:before":{color:"var(--color-primary-content)"}},".tooltip-secondary":{"--tt-bg":"var(--color-secondary)","> .tooltip-content, &[data-tip]:before":{color:"var(--color-secondary-content)"}},".tooltip-accent":{"--tt-bg":"var(--color-accent)","> .tooltip-content, &[data-tip]:before":{color:"var(--color-accent-content)"}},".tooltip-info":{"--tt-bg":"var(--color-info)","> .tooltip-content, &[data-tip]:before":{color:"var(--color-info-content)"}},".tooltip-success":{"--tt-bg":"var(--color-success)","> .tooltip-content, &[data-tip]:before":{color:"var(--color-success-content)"}},".tooltip-warning":{"--tt-bg":"var(--color-warning)","> .tooltip-content, &[data-tip]:before":{color:"var(--color-warning-content)"}},".tooltip-error":{"--tt-bg":"var(--color-error)","> .tooltip-content, &[data-tip]:before":{color:"var(--color-error-content)"}}},gr={".timeline":{position:"relative",display:"flex","> li":{position:"relative",display:"grid","flex-shrink":0,"align-items":"center","grid-template-rows":"var(--timeline-row-start, minmax(0, 1fr)) auto var( --timeline-row-end, minmax(0, 1fr) )","grid-template-columns":"var(--timeline-col-start, minmax(0, 1fr)) auto var( --timeline-col-end, minmax(0, 1fr) )","> hr":{border:"none",width:"100%","&:first-child":{"grid-column-start":"1","grid-row-start":"2"},"&:last-child":{"grid-column-start":"3","grid-column-end":"none","grid-row-start":"2","grid-row-end":"auto"},"@media print":{border:"0.1px solid var(--color-base-300)"}}},":where(hr)":{height:"calc(0.25rem * 1)","background-color":"var(--color-base-300)"},"&:has(.timeline-middle hr)":{"&:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-selector)","border-end-end-radius":"var(--radius-selector)"},"&:last-child":{"border-start-start-radius":"var(--radius-selector)","border-end-start-radius":"var(--radius-selector)","border-start-end-radius":"0","border-end-end-radius":"0"}},"&:not(:has(.timeline-middle))":{":first-child hr:last-child":{"border-start-start-radius":"var(--radius-selector)","border-end-start-radius":"var(--radius-selector)","border-start-end-radius":"0","border-end-end-radius":"0"},":last-child hr:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-selector)","border-end-end-radius":"var(--radius-selector)"}}},".timeline-box":{border:"var(--border) solid","border-radius":"var(--radius-box)","border-color":"var(--color-base-300)","background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","font-size":"0.75rem","box-shadow":"0 1px 2px 0 oklch(0% 0 0/0.05)"},".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"1","grid-row-end":"2",margin:"calc(0.25rem * 1)","align-self":"flex-end","justify-self":"center"},".timeline-middle":{"grid-column-start":"2","grid-row-start":"2"},".timeline-end":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4",margin:"calc(0.25rem * 1)","align-self":"flex-start","justify-self":"center"},".timeline-compact":{"--timeline-row-start":"0",".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4","align-self":"flex-start","justify-self":"center"},"li:has(.timeline-start)":{".timeline-end":{"grid-column-start":"none","grid-row-start":"auto"}},"&.timeline-vertical":{"> li":{"--timeline-col-start":"0"},".timeline-start":{"grid-column-start":"3","grid-column-end":"4","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"flex-start"},"li:has(.timeline-start)":{".timeline-end":{"grid-column-start":"auto","grid-row-start":"none"}}}},".timeline-snap-icon":{"> li":{"--timeline-col-start":"0.5rem","--timeline-row-start":"minmax(0, 1fr)"}},".timeline-vertical":{"flex-direction":"column","> li":{"justify-items":"center","--timeline-row-start":"minmax(0, 1fr)","--timeline-row-end":"minmax(0, 1fr)","> hr":{height:"100%",width:"calc(0.25rem * 1)","&:first-child":{"grid-column-start":"2","grid-row-start":"1"},"&:last-child":{"grid-column-start":"2","grid-column-end":"auto","grid-row-start":"3","grid-row-end":"none"}}},".timeline-start":{"grid-column-start":"1","grid-column-end":"2","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"flex-end"},".timeline-end":{"grid-column-start":"3","grid-column-end":"4","grid-row-start":"1","grid-row-end":"4","align-self":"center","justify-self":"flex-start"},"&:has(.timeline-middle)":{"> li":{"> hr":{"&:first-child":{"border-top-left-radius":"0","border-top-right-radius":"0","border-bottom-right-radius":"var(--radius-selector)","border-bottom-left-radius":"var(--radius-selector)"},"&:last-child":{"border-top-left-radius":"var(--radius-selector)","border-top-right-radius":"var(--radius-selector)","border-bottom-right-radius":"0","border-bottom-left-radius":"0"}}}},"&:not(:has(.timeline-middle))":{":first-child":{"> hr:last-child":{"border-top-left-radius":"var(--radius-selector)","border-top-right-radius":"var(--radius-selector)","border-bottom-right-radius":"0","border-bottom-left-radius":"0"}},":last-child":{"> hr:first-child":{"border-top-left-radius":"0","border-top-right-radius":"0","border-bottom-right-radius":"var(--radius-selector)","border-bottom-left-radius":"var(--radius-selector)"}}},"&.timeline-snap-icon":{"> li":{"--timeline-col-start":"minmax(0, 1fr)","--timeline-row-start":"0.5rem"}}},".timeline-horizontal":{"flex-direction":"row","> li":{"align-items":"center","> hr":{height:"calc(0.25rem * 1)",width:"100%","&:first-child":{"grid-column-start":"1","grid-row-start":"2"},"&:last-child":{"grid-column-start":"3","grid-column-end":"none","grid-row-start":"2","grid-row-end":"auto"}}},".timeline-start":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"1","grid-row-end":"2","align-self":"flex-end","justify-self":"center"},".timeline-end":{"grid-column-start":"1","grid-column-end":"4","grid-row-start":"3","grid-row-end":"4","align-self":"flex-start","justify-self":"center"},"&:has(.timeline-middle)":{"> li":{"> hr":{"&:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-selector)","border-end-end-radius":"var(--radius-selector)"},"&:last-child":{"border-start-start-radius":"var(--radius-selector)","border-end-start-radius":"var(--radius-selector)","border-start-end-radius":"0","border-end-end-radius":"0"}}}},"&:not(:has(.timeline-middle))":{":first-child":{"> hr:last-child":{"border-start-start-radius":"var(--radius-selector)","border-end-start-radius":"var(--radius-selector)","border-start-end-radius":"0","border-end-end-radius":"0"}},":last-child":{"> hr:first-child":{"border-start-start-radius":"0","border-end-start-radius":"0","border-start-end-radius":"var(--radius-selector)","border-end-end-radius":"var(--radius-selector)"}}}}},vr={".rounded-box":{"border-radius":"var(--radius-box)"},".rounded-field":{"border-radius":"var(--radius-field)"},".rounded-selector":{"border-radius":"var(--radius-selector)"},".rounded-t-box":{"border-top-left-radius":"var(--radius-box)","border-top-right-radius":"var(--radius-box)"},".rounded-b-box":{"border-bottom-left-radius":"var(--radius-box)","border-bottom-right-radius":"var(--radius-box)"},".rounded-l-box":{"border-top-left-radius":"var(--radius-box)","border-bottom-left-radius":"var(--radius-box)"},".rounded-r-box":{"border-top-right-radius":"var(--radius-box)","border-bottom-right-radius":"var(--radius-box)"},".rounded-tl-box":{"border-top-left-radius":"var(--radius-box)"},".rounded-tr-box":{"border-top-right-radius":"var(--radius-box)"},".rounded-br-box":{"border-bottom-right-radius":"var(--radius-box)"},".rounded-bl-box":{"border-bottom-left-radius":"var(--radius-box)"},".rounded-t-field":{"border-top-left-radius":"var(--radius-field)","border-top-right-radius":"var(--radius-field)"},".rounded-b-field":{"border-bottom-left-radius":"var(--radius-field)","border-bottom-right-radius":"var(--radius-field)"},".rounded-l-field":{"border-top-left-radius":"var(--radius-field)","border-bottom-left-radius":"var(--radius-field)"},".rounded-r-field":{"border-top-right-radius":"var(--radius-field)","border-bottom-right-radius":"var(--radius-field)"},".rounded-tl-field":{"border-top-left-radius":"var(--radius-field)"},".rounded-tr-field":{"border-top-right-radius":"var(--radius-field)"},".rounded-br-field":{"border-bottom-right-radius":"var(--radius-field)"},".rounded-bl-field":{"border-bottom-left-radius":"var(--radius-field)"},".rounded-t-selector":{"border-top-left-radius":"var(--radius-selector)","border-top-right-radius":"var(--radius-selector)"},".rounded-b-selector":{"border-bottom-left-radius":"var(--radius-selector)","border-bottom-right-radius":"var(--radius-selector)"},".rounded-l-selector":{"border-top-left-radius":"var(--radius-selector)","border-bottom-left-radius":"var(--radius-selector)"},".rounded-r-selector":{"border-top-right-radius":"var(--radius-selector)","border-bottom-right-radius":"var(--radius-selector)"},".rounded-tl-selector":{"border-top-left-radius":"var(--radius-selector)"},".rounded-tr-selector":{"border-top-right-radius":"var(--radius-selector)"},".rounded-br-selector":{"border-bottom-right-radius":"var(--radius-selector)"},".rounded-bl-selector":{"border-bottom-left-radius":"var(--radius-selector)"}},fr={".glass":{border:"none","backdrop-filter":"blur(var(--glass-blur, 40px))","background-color":"#0000","background-image":"linear-gradient(\n      135deg,\n      oklch(100% 0 0 / var(--glass-opacity, 30%)) 0%,\n      oklch(0% 0 0 / 0%) 100%\n    ),\n    linear-gradient(\n      var(--glass-reflect-degree, 100deg),\n      oklch(100% 0 0 / var(--glass-reflect-opacity, 5%)) 25%,\n      oklch(0% 0 0 / 0%) 25%\n    )","box-shadow":"0 0 0 1px oklch(100% 0 0 / var(--glass-border-opacity, 20%)) inset,\n    0 0 0 2px oklch(0% 0 0 / 5%)","text-shadow":"0 1px oklch(0% 0 0 / var(--glass-text-shadow-opacity, 5%))"}},kr={":root .prose":{"--tw-prose-body":"color-mix(in oklab, var(--color-base-content) 80%, #0000)","--tw-prose-headings":"var(--color-base-content)","--tw-prose-lead":"var(--color-base-content)","--tw-prose-links":"var(--color-base-content)","--tw-prose-bold":"var(--color-base-content)","--tw-prose-counters":"var(--color-base-content)","--tw-prose-bullets":"color-mix(in oklab, var(--color-base-content) 50%, #0000)","--tw-prose-hr":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","--tw-prose-quotes":"var(--color-base-content)","--tw-prose-quote-borders":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","--tw-prose-captions":"color-mix(in oklab, var(--color-base-content) 50%, #0000)","--tw-prose-code":"var(--color-base-content)","--tw-prose-pre-code":"var(--color-neutral-content)","--tw-prose-pre-bg":"var(--color-neutral)","--tw-prose-th-borders":"color-mix(in oklab, var(--color-base-content) 50%, #0000)","--tw-prose-td-borders":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","--tw-prose-kbd":"color-mix(in oklab, var(--color-base-content) 80%, #0000)",":where(code):not(pre > code)":{"background-color":"var(--color-base-200)","border-radius":"var(--radius-selector)",border:"var(--border) solid var(--color-base-300)","padding-inline":"0.5em","font-weight":"inherit","&:before,\n    &:after":{display:"none"}}}},xr={".join":{display:"inline-flex","align-items":"stretch","--join-ss":"0","--join-se":"0","--join-es":"0","--join-ee":"0",":where(.join-item)":{"border-start-start-radius":"var(--join-ss, 0)","border-start-end-radius":"var(--join-se, 0)","border-end-start-radius":"var(--join-es, 0)","border-end-end-radius":"var(--join-ee, 0)","*":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"}},"> .join-item:where(:first-child)":{"--join-ss":"var(--radius-field)","--join-se":"0","--join-es":"var(--radius-field)","--join-ee":"0"},":first-child:not(:last-child)":{":where(.join-item)":{"--join-ss":"var(--radius-field)","--join-se":"0","--join-es":"var(--radius-field)","--join-ee":"0"}},"> .join-item:where(:last-child)":{"--join-ss":"0","--join-se":"var(--radius-field)","--join-es":"0","--join-ee":"var(--radius-field)"},":last-child:not(:first-child)":{":where(.join-item)":{"--join-ss":"0","--join-se":"var(--radius-field)","--join-es":"0","--join-ee":"var(--radius-field)"}},"> .join-item:where(:only-child)":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"},":only-child":{":where(.join-item)":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"}}},".join-item":{"&:where(*:not(:first-child))":{"margin-inline-start":"calc(var(--border, 1px) * -1)","margin-block-start":"0"}},".join-vertical":{"flex-direction":"column","> .join-item:first-child":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"0","--join-ee":"0"},":first-child:not(:last-child)":{".join-item":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"0","--join-ee":"0"}},"> .join-item:last-child":{"--join-ss":"0","--join-se":"0","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"},":last-child:not(:first-child)":{".join-item":{"--join-ss":"0","--join-se":"0","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"}},"> .join-item:only-child":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"},":only-child":{".join-item":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"}},".join-item":{"&:where(*:not(:first-child))":{"margin-inline-start":"0","margin-block-start":"calc(var(--border, 1px) * -1)"}}},".join-horizontal":{"flex-direction":"row","> .join-item:first-child":{"--join-ss":"var(--radius-field)","--join-se":"0","--join-es":"var(--radius-field)","--join-ee":"0"},":first-child:not(:last-child)":{".join-item":{"--join-ss":"var(--radius-field)","--join-se":"0","--join-es":"var(--radius-field)","--join-ee":"0"}},"> .join-item:last-child":{"--join-ss":"0","--join-se":"var(--radius-field)","--join-es":"0","--join-ee":"var(--radius-field)"},":last-child:not(:first-child)":{".join-item":{"--join-ss":"0","--join-se":"var(--radius-field)","--join-es":"0","--join-ee":"var(--radius-field)"}},"> .join-item:only-child":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"},":only-child":{".join-item":{"--join-ss":"var(--radius-field)","--join-se":"var(--radius-field)","--join-es":"var(--radius-field)","--join-ee":"var(--radius-field)"}},".join-item":{"&:where(*:not(:first-child))":{"margin-inline-start":"calc(var(--border, 1px) * -1)","margin-block-start":"0"}}}};const wr={properties:({addBase:r,prefix:o=""})=>{r({...b(a,o)})},scrollbar:({addBase:r,prefix:o=""})=>{r({...b(u,o)})},rootscrolllock:({addBase:r,prefix:o=""})=>{r({...b(p,o)})},rootcolor:({addBase:r,prefix:o=""})=>{r({...b(h,o)})},svg:({addBase:r,prefix:o=""})=>{r({...b(m,o)})},rootscrollgutter:({addBase:r,prefix:o=""})=>{r({...b(g,o)})}},yr={footer:({addComponents:r,prefix:o=""})=>{r({...b(v,o)})},skeleton:({addComponents:r,prefix:o=""})=>{r({...b(f,o)})},loading:({addComponents:r,prefix:o=""})=>{r({...b(k,o)})},validator:({addComponents:r,prefix:o=""})=>{r({...b(x,o)})},progress:({addComponents:r,prefix:o=""})=>{r({...b(w,o)})},swap:({addComponents:r,prefix:o=""})=>{r({...b(y,o)})},diff:({addComponents:r,prefix:o=""})=>{r({...b(z,o)})},button:({addComponents:r,prefix:o=""})=>{r({...b(C,o)})},filter:({addComponents:r,prefix:o=""})=>{r({...b(j,o)})},badge:({addComponents:r,prefix:o=""})=>{r({...b(A,o)})},input:({addComponents:r,prefix:o=""})=>{r({...b(E,o)})},drawer:({addComponents:r,prefix:o=""})=>{r({...b($,o)})},avatar:({addComponents:r,prefix:o=""})=>{r({...b(T,o)})},stat:({addComponents:r,prefix:o=""})=>{r({...b(_,o)})},radio:({addComponents:r,prefix:o=""})=>{r({...b(N,o)})},breadcrumbs:({addComponents:r,prefix:o=""})=>{r({...b(Y,o)})},label:({addComponents:r,prefix:o=""})=>{r({...b(q,o)})},link:({addComponents:r,prefix:o=""})=>{r({...b(B,o)})},card:({addComponents:r,prefix:o=""})=>{r({...b(L,o)})},status:({addComponents:r,prefix:o=""})=>{r({...b(M,o)})},steps:({addComponents:r,prefix:o=""})=>{r({...b(W,o)})},tab:({addComponents:r,prefix:o=""})=>{r({...b(S,o)})},dropdown:({addComponents:r,prefix:o=""})=>{r({...b(Z,o)})},list:({addComponents:r,prefix:o=""})=>{r({...b(X,o)})},table:({addComponents:r,prefix:o=""})=>{r({...b(U,o)})},stack:({addComponents:r,prefix:o=""})=>{r({...b(O,o)})},collapse:({addComponents:r,prefix:o=""})=>{r({...b(F,o)})},divider:({addComponents:r,prefix:o=""})=>{r({...b(H,o)})},checkbox:({addComponents:r,prefix:o=""})=>{r({...b(V,o)})},rating:({addComponents:r,prefix:o=""})=>{r({...b(R,o)})},fileinput:({addComponents:r,prefix:o=""})=>{r({...b(G,o)})},toggle:({addComponents:r,prefix:o=""})=>{r({...b(I,o)})},textarea:({addComponents:r,prefix:o=""})=>{r({...b(K,o)})},dock:({addComponents:r,prefix:o=""})=>{r({...b(Q,o)})},indicator:({addComponents:r,prefix:o=""})=>{r({...b(D,o)})},mockup:({addComponents:r,prefix:o=""})=>{r({...b(J,o)})},kbd:({addComponents:r,prefix:o=""})=>{r({...b(P,o)})},radialprogress:({addComponents:r,prefix:o=""})=>{r({...b(rr,o)})},toast:({addComponents:r,prefix:o=""})=>{r({...b(or,o)})},menu:({addComponents:r,prefix:o=""})=>{r({...b(er,o)})},hero:({addComponents:r,prefix:o=""})=>{r({...b(tr,o)})},select:({addComponents:r,prefix:o=""})=>{r({...b(ar,o)})},calendar:({addComponents:r,prefix:o=""})=>{r({...b(cr,o)})},range:({addComponents:r,prefix:o=""})=>{r({...b(ir,o)})},navbar:({addComponents:r,prefix:o=""})=>{r({...b(nr,o)})},countdown:({addComponents:r,prefix:o=""})=>{r({...b(lr,o)})},alert:({addComponents:r,prefix:o=""})=>{r({...b(sr,o)})},chat:({addComponents:r,prefix:o=""})=>{r({...b(dr,o)})},mask:({addComponents:r,prefix:o=""})=>{r({...b(br,o)})},fieldset:({addComponents:r,prefix:o=""})=>{r({...b(ur,o)})},modal:({addComponents:r,prefix:o=""})=>{r({...b(pr,o)})},carousel:({addComponents:r,prefix:o=""})=>{r({...b(hr,o)})},tooltip:({addComponents:r,prefix:o=""})=>{r({...b(mr,o)})},timeline:({addComponents:r,prefix:o=""})=>{r({...b(gr,o)})}},zr={radius:({addUtilities:r,prefix:o=""})=>{r({...b(vr,o)})},glass:({addUtilities:r,prefix:o=""})=>{r({...b(fr,o)})},typography:({addUtilities:r,prefix:o=""})=>{r({...b(kr,o)})},join:({addUtilities:r,prefix:o=""})=>{r({...b(xr,o)})}};var Cr=((r,o=()=>({}))=>{const e=e=>({handler:r(e),config:o(e)});return e.__isOptionsFunction=!0,e})((r=>({addBase:e,addComponents:a,addUtilities:c})=>{const{include:i,exclude:n,prefix:l=""}=o(r,e,t,"5.0.6"),s=r=>i&&n?i.includes(r)&&!n.includes(r):i?i.includes(r):!n||!n.includes(r);Object.entries(wr).forEach((([r,o])=>{s(r)&&o({addBase:e,prefix:l})})),Object.entries(yr).forEach((([r,o])=>{s(r)&&o({addComponents:a,prefix:l})})),Object.entries(zr).forEach((([r,o])=>{s(r)&&o({addUtilities:c,prefix:l})}))}),(()=>({theme:{extend:e}})));export{Cr as default};
+//# sourceMappingURL=/sm/ef87da24e79517997ec37390ffdee75d587e9deafa5822193d4560d85d51dede.map
\ No newline at end of file

From c91f62d60ecd3f3f27deef2c2e2e206d28719bff Mon Sep 17 00:00:00 2001
From: Jean-Francis Bastien <jfbastien@petalmd.com>
Date: Fri, 2 May 2025 20:28:08 -0400
Subject: [PATCH 2/4] everything seems to work

---
 Gemfile                                       |   1 +
 Gemfile.lock                                  |  10 +
 Procfile                                      |   2 +
 README.md                                     |  10 +-
 .../gravity_mailbox/mailbox/_mail.html.erb    |  76 +++---
 .../gravity_mailbox/mailbox/index.html.erb    | 224 ++++-------------
 app/views/layouts/gravity_mailbox.html.erb    |   2 +-
 .../gravity_mailbox/application.css           | 228 ++++++++++++++----
 tailwind/application.css                      |   3 +-
 9 files changed, 283 insertions(+), 273 deletions(-)
 create mode 100644 Procfile

diff --git a/Gemfile b/Gemfile
index c41f903..f50d18e 100644
--- a/Gemfile
+++ b/Gemfile
@@ -12,6 +12,7 @@ group 'development' do
   gem 'rubocop-rspec'
   gem 'combustion'
   gem 'tailwindcss-ruby'
+  gem 'rerun'
 end
 
 group 'test' do
diff --git a/Gemfile.lock b/Gemfile.lock
index c79a336..fbe0a24 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -63,6 +63,7 @@ GEM
     diff-lcs (1.6.1)
     drb (2.2.1)
     erubi (1.13.1)
+    ffi (1.17.1)
     globalid (1.2.1)
       activesupport (>= 6.1)
     i18n (1.14.7)
@@ -75,6 +76,9 @@ GEM
     json (2.10.2)
     language_server-protocol (3.17.0.4)
     lint_roller (1.1.0)
+    listen (3.9.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
     logger (1.7.0)
     loofah (2.24.0)
       crass (~> 1.0.2)
@@ -143,11 +147,16 @@ GEM
       zeitwerk (~> 2.6)
     rainbow (3.1.1)
     rake (13.2.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
+      ffi (~> 1.0)
     rdoc (6.13.1)
       psych (>= 4.0.0)
     regexp_parser (2.10.0)
     reline (0.6.0)
       io-console (~> 0.5)
+    rerun (0.14.0)
+      listen (~> 3.0)
     rspec (3.13.0)
       rspec-core (~> 3.13.0)
       rspec-expectations (~> 3.13.0)
@@ -210,6 +219,7 @@ DEPENDENCIES
   puma
   rails-controller-testing
   rake
+  rerun
   rspec
   rspec-rails
   rubocop
diff --git a/Procfile b/Procfile
new file mode 100644
index 0000000..7863054
--- /dev/null
+++ b/Procfile
@@ -0,0 +1,2 @@
+web:      bundle exec rerun --dir app,lib --pattern '**/*.*rb' -- bundle exec rackup
+tailwind: bundle exec tailwindcss -w --optimize  -i tailwind/application.css -o public/stylesheets/gravity_mailbox/application.css
diff --git a/README.md b/README.md
index 1f19f95..d924951 100644
--- a/README.md
+++ b/README.md
@@ -61,17 +61,15 @@ After checking out the repo, run `bin/setup` to install dependencies. Then, run
 
 To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
 
-### Build TailwindCSS
-
-```shell
-bundle exec tailwindcss -w --optimize  -i tailwind/application.css -o public/stylesheets/gravity_mailbox/application.css
-```
-
 ### Standalone app
 
 Use `bundle exec rackup` to test locally the gem. Go to [http://localhost:9292](http://localhost:9292)
 Use the button to send a test mail and to see those mail into GravityMailbox.
 
+```shell
+foreman start
+```
+
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/petalmd/gravity_mailbox.
diff --git a/app/views/gravity_mailbox/mailbox/_mail.html.erb b/app/views/gravity_mailbox/mailbox/_mail.html.erb
index 4f609bf..e342357 100644
--- a/app/views/gravity_mailbox/mailbox/_mail.html.erb
+++ b/app/views/gravity_mailbox/mailbox/_mail.html.erb
@@ -1,47 +1,45 @@
-
-<div class="mail-list-item <%= mail.message_id == params[:id] ? 'selected-mail' : '' %>"
-     data-mail-id="<%= mail.message_id %>"
-x-on:click="id = '<%= mail.message_id %>'">
-  <div class="level" style="margin-bottom: 12px">
-    <div class="level-left" style="width: 80%">
-      <span class="has-text-weight-semibold	mail-subject"><%= mail.subject %></span>
+<div data-mail-id="<%= mail.message_id %>"
+     class="card p-4 transition-all duration-200 cursor-pointer border-l-4 border-transparent"
+     :class="id == '<%= mail.message_id %>' ? 'bg-base-200 border-l-4 border-secondary shadow-md' : 'hover:shadow-lg'"
+     x-on:click="id = '<%= mail.message_id %>'">
+  <div class="flex justify-between items-center mb-3">
+    <div class="w-4/5 truncate">
+      <span class="font-semibold text-base-content"><%= mail.subject %></span>
     </div>
-    <div class="level-right">
-      <div class="dropdown is-right">
-        <div class="dropdown-trigger" style="width: 24px; height: 24px;">
+    <div class="flex items-center">
+      <div class="dropdown dropdown-end">
+        <label tabindex="0" class="btn btn-ghost btn-sm btn-circle text-lg">
           <i class="bi bi-three-dots-vertical"></i>
-        </div>
-        <div class="dropdown-menu" id="dropdown-menu" role="menu">
-          <div class="dropdown-content">
-            <div class="dropdown-item">
-              <%= link_to "/gravity_mailbox/download_eml?id=#{mail.message_id}", class: ['link-button'] do %>
-                    <span class="icon-text">
-                      <i class="bi bi-download"></i>
-                      <span>Download .eml</span>
-                    </span>
-              <% end %>
-            </div>
-
-            <div class="dropdown-item">
-              <%= button_to "/gravity_mailbox/delete?id=#{mail.message_id}", class: ['link-button'], method: :post do %>
-                    <span class="icon-text">
-                      <i class="bi bi-trash3"></i>
-                      <span>Delete</span>
-                    </span>
-              <% end %>
-            </div>
-          </div>
-        </div>
+        </label>
+        <ul tabindex="0" class="dropdown-content menu shadow bg-base-100 w-52">
+          <li>
+            <%= link_to "/gravity_mailbox/download_eml?id=#{mail.message_id}" do %>
+              <i class="bi bi-download"></i>
+              <span>Download .eml</span>
+            <% end %>
+          </li>
+          <li>
+            <%= button_to "/gravity_mailbox/delete?id=#{mail.message_id}",
+                          method: :post,
+                          class: "w-full text-left",
+                          onclick: "return confirm('Are you sure you want to delete this email?');" do %>
+              <i class="bi bi-trash3"></i>
+              <span>Delete</span>
+            <% end %>
+          </li>
+        </ul>
       </div>
     </div>
   </div>
 
-  <% mail.to.each do |email_to| %>
-    <%= content_tag(:p, email_to, class: ['has-text-weight-light'], style: "font-size: 0.85rem") %>
-  <% end %>
-  <div class="has-text-right">
-    <span class="is-size-7" title="<%= I18n.l(mail.date, format: :long) %>">
-        <%= time_ago_in_words(mail.date) %>
-      </span>
+  <div class="space-y-1 mb-2">
+    <% mail.to.each do |email_to| %>
+      <p class="text-sm text-base-content/70"><%= email_to %></p>
+    <% end %>
+  </div>
+  <div class="text-right">
+    <span class="text-xs text-base-content/60" title="<%= I18n.l(mail.date, format: :long) %>">
+      <%= time_ago_in_words(mail.date) %> ago
+    </span>
   </div>
 </div>
diff --git a/app/views/gravity_mailbox/mailbox/index.html.erb b/app/views/gravity_mailbox/mailbox/index.html.erb
index 0fb725e..946321b 100644
--- a/app/views/gravity_mailbox/mailbox/index.html.erb
+++ b/app/views/gravity_mailbox/mailbox/index.html.erb
@@ -1,5 +1,5 @@
 <% content_for :style do %>
-    body, iframe {
+  body, iframe {
     height: 100vh;
   }
 
@@ -7,194 +7,72 @@
     border: 0;
     width: 100%;
   }
-
-  .mail-list-column {
-    height: 100vh;
-    overflow: scroll;
-    min-width: 20em;
-  }
-
-  .link-button {
-    background: none!important;
-    border: none;
-    padding: 0!important;
-    font-family: arial, sans-serif;
-    color: #000;
-    cursor: pointer;
-    width: 100%;
-    text-align: left;
-  }
-
-  .mail-list-item {
-    background-color: #fff!important;
-    padding: 1rem;
-    box-shadow: inset 0 -1px 0 0 rgb(100 121 143 / 12%) !important;
-  }
-
-  .mail-list-item.selected-mail {
-    background-color: #ffffff!important;
-    border-left: 8px solid #ed900c;
-   padding-left: calc(1rem - 8px);
-  }
-
-  .mail-list-item:hover {
-    cursor: pointer !important;
-    border-left: 8px solid lightgrey;
-    padding-left: calc(1rem - 8px);
-  }
-
-  .mail-list-item.selected-mail:hover {
-    border-left: 8px solid #ed900c;
-  }
-
-  #iframe-mail-container {
-    background-color: whitesmoke !important;
-  }
-
-  .dropdown-trigger:hover {
-    cursor: pointer !important;
-  }
-
-  .dropdown-item:hover {
-    background-color: whitesmoke !important;
-  }
 <% end %>
 
-<div class="flex">
+<div class="flex" x-data="{ part: 'html', id: '' }">
   <div class="w-92">
-    <div class="navbar bg-base-100 shadow-sm">
+    <div class="navbar bg-[#007bff] shadow-sm">
       <div class="flex-1">
-        <a class="btn btn-ghost text-xl">daisyUI</a>
+        <span class="btn btn-ghost text-xl text-white">GravityMailbox</span>
       </div>
       <div class="flex-none">
-
-<div class="dropdown dropdown-end">
-  <div tabindex="0" role="button" class="btn btn-ghost btn-circle">
-    <i class="bi bi-three-dots-vertical text-lg"></i>
-  </div>
-  <ul tabindex="0" class="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-100 rounded-box w-52">
-    <li>
-      <%= button_to '/gravity_mailbox/delete_all', method: :post, class: "text-error" do %>
-        <i class="bi bi-trash3"></i>
-        Delete all
-      <% end %>
-    </li>
-  </ul>
-</div>
-      </div>
-    </div>
-  </div>
-  <div class="flex-1">
-
-  </div>
-</div>
-
-<div class="columns mb-0 mt-0" x-data="{ id: null }">
-  <div class="column is-one-quarter pt-0 pr-0 mail-list-column">
-    <div class="navbar has-background-info">
-      <div class="navbar-brand">
-        <h1 class="navbar-item title is-6 has-text-white">GravityMailbox</h1>
-      </div>
-      <div class="navbar-menu">
-        <div class="navbar-end">
-          <div class="navbar-item">
-            <div class="dropdown is-right">
-              <div class="dropdown-trigger">
-                <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
-                  <i class="icon bi bi-list"></i>
-                </button>
-<!--                 <span class="icon has-text-white has-text-centered" aria-controls="dropdown-menu">-->
-<!--                </span>-->
-              </div>
-              <div class="dropdown-menu" id="dropdown-menu" role="menu">
-                <div class="dropdown-content">
-                  <div class="dropdown-item">
-                    <%= button_to '/gravity_mailbox/delete_all', class: ['link-button'], method: :post do %>
-                      <span class="icon-text">
-                        <span class="icon has-text-centered">
-                          <i class="bi bi-trash3"></i>
-                        </span>
-                        <span>Delete all</span>
-                      </span>
-                    <% end %>
-                  </div>
-                </div>
-              </div>
-            </div>
+        <div class="dropdown dropdown-end">
+          <div tabindex="0" role="button" class="btn btn-ghost btn-circle text-white">
+            <i class="bi bi-list text-lg"></i>
           </div>
+          <ul tabindex="0" class="dropdown-content menu shadow-sm bg-base-100 w-52">
+            <li>
+              <%= button_to '/gravity_mailbox/delete_all', method: :post, onclick: "return confirm('Are you sure you want to delete all emails?');" do %>
+                <i class="bi bi-trash3"></i>
+                Delete all
+              <% end %>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
+    <div>
+      <% @mails.each_with_index do |mail, index| %>
+        <%= render partial: 'mail', locals: { mail: mail, index: index } %>
+      <% end %>
+    </div>
 
-    <% @mails.each_with_index do |mail, index| %>
-      <%= render partial: 'mail', locals: { mail: mail, index: index } %>
-    <% end %>
   </div>
-  <div class="column pb-0 pt-0 pl-0" x-data="{ part: 'html' }">
-    <iframe id="iframe-mail-container"
-            seamless
-            name="messageBody"
-            x-bind:src="'/gravity_mailbox?part=' + true + '&id=' + id"
-            ></iframe>
+  <div class="flex-1">
+    <div class="column pb-0 pt-0 pl-0">
+      <iframe id="iframe-mail-container"
+              seamless
+              name="messageBody"
+              x-bind:src="'/gravity_mailbox?part=' + true + '&id=' + id"
+      ></iframe>
+    </div>
   </div>
 </div>
 
 <script>
-    // function closeAllOtherDropdown(e) {
-    //     document.querySelectorAll(".dropdown").forEach((dropdown) => {
-    //         dropdown.classList.remove('is-active');
-    //     })
-    // }
-
-    // Click on mail and change iframe src
-    <!-- let mailItems = document.querySelectorAll(".mail-list-item") -->
-    <!-- mailItems.forEach(mailItem => { -->
-        <!-- mailItem.addEventListener("click", () => { -->
-            <!-- document.querySelector("#iframe-mail-container").src = "/gravity_mailbox?part=true&id=" + mailItem.dataset.mailId -->
-            <!-- mailItems.forEach(mailItem => mailItem.classList.remove("selected-mail")) -->
-            <!-- mailItem.classList.add("selected-mail") -->
-        <!-- }) -->
-    <!-- }) -->
-
-    // Close all dropdowns if the user clicks outside of them
-    // document.addEventListener("click", (e) => {
-    //     document.querySelectorAll(".dropdown").forEach((dropdown) => {
-    //         dropdown.classList.remove("is-active")
-    //     })
-    // });
-    //
-    // // Each mail menu dropdown
-    // document.querySelectorAll('.dropdown-trigger').forEach((dropdown) => {
-    //     dropdown.addEventListener('click', function (e) {
-    //         closeAllOtherDropdown(e)
-    //         e.target.closest(".dropdown").classList.toggle('is-active');
-    //         e.stopPropagation();
-    //     })
-    // })
-
-    function displayAutomaticallyTheFirstEmail() {
-        const mailItems = document.querySelectorAll(".mail-list-item");
-        if (mailItems.length) {
-            const mailItem = mailItems[0];
-            document.querySelector("#iframe-mail-container").src = "/gravity_mailbox?part=true&id=" + mailItem.dataset.mailId;
-            mailItem.classList.add("selected-mail");
-        } else {
-            const iframe = document.querySelector("#iframe-mail-container");
-
-            const iframeBody = iframe.contentDocument.body;
-            if (iframeBody) {
-                const p = document.createElement('p');
-                p.textContent = "No email received yet.";
-                p.style.fontFamily = "sans-serif";
-                p.style.fontSize = "20px";
-                p.style.fontWeight = "100";
-                iframeBody.appendChild(p);
-                iframeBody.style.display = "flex";
-                iframeBody.style.justifyContent = "center";
-                iframeBody.style.alignItems = "center";
-            }
-        }
+  function displayAutomaticallyTheFirstEmail() {
+    const mailItems = document.querySelectorAll(".mail-list-item");
+    if (mailItems.length) {
+      const mailItem = mailItems[0];
+      document.querySelector("#iframe-mail-container").src = "/gravity_mailbox?part=true&id=" + mailItem.dataset.mailId;
+      mailItem.classList.add("selected-mail");
+    } else {
+      const iframe = document.querySelector("#iframe-mail-container");
+
+      const iframeBody = iframe.contentDocument.body;
+      if (iframeBody) {
+        const p = document.createElement('p');
+        p.textContent = "No email received yet.";
+        p.style.fontFamily = "sans-serif";
+        p.style.fontSize = "20px";
+        p.style.fontWeight = "100";
+        iframeBody.appendChild(p);
+        iframeBody.style.display = "flex";
+        iframeBody.style.justifyContent = "center";
+        iframeBody.style.alignItems = "center";
+      }
     }
+  }
 
-    document.addEventListener("DOMContentLoaded", displayAutomaticallyTheFirstEmail);
+  document.addEventListener("DOMContentLoaded", displayAutomaticallyTheFirstEmail);
 </script>
diff --git a/app/views/layouts/gravity_mailbox.html.erb b/app/views/layouts/gravity_mailbox.html.erb
index 85bf5b6..5e595f8 100644
--- a/app/views/layouts/gravity_mailbox.html.erb
+++ b/app/views/layouts/gravity_mailbox.html.erb
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html data-theme="cupcake">
+<html data-theme="corporate">
   <head>
     <meta name="viewport" content="width=device-width"/>
 <!--    <link-->
diff --git a/public/stylesheets/gravity_mailbox/application.css b/public/stylesheets/gravity_mailbox/application.css
index 9bd415b..452f956 100644
--- a/public/stylesheets/gravity_mailbox/application.css
+++ b/public/stylesheets/gravity_mailbox/application.css
@@ -2,13 +2,17 @@
 @layer theme {
   :root, :host {
     --color-black: #000;
+    --color-white: #fff;
     --spacing: .25rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1 / .75);
+    --text-sm: .875rem;
+    --text-sm--line-height: calc(1.25 / .875);
     --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
     --text-xl--line-height: calc(1.75 / 1.25);
+    --font-weight-semibold: 600;
     --ease-out: cubic-bezier(0, 0, .2, 1);
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
     --default-transition-duration: .15s;
@@ -382,35 +386,35 @@
     --noise: 0;
   }
 
-  :root:has(input.theme-controller[value="cupcake"]:checked), [data-theme="cupcake"] {
+  :root:has(input.theme-controller[value="corporate"]:checked), [data-theme="corporate"] {
     color-scheme: light;
-    --color-base-100: oklch(97.788% .004 56.375);
-    --color-base-200: oklch(93.982% .007 61.449);
-    --color-base-300: oklch(91.586% .006 53.44);
-    --color-base-content: oklch(23.574% .066 313.189);
-    --color-primary: oklch(85% .138 181.071);
-    --color-primary-content: oklch(43% .078 188.216);
-    --color-secondary: oklch(89% .061 343.231);
-    --color-secondary-content: oklch(45% .187 3.815);
-    --color-accent: oklch(90% .076 70.697);
-    --color-accent-content: oklch(47% .157 37.304);
-    --color-neutral: oklch(27% .006 286.033);
-    --color-neutral-content: oklch(92% .004 286.32);
-    --color-info: oklch(68% .169 237.323);
-    --color-info-content: oklch(29% .066 243.157);
-    --color-success: oklch(69% .17 162.48);
-    --color-success-content: oklch(26% .051 172.552);
-    --color-warning: oklch(79% .184 86.047);
-    --color-warning-content: oklch(28% .066 53.813);
-    --color-error: oklch(64% .246 16.439);
-    --color-error-content: oklch(27% .105 12.094);
-    --radius-selector: 1rem;
-    --radius-field: 2rem;
-    --radius-box: 1rem;
+    --color-base-100: oklch(100% 0 0);
+    --color-base-200: oklch(93% 0 0);
+    --color-base-300: oklch(86% 0 0);
+    --color-base-content: oklch(22.389% .031 278.072);
+    --color-primary: oklch(58% .158 241.966);
+    --color-primary-content: oklch(100% 0 0);
+    --color-secondary: oklch(55% .046 257.417);
+    --color-secondary-content: oklch(100% 0 0);
+    --color-accent: oklch(60% .118 184.704);
+    --color-accent-content: oklch(100% 0 0);
+    --color-neutral: oklch(0% 0 0);
+    --color-neutral-content: oklch(100% 0 0);
+    --color-info: oklch(60% .126 221.723);
+    --color-info-content: oklch(100% 0 0);
+    --color-success: oklch(62% .194 149.214);
+    --color-success-content: oklch(100% 0 0);
+    --color-warning: oklch(85% .199 91.936);
+    --color-warning-content: oklch(0% 0 0);
+    --color-error: oklch(70% .191 22.216);
+    --color-error-content: oklch(0% 0 0);
+    --radius-selector: .25rem;
+    --radius-field: .25rem;
+    --radius-box: .25rem;
     --size-selector: .25rem;
     --size-field: .25rem;
-    --border: 2px;
-    --depth: 1;
+    --border: 1px;
+    --depth: 0;
     --noise: 0;
   }
 
@@ -4291,10 +4295,6 @@
     cursor: pointer;
   }
 
-  .z-\[1\] {
-    z-index: 1;
-  }
-
   .tab-content {
     order: var(--tabcontent-order);
     --tabcontent-radius-ss: 0;
@@ -4903,14 +4903,6 @@
     margin-top: .5rem;
   }
 
-  .mt-0 {
-    margin-top: calc(var(--spacing) * 0);
-  }
-
-  .mt-3 {
-    margin-top: calc(var(--spacing) * 3);
-  }
-
   .breadcrumbs {
     max-width: 100%;
     padding-block: .5rem;
@@ -4995,8 +4987,12 @@
     font-weight: 600;
   }
 
-  .mb-0 {
-    margin-bottom: calc(var(--spacing) * 0);
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
   }
 
   .carousel-item {
@@ -5775,6 +5771,10 @@
     width: calc(var(--size-selector, .25rem) * 4);
   }
 
+  .w-4\/5 {
+    width: 80%;
+  }
+
   .w-52 {
     width: calc(var(--spacing) * 52);
   }
@@ -5783,6 +5783,10 @@
     width: calc(var(--spacing) * 92);
   }
 
+  .w-full {
+    width: 100%;
+  }
+
   .flex-1 {
     flex: 1;
   }
@@ -5879,8 +5883,8 @@
     outline: 2px solid;
   }
 
-  .resize {
-    resize: both;
+  .cursor-pointer {
+    cursor: pointer;
   }
 
   .carousel-horizontal {
@@ -5963,6 +5967,26 @@
     flex-wrap: wrap;
   }
 
+  .items-center {
+    align-items: center;
+  }
+
+  .justify-between {
+    justify-content: space-between;
+  }
+
+  :where(.space-y-1 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
+  .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
   .tabs-box {
     background-color: var(--color-base-200);
     border-radius: calc(var(--radius-field)  + min(.25rem, calc(var(--radius-field)  + var(--radius-field)  + var(--radius-field))));
@@ -6225,6 +6249,11 @@
     border-width: 1px;
   }
 
+  .border-l-4 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 4px;
+  }
+
   .btn-dash:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) {
     --btn-shadow: "";
     --btn-bg: #0000;
@@ -6305,6 +6334,14 @@
     --alert-color: var(--color-warning);
   }
 
+  .border-secondary {
+    border-color: var(--color-secondary);
+  }
+
+  .border-transparent {
+    border-color: #0000;
+  }
+
   .glass {
     -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
     backdrop-filter: blur(var(--glass-blur, 40px));
@@ -6405,10 +6442,26 @@
     }
   }
 
+  .bg-\[\#007bff\] {
+    background-color: #007bff;
+  }
+
+  .bg-\[\#\] {
+    background-color: # ;
+  }
+
   .bg-base-100 {
     background-color: var(--color-base-100);
   }
 
+  .bg-base-200 {
+    background-color: var(--color-base-200);
+  }
+
+  .bg-info {
+    background-color: var(--color-info);
+  }
+
   .divider-accent:before, .divider-accent:after {
     background-color: var(--color-accent);
   }
@@ -6506,8 +6559,8 @@
     --size: calc(var(--size-selector, .25rem) * 4);
   }
 
-  .p-2 {
-    padding: calc(var(--spacing) * 2);
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
   }
 
   .menu-title {
@@ -6608,10 +6661,6 @@
     padding-top: calc(var(--spacing) * 0);
   }
 
-  .pr-0 {
-    padding-right: calc(var(--spacing) * 0);
-  }
-
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
@@ -6620,6 +6669,14 @@
     padding-left: calc(var(--spacing) * 0);
   }
 
+  .text-left {
+    text-align: left;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
   .file-input-lg {
     --size: calc(var(--size-field, .25rem) * 12);
     font-size: 1.125rem;
@@ -6665,11 +6722,21 @@
     line-height: var(--tw-leading, var(--text-lg--line-height));
   }
 
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+
   .text-xl {
     font-size: var(--text-xl);
     line-height: var(--tw-leading, var(--text-xl--line-height));
   }
 
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+
   .kbd-lg {
     --size: calc(var(--size-selector, .25rem) * 7);
     font-size: 1rem;
@@ -6740,6 +6807,11 @@
     font-size: .6875rem;
   }
 
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+
   .text-wrap {
     text-wrap: wrap;
   }
@@ -7088,8 +7160,20 @@
     color: var(--color-warning);
   }
 
-  .text-error {
-    color: var(--color-error);
+  .text-base-content {
+    color: var(--color-base-content);
+  }
+
+  .text-base-content\/60 {
+    color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
+  }
+
+  .text-base-content\/70 {
+    color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
+  }
+
+  .text-white {
+    color: var(--color-white);
   }
 
   .uppercase {
@@ -7134,7 +7218,17 @@
     opacity: 1;
   }
 
-  .shadow, .shadow-sm {
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-sm {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
@@ -7165,12 +7259,17 @@
     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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+  .transition-all {
+    transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .duration-200 {
+    --tw-duration: .2s;
+    transition-duration: .2s;
+  }
+
   .ease-in-out {
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
@@ -7815,6 +7914,13 @@
   .toggle-warning:checked, .toggle-warning[aria-checked="true"] {
     --input-color: var(--color-warning);
   }
+
+  @media (hover: hover) {
+    .hover\:shadow-lg:hover {
+      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
 }
 
 @keyframes skeleton {
@@ -7898,12 +8004,23 @@
   initial-value: skewY(0);
 }
 
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
 
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -8072,6 +8189,11 @@
   inherits: false
 }
 
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-ease {
   syntax: "*";
   inherits: false
diff --git a/tailwind/application.css b/tailwind/application.css
index 6c95bb8..1b161db 100644
--- a/tailwind/application.css
+++ b/tailwind/application.css
@@ -1,4 +1,5 @@
 @import "tailwindcss";
+
 @plugin "./daisyui.js"  {
-    themes: light --default, dark --prefersdark, cupcake;
+    themes: light --default, dark --prefersdark, corporate;
 }

From 8553adaf6ad0abc0e0821b1d9410cd22ddb0ac5f Mon Sep 17 00:00:00 2001
From: Jean-Francis Bastien <jfbastien@petalmd.com>
Date: Fri, 2 May 2025 20:28:41 -0400
Subject: [PATCH 3/4] rubocop

---
 Gemfile                                                     | 5 ++---
 lib/gravity_mailbox/engine.rb                               | 2 +-
 spec/controllers/gravity_mailbox/mailbox_controller_spec.rb | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/Gemfile b/Gemfile
index f50d18e..b2ef987 100644
--- a/Gemfile
+++ b/Gemfile
@@ -6,13 +6,13 @@ source 'https://rubygems.org'
 gemspec
 
 group 'development' do
+  gem 'combustion'
   gem 'puma'
   gem 'rake'
+  gem 'rerun'
   gem 'rubocop'
   gem 'rubocop-rspec'
-  gem 'combustion'
   gem 'tailwindcss-ruby'
-  gem 'rerun'
 end
 
 group 'test' do
@@ -20,4 +20,3 @@ group 'test' do
   gem 'rspec'
   gem 'rspec-rails'
 end
-
diff --git a/lib/gravity_mailbox/engine.rb b/lib/gravity_mailbox/engine.rb
index 10cba34..d95cdf4 100644
--- a/lib/gravity_mailbox/engine.rb
+++ b/lib/gravity_mailbox/engine.rb
@@ -16,7 +16,7 @@ class Engine < ::Rails::Engine
       end
     end
 
-    initializer "gravity_mailbox.static_assets" do |app|
+    initializer 'gravity_mailbox.static_assets' do |app|
       app.middleware.use ::ActionDispatch::Static, "#{root}/public"
     end
   end
diff --git a/spec/controllers/gravity_mailbox/mailbox_controller_spec.rb b/spec/controllers/gravity_mailbox/mailbox_controller_spec.rb
index c9db3c5..330987d 100644
--- a/spec/controllers/gravity_mailbox/mailbox_controller_spec.rb
+++ b/spec/controllers/gravity_mailbox/mailbox_controller_spec.rb
@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-RSpec.describe GravityMailbox::MailboxController, type: :controller do # rubocop:disable RSpec/Rails/InferredSpecType
+RSpec.describe GravityMailbox::MailboxController, type: :controller do
   before do
     @routes = GravityMailbox::Engine.routes
   end

From 8a8577e41292ba864c5b99a17b8cf6c62b7b7717 Mon Sep 17 00:00:00 2001
From: Jean-Francis Bastien <jfbastien@petalmd.com>
Date: Fri, 2 May 2025 21:09:01 -0400
Subject: [PATCH 4/4] style and use path helper

---
 .../gravity_mailbox/mailbox/_mail.html.erb    |  5 +--
 .../gravity_mailbox/mailbox/index.html.erb    | 10 +++---
 app/views/layouts/gravity_mailbox.html.erb    |  7 ----
 .../gravity_mailbox/application.css           | 32 ++++++++++++++-----
 tailwind/application.css                      |  1 +
 5 files changed, 33 insertions(+), 22 deletions(-)

diff --git a/app/views/gravity_mailbox/mailbox/_mail.html.erb b/app/views/gravity_mailbox/mailbox/_mail.html.erb
index e342357..e333764 100644
--- a/app/views/gravity_mailbox/mailbox/_mail.html.erb
+++ b/app/views/gravity_mailbox/mailbox/_mail.html.erb
@@ -13,14 +13,15 @@
         </label>
         <ul tabindex="0" class="dropdown-content menu shadow bg-base-100 w-52">
           <li>
-            <%= link_to "/gravity_mailbox/download_eml?id=#{mail.message_id}" do %>
+            <%= link_to download_eml_path(id: mail.message_id) do %>
               <i class="bi bi-download"></i>
               <span>Download .eml</span>
             <% end %>
           </li>
           <li>
-            <%= button_to "/gravity_mailbox/delete?id=#{mail.message_id}",
+            <%= button_to delete_path(id: mail.message_id),
                           method: :post,
+                          form_class: "block",
                           class: "w-full text-left",
                           onclick: "return confirm('Are you sure you want to delete this email?');" do %>
               <i class="bi bi-trash3"></i>
diff --git a/app/views/gravity_mailbox/mailbox/index.html.erb b/app/views/gravity_mailbox/mailbox/index.html.erb
index 946321b..215a807 100644
--- a/app/views/gravity_mailbox/mailbox/index.html.erb
+++ b/app/views/gravity_mailbox/mailbox/index.html.erb
@@ -11,9 +11,9 @@
 
 <div class="flex" x-data="{ part: 'html', id: '' }">
   <div class="w-92">
-    <div class="navbar bg-[#007bff] shadow-sm">
+    <div class="navbar bg-[#007bff] shadow-sm font-['Righteous']">
       <div class="flex-1">
-        <span class="btn btn-ghost text-xl text-white">GravityMailbox</span>
+        <span class="pl-4 text-xl text-white">GravityMailbox</span>
       </div>
       <div class="flex-none">
         <div class="dropdown dropdown-end">
@@ -22,7 +22,7 @@
           </div>
           <ul tabindex="0" class="dropdown-content menu shadow-sm bg-base-100 w-52">
             <li>
-              <%= button_to '/gravity_mailbox/delete_all', method: :post, onclick: "return confirm('Are you sure you want to delete all emails?');" do %>
+              <%= button_to delete_all_path, method: :post, onclick: "return confirm('Are you sure you want to delete all emails?');" do %>
                 <i class="bi bi-trash3"></i>
                 Delete all
               <% end %>
@@ -38,12 +38,12 @@
     </div>
 
   </div>
-  <div class="flex-1">
+  <div class="flex-1 border-l-1 border-base-200">
     <div class="column pb-0 pt-0 pl-0">
       <iframe id="iframe-mail-container"
               seamless
               name="messageBody"
-              x-bind:src="'/gravity_mailbox?part=' + true + '&id=' + id"
+              x-bind:src="'<%= index_path(part: true) %>' + '&id=' + id"
       ></iframe>
     </div>
   </div>
diff --git a/app/views/layouts/gravity_mailbox.html.erb b/app/views/layouts/gravity_mailbox.html.erb
index 5e595f8..2bb3f14 100644
--- a/app/views/layouts/gravity_mailbox.html.erb
+++ b/app/views/layouts/gravity_mailbox.html.erb
@@ -2,14 +2,7 @@
 <html data-theme="corporate">
   <head>
     <meta name="viewport" content="width=device-width"/>
-<!--    <link-->
-<!--      rel="stylesheet"-->
-<!--      href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"-->
-<!--    >-->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
     <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
     <style>
       <%= yield :style %>
diff --git a/public/stylesheets/gravity_mailbox/application.css b/public/stylesheets/gravity_mailbox/application.css
index 452f956..77d69ed 100644
--- a/public/stylesheets/gravity_mailbox/application.css
+++ b/public/stylesheets/gravity_mailbox/application.css
@@ -1,4 +1,6 @@
 /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+@import "https://fonts.googleapis.com/css2?family=Righteous&display=swap";
+
 @layer theme {
   :root, :host {
     --color-black: #000;
@@ -6249,6 +6251,16 @@
     border-width: 1px;
   }
 
+  .border-l-1 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
+
   .border-l-4 {
     border-left-style: var(--tw-border-style);
     border-left-width: 4px;
@@ -6334,6 +6346,10 @@
     --alert-color: var(--color-warning);
   }
 
+  .border-base-200 {
+    border-color: var(--color-base-200);
+  }
+
   .border-secondary {
     border-color: var(--color-secondary);
   }
@@ -6446,10 +6462,6 @@
     background-color: #007bff;
   }
 
-  .bg-\[\#\] {
-    background-color: # ;
-  }
-
   .bg-base-100 {
     background-color: var(--color-base-100);
   }
@@ -6458,10 +6470,6 @@
     background-color: var(--color-base-200);
   }
 
-  .bg-info {
-    background-color: var(--color-info);
-  }
-
   .divider-accent:before, .divider-accent:after {
     background-color: var(--color-accent);
   }
@@ -6669,6 +6677,10 @@
     padding-left: calc(var(--spacing) * 0);
   }
 
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
+
   .text-left {
     text-align: left;
   }
@@ -6677,6 +6689,10 @@
     text-align: right;
   }
 
+  .font-\[\'Righteous\'\] {
+    font-family: Righteous;
+  }
+
   .file-input-lg {
     --size: calc(var(--size-field, .25rem) * 12);
     font-size: 1.125rem;
diff --git a/tailwind/application.css b/tailwind/application.css
index 1b161db..64ba757 100644
--- a/tailwind/application.css
+++ b/tailwind/application.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
 @import "tailwindcss";
 
 @plugin "./daisyui.js"  {