ghost 5.80.1 → 5.80.3

package/content/themes/source/assets/css/screen.css

@@ -59,9 +59,9 @@ production stylesheet in assets/built/screen.css
     --color-darker-gray: #15171a;
     --color-black: #000;
     --color-primary-text: var(--color-darker-gray);
-    --color-secondary-text: rgb(0 0 0 / 0.5);
+    --color-secondary-text: rgb(0 0 0 / 0.55);
     --color-border: rgb(0 0 0 / 0.08);
-    --color-dark-border: rgb(0 0 0 / 0.5);
+    --color-dark-border: rgb(0 0 0 / 0.55);
     --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     --font-serif: "EB Garamond", Georgia, Times, serif;
     --font-serif-alt: Georgia, Times, serif;
@@ -369,7 +369,7 @@ button.gh-form-input {
     .gh-form {
         font-size: 1.6rem;
     }
-    
+
     .gh-form .gh-button {
         padding-inline: 12px;
     }
@@ -515,6 +515,11 @@ button.gh-form-input {
     gap: 24px;
     align-items: center;
     justify-content: flex-end;
+    background-color: var(--background-color);
+}
+
+.gh-navigation.has-accent-color .gh-navigation-actions {
+    background-color: var(--ghost-accent-color);
 }
 
 .gh-navigation-members {
@@ -972,7 +977,6 @@ Search                         LOGO                    Login Subscribe
     display: -webkit-box;
     overflow-y: hidden;
     margin-top: 8px;
-    max-width: 720px;
     font-size: 1.45rem;
     line-height: 1.4;
     -webkit-line-clamp: 2;
@@ -983,6 +987,7 @@ Search                         LOGO                    Login Subscribe
     display: flex;
     gap: 4px;
     flex-wrap: wrap;
+    align-items: center;
     padding-bottom: 1px;
     font-size: 1.25rem;
     font-weight: 500;
@@ -991,6 +996,13 @@ Search                         LOGO                    Login Subscribe
     color: var(--color-secondary-text);
 }
 
+.gh-card-meta svg {
+    width: 16px;
+    height: 16px;
+    margin-right: 2px;
+    margin-top: -2px;
+}
+
 .gh-card-meta:not(:empty) {
     margin-top: 12px;
 }
@@ -2127,6 +2139,20 @@ unless a heading is the very first element in the post content */
     margin-top: calc(56px * var(--content-spacing-factor, 1));
 }
 
+/* Add drop cap setting */
+.post-template .gh-content.drop-cap > p:first-of-type:first-letter {
+    margin :0 0.2em 0em 0;
+    font-size: 3.1em;
+    float:left;
+    line-height: 1;
+    margin-left: -1px;
+    font-weight: 700;
+}
+
+.has-serif-body.post-template .gh-content.drop-cap > p:first-of-type:first-letter {
+    font-size: 3.2em;
+}
+
 /* Add a small margin between a heading and paragraph after it */
 .gh-content > [id] + p {
     margin-top: calc(12px * var(--content-spacing-factor, 1));
@@ -2143,6 +2169,11 @@ unless a heading is the very first element in the post content */
 }
 
 /* Now the content typography styles */
+.gh-content h1 {
+    font-size: calc(2.2em * var(--factor, 1));
+    letter-spacing: -0.02em;
+}
+
 .gh-content h2 {
     font-size: calc(1.6em * var(--factor, 1));
     letter-spacing: -0.02em;
@@ -2198,51 +2229,63 @@ unless a heading is the very first element in the post content */
     border: 0;
 }
 
-.gh-content table:not(.gist table) {
-    display: inline-block;
-    width: auto;
-    max-width: 100%;
-    overflow-x: auto;
+.gh-content .gh-table {
+    overflow-x: scroll;
+    -webkit-overflow-scrolling: touch;
+}
+
+.gh-content .gh-table table {
+    width: 100%;
     font-family: var(--font-sans);
-    font-size: 1.6rem;
+    font-size: 1.5rem;
     white-space: nowrap;
     vertical-align: top;
     border-spacing: 0;
     border-collapse: collapse;
-    -webkit-overflow-scrolling: touch;
-    background: radial-gradient(ellipse at left, rgb(0 0 0 / 0.2) 0%, rgb(0 0 0 / 0) 75%) 0 center, radial-gradient(ellipse at right, rgb(0 0 0 / 0.2) 0%, rgb(0 0 0 / 0) 75%) 100% center;
-    background-repeat: no-repeat;
-    background-attachment: scroll, scroll;
-    background-size: 10px 100%, 10px 100%;
-}
-
-.gh-content table:not(.gist table) td:first-child {
-    background-image: linear-gradient(to right, rgb(255 255 255 / 1) 50%, rgb(255 255 255 / 0) 100%);
-    background-repeat: no-repeat;
-    background-size: 20px 100%;
 }
 
-.gh-content table:not(.gist table) td:last-child {
-    background-image: linear-gradient(to left, rgb(255 255 255 / 1) 50%, rgb(255 255 255 / 0) 100%);
-    background-repeat: no-repeat;
-    background-position: 100% 0;
-    background-size: 20px 100%;
-}
-
-.gh-content table:not(.gist table) th {
+.gh-content .gh-table table th {
     font-size: 1.2rem;
     font-weight: 700;
     color: var(--color-darkgrey);
     text-align: left;
     text-transform: uppercase;
     letter-spacing: 0.2px;
-    background-color: var(--color-white);
 }
 
-.gh-content table:not(.gist table) th,
-.gh-content table:not(.gist table) td {
+.gh-content .gh-table table :is(th, td),
+.gh-content .gh-table table td {
     padding: 6px 12px;
-    border: 1px solid var(--color-light-gray);
+    border-bottom: 1px solid var(--color-border);
+}
+
+.gh-content .gh-table table :is(th, td):first-child {
+    padding-left: 0;
+}
+
+.gh-content .gh-table table :is(th, td):last-child {
+    padding-right: 0;
+}
+
+.gh-content pre {
+    overflow: auto;
+    padding: 16px;
+    font-size: 1.5rem;
+    line-height: 1.5em;
+    background: var(--color-lighter-gray);
+    border-radius: 6px;
+    font-family: var(--font-mono);
+}
+
+.gh-content :not(pre) > code {
+    vertical-align: baseline;
+    padding: 0.15em 0.4em;
+    font-weight: 400;
+    font-size: 0.95em;
+    line-height: 1em;
+    background: var(--color-lighter-gray);
+    border-radius: 0.25em;
+    font-family: var(--font-mono);
 }
 
 /* 16. Cards
@@ -2335,7 +2378,11 @@ blockquote.kg-blockquote-alt {
 /* Button */
 
 .kg-card.kg-button-card .kg-btn {
+    height: unset;
+    padding: .6em 1.2em;
+    text-align: center;
     font-size: 1em;
+    line-height: 1.2em;
 }
 
 /* Header */

package/content/themes/source/assets/js/{casper.js → main.js}

@@ -7,8 +7,10 @@
     burger.addEventListener('click', function () {
         if (!navigation.classList.contains('is-open')) {
             navigation.classList.add('is-open');
+            document.documentElement.style.overflowY = 'hidden';
         } else {
             navigation.classList.remove('is-open');
+            document.documentElement.style.overflowY = null;
         }
     });
 })();
@@ -43,4 +45,16 @@
     if (!document.body.classList.contains('home-template') && !document.body.classList.contains('post-template')) {
         pagination();
     }
+})();
+
+/* Responsive HTML table */
+(function () {
+    const tables = document.querySelectorAll('.gh-content > table:not(.gist table)');
+    const wrapper = document.createElement('div');
+    wrapper.className = 'gh-table';
+
+    tables.forEach(function (table) {
+        table.parentNode.insertBefore(wrapper, table);
+        wrapper.appendChild(table);
+    });
 })();

package/content/themes/source/package.json

@@ -2,7 +2,7 @@
     "name": "source",
     "description": "A default theme for the Ghost publishing platform",
     "demo": "https://source.ghost.io",
-    "version": "1.1.2",
+    "version": "1.2.1",
     "engines": {
         "ghost": ">=5.0.0"
     },
@@ -191,6 +191,21 @@
                 "type": "boolean",
                 "default": false,
                 "group": "homepage"
+            },
+            "show_post_metadata": {
+                "type": "boolean",
+                "default": true,
+                "group": "post"
+            },
+            "enable_drop_caps_on_posts": {
+                "type": "boolean",
+                "default": false,
+                "group": "post"
+            },
+            "show_related_articles": {
+                "type": "boolean",
+                "default": true,
+                "group": "post"
             }
         }
     },

package/content/themes/source/partials/components/cta.hbs

@@ -14,7 +14,7 @@
                             {{#if @custom.signup_subheading}}{{@custom.signup_subheading}}{{else}}{{@site.description}}{{/if}}
                         </p>
                     </div>
-                    {{> "email-subscription"}}
+                    {{> "email-subscription" email_field_id="cta-email"}}
                 </div>
             </section>
         {{/match}}

package/content/themes/source/partials/components/footer.hbs

@@ -16,7 +16,7 @@
                 Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a>
             </div>
         </div>
-        
+
         {{#if @site.members_enabled}}
             {{#unless @member}}
                 <section class="gh-footer-signup">
@@ -26,7 +26,7 @@
                     <p class="gh-footer-signup-subhead is-body">
                         {{#if @custom.signup_subheading}}{{@custom.signup_subheading}}{{else}}{{@site.description}}{{/if}}
                     </p>
-                    {{> "email-subscription"}}
+                    {{> "email-subscription" email_field_id="footer-email"}}
                 </section>
             {{/unless}}
         {{/if}}

package/content/themes/source/partials/components/header-content.hbs

@@ -1,5 +1,5 @@
 <section class="gh-header is-{{#match headerStyle "Magazine"}}magazine{{else match headerStyle "Highlight"}}highlight{{else}}classic{{/match}}{{#if @custom.background_image}}{{#if @site.cover_image}} has-image{{/if}}{{/if}} gh-outer">
-        
+
     {{!-- Background image --}}
     {{#if @custom.background_image}}
         {{#match headerStyle "!=" "Magazine"}}
@@ -64,7 +64,7 @@
         {{!-- Landing layout --}}
         {{#match headerStyle "Landing"}}
             <h1 class="gh-header-title is-title">{{#if @custom.header_text}}{{@custom.header_text}}{{else}}{{@site.description}}{{/if}}</h1>
-            {{> "email-subscription"}}
+            {{> "email-subscription" email_field_id="header-email"}}
         {{/match}}
 
         {{!-- Search layout --}}

package/content/themes/source/partials/components/navigation.hbs

@@ -10,7 +10,7 @@
                 {{/if}}
             </a>
             {{> "search-toggle"}}
-            <button class="gh-burger gh-icon-button">
+            <button class="gh-burger gh-icon-button" aria-label="Menu">
                 {{> "icons/burger"}}
                 {{> "icons/close"}}
             </button>

package/content/themes/source/partials/email-subscription.hbs

@@ -1,6 +1,6 @@
 <form class="gh-form" data-members-form>
-    <input class="gh-form-input" type="email" placeholder="jamie@example.com" required data-members-email>
-    <button class="gh-button" type="submit">
+    <input class="gh-form-input" id="{{email_field_id}}" type="email" placeholder="jamie@example.com" required data-members-email>
+    <button class="gh-button" type="submit" aria-label="Subscribe">
         <span><span>Subscribe</span> {{> "icons/arrow"}}</span>
         {{> "icons/loader"}}
         {{> "icons/checkmark"}}

package/content/themes/source/partials/icons/lock.hbs

@@ -1,5 +1 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.25 6.875H3.75C3.40482 6.875 3.125 7.15482 3.125 7.5V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V7.5C16.875 7.15482 16.5952 6.875 16.25 6.875Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M7.1875 6.875V4.0625C7.1875 3.31658 7.48382 2.60121 8.01126 2.07376C8.53871 1.54632 9.25408 1.25 10 1.25C10.7459 1.25 11.4613 1.54632 11.9887 2.07376C12.5162 2.60121 12.8125 3.31658 12.8125 4.0625V6.875" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M10 13.125C10.6904 13.125 11.25 12.5654 11.25 11.875C11.25 11.1846 10.6904 10.625 10 10.625C9.30964 10.625 8.75 11.1846 8.75 11.875C8.75 12.5654 9.30964 13.125 10 13.125Z" fill="currentColor"></path>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" id="Lock-1--Streamline-Ultimate"><defs></defs><title>lock-1</title><path d="M4.375 8.125h11.25s1.25 0 1.25 1.25v8.75s0 1.25 -1.25 1.25H4.375s-1.25 0 -1.25 -1.25v-8.75s0 -1.25 1.25 -1.25" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M5.625 8.125V5a4.375 4.375 0 0 1 8.75 0v3.125" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m10 12.5 0 2.5" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>

package/content/themes/source/partials/post-card.hbs

@@ -21,10 +21,20 @@
                 <p class="gh-card-tag">{{primary_tag.name}}</p>
             {{/if}}
             <h3 class="gh-card-title is-title">{{title}}</h3>
-            {{#if excerpt}}
-                <p class="gh-card-excerpt is-body">{{excerpt}}</p>
+            {{#if custom_excerpt}}
+                <p class="gh-card-excerpt is-body">{{custom_excerpt}}</p>
             {{/if}}
-            <footer class="gh-card-meta"><!--
+            {{#unless custom_excerpt}}
+                {{#if excerpt}}
+                    <p class="gh-card-excerpt is-body">{{excerpt}}</p>
+                {{/if}}
+            {{/unless}}
+            <footer class="gh-card-meta">
+                {{#unless access}}
+                    {{^has visibility="public"}}
+                        {{> "icons/lock"}}
+                    {{/has}}
+                {{/unless}}<!--
              -->{{#if @custom.show_author}}
                     <span class="gh-card-author">By {{#foreach authors}}{{#if @first}}{{name}}{{else}}, {{name}}{{/if}}{{/foreach}}</span>
                 {{/if}}

package/content/themes/source/post.hbs

@@ -17,6 +17,7 @@
                 <p class="gh-article-excerpt is-body">{{custom_excerpt}}</p>
             {{/if}}
 
+            {{#if @custom.show_post_metadata}}
             <div class="gh-article-meta">
                 <div class="gh-article-author-image">
                     {{#foreach authors}}
@@ -39,12 +40,13 @@
                     </div>
                 </div>
             </div>
+            {{/if}}
 
             {{> "feature-image"}}
 
         </header>
 
-        <section class="gh-content gh-canvas is-body">
+        <section class="gh-content gh-canvas is-body{{#if @custom.enable_drop_caps_on_posts}} drop-cap{{/if}}">
             {{content}}
         </section>
 
@@ -60,17 +62,19 @@
 
 {{/post}}
 
-{{#get "posts" include="authors" filter="id:-{{post.id}}" limit="4" as |next|}}
-    {{#if next}}
-        <section class="gh-container is-grid gh-outer">
-            <div class="gh-container-inner gh-inner">
-                <h2 class="gh-container-title">Read more</h2>
-                <div class="gh-feed">
-                    {{#foreach next}}
-                        {{> "post-card" lazyLoad=true}}
-                    {{/foreach}}
+{{#if @custom.show_related_articles}}
+    {{#get "posts" include="authors" filter="id:-{{post.id}}" limit="4" as |next|}}
+        {{#if next}}
+            <section class="gh-container is-grid gh-outer">
+                <div class="gh-container-inner gh-inner">
+                    <h2 class="gh-container-title">Read more</h2>
+                    <div class="gh-feed">
+                        {{#foreach next}}
+                            {{> "post-card" lazyLoad=true}}
+                        {{/foreach}}
+                    </div>
                 </div>
-            </div>
-        </section>
-    {{/if}}
-{{/get}}
+            </section>
+        {{/if}}
+    {{/get}}
+{{/if}}

package/core/boot.js

@@ -381,6 +381,32 @@ async function initServices() {
     debug('End: initServices');
 }
 
+/**
+ * Set up an dependencies that need to be injected into NestJS
+ */
+async function initNestDependencies() {
+    debug('Begin: initNestDependencies');
+    const GhostNestApp = require('@tryghost/ghost');
+    const providers = [];
+    providers.push({
+        provide: 'logger',
+        useValue: require('@tryghost/logging')
+    }, {
+        provide: 'SessionService',
+        useValue: require('./server/services/auth/session').sessionService
+    }, {
+        provide: 'AdminAuthenticationService',
+        useValue: require('./server/services/auth/api-key').admin
+    }, {
+        provide: 'DomainEvents',
+        useValue: require('@tryghost/domain-events')
+    });
+    for (const provider of providers) {
+        GhostNestApp.addProvider(provider);
+    }
+    debug('End: initNestDependencies');
+}
+
 /**
  * Kick off recurring jobs and background services
  * These are things that happen on boot, but we don't need to wait for them to finish
@@ -528,6 +554,7 @@ async function bootGhost({backend = true, frontend = true, server = true} = {})
         }
 
         await initServices({config});
+        await initNestDependencies();
         debug('End: Load Ghost Services & Apps');
 
         // Step 5 - Mount the full Ghost app onto the minimal root app & disable maintenance mode

package/core/built/admin/assets/admin-x-demo/admin-x-demo.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.admin-x-base *,.admin-x-base :before,.admin-x-base :after{box-sizing:border-box;max-width:revert;max-height:revert;min-width:revert;min-height:revert;border-width:0;border-style:solid;border-color:currentColor}.admin-x-base :before,.admin-x-base :after{--tw-content: ""}.admin-x-base html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.admin-x-base body{margin:0;line-height:inherit}.admin-x-base hr{height:0;color:inherit;border-top-width:1px}.admin-x-base abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.admin-x-base h1,.admin-x-base h2,.admin-x-base h3,.admin-x-base h4,.admin-x-base h5,.admin-x-base h6{margin:0;padding:0}.admin-x-base a{color:inherit;text-decoration:inherit}.admin-x-base b,.admin-x-base strong{font-weight:bolder}.admin-x-base code,.admin-x-base kbd,.admin-x-base samp,.admin-x-base pre{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}.admin-x-base small{font-size:80%}.admin-x-base sub,.admin-x-base sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.admin-x-base sub{bottom:-.25em}.admin-x-base sup{top:-.5em}.admin-x-base table{text-indent:0;border-color:inherit;border-collapse:collapse;margin:0;width:auto;max-width:auto}.admin-x-base table td,.admin-x-base table th{padding:unset;vertical-align:middle;text-align:left;line-height:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.admin-x-base button,.admin-x-base input,.admin-x-base optgroup,.admin-x-base select,.admin-x-base textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;outline:none}.admin-x-base button,.admin-x-base select{text-transform:none;letter-spacing:inherit;border-radius:inherit;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;background:unset}.admin-x-base button,.admin-x-base [type=reset],.admin-x-base [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.admin-x-base :-moz-focusring{outline:none}.admin-x-base :-moz-ui-invalid{box-shadow:none}.admin-x-base progress{vertical-align:baseline}.admin-x-base ::-webkit-inner-spin-button,.admin-x-base ::-webkit-outer-spin-button{height:auto}.admin-x-base [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.admin-x-base ::-webkit-search-decoration{-webkit-appearance:none}.admin-x-base ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.admin-x-base summary{display:list-item}.admin-x-base blockquote,.admin-x-base dl,.admin-x-base dd,.admin-x-base h1,.admin-x-base h2,.admin-x-base h3,.admin-x-base h4,.admin-x-base h5,.admin-x-base h6,.admin-x-base hr,.admin-x-base figure,.admin-x-base p,.admin-x-base pre{margin:0}.admin-x-base fieldset{margin:0;padding:0}.admin-x-base legend{padding:0}.admin-x-base ol,.admin-x-base ul,.admin-x-base menu{list-style:none;margin:0;padding:0}.admin-x-base li{margin:unset;line-height:unset}.admin-x-base textarea{resize:vertical}.admin-x-base input::-moz-placeholder,.admin-x-base textarea::-moz-placeholder{opacity:1;--tw-text-opacity: 1;color:rgb(174 183 193 / var(--tw-text-opacity))}.admin-x-base input::placeholder,.admin-x-base textarea::placeholder{opacity:1;--tw-text-opacity: 1;color:rgb(174 183 193 / var(--tw-text-opacity))}.admin-x-base button:focus-visible,.admin-x-base input:focus-visible{outline:none}.admin-x-base img,.admin-x-base svg,.admin-x-base video,.admin-x-base canvas,.admin-x-base audio,.admin-x-base iframe,.admin-x-base embed,.admin-x-base object{display:block;vertical-align:middle}.admin-x-base img,.admin-x-base video{max-width:100%;height:auto}@font-face{font-family:Inter;src:local("Inter") format("truetype-variations");font-weight:100 900}.admin-x-base{font-family:Inter,-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.4rem;line-height:1.5;--tw-text-opacity: 1;color:rgb(21 23 26 / var(--tw-text-opacity))}.admin-x-base h1,.admin-x-base h2,.admin-x-base h3,.admin-x-base h4,.admin-x-base h5{font-weight:700;line-height:1.25em;letter-spacing:-.025em}.admin-x-base h1{font-size:3.6rem;line-height:1.1em}.admin-x-base h2{font-size:2.4rem}.admin-x-base h3{font-size:2rem}.admin-x-base h4{font-size:1.65rem}.admin-x-base h5{font-size:1.4rem;line-height:1.1em}.admin-x-base h6{font-size:1.4rem;line-height:1.5}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(20 184 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(20 184 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 480px){.container{max-width:480px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 860px){.container{max-width:860px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1320px){.container{max-width:1320px}}.admin-x-demo :is(.sr-only){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.admin-x-demo :is(.pointer-events-none){pointer-events:none}.admin-x-demo :is(.visible){visibility:visible}.admin-x-demo :is(.invisible){visibility:hidden}.admin-x-demo :is(.static){position:static}.admin-x-demo :is(.fixed){position:fixed}.admin-x-demo :is(.absolute){position:absolute}.admin-x-demo :is(.relative){position:relative}.admin-x-demo :is(.sticky){position:sticky}.admin-x-demo :is(.inset-0){inset:0px}.admin-x-demo :is(.inset-1){inset:.4rem}.admin-x-demo :is(.inset-\\[3px\\]){inset:3px}.admin-x-demo :is(.-inset-x-10){left:-4rem;right:-4rem}.admin-x-demo :is(.-inset-x-8){left:-3.2rem;right:-3.2rem}.admin-x-demo :is(.inset-x-0){left:0px;right:0px}.admin-x-demo :is(.inset-y-0){top:0px;bottom:0px}.admin-x-demo :is(.-top-10){top:-4rem}.admin-x-demo :is(.bottom-0){bottom:0px}.admin-x-demo :is(.bottom-\\[-24px\\]){bottom:-24px}.admin-x-demo :is(.left-0){left:0px}.admin-x-demo :is(.left-1\\/2){left:50%}.admin-x-demo :is(.left-2){left:.8rem}.admin-x-demo :is(.left-5){left:2rem}.admin-x-demo :is(.left-\\[3px\\]){left:3px}.admin-x-demo :is(.right-0){right:0px}.admin-x-demo :is(.right-1){right:.4rem}.admin-x-demo :is(.right-16){right:6.4rem}.admin-x-demo :is(.right-2){right:.8rem}.admin-x-demo :is(.right-3){right:1.2rem}.admin-x-demo :is(.right-4){right:1.6rem}.admin-x-demo :is(.right-5){right:2rem}.admin-x-demo :is(.right-6){right:2.4rem}.admin-x-demo :is(.right-\\[14px\\]){right:14px}.admin-x-demo :is(.right-\\[400px\\]){right:400px}.admin-x-demo :is(.top-0){top:0px}.admin-x-demo :is(.top-22){top:9.2rem}.admin-x-demo :is(.top-4){top:1.6rem}.admin-x-demo :is(.top-6){top:2.4rem}.admin-x-demo :is(.top-\\[13px\\]){top:13px}.admin-x-demo :is(.top-\\[14px\\]){top:14px}.admin-x-demo :is(.top-\\[3px\\]){top:3px}.admin-x-demo :is(.top-\\[74px\\]){top:74px}.admin-x-demo :is(.top-\\[9px\\]){top:9px}.admin-x-demo :is(.z-0){z-index:0}.admin-x-demo :is(.z-10){z-index:10}.admin-x-demo :is(.z-20){z-index:20}.admin-x-demo :is(.z-40){z-index:40}.admin-x-demo :is(.z-50){z-index:50}.admin-x-demo :is(.z-\\[10000\\]){z-index:10000}.admin-x-demo :is(.z-\\[1000\\]){z-index:1000}.admin-x-demo :is(.z-\\[1\\]){z-index:1}.admin-x-demo :is(.z-\\[200\\]){z-index:200}.admin-x-demo :is(.z-\\[297\\]){z-index:297}.admin-x-demo :is(.z-\\[298\\]){z-index:298}.admin-x-demo :is(.z-\\[299\\]){z-index:299}.admin-x-demo :is(.z-\\[300\\]){z-index:300}.admin-x-demo :is(.z-\\[90\\]){z-index:90}.admin-x-demo :is(.z-\\[9999\\]){z-index:9999}.admin-x-demo :is(.order-1){order:1}.admin-x-demo :is(.order-2){order:2}.admin-x-demo :is(.order-3){order:3}.admin-x-demo :is(.col-span-3){grid-column:span 3 / span 3}.admin-x-demo :is(.float-left){float:left}.admin-x-demo :is(.-m-1){margin:-.4rem}.admin-x-demo :is(.-m-2){margin:-.8rem}.admin-x-demo :is(.m-0){margin:0}.admin-x-demo :is(.-mx-1){margin-left:-.4rem;margin-right:-.4rem}.admin-x-demo :is(.mx-0){margin-left:0;margin-right:0}.admin-x-demo :is(.mx-1){margin-left:.4rem;margin-right:.4rem}.admin-x-demo :is(.mx-2){margin-left:.8rem;margin-right:.8rem}.admin-x-demo :is(.mx-\\[4vw\\]){margin-left:4vw;margin-right:4vw}.admin-x-demo :is(.mx-auto){margin-left:auto;margin-right:auto}.admin-x-demo :is(.my-0){margin-top:0;margin-bottom:0}.admin-x-demo :is(.my-10){margin-top:4rem;margin-bottom:4rem}.admin-x-demo :is(.my-\\[-0\\.5\\]){margin-top:-.5;margin-bottom:-.5}.admin-x-demo :is(.my-auto){margin-top:auto;margin-bottom:auto}.admin-x-demo :is(.\\!mr-0){margin-right:0!important}.admin-x-demo :is(.-mb-1){margin-bottom:-.4rem}.admin-x-demo :is(.-mb-2){margin-bottom:-.8rem}.admin-x-demo :is(.-mb-3){margin-bottom:-1.2rem}.admin-x-demo :is(.-mb-4){margin-bottom:-1.6rem}.admin-x-demo :is(.-ml-5){margin-left:-2rem}.admin-x-demo :is(.-mr-5){margin-right:-2rem}.admin-x-demo :is(.-mt-0){margin-top:-0px}.admin-x-demo :is(.-mt-0\\.5){margin-top:-.2rem}.admin-x-demo :is(.-mt-1){margin-top:-.4rem}.admin-x-demo :is(.-mt-2){margin-top:-.8rem}.admin-x-demo :is(.-mt-px){margin-top:-1px}.admin-x-demo :is(.mb-0){margin-bottom:0}.admin-x-demo :is(.mb-10){margin-bottom:4rem}.admin-x-demo :is(.mb-11){margin-bottom:4.4rem}.admin-x-demo :is(.mb-14){margin-bottom:5.6rem}.admin-x-demo :is(.mb-2){margin-bottom:.8rem}.admin-x-demo :is(.mb-3){margin-bottom:1.2rem}.admin-x-demo :is(.mb-4){margin-bottom:1.6rem}.admin-x-demo :is(.mb-5){margin-bottom:2rem}.admin-x-demo :is(.mb-7){margin-bottom:2.8rem}.admin-x-demo :is(.mb-8){margin-bottom:3.2rem}.admin-x-demo :is(.mb-\\[-24px\\]){margin-bottom:-24px}.admin-x-demo :is(.mb-\\[10vh\\]){margin-bottom:10vh}.admin-x-demo :is(.mb-px){margin-bottom:1px}.admin-x-demo :is(.ml-0){margin-left:0}.admin-x-demo :is(.ml-0\\.5){margin-left:.2rem}.admin-x-demo :is(.ml-1){margin-left:.4rem}.admin-x-demo :is(.ml-1\\.5){margin-left:.6rem}.admin-x-demo :is(.ml-2){margin-left:.8rem}.admin-x-demo :is(.ml-3){margin-left:1.2rem}.admin-x-demo :is(.mr-1){margin-right:.4rem}.admin-x-demo :is(.mr-1\\.5){margin-right:.6rem}.admin-x-demo :is(.mr-2){margin-right:.8rem}.admin-x-demo :is(.mr-6){margin-right:2.4rem}.admin-x-demo :is(.mr-\\[7px\\]){margin-right:7px}.admin-x-demo :is(.mt-0){margin-top:0}.admin-x-demo :is(.mt-0\\.5){margin-top:.2rem}.admin-x-demo :is(.mt-1){margin-top:.4rem}.admin-x-demo :is(.mt-1\\.5){margin-top:.6rem}.admin-x-demo :is(.mt-11){margin-top:4.4rem}.admin-x-demo :is(.mt-14){margin-top:5.6rem}.admin-x-demo :is(.mt-2){margin-top:.8rem}.admin-x-demo :is(.mt-3){margin-top:1.2rem}.admin-x-demo :is(.mt-4){margin-top:1.6rem}.admin-x-demo :is(.mt-5){margin-top:2rem}.admin-x-demo :is(.mt-7){margin-top:2.8rem}.admin-x-demo :is(.mt-\\[-1px\\]){margin-top:-1px}.admin-x-demo :is(.mt-\\[-2px\\]){margin-top:-2px}.admin-x-demo :is(.mt-\\[-3px\\]){margin-top:-3px}.admin-x-demo :is(.mt-\\[-5\\.5px\\]){margin-top:-5.5px}.admin-x-demo :is(.mt-\\[-5px\\]){margin-top:-5px}.admin-x-demo :is(.mt-\\[1px\\]){margin-top:1px}.admin-x-demo :is(.mt-\\[3px\\]){margin-top:3px}.admin-x-demo :is(.mt-\\[calc\\(-8vmin-4px\\)\\]){margin-top:calc(-8vmin - 4px)}.admin-x-demo :is(.box-border){box-sizing:border-box}.admin-x-demo :is(.line-clamp-1){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.admin-x-demo :is(.block){display:block}.admin-x-demo :is(.inline-block){display:inline-block}.admin-x-demo :is(.flex){display:flex}.admin-x-demo :is(.inline-flex){display:inline-flex}.admin-x-demo :is(.table){display:table}.admin-x-demo :is(.grid){display:grid}.admin-x-demo :is(.contents){display:contents}.admin-x-demo :is(.hidden){display:none}.admin-x-demo :is(.\\!h-3){height:1.2rem!important}.admin-x-demo :is(.h-10){height:4rem}.admin-x-demo :is(.h-12){height:4.8rem}.admin-x-demo :is(.h-16){height:6.4rem}.admin-x-demo :is(.h-2){height:.8rem}.admin-x-demo :is(.h-20){height:8rem}.admin-x-demo :is(.h-22){height:9.2rem}.admin-x-demo :is(.h-3){height:1.2rem}.admin-x-demo :is(.h-4){height:1.6rem}.admin-x-demo :is(.h-5){height:2rem}.admin-x-demo :is(.h-6){height:2.4rem}.admin-x-demo :is(.h-64){height:25.6rem}.admin-x-demo :is(.h-7){height:2.8rem}.admin-x-demo :is(.h-8){height:3.2rem}.admin-x-demo :is(.h-9){height:3.6rem}.admin-x-demo :is(.h-\\[100vh\\]){height:100vh}.admin-x-demo :is(.h-\\[10px\\]){height:10px}.admin-x-demo :is(.h-\\[16px\\]){height:16px}.admin-x-demo :is(.h-\\[18px\\]){height:18px}.admin-x-demo :is(.h-\\[20px\\]){height:20px}.admin-x-demo :is(.h-\\[24px\\]){height:24px}.admin-x-demo :is(.h-\\[32px\\]){height:32px}.admin-x-demo :is(.h-\\[34px\\]){height:34px}.admin-x-demo :is(.h-\\[38px\\]){height:38px}.admin-x-demo :is(.h-\\[40vh\\]){height:40vh}.admin-x-demo :is(.h-\\[48px\\]){height:48px}.admin-x-demo :is(.h-\\[50px\\]){height:50px}.admin-x-demo :is(.h-\\[6px\\]){height:6px}.admin-x-demo :is(.h-\\[74px\\]){height:74px}.admin-x-demo :is(.h-\\[775px\\]){height:775px}.admin-x-demo :is(.h-\\[96px\\]){height:96px}.admin-x-demo :is(.h-full){height:100%}.admin-x-demo :is(.h-px){height:1px}.admin-x-demo :is(.max-h-\\[100\\%\\]){max-height:100%}.admin-x-demo :is(.max-h-\\[82px\\]){max-height:82px}.admin-x-demo :is(.max-h-\\[calc\\(100\\%-38px\\)\\]){max-height:calc(100% - 38px)}.admin-x-demo :is(.max-h-full){max-height:100%}.admin-x-demo :is(.min-h-\\[20vh\\]){min-height:20vh}.admin-x-demo :is(.min-h-\\[32px\\]){min-height:32px}.admin-x-demo :is(.min-h-\\[36px\\]){min-height:36px}.admin-x-demo :is(.min-h-\\[40px\\]){min-height:40px}.admin-x-demo :is(.min-h-\\[92px\\]){min-height:92px}.admin-x-demo :is(.\\!w-3){width:1.2rem!important}.admin-x-demo :is(.w-0){width:0px}.admin-x-demo :is(.w-10){width:4rem}.admin-x-demo :is(.w-12){width:4.8rem}.admin-x-demo :is(.w-16){width:6.4rem}.admin-x-demo :is(.w-2){width:.8rem}.admin-x-demo :is(.w-20){width:8rem}.admin-x-demo :is(.w-3){width:1.2rem}.admin-x-demo :is(.w-4){width:1.6rem}.admin-x-demo :is(.w-5){width:2rem}.admin-x-demo :is(.w-6){width:2.4rem}.admin-x-demo :is(.w-7){width:2.8rem}.admin-x-demo :is(.w-8){width:3.2rem}.admin-x-demo :is(.w-\\[1\\%\\]){width:1%}.admin-x-demo :is(.w-\\[100vw\\]){width:100vw}.admin-x-demo :is(.w-\\[10px\\]){width:10px}.admin-x-demo :is(.w-\\[136\\%\\]){width:136%}.admin-x-demo :is(.w-\\[16px\\]){width:16px}.admin-x-demo :is(.w-\\[18px\\]){width:18px}.admin-x-demo :is(.w-\\[20px\\]){width:20px}.admin-x-demo :is(.w-\\[300px\\]){width:300px}.admin-x-demo :is(.w-\\[380px\\]){width:380px}.admin-x-demo :is(.w-\\[50px\\]){width:50px}.admin-x-demo :is(.w-\\[6px\\]){width:6px}.admin-x-demo :is(.w-full){width:100%}.admin-x-demo :is(.min-w-\\[160px\\]){min-width:160px}.admin-x-demo :is(.min-w-\\[16px\\]){min-width:16px}.admin-x-demo :is(.min-w-\\[28px\\]){min-width:28px}.admin-x-demo :is(.min-w-\\[80px\\]){min-width:80px}.admin-x-demo :is(.min-w-full){min-width:100%}.admin-x-demo :is(.max-w-7xl){max-width:132rem}.admin-x-demo :is(.max-w-\\[1020px\\]){max-width:1020px}.admin-x-demo :is(.max-w-\\[1240px\\]){max-width:1240px}.admin-x-demo :is(.max-w-\\[480px\\]){max-width:480px}.admin-x-demo :is(.max-w-\\[520px\\]){max-width:520px}.admin-x-demo :is(.max-w-\\[720px\\]){max-width:720px}.admin-x-demo :is(.max-w-full){max-width:100%}.admin-x-demo :is(.max-w-lg){max-width:51.2rem}.admin-x-demo :is(.flex-1){flex:1 1 0%}.admin-x-demo :is(.flex-auto){flex:1 1 auto}.admin-x-demo :is(.shrink-0){flex-shrink:0}.admin-x-demo :is(.grow){flex-grow:1}.admin-x-demo :is(.basis-1\\/2){flex-basis:50%}.admin-x-demo :is(.basis-1\\/3){flex-basis:33.333333%}.admin-x-demo :is(.table-fixed){table-layout:fixed}.admin-x-demo :is(.origin-left){transform-origin:left}.admin-x-demo :is(.origin-top-right){transform-origin:top right}.admin-x-demo :is(.-translate-x-1\\/2){--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.admin-x-demo :is(.-translate-y-full){--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.admin-x-demo :is(.rotate-45){--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.admin-x-demo :is(.transform){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes modalIn{0%{transform:translateY(32px)}to{transform:translateY(0)}}.admin-x-demo :is(.animate-modal-in){animation:modalIn .25s ease forwards}@keyframes modalInReverse{0%{transform:translateY(-32px)}to{transform:translateY(0)}}.admin-x-demo :is(.animate-modal-in-reverse){animation:modalInReverse .25s ease forwards}@keyframes spin{to{transform:rotate(360deg)}0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-x-demo :is(.animate-spin){animation:spin 1s linear infinite}@keyframes toasterIn{0.00%{opacity:0;transform:translate(-232.05px)}26.52%{opacity:.5;transform:translate(5.9px)}63.26%{opacity:1;transform:translate(-1.77px)}100.00%{transform:translate(0)}}.admin-x-demo :is(.animate-toaster-in){animation:toasterIn .8s cubic-bezier(.445,.05,.55,.95)}@keyframes toasterOut{0%{opacity:1}to{opacity:0}}.admin-x-demo :is(.animate-toaster-out){animation:toasterOut .4s 0s 1 ease forwards}@keyframes toasterTopIn{0.00%{opacity:0;transform:translateY(-82px)}26.52%{opacity:.5;transform:translateY(5.9px)}63.26%{opacity:1;transform:translateY(-1.77px)}100.00%{transform:translateY(0)}}.admin-x-demo :is(.animate-toaster-top-in){animation:toasterTopIn .8s cubic-bezier(.445,.05,.55,.95)}.admin-x-demo :is(.cursor-default){cursor:default}.admin-x-demo :is(.cursor-grab){cursor:grab}.admin-x-demo :is(.cursor-grabbing){cursor:grabbing}.admin-x-demo :is(.cursor-not-allowed){cursor:not-allowed}.admin-x-demo :is(.cursor-pointer){cursor:pointer}.admin-x-demo :is(.cursor-text){cursor:text}.admin-x-demo :is(.select-none){-webkit-user-select:none;-moz-user-select:none;user-select:none}.admin-x-demo :is(.resize-none){resize:none}.admin-x-demo :is(.resize-y){resize:vertical}.admin-x-demo :is(.resize-x){resize:horizontal}.admin-x-demo :is(.resize){resize:both}.admin-x-demo :is(.appearance-none){-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-x-demo :is(.grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}.admin-x-demo :is(.grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}.admin-x-demo :is(.grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}.admin-x-demo :is(.grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}.admin-x-demo :is(.flex-row-reverse){flex-direction:row-reverse}.admin-x-demo :is(.flex-col){flex-direction:column}.admin-x-demo :is(.flex-col-reverse){flex-direction:column-reverse}.admin-x-demo :is(.items-start){align-items:flex-start}.admin-x-demo :is(.items-end){align-items:flex-end}.admin-x-demo :is(.items-center){align-items:center}.admin-x-demo :is(.items-baseline){align-items:baseline}.admin-x-demo :is(.items-stretch){align-items:stretch}.admin-x-demo :is(.justify-start){justify-content:flex-start}.admin-x-demo :is(.justify-end){justify-content:flex-end}.admin-x-demo :is(.justify-center){justify-content:center}.admin-x-demo :is(.justify-between){justify-content:space-between}.admin-x-demo :is(.justify-stretch){justify-content:stretch}.admin-x-demo :is(.gap-1){gap:.4rem}.admin-x-demo :is(.gap-1\\.5){gap:.6rem}.admin-x-demo :is(.gap-10){gap:4rem}.admin-x-demo :is(.gap-11){gap:4.4rem}.admin-x-demo :is(.gap-12){gap:4.8rem}.admin-x-demo :is(.gap-2){gap:.8rem}.admin-x-demo :is(.gap-3){gap:1.2rem}.admin-x-demo :is(.gap-4){gap:1.6rem}.admin-x-demo :is(.gap-5){gap:2rem}.admin-x-demo :is(.gap-6){gap:2.4rem}.admin-x-demo :is(.gap-7){gap:2.8rem}.admin-x-demo :is(.gap-8){gap:3.2rem}.admin-x-demo :is(.gap-\\[5px\\]){gap:5px}.admin-x-demo :is(.gap-x-5){-moz-column-gap:2rem;column-gap:2rem}.admin-x-demo :is(.gap-x-8){-moz-column-gap:3.2rem;column-gap:3.2rem}.admin-x-demo :is(.gap-y-6){row-gap:2.4rem}.admin-x-demo :is(.gap-y-7){row-gap:2.8rem}.admin-x-demo :is(.overflow-auto){overflow:auto}.admin-x-demo :is(.overflow-hidden){overflow:hidden}.admin-x-demo :is(.overflow-x-auto){overflow-x:auto}.admin-x-demo :is(.overflow-y-auto){overflow-y:auto}.admin-x-demo :is(.overflow-x-hidden){overflow-x:hidden}.admin-x-demo :is(.overflow-y-hidden){overflow-y:hidden}.admin-x-demo :is(.truncate){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-x-demo :is(.whitespace-nowrap){white-space:nowrap}.admin-x-demo :is(.rounded){border-radius:.4rem}.admin-x-demo :is(.rounded-2xl){border-radius:1.6rem}.admin-x-demo :is(.rounded-3xl){border-radius:2.4rem}.admin-x-demo :is(.rounded-\\[2\\.5px\\]){border-radius:2.5px}.admin-x-demo :is(.rounded-full){border-radius:9999px}.admin-x-demo :is(.rounded-lg){border-radius:.7rem}.admin-x-demo :is(.rounded-md){border-radius:.6rem}.admin-x-demo :is(.rounded-sm){border-radius:.3rem}.admin-x-demo :is(.rounded-xl){border-radius:1.2rem}.admin-x-demo :is(.rounded-b){border-bottom-right-radius:.4rem;border-bottom-left-radius:.4rem}.admin-x-demo :is(.rounded-l-lg){border-top-left-radius:.7rem;border-bottom-left-radius:.7rem}.admin-x-demo :is(.rounded-r-lg){border-top-right-radius:.7rem;border-bottom-right-radius:.7rem}.admin-x-demo :is(.rounded-t-\\[4px\\]){border-top-left-radius:4px;border-top-right-radius:4px}.admin-x-demo :is(.border){border-width:1px}.admin-x-demo :is(.border-2){border-width:2px}.admin-x-demo :is(.border-\\[1px\\]){border-width:1px}.admin-x-demo :is(.border-y){border-top-width:1px;border-bottom-width:1px}.admin-x-demo :is(.border-b){border-bottom-width:1px}.admin-x-demo :is(.border-b-\\[3px\\]){border-bottom-width:3px}.admin-x-demo :is(.border-l){border-left-width:1px}.admin-x-demo :is(.border-l-0){border-left-width:0px}.admin-x-demo :is(.border-r){border-right-width:1px}.admin-x-demo :is(.border-t){border-top-width:1px}.admin-x-demo :is(.border-t-0){border-top-width:0px}.admin-x-demo :is(.border-solid){border-style:solid}.admin-x-demo :is(.border-dashed){border-style:dashed}.admin-x-demo :is(.border-none){border-style:none}.admin-x-demo :is(.border-black){--tw-border-opacity: 1;border-color:rgb(21 23 26 / var(--tw-border-opacity))}.admin-x-demo :is(.border-black\\/10){border-color:#15171a1a}.admin-x-demo :is(.border-grey-100){--tw-border-opacity: 1;border-color:rgb(244 245 246 / var(--tw-border-opacity))}.admin-x-demo :is(.border-grey-200){--tw-border-opacity: 1;border-color:rgb(235 238 240 / var(--tw-border-opacity))}.admin-x-demo :is(.border-grey-250){--tw-border-opacity: 1;border-color:rgb(229 233 237 / var(--tw-border-opacity))}.admin-x-demo :is(.border-grey-300){--tw-border-opacity: 1;border-color:rgb(221 225 229 / var(--tw-border-opacity))}.admin-x-demo :is(.border-grey-400){--tw-border-opacity: 1;border-color:rgb(206 212 217 / var(--tw-border-opacity))}.admin-x-demo :is(.border-grey-400\\/25){border-color:#ced4d940}.admin-x-demo :is(.border-grey-500){--tw-border-opacity: 1;border-color:rgb(174 183 193 / var(--tw-border-opacity))}.admin-x-demo :is(.border-grey-900){--tw-border-opacity: 1;border-color:rgb(57 64 71 / var(--tw-border-opacity))}.admin-x-demo :is(.border-red){--tw-border-opacity: 1;border-color:rgb(245 11 35 / var(--tw-border-opacity))}.admin-x-demo :is(.border-transparent){border-color:transparent}.admin-x-demo :is(.border-white){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.admin-x-demo :is(.border-white\\/20){border-color:#fff3}.admin-x-demo :is(.border-b-grey-200){--tw-border-opacity: 1;border-bottom-color:rgb(235 238 240 / var(--tw-border-opacity))}.admin-x-demo :is(.border-b-red){--tw-border-opacity: 1;border-bottom-color:rgb(245 11 35 / var(--tw-border-opacity))}.admin-x-demo :is(.bg-\\[\\#625BF6\\]){--tw-bg-opacity: 1;background-color:rgb(98 91 246 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-\\[rgba\\(0\\,0\\,0\\,0\\.75\\)\\]){background-color:#000000bf}.admin-x-demo :is(.bg-\\[rgba\\(255\\,255\\,255\\)\\]){--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.admin-x-demo :is(.bg-\\[rgba\\(98\\,109\\,121\\,0\\.08\\)\\]){background-color:#626d7914}.admin-x-demo :is(.bg-\\[rgba\\(98\\,109\\,121\\,0\\.2\\)\\]){background-color:#626d7933}.admin-x-demo :is(.bg-black){--tw-bg-opacity: 1;background-color:rgb(21 23 26 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-green){--tw-bg-opacity: 1;background-color:rgb(48 207 67 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-green-500){--tw-bg-opacity: 1;background-color:rgb(48 207 67 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-grey-100){--tw-bg-opacity: 1;background-color:rgb(244 245 246 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-grey-150){--tw-bg-opacity: 1;background-color:rgb(241 243 244 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-grey-200){--tw-bg-opacity: 1;background-color:rgb(235 238 240 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-grey-250){--tw-bg-opacity: 1;background-color:rgb(229 233 237 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-grey-300){--tw-bg-opacity: 1;background-color:rgb(221 225 229 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-grey-50){--tw-bg-opacity: 1;background-color:rgb(250 250 251 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-grey-500){--tw-bg-opacity: 1;background-color:rgb(174 183 193 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-grey-75){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-pink-500){--tw-bg-opacity: 1;background-color:rgb(251 45 141 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-red){--tw-bg-opacity: 1;background-color:rgb(245 11 35 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-transparent){background-color:transparent}.admin-x-demo :is(.bg-white){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.bg-\\[conic-gradient\\(hsl\\(360\\,100\\%\\,50\\%\\)\\,hsl\\(315\\,100\\%\\,50\\%\\)\\,hsl\\(270\\,100\\%\\,50\\%\\)\\,hsl\\(225\\,100\\%\\,50\\%\\)\\,hsl\\(180\\,100\\%\\,50\\%\\)\\,hsl\\(135\\,100\\%\\,50\\%\\)\\,hsl\\(90\\,100\\%\\,50\\%\\)\\,hsl\\(45\\,100\\%\\,50\\%\\)\\,hsl\\(0\\,100\\%\\,50\\%\\)\\)\\]){background-image:conic-gradient(hsl(360,100%,50%),hsl(315,100%,50%),hsl(270,100%,50%),hsl(225,100%,50%),hsl(180,100%,50%),hsl(135,100%,50%),hsl(90,100%,50%),hsl(45,100%,50%),hsl(0,100%,50%))}.admin-x-demo :is(.bg-gradient-to-t){background-image:linear-gradient(to top,var(--tw-gradient-stops))}.admin-x-demo :is(.bg-gradient-to-tr){background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.admin-x-demo :is(.from-transparent){--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.admin-x-demo :is(.from-white){--tw-gradient-from: #FFF var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.admin-x-demo :is(.via-white){--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #FFF var(--tw-gradient-via-position), var(--tw-gradient-to)}.admin-x-demo :is(.via-20\\%){--tw-gradient-via-position: 20%}.admin-x-demo :is(.to-\\[\\#f9f9fa\\]){--tw-gradient-to: #f9f9fa var(--tw-gradient-to-position)}.admin-x-demo :is(.to-white){--tw-gradient-to: #FFF var(--tw-gradient-to-position)}.admin-x-demo :is(.stroke-\\[1px\\]){stroke-width:1px}.admin-x-demo :is(.object-contain){-o-object-fit:contain;object-fit:contain}.admin-x-demo :is(.object-cover){-o-object-fit:cover;object-fit:cover}.admin-x-demo :is(.object-fill){-o-object-fit:fill;object-fit:fill}.admin-x-demo :is(.object-scale-down){-o-object-fit:scale-down;object-fit:scale-down}.admin-x-demo :is(.p-0){padding:0}.admin-x-demo :is(.p-1){padding:.4rem}.admin-x-demo :is(.p-10){padding:4rem}.admin-x-demo :is(.p-2){padding:.8rem}.admin-x-demo :is(.p-3){padding:1.2rem}.admin-x-demo :is(.p-4){padding:1.6rem}.admin-x-demo :is(.p-5){padding:2rem}.admin-x-demo :is(.p-7){padding:2.8rem}.admin-x-demo :is(.p-8){padding:3.2rem}.admin-x-demo :is(.p-\\[1px\\]){padding:1px}.admin-x-demo :is(.p-\\[8vmin\\]){padding:8vmin}.admin-x-demo :is(.\\!py-2){padding-top:.8rem!important;padding-bottom:.8rem!important}.admin-x-demo :is(.\\!py-3){padding-top:1.2rem!important;padding-bottom:1.2rem!important}.admin-x-demo :is(.px-1){padding-left:.4rem;padding-right:.4rem}.admin-x-demo :is(.px-1\\.5){padding-left:.6rem;padding-right:.6rem}.admin-x-demo :is(.px-2){padding-left:.8rem;padding-right:.8rem}.admin-x-demo :is(.px-3){padding-left:1.2rem;padding-right:1.2rem}.admin-x-demo :is(.px-4){padding-left:1.6rem;padding-right:1.6rem}.admin-x-demo :is(.px-5){padding-left:2rem;padding-right:2rem}.admin-x-demo :is(.px-6){padding-left:2.4rem;padding-right:2.4rem}.admin-x-demo :is(.px-7){padding-left:2.8rem;padding-right:2.8rem}.admin-x-demo :is(.px-8){padding-left:3.2rem;padding-right:3.2rem}.admin-x-demo :is(.px-\\[10px\\]){padding-left:10px;padding-right:10px}.admin-x-demo :is(.px-\\[4vw\\]){padding-left:4vw;padding-right:4vw}.admin-x-demo :is(.py-0){padding-top:0;padding-bottom:0}.admin-x-demo :is(.py-0\\.5){padding-top:.2rem;padding-bottom:.2rem}.admin-x-demo :is(.py-1){padding-top:.4rem;padding-bottom:.4rem}.admin-x-demo :is(.py-1\\.5){padding-top:.6rem;padding-bottom:.6rem}.admin-x-demo :is(.py-2){padding-top:.8rem;padding-bottom:.8rem}.admin-x-demo :is(.py-3){padding-top:1.2rem;padding-bottom:1.2rem}.admin-x-demo :is(.py-4){padding-top:1.6rem;padding-bottom:1.6rem}.admin-x-demo :is(.py-5){padding-top:2rem;padding-bottom:2rem}.admin-x-demo :is(.py-6){padding-top:2.4rem;padding-bottom:2.4rem}.admin-x-demo :is(.py-8){padding-top:3.2rem;padding-bottom:3.2rem}.admin-x-demo :is(.py-\\[2px\\]){padding-top:2px;padding-bottom:2px}.admin-x-demo :is(.py-\\[6px\\]){padding-top:6px;padding-bottom:6px}.admin-x-demo :is(.py-\\[7px\\]){padding-top:7px;padding-bottom:7px}.admin-x-demo :is(.py-\\[9px\\]){padding-top:9px;padding-bottom:9px}.admin-x-demo :is(.py-px){padding-top:1px;padding-bottom:1px}.admin-x-demo :is(.\\!pb-4){padding-bottom:1.6rem!important}.admin-x-demo :is(.\\!pl-0){padding-left:0!important}.admin-x-demo :is(.\\!pr-6){padding-right:2.4rem!important}.admin-x-demo :is(.pb-0){padding-bottom:0}.admin-x-demo :is(.pb-1){padding-bottom:.4rem}.admin-x-demo :is(.pb-10){padding-bottom:4rem}.admin-x-demo :is(.pb-2){padding-bottom:.8rem}.admin-x-demo :is(.pb-3){padding-bottom:1.2rem}.admin-x-demo :is(.pb-5){padding-bottom:2rem}.admin-x-demo :is(.pl-2){padding-left:.8rem}.admin-x-demo :is(.pl-3){padding-left:1.2rem}.admin-x-demo :is(.pl-5){padding-left:2rem}.admin-x-demo :is(.pl-6){padding-left:2.4rem}.admin-x-demo :is(.pr-1){padding-right:.4rem}.admin-x-demo :is(.pr-10){padding-right:4rem}.admin-x-demo :is(.pr-12){padding-right:4.8rem}.admin-x-demo :is(.pr-2){padding-right:.8rem}.admin-x-demo :is(.pr-3){padding-right:1.2rem}.admin-x-demo :is(.pr-4){padding-right:1.6rem}.admin-x-demo :is(.pr-5){padding-right:2rem}.admin-x-demo :is(.pr-6){padding-right:2.4rem}.admin-x-demo :is(.pt-0){padding-top:0}.admin-x-demo :is(.pt-10){padding-top:4rem}.admin-x-demo :is(.pt-2){padding-top:.8rem}.admin-x-demo :is(.pt-5){padding-top:2rem}.admin-x-demo :is(.pt-8){padding-top:3.2rem}.admin-x-demo :is(.pt-9){padding-top:3.6rem}.admin-x-demo :is(.pt-\\[3vmin\\]){padding-top:3vmin}.admin-x-demo :is(.pt-\\[calc\\(8vmin-4px\\)\\]){padding-top:calc(8vmin - 4px)}.admin-x-demo :is(.text-left){text-align:left}.admin-x-demo :is(.text-center){text-align:center}.admin-x-demo :is(.text-right){text-align:right}.admin-x-demo :is(.align-top){vertical-align:top}.admin-x-demo :is(.align-bottom){vertical-align:bottom}.admin-x-demo :is(.font-mono){font-family:Consolas,Liberation Mono,Menlo,Courier,monospace}.admin-x-demo :is(.text-2xl){font-size:2.4rem}.admin-x-demo :is(.text-2xs){font-size:1rem}.admin-x-demo :is(.text-3xl){font-size:3.2rem}.admin-x-demo :is(.text-4xl){font-size:3.6rem}.admin-x-demo :is(.text-\\[1\\.425rem\\]){font-size:1.425rem}.admin-x-demo :is(.text-\\[10px\\]){font-size:10px}.admin-x-demo :is(.text-\\[14px\\]){font-size:14px}.admin-x-demo :is(.text-base){font-size:1.4rem}.admin-x-demo :is(.text-lg){font-size:1.65rem}.admin-x-demo :is(.text-md){font-size:1.4rem}.admin-x-demo :is(.text-sm){font-size:1.32rem}.admin-x-demo :is(.text-xl){font-size:2rem}.admin-x-demo :is(.text-xs){font-size:1.2rem}.admin-x-demo :is(.font-bold){font-weight:700}.admin-x-demo :is(.font-medium){font-weight:500}.admin-x-demo :is(.font-normal){font-weight:400}.admin-x-demo :is(.font-semibold){font-weight:600}.admin-x-demo :is(.uppercase){text-transform:uppercase}.admin-x-demo :is(.leading-9){line-height:2.25rem}.admin-x-demo :is(.leading-none){line-height:1}.admin-x-demo :is(.leading-normal){line-height:1.5}.admin-x-demo :is(.leading-tighter){line-height:1.25em}.admin-x-demo :is(.tracking-normal){letter-spacing:0em}.admin-x-demo :is(.tracking-tighter){letter-spacing:-.05em}.admin-x-demo :is(.tracking-wide){letter-spacing:.025em}.admin-x-demo :is(.\\!text-grey-700){--tw-text-opacity: 1 !important;color:rgb(124 139 154 / var(--tw-text-opacity))!important}.admin-x-demo :is(.text-black){--tw-text-opacity: 1;color:rgb(21 23 26 / var(--tw-text-opacity))}.admin-x-demo :is(.text-blue){--tw-text-opacity: 1;color:rgb(20 184 255 / var(--tw-text-opacity))}.admin-x-demo :is(.text-green){--tw-text-opacity: 1;color:rgb(48 207 67 / var(--tw-text-opacity))}.admin-x-demo :is(.text-grey-300){--tw-text-opacity: 1;color:rgb(221 225 229 / var(--tw-text-opacity))}.admin-x-demo :is(.text-grey-400){--tw-text-opacity: 1;color:rgb(206 212 217 / var(--tw-text-opacity))}.admin-x-demo :is(.text-grey-500){--tw-text-opacity: 1;color:rgb(174 183 193 / var(--tw-text-opacity))}.admin-x-demo :is(.text-grey-600){--tw-text-opacity: 1;color:rgb(149 161 173 / var(--tw-text-opacity))}.admin-x-demo :is(.text-grey-700){--tw-text-opacity: 1;color:rgb(124 139 154 / var(--tw-text-opacity))}.admin-x-demo :is(.text-grey-800){--tw-text-opacity: 1;color:rgb(98 109 121 / var(--tw-text-opacity))}.admin-x-demo :is(.text-grey-900){--tw-text-opacity: 1;color:rgb(57 64 71 / var(--tw-text-opacity))}.admin-x-demo :is(.text-red){--tw-text-opacity: 1;color:rgb(245 11 35 / var(--tw-text-opacity))}.admin-x-demo :is(.text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.admin-x-demo :is(.text-yellow-600){--tw-text-opacity: 1;color:rgb(240 160 0 / var(--tw-text-opacity))}.admin-x-demo :is(.opacity-0){opacity:0}.admin-x-demo :is(.opacity-100){opacity:1}.admin-x-demo :is(.opacity-40){opacity:.4}.admin-x-demo :is(.opacity-50){opacity:.5}.admin-x-demo :is(.opacity-60){opacity:.6}.admin-x-demo :is(.opacity-75){opacity:.75}.admin-x-demo :is(.shadow){--tw-shadow: 0 0 1px rgba(0,0,0,.05), 0 5px 18px rgba(0,0,0,.08);--tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 5px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.shadow-\\[0_0_0_1px_rgba\\(0\\,0\\,0\\,\\.025\\)\\,0_-8px_16px_-3px_rgba\\(0\\,0\\,0\\,\\.08\\)\\]){--tw-shadow: 0 0 0 1px rgba(0,0,0,.025),0 -8px 16px -3px rgba(0,0,0,.08);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 -8px 16px -3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.shadow-lg){--tw-shadow: 0 0 7px rgba(0, 0, 0, .08), 0 2.1px 2.2px -5px rgba(0, 0, 0, .011), 0 5.1px 5.3px -5px rgba(0, 0, 0, .016), 0 9.5px 10px -5px rgba(0, 0, 0, .02), 0 17px 17.9px -5px rgba(0, 0, 0, .024), 0 31.8px 33.4px -5px rgba(0, 0, 0, .029), 0 76px 80px -5px rgba(0, 0, 0, .04);--tw-shadow-colored: 0 0 7px var(--tw-shadow-color), 0 2.1px 2.2px -5px var(--tw-shadow-color), 0 5.1px 5.3px -5px var(--tw-shadow-color), 0 9.5px 10px -5px var(--tw-shadow-color), 0 17px 17.9px -5px var(--tw-shadow-color), 0 31.8px 33.4px -5px var(--tw-shadow-color), 0 76px 80px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.shadow-md){--tw-shadow: 0 0 1px rgba(0,0,0,.12), 0 1px 6px rgba(0,0,0,.03), 0 8px 10px -8px rgba(0,0,0,.05), 0px 24px 37px -21px rgba(0, 0, 0, .05);--tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 1px 6px var(--tw-shadow-color), 0 8px 10px -8px var(--tw-shadow-color), 0px 24px 37px -21px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.shadow-sm){--tw-shadow: 0 0 1px rgba(0,0,0,.12), 0 1px 6px rgba(0,0,0,.03), 0 8px 10px -8px rgba(0,0,0,.1);--tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 1px 6px var(--tw-shadow-color), 0 8px 10px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.shadow-xl){--tw-shadow: 0 2.8px 2.2px rgba(0, 0, 0, .02), 0 6.7px 5.3px rgba(0, 0, 0, .028), 0 12.5px 10px rgba(0, 0, 0, .035), 0 22.3px 17.9px rgba(0, 0, 0, .042), 0 41.8px 33.4px rgba(0, 0, 0, .05), 0 100px 80px rgba(0, 0, 0, .07);--tw-shadow-colored: 0 2.8px 2.2px var(--tw-shadow-color), 0 6.7px 5.3px var(--tw-shadow-color), 0 12.5px 10px var(--tw-shadow-color), 0 22.3px 17.9px var(--tw-shadow-color), 0 41.8px 33.4px var(--tw-shadow-color), 0 100px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.outline-none){outline:2px solid transparent;outline-offset:2px}.admin-x-demo :is(.outline){outline-style:solid}.admin-x-demo :is(.outline-2){outline-width:2px}.admin-x-demo :is(.outline-green){outline-color:#30cf43}.admin-x-demo :is(.ring-1){--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.admin-x-demo :is(.ring-\\[rgba\\(0\\,0\\,0\\,0\\.01\\)\\]){--tw-ring-color: rgba(0,0,0,.01)}.admin-x-demo :is(.blur){--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.admin-x-demo :is(.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)}.admin-x-demo :is(.backdrop-blur-\\[3px\\]){--tw-backdrop-blur: blur(3px);-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)}.admin-x-demo :is(.transition){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.admin-x-demo :is(.transition-all){transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.admin-x-demo :is(.transition-colors){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.admin-x-demo :is(.transition-opacity){transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.admin-x-demo :is(.content-\\[\\'\\'\\]){--tw-content: "";content:var(--tw-content)}.admin-x-base{line-height:1.5;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;letter-spacing:unset;height:100vh;width:100%;overflow-x:hidden;overflow-y:auto}@media (max-width: 800px){.admin-x-base{height:calc(100vh - 55px)}}.admin-x-base.dark{color:#fafafb}.admin-x-base.dark .gh-loading-orb-container{background-color:#000}.admin-x-base.dark .gh-loading-orb{filter:invert(100%)}.admin-x-base .no-scrollbar::-webkit-scrollbar{display:none}.admin-x-base .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.gh-prose-links a{color:#30cf43}.admin-x-demo :is(.placeholder\\:text-grey-500)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(174 183 193 / var(--tw-text-opacity))}.admin-x-demo :is(.placeholder\\:text-grey-500)::placeholder{--tw-text-opacity: 1;color:rgb(174 183 193 / var(--tw-text-opacity))}.admin-x-demo :is(.before\\:z-10):before{content:var(--tw-content);z-index:10}.admin-x-demo :is(.before\\:mt-\\[10px\\]):before{content:var(--tw-content);margin-top:10px}.admin-x-demo :is(.before\\:mt-\\[13px\\]):before{content:var(--tw-content);margin-top:13px}.admin-x-demo :is(.before\\:mt-\\[7px\\]):before{content:var(--tw-content);margin-top:7px}.admin-x-demo :is(.before\\:block):before{content:var(--tw-content);display:block}.admin-x-demo :is(.before\\:h-\\[3px\\]):before{content:var(--tw-content);height:3px}.admin-x-demo :is(.before\\:h-\\[7px\\]):before{content:var(--tw-content);height:7px}.admin-x-demo :is(.before\\:w-\\[3px\\]):before{content:var(--tw-content);width:3px}.admin-x-demo :is(.before\\:w-\\[7px\\]):before{content:var(--tw-content);width:7px}.admin-x-demo :is(.before\\:rounded-full):before{content:var(--tw-content);border-radius:9999px}.admin-x-demo :is(.before\\:bg-black):before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(21 23 26 / var(--tw-bg-opacity))}.admin-x-demo :is(.before\\:bg-white):before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.before\\:content-\\[\\'\\'\\]):before{--tw-content: "";content:var(--tw-content)}.admin-x-demo :is(.after\\:pointer-events-none):after{content:var(--tw-content);pointer-events:none}.admin-x-demo :is(.after\\:invisible):after{content:var(--tw-content);visibility:hidden}.admin-x-demo :is(.after\\:absolute):after{content:var(--tw-content);position:absolute}.admin-x-demo :is(.after\\:inset-0):after{content:var(--tw-content);inset:0px}.admin-x-demo :is(.after\\:z-\\[1\\]):after{content:var(--tw-content);z-index:1}.admin-x-demo :is(.after\\:ml-0):after{content:var(--tw-content);margin-left:0}.admin-x-demo :is(.after\\:ml-0\\.5):after{content:var(--tw-content);margin-left:.2rem}.admin-x-demo :is(.after\\:mt-0):after{content:var(--tw-content);margin-top:0}.admin-x-demo :is(.after\\:mt-0\\.5):after{content:var(--tw-content);margin-top:.2rem}.admin-x-demo :is(.after\\:block):after{content:var(--tw-content);display:block}.admin-x-demo :is(.after\\:h-2):after{content:var(--tw-content);height:.8rem}.admin-x-demo :is(.after\\:h-3):after{content:var(--tw-content);height:1.2rem}.admin-x-demo :is(.after\\:h-4):after{content:var(--tw-content);height:1.6rem}.admin-x-demo :is(.after\\:h-px):after{content:var(--tw-content);height:1px}.admin-x-demo :is(.after\\:w-2):after{content:var(--tw-content);width:.8rem}.admin-x-demo :is(.after\\:w-3):after{content:var(--tw-content);width:1.2rem}.admin-x-demo :is(.after\\:w-4):after{content:var(--tw-content);width:1.6rem}.admin-x-demo :is(.after\\:overflow-hidden):after{content:var(--tw-content);overflow:hidden}.admin-x-demo :is(.after\\:rounded-full):after{content:var(--tw-content);border-radius:9999px}.admin-x-demo :is(.after\\:border-none):after{content:var(--tw-content);border-style:none}.admin-x-demo :is(.after\\:bg-blue):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(20 184 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.after\\:bg-green):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(48 207 67 / var(--tw-bg-opacity))}.admin-x-demo :is(.after\\:bg-grey-500):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(174 183 193 / var(--tw-bg-opacity))}.admin-x-demo :is(.after\\:bg-red):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(245 11 35 / var(--tw-bg-opacity))}.admin-x-demo :is(.after\\:bg-white):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.after\\:bg-yellow):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 180 31 / var(--tw-bg-opacity))}.admin-x-demo :is(.after\\:font-bold):after{content:var(--tw-content);font-weight:700}.admin-x-demo :is(.after\\:text-transparent):after{content:var(--tw-content);color:transparent}.admin-x-demo :is(.after\\:opacity-10):after{content:var(--tw-content);opacity:.1}.admin-x-demo :is(.after\\:transition-\\[background-color_0\\.2s\\,transform_0\\.2s\\]):after{content:var(--tw-content);transition-property:background-color .2s,transform .2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.admin-x-demo :is(.after\\:content-\\[\\'\\'\\]):after{--tw-content: "";content:var(--tw-content)}.admin-x-demo :is(.after\\:content-\\[attr\\(title\\)\\]):after{--tw-content: attr(title);content:var(--tw-content)}.admin-x-demo :is(.first\\:mt-0:first-child){margin-top:0}.admin-x-demo :is(.last-of-type\\:border-b-transparent:last-of-type){border-bottom-color:transparent}.admin-x-demo :is(.checked\\:border-black:checked){--tw-border-opacity: 1;border-color:rgb(21 23 26 / var(--tw-border-opacity))}.admin-x-demo :is(.checked\\:border-green:checked){--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.checked\\:bg-\\[\\#EC6803\\]:checked){--tw-bg-opacity: 1;background-color:rgb(236 104 3 / var(--tw-bg-opacity))}.admin-x-demo :is(.checked\\:bg-black:checked){--tw-bg-opacity: 1;background-color:rgb(21 23 26 / var(--tw-bg-opacity))}.admin-x-demo :is(.checked\\:bg-green:checked){--tw-bg-opacity: 1;background-color:rgb(48 207 67 / var(--tw-bg-opacity))}.admin-x-demo :is(.checked\\:after\\:absolute:checked):after{content:var(--tw-content);position:absolute}.admin-x-demo :is(.checked\\:after\\:left-1\\/2:checked):after{content:var(--tw-content);left:50%}.admin-x-demo :is(.checked\\:after\\:top-1\\/2:checked):after{content:var(--tw-content);top:50%}.admin-x-demo :is(.checked\\:after\\:-mt-px:checked):after{content:var(--tw-content);margin-top:-1px}.admin-x-demo :is(.checked\\:after\\:ml-\\[1\\.0rem\\]:checked):after{content:var(--tw-content);margin-left:1rem}.admin-x-demo :is(.checked\\:after\\:ml-\\[1\\.4rem\\]:checked):after{content:var(--tw-content);margin-left:1.4rem}.admin-x-demo :is(.checked\\:after\\:ml-\\[3px\\]:checked):after{content:var(--tw-content);margin-left:3px}.admin-x-demo :is(.checked\\:after\\:block:checked):after{content:var(--tw-content);display:block}.admin-x-demo :is(.checked\\:after\\:h-\\[0\\.625rem\\]:checked):after{content:var(--tw-content);height:.625rem}.admin-x-demo :is(.checked\\:after\\:h-\\[11px\\]:checked):after{content:var(--tw-content);height:11px}.admin-x-demo :is(.checked\\:after\\:w-\\[0\\.625rem\\]:checked):after{content:var(--tw-content);width:.625rem}.admin-x-demo :is(.checked\\:after\\:w-\\[6px\\]:checked):after{content:var(--tw-content);width:6px}.admin-x-demo :is(.checked\\:after\\:rotate-45:checked):after{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.admin-x-demo :is(.checked\\:after\\:rounded-full:checked):after{content:var(--tw-content);border-radius:9999px}.admin-x-demo :is(.checked\\:after\\:border-\\[2px\\]:checked):after{content:var(--tw-content);border-width:2px}.admin-x-demo :is(.checked\\:after\\:border-l-0:checked):after{content:var(--tw-content);border-left-width:0px}.admin-x-demo :is(.checked\\:after\\:border-t-0:checked):after{content:var(--tw-content);border-top-width:0px}.admin-x-demo :is(.checked\\:after\\:border-solid:checked):after{content:var(--tw-content);border-style:solid}.admin-x-demo :is(.checked\\:after\\:border-none:checked):after{content:var(--tw-content);border-style:none}.admin-x-demo :is(.checked\\:after\\:border-green:checked):after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.checked\\:after\\:border-white:checked):after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.admin-x-demo :is(.checked\\:after\\:bg-green:checked):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(48 207 67 / var(--tw-bg-opacity))}.admin-x-demo :is(.checked\\:after\\:bg-transparent:checked):after{content:var(--tw-content);background-color:transparent}.admin-x-demo :is(.checked\\:after\\:bg-white:checked):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.checked\\:after\\:transition-\\[background-color_0\\.2s\\,transform_0\\.2s\\]:checked):after{content:var(--tw-content);transition-property:background-color .2s,transform .2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.admin-x-demo :is(.checked\\:after\\:content-\\[\\'\\'\\]:checked):after{--tw-content: "";content:var(--tw-content)}.checked\\:after\\:\\[transform\\:translate\\(-50\\%\\,-50\\%\\)\\]:checked:after{content:var(--tw-content);transform:translate(-50%,-50%)}.admin-x-demo :is(.hover\\:cursor-pointer:hover){cursor:pointer}.admin-x-demo :is(.hover\\:\\!border-black:hover){--tw-border-opacity: 1 !important;border-color:rgb(21 23 26 / var(--tw-border-opacity))!important}.admin-x-demo :is(.hover\\:border-grey-200:hover){--tw-border-opacity: 1;border-color:rgb(235 238 240 / var(--tw-border-opacity))}.admin-x-demo :is(.hover\\:border-grey-500:hover){--tw-border-opacity: 1;border-color:rgb(174 183 193 / var(--tw-border-opacity))}.admin-x-demo :is(.hover\\:border-transparent:hover){border-color:transparent}.admin-x-demo :is(.hover\\:\\!bg-grey-300:hover){--tw-bg-opacity: 1 !important;background-color:rgb(221 225 229 / var(--tw-bg-opacity))!important}.admin-x-demo :is(.hover\\:bg-black:hover){--tw-bg-opacity: 1;background-color:rgb(21 23 26 / var(--tw-bg-opacity))}.admin-x-demo :is(.hover\\:bg-green-400:hover){--tw-bg-opacity: 1;background-color:rgb(88 218 103 / var(--tw-bg-opacity))}.admin-x-demo :is(.hover\\:bg-grey-100:hover){--tw-bg-opacity: 1;background-color:rgb(244 245 246 / var(--tw-bg-opacity))}.admin-x-demo :is(.hover\\:bg-grey-200:hover){--tw-bg-opacity: 1;background-color:rgb(235 238 240 / var(--tw-bg-opacity))}.admin-x-demo :is(.hover\\:bg-grey-300:hover){--tw-bg-opacity: 1;background-color:rgb(221 225 229 / var(--tw-bg-opacity))}.admin-x-demo :is(.hover\\:bg-grey-900:hover){--tw-bg-opacity: 1;background-color:rgb(57 64 71 / var(--tw-bg-opacity))}.admin-x-demo :is(.hover\\:bg-red-400:hover){--tw-bg-opacity: 1;background-color:rgb(249 57 76 / var(--tw-bg-opacity))}.admin-x-demo :is(.hover\\:bg-gradient-to-r:hover){background-image:linear-gradient(to right,var(--tw-gradient-stops))}.admin-x-demo :is(.hover\\:from-white:hover){--tw-gradient-from: #FFF var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.admin-x-demo :is(.hover\\:to-grey-50:hover){--tw-gradient-to: #FAFAFB var(--tw-gradient-to-position)}.admin-x-demo :is(.hover\\:text-black:hover){--tw-text-opacity: 1;color:rgb(21 23 26 / var(--tw-text-opacity))}.admin-x-demo :is(.hover\\:text-green-400:hover){--tw-text-opacity: 1;color:rgb(88 218 103 / var(--tw-text-opacity))}.admin-x-demo :is(.hover\\:text-grey-800:hover){--tw-text-opacity: 1;color:rgb(98 109 121 / var(--tw-text-opacity))}.admin-x-demo :is(.hover\\:text-red-400:hover){--tw-text-opacity: 1;color:rgb(249 57 76 / var(--tw-text-opacity))}.admin-x-demo :is(.hover\\:text-white:hover){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.admin-x-demo :is(.hover\\:opacity-100:hover){opacity:1}.admin-x-demo :is(.hover\\:opacity-90:hover){opacity:.9}.admin-x-demo :is(.hover\\:shadow-sm:hover){--tw-shadow: 0 0 1px rgba(0,0,0,.12), 0 1px 6px rgba(0,0,0,.03), 0 8px 10px -8px rgba(0,0,0,.1);--tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 1px 6px var(--tw-shadow-color), 0 8px 10px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.first-of-type\\:hover\\:border-t-transparent:hover:first-of-type){border-top-color:transparent}.admin-x-demo :is(.focus\\:border-green:focus){--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.focus\\:bg-grey-100:focus){--tw-bg-opacity: 1;background-color:rgb(244 245 246 / var(--tw-bg-opacity))}.admin-x-demo :is(.focus\\:bg-white:focus){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.focus\\:shadow-\\[0_0_0_1px_rgba\\(48\\,207\\,67\\,1\\)\\]:focus){--tw-shadow: 0 0 0 1px rgba(48,207,67,1);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.focus\\:shadow-\\[0_0_0_2px_rgba\\(48\\,207\\,67\\,0\\.25\\)\\]:focus){--tw-shadow: 0 0 0 2px rgba(48,207,67,.25);--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.focus\\:shadow-none:focus){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.focus\\:outline-none:focus){outline:2px solid transparent;outline-offset:2px}.admin-x-demo :is(.focus\\:ring-0:focus){--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.admin-x-demo :is(.focus\\:transition-\\[border-color_0\\.2s\\]:focus){transition-property:border-color .2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.admin-x-demo :is(.checked\\:focus\\:border-green:focus:checked){--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.enabled\\:hover\\:cursor-pointer:hover:enabled){cursor:pointer}.admin-x-demo :is(.disabled\\:opacity-40:disabled){opacity:.4}.admin-x-demo :is(.group\\/list-item:hover .group-hover\\/list-item\\:visible){visibility:visible}.admin-x-demo :is(.group\\/table-row:hover .group-hover\\/table-row\\:visible){visibility:visible}.admin-x-demo :is(.group:hover .group-hover\\:\\!visible){visibility:visible!important}.admin-x-demo :is(.group:hover .group-hover\\:border-grey-200){--tw-border-opacity: 1;border-color:rgb(235 238 240 / var(--tw-border-opacity))}.admin-x-demo :is(.group\\/tooltip:hover .group-hover\\/tooltip\\:opacity-100){opacity:1}.admin-x-demo :is(.group\\/view-container:hover .group-hover\\/view-container\\:opacity-100){opacity:1}.admin-x-demo :is(.group:hover .group-hover\\:opacity-100){opacity:1}.admin-x-demo :is(.group:hover .enabled\\:group-hover\\:opacity-80:enabled){opacity:.8}.admin-x-demo :is(.group\\/setting-group.is-not-editing .group-\\[\\.is-not-editing\\]\\/setting-group\\:\\!visible){visibility:visible!important}.admin-x-demo :is(.group\\/setting-group.is-not-editing .group-\\[\\.is-not-editing\\]\\/setting-group\\:\\!block){display:block!important}.admin-x-demo :is(.peer:hover~.peer-hover\\:bg-grey-100){--tw-bg-opacity: 1;background-color:rgb(244 245 246 / var(--tw-bg-opacity))}.admin-x-demo :is(.peer:hover~.peer-hover\\:bg-grey-50){--tw-bg-opacity: 1;background-color:rgb(250 250 251 / var(--tw-bg-opacity))}.admin-x-demo :is(.peer:focus~.peer-focus\\:border-green){--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.peer:focus~.peer-focus\\:bg-white){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.peer:focus~.peer-focus\\:\\!text-black){--tw-text-opacity: 1 !important;color:rgb(21 23 26 / var(--tw-text-opacity))!important}.admin-x-demo :is(.peer:focus~.peer-focus\\:shadow-\\[0_0_0_2px_rgba\\(48\\,207\\,67\\,\\.25\\)\\]){--tw-shadow: 0 0 0 2px rgba(48,207,67,.25);--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.has-\\[\\:focus\\]\\:border-green:has(:focus)){--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.has-\\[\\:focus\\]\\:bg-white:has(:focus)){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.has-\\[\\:focus\\]\\:shadow-\\[0_0_0_1px_rgba\\(48\\,207\\,67\\,1\\)\\]:has(:focus)){--tw-shadow: 0 0 0 1px rgba(48,207,67,1);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.admin-x-demo :is(.dark .dark\\:border){border-width:1px}.admin-x-demo :is(.dark .dark\\:border-black\\/10){border-color:#15171a1a}.admin-x-demo :is(.dark .dark\\:border-grey-400){--tw-border-opacity: 1;border-color:rgb(206 212 217 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:border-grey-600){--tw-border-opacity: 1;border-color:rgb(149 161 173 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:border-grey-800){--tw-border-opacity: 1;border-color:rgb(98 109 121 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:border-grey-900){--tw-border-opacity: 1;border-color:rgb(57 64 71 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:border-grey-925){--tw-border-opacity: 1;border-color:rgb(46 51 56 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:border-grey-950){--tw-border-opacity: 1;border-color:rgb(34 36 39 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:border-white){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:border-white\\/20){border-color:#fff3}.admin-x-demo :is(.dark .dark\\:border-b-grey-800){--tw-border-opacity: 1;border-bottom-color:rgb(98 109 121 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:bg-black){--tw-bg-opacity: 1;background-color:rgb(21 23 26 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:bg-grey-500){--tw-bg-opacity: 1;background-color:rgb(174 183 193 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:bg-grey-800){--tw-bg-opacity: 1;background-color:rgb(98 109 121 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:bg-grey-900){--tw-bg-opacity: 1;background-color:rgb(57 64 71 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:bg-grey-925){--tw-bg-opacity: 1;background-color:rgb(46 51 56 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:bg-grey-950){--tw-bg-opacity: 1;background-color:rgb(34 36 39 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:bg-white){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:from-grey-950){--tw-gradient-from: #222427 var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 36 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.admin-x-demo :is(.dark .dark\\:to-black){--tw-gradient-to: #15171A var(--tw-gradient-to-position)}.admin-x-demo :is(.dark .dark\\:text-black){--tw-text-opacity: 1;color:rgb(21 23 26 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-green){--tw-text-opacity: 1;color:rgb(48 207 67 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-green-500){--tw-text-opacity: 1;color:rgb(48 207 67 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-grey-300){--tw-text-opacity: 1;color:rgb(221 225 229 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-grey-400){--tw-text-opacity: 1;color:rgb(206 212 217 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-grey-500){--tw-text-opacity: 1;color:rgb(174 183 193 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-grey-600){--tw-text-opacity: 1;color:rgb(149 161 173 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-grey-800){--tw-text-opacity: 1;color:rgb(98 109 121 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-red-500){--tw-text-opacity: 1;color:rgb(245 11 35 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:selection\\:bg-\\[rgba\\(88\\,101\\,116\\,0\\.99\\)\\] *)::-moz-selection{background-color:#586574fc}.admin-x-demo :is(.dark .dark\\:selection\\:bg-\\[rgba\\(88\\,101\\,116\\,0\\.99\\)\\] *)::selection{background-color:#586574fc}.admin-x-demo :is(.dark .dark\\:selection\\:bg-\\[rgba\\(88\\,101\\,116\\,0\\.99\\)\\])::-moz-selection{background-color:#586574fc}.admin-x-demo :is(.dark .dark\\:selection\\:bg-\\[rgba\\(88\\,101\\,116\\,0\\.99\\)\\])::selection{background-color:#586574fc}.admin-x-demo :is(.dark .dark\\:placeholder\\:text-grey-700)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(124 139 154 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:placeholder\\:text-grey-700)::placeholder{--tw-text-opacity: 1;color:rgb(124 139 154 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:placeholder\\:text-grey-800)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(98 109 121 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:placeholder\\:text-grey-800)::placeholder{--tw-text-opacity: 1;color:rgb(98 109 121 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:before\\:bg-black):before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(21 23 26 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:before\\:bg-white):before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:checked\\:border-green:checked){--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:checked\\:bg-\\[\\#EC6803\\]:checked){--tw-bg-opacity: 1;background-color:rgb(236 104 3 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:checked\\:bg-green:checked){--tw-bg-opacity: 1;background-color:rgb(48 207 67 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:checked\\:after\\:border-green:checked):after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:checked\\:after\\:bg-green:checked):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(48 207 67 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:hover\\:\\!border-white:hover){--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity))!important}.admin-x-demo :is(.dark .dark\\:hover\\:border-grey-800:hover){--tw-border-opacity: 1;border-color:rgb(98 109 121 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:hover\\:border-grey-900:hover){--tw-border-opacity: 1;border-color:rgb(57 64 71 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:hover\\:\\!bg-grey-800:hover){--tw-bg-opacity: 1 !important;background-color:rgb(98 109 121 / var(--tw-bg-opacity))!important}.admin-x-demo :is(.dark .dark\\:hover\\:bg-grey-700:hover){--tw-bg-opacity: 1;background-color:rgb(124 139 154 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:hover\\:bg-grey-800:hover){--tw-bg-opacity: 1;background-color:rgb(98 109 121 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:hover\\:bg-grey-900:hover){--tw-bg-opacity: 1;background-color:rgb(57 64 71 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:hover\\:bg-grey-925:hover){--tw-bg-opacity: 1;background-color:rgb(46 51 56 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:hover\\:bg-grey-950:hover){--tw-bg-opacity: 1;background-color:rgb(34 36 39 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:hover\\:from-black:hover){--tw-gradient-from: #15171A var(--tw-gradient-from-position);--tw-gradient-to: rgb(21 23 26 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.admin-x-demo :is(.dark .dark\\:hover\\:to-grey-950:hover){--tw-gradient-to: #222427 var(--tw-gradient-to-position)}.admin-x-demo :is(.dark .dark\\:hover\\:text-grey-800:hover){--tw-text-opacity: 1;color:rgb(98 109 121 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:focus\\:bg-grey-925:focus){--tw-bg-opacity: 1;background-color:rgb(46 51 56 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:focus\\:bg-grey-950:focus){--tw-bg-opacity: 1;background-color:rgb(34 36 39 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:checked\\:focus\\:border-green:focus:checked){--tw-border-opacity: 1;border-color:rgb(48 207 67 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .group:hover .dark\\:group-hover\\:border-grey-900){--tw-border-opacity: 1;border-color:rgb(57 64 71 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .peer:hover~.dark\\:peer-hover\\:bg-grey-925){--tw-bg-opacity: 1;background-color:rgb(46 51 56 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .peer:hover~.dark\\:peer-hover\\:bg-grey-950){--tw-bg-opacity: 1;background-color:rgb(34 36 39 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .peer:focus~.dark\\:peer-focus\\:bg-grey-950){--tw-bg-opacity: 1;background-color:rgb(34 36 39 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:has-\\[\\:focus\\]\\:bg-grey-950:has(:focus)){--tw-bg-opacity: 1;background-color:rgb(34 36 39 / var(--tw-bg-opacity))}@media (max-width: 800px){.admin-x-demo :is(.max-\\[800px\\]\\:\\!pb-20){padding-bottom:8rem!important}}@media (min-width: 640px){.admin-x-demo :is(.md\\:\\!visible){visibility:visible!important}.admin-x-demo :is(.md\\:\\!invisible){visibility:hidden!important}.admin-x-demo :is(.md\\:invisible){visibility:hidden}.admin-x-demo :is(.md\\:\\!block){display:block!important}.admin-x-demo :is(.md\\:\\!hidden){display:none!important}.admin-x-demo :is(.md\\:h-9){height:3.6rem}.admin-x-demo :is(.md\\:h-\\[38px\\]){height:38px}.admin-x-demo :is(.md\\:min-h-\\[36px\\]){min-height:36px}.admin-x-demo :is(.md\\:min-h-\\[38px\\]){min-height:38px}.admin-x-demo :is(.md\\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}.admin-x-demo :is(.md\\:flex-row){flex-direction:row}.admin-x-demo :is(.md\\:items-end){align-items:flex-end}.admin-x-demo :is(.md\\:items-center){align-items:center}.admin-x-demo :is(.md\\:gap-0){gap:0px}.admin-x-demo :is(.md\\:border-transparent){border-color:transparent}.admin-x-demo :is(.md\\:p-7){padding:2.8rem}.admin-x-demo :is(.md\\:p-\\[3vmin\\]){padding:3vmin}.admin-x-demo :is(.md\\:p-\\[4vmin\\]){padding:4vmin}.admin-x-demo :is(.md\\:p-\\[8vmin\\]){padding:8vmin}.admin-x-demo :is(.md\\:py-2){padding-top:.8rem;padding-bottom:.8rem}.admin-x-demo :is(.md\\:pl-6){padding-left:2.4rem}.admin-x-demo :is(.md\\:pr-6){padding-right:2.4rem}.admin-x-demo :is(.md\\:pt-0){padding-top:0}.admin-x-demo :is(.md\\:text-2xl){font-size:2.4rem}.admin-x-demo :is(.md\\:text-3xl){font-size:3.2rem}.admin-x-demo :is(.md\\:text-4xl){font-size:3.6rem}.admin-x-demo :is(.md\\:text-base){font-size:1.4rem}.admin-x-demo :is(.md\\:text-lg){font-size:1.65rem}.admin-x-demo :is(.md\\:text-md){font-size:1.4rem}.admin-x-demo :is(.md\\:text-xl){font-size:2rem}}@media (min-width: 860px){.admin-x-demo :is(.tablet\\:\\!visible){visibility:visible!important}.admin-x-demo :is(.tablet\\:col-span-1){grid-column:span 1 / span 1}.admin-x-demo :is(.tablet\\:mx-12){margin-left:4.8rem;margin-right:4.8rem}.admin-x-demo :is(.tablet\\:mb-0){margin-bottom:0}.admin-x-demo :is(.tablet\\:ml-0){margin-left:0}.admin-x-demo :is(.tablet\\:mt-2){margin-top:.8rem}.admin-x-demo :is(.tablet\\:\\!flex){display:flex!important}.admin-x-demo :is(.tablet\\:grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}.admin-x-demo :is(.tablet\\:flex-col){flex-direction:column}.admin-x-demo :is(.tablet\\:justify-start){justify-content:flex-start}.admin-x-demo :is(.tablet\\:gap-0){gap:0px}.admin-x-demo :is(.tablet\\:gap-5){gap:2rem}.admin-x-demo :is(.tablet\\:border-r){border-right-width:1px}.admin-x-demo :is(.tablet\\:px-12){padding-left:4.8rem;padding-right:4.8rem}.admin-x-demo :is(.tablet\\:px-5){padding-left:2rem;padding-right:2rem}.admin-x-demo :is(.tablet\\:pb-8){padding-bottom:3.2rem}.admin-x-demo :is(.tablet\\:pt-0){padding-top:0}}@media (min-width: 1320px){.admin-x-demo :is(.xl\\:mx-\\[calc\\(\\(100\\%-1320px\\)\\/2\\+48px\\)\\]){margin-left:calc((100% - 1320px)/2 + 48px);margin-right:calc((100% - 1320px)/2 + 48px)}.admin-x-demo :is(.xl\\:px-\\[calc\\(\\(100\\%-1320px\\)\\/2\\+48px\\)\\]){padding-left:calc((100% - 1320px)/2 + 48px);padding-right:calc((100% - 1320px)/2 + 48px)}}@media (min-width: 1640px){.admin-x-demo :is(.min-\\[1640px\\]\\:mx-\\[calc\\(\\(100\\%-1320px\\)\\/2\\+48px\\)\\]){margin-left:calc((100% - 1320px)/2 + 48px);margin-right:calc((100% - 1320px)/2 + 48px)}.admin-x-demo :is(.min-\\[1640px\\]\\:px-\\[calc\\(\\(100\\%-1320px\\)\\/2\\+48px\\)\\]){padding-left:calc((100% - 1320px)/2 + 48px);padding-right:calc((100% - 1320px)/2 + 48px)}}.admin-x-demo :is(.\\[\\&\\:not\\(\\:first-child\\)\\]\\:pl-5:not(:first-child)){padding-left:2rem}.admin-x-demo :is(.\\[\\&\\>path\\]\\:stroke-\\[3px\\]>path){stroke-width:3px}.admin-x-demo :is(.\\[\\&_\\*\\]\\:\\!font-inherit *){font-family:inherit!important}.admin-x-demo :is(.\\[\\&_\\*\\]\\:\\!text-inherit *){font-size:inherit!important}.admin-x-demo :is(.\\[\\&_\\.cm-activeLineGutter\\]\\:bg-transparent .cm-activeLineGutter){background-color:transparent}.admin-x-demo :is(.\\[\\&_\\.cm-activeLine\\]\\:bg-transparent .cm-activeLine){background-color:transparent}.admin-x-demo :is(.\\[\\&_\\.cm-cursor\\]\\:border-grey-900 .cm-cursor){--tw-border-opacity: 1;border-color:rgb(57 64 71 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:\\[\\&_\\.cm-cursor\\]\\:border-grey-75 .cm-cursor){--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity))}.admin-x-demo :is(.\\[\\&_\\.cm-editor\\]\\:border-transparent .cm-editor){border-color:transparent}.admin-x-demo :is(.\\[\\&_\\.cm-editor\\]\\:bg-transparent .cm-editor){background-color:transparent}.admin-x-demo :is(.\\[\\&_\\.cm-gutters\\]\\:border-grey-500 .cm-gutters){--tw-border-opacity: 1;border-color:rgb(174 183 193 / var(--tw-border-opacity))}.admin-x-demo :is(.\\[\\&_\\.cm-gutters\\]\\:bg-grey-75 .cm-gutters){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.admin-x-demo :is(.\\[\\&_\\.cm-gutters\\]\\:text-grey-600 .cm-gutters){--tw-text-opacity: 1;color:rgb(149 161 173 / var(--tw-text-opacity))}.admin-x-demo :is(.dark .dark\\:\\[\\&_\\.cm-gutters\\]\\:border-grey-800 .cm-gutters){--tw-border-opacity: 1;border-color:rgb(98 109 121 / var(--tw-border-opacity))}.admin-x-demo :is(.dark .dark\\:\\[\\&_\\.cm-gutters\\]\\:bg-grey-950 .cm-gutters){--tw-bg-opacity: 1;background-color:rgb(34 36 39 / var(--tw-bg-opacity))}.admin-x-demo :is(.dark .dark\\:\\[\\&_\\.cm-gutters\\]\\:text-grey-500 .cm-gutters){--tw-text-opacity: 1;color:rgb(174 183 193 / var(--tw-text-opacity))}.admin-x-demo :is(.\\[\\&_\\.cm-scroller\\]\\:border-transparent .cm-scroller){border-color:transparent}.admin-x-demo :is(.\\[\\&_\\.cm-scroller\\]\\:font-mono .cm-scroller){font-family:Consolas,Liberation Mono,Menlo,Courier,monospace}.admin-x-demo :is(.dark .dark\\:\\[\\&_\\.cm-tooltip-autocomplete\\.cm-tooltip_ul_li\\:not\\(\\[aria-selected\\]\\)\\]\\:bg-grey-975 .cm-tooltip-autocomplete.cm-tooltip ul li:not([aria-selected])){--tw-bg-opacity: 1;background-color:rgb(25 27 30 / var(--tw-bg-opacity))}@media (min-width:801px){.admin-x-demo :is(.\\[\\@media\\(min-width\\:801px\\)\\]\\:\\!visible){visibility:visible!important}.admin-x-demo :is(.\\[\\@media\\(min-width\\:801px\\)\\]\\:\\!flex){display:flex!important}.admin-x-demo :is(.\\[\\@media\\(min-width\\:801px\\)\\]\\:w-auto){width:auto}.admin-x-demo :is(.\\[\\@media\\(min-width\\:801px\\)\\]\\:basis-\\[400px\\]){flex-basis:400px}}`)),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { A as m } from "./index-0722d3aa.mjs";
+import { A as m } from "./index-771f4964.mjs";
 export {
   m as AdminXApp
 };