From c73700118b6eee1b371b04e9435013a04a23ace6 Mon Sep 17 00:00:00 2001 From: Sean Burton Date: Thu, 11 Jun 2026 16:10:21 +0100 Subject: [PATCH 1/2] fix: fix for tailwind styles breaking Sphinx theme, and add linter --- .github/workflows/pre-release.yml | 1 + .github/workflows/release.yml | 1 + .../static/injectNav.iife.js | 2 +- .../static/styles/quantinuum-ui-tailwind.css | 1478 ++++++++--------- sphinx-ui/react/package-lock.json | 10 - sphinx-ui/react/package.json | 2 +- sphinx-ui/react/postcss.config.mjs | 23 +- sphinx-ui/react/src/injectNav.tsx | 45 +- sphinx-ui/react/tailwind.config.ts | 2 + sphinx-ui/react/tsdown.config.ts | 4 +- sphinx-ui/react/tsup.config.ts | 25 - 11 files changed, 813 insertions(+), 780 deletions(-) delete mode 100644 sphinx-ui/react/tsup.config.ts diff --git a/.github/workflows/pre-release.yml b/.github/workflows/pre-release.yml index d49d360..78bc988 100644 --- a/.github/workflows/pre-release.yml +++ b/.github/workflows/pre-release.yml @@ -86,6 +86,7 @@ jobs: run: | echo "🔨 Generating UI assets..." npm install + npm run lint npm run build cp ./build/injectNav.iife.js ../quantinuum_sphinx/static/injectNav.iife.js cp ./build/syncTheme.iife.js ../quantinuum_sphinx/static/syncTheme.iife.js diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 92c1e66..4434dd9 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -147,6 +147,7 @@ jobs: run: | echo "🔨 Generating UI assets..." npm install + npm run lint npm run build cp ./build/injectNav.iife.js ../quantinuum_sphinx/static/injectNav.iife.js cp ./build/syncTheme.iife.js ../quantinuum_sphinx/static/syncTheme.iife.js diff --git a/sphinx-ui/quantinuum_sphinx/static/injectNav.iife.js b/sphinx-ui/quantinuum_sphinx/static/injectNav.iife.js index 74903e4..bf60ece 100644 --- a/sphinx-ui/quantinuum_sphinx/static/injectNav.iife.js +++ b/sphinx-ui/quantinuum_sphinx/static/injectNav.iife.js @@ -55,4 +55,4 @@ Error generating stack: `+e.message+` function gtag(){window['${s}'].push(arguments);} gtag('js', new Date()); - gtag('config', '${t}' ${o?`,{ 'debug_mode': true }`:``});`},nonce:c}),(0,n.jsx)(i.default,{id:`_next-ga`,src:`https://www.googletagmanager.com/gtag/js?id=${t}`,nonce:c})]})}function s(...e){if(a===void 0){console.warn(`@next/third-parties: GA has not been initialized`);return}window[a]?window[a].push(arguments):console.warn(`@next/third-parties: GA dataLayer ${a} does not exist`)}})),ly=s((e=>{var t=e&&e.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(e,`__esModule`,{value:!0}),e.sendGAEvent=e.GoogleAnalytics=e.sendGTMEvent=e.GoogleTagManager=e.YouTubeEmbed=e.GoogleMapsEmbed=void 0;var n=$v();Object.defineProperty(e,`GoogleMapsEmbed`,{enumerable:!0,get:function(){return t(n).default}});var r=oy();Object.defineProperty(e,`YouTubeEmbed`,{enumerable:!0,get:function(){return t(r).default}});var i=sy();Object.defineProperty(e,`GoogleTagManager`,{enumerable:!0,get:function(){return i.GoogleTagManager}}),Object.defineProperty(e,`sendGTMEvent`,{enumerable:!0,get:function(){return i.sendGTMEvent}});var a=cy();Object.defineProperty(e,`GoogleAnalytics`,{enumerable:!0,get:function(){return a.GoogleAnalytics}}),Object.defineProperty(e,`sendGAEvent`,{enumerable:!0,get:function(){return a.sendGAEvent}})})),uy=_();ly();let dy=`use-tailwind`;(()=>{document.body.classList.add(dy);let e=document.querySelector(`.nexus-nav`);if(!e)return;let t=document.createElement(`div`);e.appendChild(t),(0,uy.createRoot)(t).render((0,$.jsx)(`div`,{className:dy,children:(0,$.jsx)(`div`,{className:`antialiased`,style:{fontFamily:`Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`},children:(0,$.jsxs)(Uv,{version:1,children:[(0,$.jsx)(Bv,{category:av.Analytics,fallback:null,children:``}),(0,$.jsx)(Z_,{activePath:`/`}),(0,$.jsx)(zv,{})]})})}))})()})(); + gtag('config', '${t}' ${o?`,{ 'debug_mode': true }`:``});`},nonce:c}),(0,n.jsx)(i.default,{id:`_next-ga`,src:`https://www.googletagmanager.com/gtag/js?id=${t}`,nonce:c})]})}function s(...e){if(a===void 0){console.warn(`@next/third-parties: GA has not been initialized`);return}window[a]?window[a].push(arguments):console.warn(`@next/third-parties: GA dataLayer ${a} does not exist`)}})),ly=s((e=>{var t=e&&e.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(e,`__esModule`,{value:!0}),e.sendGAEvent=e.GoogleAnalytics=e.sendGTMEvent=e.GoogleTagManager=e.YouTubeEmbed=e.GoogleMapsEmbed=void 0;var n=$v();Object.defineProperty(e,`GoogleMapsEmbed`,{enumerable:!0,get:function(){return t(n).default}});var r=oy();Object.defineProperty(e,`YouTubeEmbed`,{enumerable:!0,get:function(){return t(r).default}});var i=sy();Object.defineProperty(e,`GoogleTagManager`,{enumerable:!0,get:function(){return i.GoogleTagManager}}),Object.defineProperty(e,`sendGTMEvent`,{enumerable:!0,get:function(){return i.sendGTMEvent}});var a=cy();Object.defineProperty(e,`GoogleAnalytics`,{enumerable:!0,get:function(){return a.GoogleAnalytics}}),Object.defineProperty(e,`sendGAEvent`,{enumerable:!0,get:function(){return a.sendGAEvent}})})),uy=_();ly();let dy=`use-tailwind`,fy=e=>{if(!(e instanceof HTMLElement))return!1;let{classList:t}=e;return t.contains(`fixed`)&&t.contains(`z-50`)&&(t.contains(`inset-0`)||e.getAttribute(`role`)===`dialog`)},py=(e=document.body)=>{let t=e=>{fy(e)&&e.classList.add(dy)};e instanceof Element&&t(e),e.querySelectorAll(`[class][data-state], [class][role="dialog"]`).forEach(t)},my=()=>{py(),new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&py(e)})})}).observe(document.body,{childList:!0,subtree:!0})};(()=>{let e=document.querySelector(`.nexus-nav`);if(!e)return;my();let t=document.createElement(`div`);e.appendChild(t),(0,uy.createRoot)(t).render((0,$.jsx)(`div`,{className:dy,children:(0,$.jsx)(`div`,{className:`antialiased`,style:{fontFamily:`Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`},children:(0,$.jsxs)(Uv,{version:1,children:[(0,$.jsx)(Bv,{category:av.Analytics,fallback:null,children:``}),(0,$.jsx)(Z_,{activePath:`/`}),(0,$.jsx)(zv,{})]})})}))})()})(); diff --git a/sphinx-ui/quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css b/sphinx-ui/quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css index 2ce76b3..6a49782 100644 --- a/sphinx-ui/quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css +++ b/sphinx-ui/quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css @@ -1,4 +1,4 @@ -.use-tailwind *, .use-tailwind ::before, .use-tailwind ::after { +.use-tailwind, .use-tailwind *, .use-tailwind::before, .use-tailwind ::before, .use-tailwind::after, .use-tailwind ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -52,7 +52,7 @@ --tw-contain-style: ; } -.use-tailwind ::backdrop { +.use-tailwind::backdrop, .use-tailwind ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -115,9 +115,9 @@ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ -.use-tailwind *, -.use-tailwind ::before, -.use-tailwind ::after { +.use-tailwind, .use-tailwind *, +.use-tailwind::before, .use-tailwind ::before, +.use-tailwind::after, .use-tailwind ::after { box-sizing: border-box; /* 1 */ border-width: 0; @@ -128,8 +128,8 @@ /* 2 */ } -.use-tailwind ::before, -.use-tailwind ::after { +.use-tailwind::before, .use-tailwind ::before, +.use-tailwind::after, .use-tailwind ::after { --tw-content: ''; } @@ -383,8 +383,8 @@ Add the correct vertical alignment in Chrome and Firefox. Correct the cursor style of increment and decrement buttons in Safari. */ -.use-tailwind ::-webkit-inner-spin-button, -.use-tailwind ::-webkit-outer-spin-button { +.use-tailwind::-webkit-inner-spin-button, .use-tailwind ::-webkit-inner-spin-button, +.use-tailwind::-webkit-outer-spin-button, .use-tailwind ::-webkit-outer-spin-button { height: auto; } @@ -404,7 +404,7 @@ Correct the cursor style of increment and decrement buttons in Safari. Remove the inner padding in Chrome and Safari on macOS. */ -.use-tailwind ::-webkit-search-decoration { +.use-tailwind::-webkit-search-decoration, .use-tailwind ::-webkit-search-decoration { -webkit-appearance: none; } @@ -413,7 +413,7 @@ Remove the inner padding in Chrome and Safari on macOS. 2. Change font properties to `inherit` in Safari. */ -.use-tailwind ::-webkit-file-upload-button { +.use-tailwind::-webkit-file-upload-button, .use-tailwind ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; @@ -554,7 +554,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp display: none; } -.use-tailwind * { +.use-tailwind, .use-tailwind * { border-color: hsl(var(--border)); } @@ -567,7 +567,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp -moz-osx-font-smoothing: grayscale; } -.use-tailwind .container { +.use-tailwind .container, .use-tailwind.container { width: 100%; margin-right: auto; margin-left: auto; @@ -576,12 +576,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp } @media (min-width: 1400px) { - .use-tailwind .container { + .use-tailwind .container, .use-tailwind.container { max-width: 1400px; } } -.use-tailwind .sr-only { +.use-tailwind .sr-only, .use-tailwind.sr-only { position: absolute; width: 1px; height: 1px; @@ -593,716 +593,716 @@ Constrain images and videos to the parent width and preserve their intrinsic asp border-width: 0; } -.use-tailwind .pointer-events-none { +.use-tailwind .pointer-events-none, .use-tailwind.pointer-events-none { pointer-events: none; } -.use-tailwind .visible { +.use-tailwind .visible, .use-tailwind.visible { visibility: visible; } -.use-tailwind .invisible { +.use-tailwind .invisible, .use-tailwind.invisible { visibility: hidden; } -.use-tailwind .fixed { +.use-tailwind .fixed, .use-tailwind.fixed { position: fixed; } -.use-tailwind .absolute { +.use-tailwind .absolute, .use-tailwind.absolute { position: absolute; } -.use-tailwind .relative { +.use-tailwind .relative, .use-tailwind.relative { position: relative; } -.use-tailwind .sticky { +.use-tailwind .sticky, .use-tailwind.sticky { position: sticky; } -.use-tailwind .inset-0 { +.use-tailwind .inset-0, .use-tailwind.inset-0 { inset: 0px; } -.use-tailwind .inset-x-0 { +.use-tailwind .inset-x-0, .use-tailwind.inset-x-0 { left: 0px; right: 0px; } -.use-tailwind .inset-y-0 { +.use-tailwind .inset-y-0, .use-tailwind.inset-y-0 { top: 0px; bottom: 0px; } -.use-tailwind .bottom-0 { +.use-tailwind .bottom-0, .use-tailwind.bottom-0 { bottom: 0px; } -.use-tailwind .bottom-2 { +.use-tailwind .bottom-2, .use-tailwind.bottom-2 { bottom: 0.5rem; } -.use-tailwind .left-0 { +.use-tailwind .left-0, .use-tailwind.left-0 { left: 0px; } -.use-tailwind .left-1 { +.use-tailwind .left-1, .use-tailwind.left-1 { left: 0.25rem; } -.use-tailwind .left-2 { +.use-tailwind .left-2, .use-tailwind.left-2 { left: 0.5rem; } -.use-tailwind .left-\[50\%\] { +.use-tailwind .left-\[50\%\], .use-tailwind.left-\[50\%\] { left: 50%; } -.use-tailwind .right-0 { +.use-tailwind .right-0, .use-tailwind.right-0 { right: 0px; } -.use-tailwind .right-1 { +.use-tailwind .right-1, .use-tailwind.right-1 { right: 0.25rem; } -.use-tailwind .right-2 { +.use-tailwind .right-2, .use-tailwind.right-2 { right: 0.5rem; } -.use-tailwind .right-4 { +.use-tailwind .right-4, .use-tailwind.right-4 { right: 1rem; } -.use-tailwind .top-0 { +.use-tailwind .top-0, .use-tailwind.top-0 { top: 0px; } -.use-tailwind .top-4 { +.use-tailwind .top-4, .use-tailwind.top-4 { top: 1rem; } -.use-tailwind .top-\[1px\] { +.use-tailwind .top-\[1px\], .use-tailwind.top-\[1px\] { top: 1px; } -.use-tailwind .top-\[50\%\] { +.use-tailwind .top-\[50\%\], .use-tailwind.top-\[50\%\] { top: 50%; } -.use-tailwind .top-\[60\%\] { +.use-tailwind .top-\[60\%\], .use-tailwind.top-\[60\%\] { top: 60%; } -.use-tailwind .top-full { +.use-tailwind .top-full, .use-tailwind.top-full { top: 100%; } -.use-tailwind .z-10 { +.use-tailwind .z-10, .use-tailwind.z-10 { z-index: 10; } -.use-tailwind .z-50 { +.use-tailwind .z-50, .use-tailwind.z-50 { z-index: 50; } -.use-tailwind .z-\[100\] { +.use-tailwind .z-\[100\], .use-tailwind.z-\[100\] { z-index: 100; } -.use-tailwind .z-\[1\] { +.use-tailwind .z-\[1\], .use-tailwind.z-\[1\] { z-index: 1; } -.use-tailwind .order-first { +.use-tailwind .order-first, .use-tailwind.order-first { order: -9999; } -.use-tailwind .order-last { +.use-tailwind .order-last, .use-tailwind.order-last { order: 9999; } -.use-tailwind .row-span-4 { +.use-tailwind .row-span-4, .use-tailwind.row-span-4 { grid-row: span 4 / span 4; } -.use-tailwind .-mx-1 { +.use-tailwind .-mx-1, .use-tailwind.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } -.use-tailwind .-my-4 { +.use-tailwind .-my-4, .use-tailwind.-my-4 { margin-top: -1rem; margin-bottom: -1rem; } -.use-tailwind .mx-0\.5 { +.use-tailwind .mx-0\.5, .use-tailwind.mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; } -.use-tailwind .mx-2 { +.use-tailwind .mx-2, .use-tailwind.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } -.use-tailwind .mx-auto { +.use-tailwind .mx-auto, .use-tailwind.mx-auto { margin-left: auto; margin-right: auto; } -.use-tailwind .my-1 { +.use-tailwind .my-1, .use-tailwind.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } -.use-tailwind .my-12 { +.use-tailwind .my-12, .use-tailwind.my-12 { margin-top: 3rem; margin-bottom: 3rem; } -.use-tailwind .my-2 { +.use-tailwind .my-2, .use-tailwind.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } -.use-tailwind .my-24 { +.use-tailwind .my-24, .use-tailwind.my-24 { margin-top: 6rem; margin-bottom: 6rem; } -.use-tailwind .my-4 { +.use-tailwind .my-4, .use-tailwind.my-4 { margin-top: 1rem; margin-bottom: 1rem; } -.use-tailwind .-mb-0\.5 { +.use-tailwind .-mb-0\.5, .use-tailwind.-mb-0\.5 { margin-bottom: -0.125rem; } -.use-tailwind .-mt-1 { +.use-tailwind .-mt-1, .use-tailwind.-mt-1 { margin-top: -0.25rem; } -.use-tailwind .-mt-4 { +.use-tailwind .-mt-4, .use-tailwind.-mt-4 { margin-top: -1rem; } -.use-tailwind .mb-0 { +.use-tailwind .mb-0, .use-tailwind.mb-0 { margin-bottom: 0px; } -.use-tailwind .mb-1 { +.use-tailwind .mb-1, .use-tailwind.mb-1 { margin-bottom: 0.25rem; } -.use-tailwind .mb-1\.5 { +.use-tailwind .mb-1\.5, .use-tailwind.mb-1\.5 { margin-bottom: 0.375rem; } -.use-tailwind .mb-12 { +.use-tailwind .mb-12, .use-tailwind.mb-12 { margin-bottom: 3rem; } -.use-tailwind .mb-16 { +.use-tailwind .mb-16, .use-tailwind.mb-16 { margin-bottom: 4rem; } -.use-tailwind .mb-24 { +.use-tailwind .mb-24, .use-tailwind.mb-24 { margin-bottom: 6rem; } -.use-tailwind .mb-3 { +.use-tailwind .mb-3, .use-tailwind.mb-3 { margin-bottom: 0.75rem; } -.use-tailwind .mb-4 { +.use-tailwind .mb-4, .use-tailwind.mb-4 { margin-bottom: 1rem; } -.use-tailwind .mb-5 { +.use-tailwind .mb-5, .use-tailwind.mb-5 { margin-bottom: 1.25rem; } -.use-tailwind .mb-6 { +.use-tailwind .mb-6, .use-tailwind.mb-6 { margin-bottom: 1.5rem; } -.use-tailwind .mb-8 { +.use-tailwind .mb-8, .use-tailwind.mb-8 { margin-bottom: 2rem; } -.use-tailwind .ml-1 { +.use-tailwind .ml-1, .use-tailwind.ml-1 { margin-left: 0.25rem; } -.use-tailwind .ml-2 { +.use-tailwind .ml-2, .use-tailwind.ml-2 { margin-left: 0.5rem; } -.use-tailwind .ml-4 { +.use-tailwind .ml-4, .use-tailwind.ml-4 { margin-left: 1rem; } -.use-tailwind .ml-\[1px\] { +.use-tailwind .ml-\[1px\], .use-tailwind.ml-\[1px\] { margin-left: 1px; } -.use-tailwind .ml-auto { +.use-tailwind .ml-auto, .use-tailwind.ml-auto { margin-left: auto; } -.use-tailwind .mr-10 { +.use-tailwind .mr-10, .use-tailwind.mr-10 { margin-right: 2.5rem; } -.use-tailwind .mr-2 { +.use-tailwind .mr-2, .use-tailwind.mr-2 { margin-right: 0.5rem; } -.use-tailwind .mr-3 { +.use-tailwind .mr-3, .use-tailwind.mr-3 { margin-right: 0.75rem; } -.use-tailwind .mr-4 { +.use-tailwind .mr-4, .use-tailwind.mr-4 { margin-right: 1rem; } -.use-tailwind .mt-0 { +.use-tailwind .mt-0, .use-tailwind.mt-0 { margin-top: 0px; } -.use-tailwind .mt-1 { +.use-tailwind .mt-1, .use-tailwind.mt-1 { margin-top: 0.25rem; } -.use-tailwind .mt-1\.5 { +.use-tailwind .mt-1\.5, .use-tailwind.mt-1\.5 { margin-top: 0.375rem; } -.use-tailwind .mt-2 { +.use-tailwind .mt-2, .use-tailwind.mt-2 { margin-top: 0.5rem; } -.use-tailwind .mt-3 { +.use-tailwind .mt-3, .use-tailwind.mt-3 { margin-top: 0.75rem; } -.use-tailwind .mt-4 { +.use-tailwind .mt-4, .use-tailwind.mt-4 { margin-top: 1rem; } -.use-tailwind .mt-5 { +.use-tailwind .mt-5, .use-tailwind.mt-5 { margin-top: 1.25rem; } -.use-tailwind .mt-8 { +.use-tailwind .mt-8, .use-tailwind.mt-8 { margin-top: 2rem; } -.use-tailwind .line-clamp-1 { +.use-tailwind .line-clamp-1, .use-tailwind.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } -.use-tailwind .block { +.use-tailwind .block, .use-tailwind.block { display: block; } -.use-tailwind .inline-block { +.use-tailwind .inline-block, .use-tailwind.inline-block { display: inline-block; } -.use-tailwind .inline { +.use-tailwind .inline, .use-tailwind.inline { display: inline; } -.use-tailwind .flex { +.use-tailwind .flex, .use-tailwind.flex { display: flex; } -.use-tailwind .inline-flex { +.use-tailwind .inline-flex, .use-tailwind.inline-flex { display: inline-flex; } -.use-tailwind .table { +.use-tailwind .table, .use-tailwind.table { display: table; } -.use-tailwind .grid { +.use-tailwind .grid, .use-tailwind.grid { display: grid; } -.use-tailwind .hidden { +.use-tailwind .hidden, .use-tailwind.hidden { display: none; } -.use-tailwind .aspect-square { +.use-tailwind .aspect-square, .use-tailwind.aspect-square { aspect-ratio: 1 / 1; } -.use-tailwind .size-3\.5 { +.use-tailwind .size-3\.5, .use-tailwind.size-3\.5 { width: 0.875rem; height: 0.875rem; } -.use-tailwind .size-4 { +.use-tailwind .size-4, .use-tailwind.size-4 { width: 1rem; height: 1rem; } -.use-tailwind .size-5 { +.use-tailwind .size-5, .use-tailwind.size-5 { width: 1.25rem; height: 1.25rem; } -.use-tailwind .size-6 { +.use-tailwind .size-6, .use-tailwind.size-6 { width: 1.5rem; height: 1.5rem; } -.use-tailwind .size-8 { +.use-tailwind .size-8, .use-tailwind.size-8 { width: 2rem; height: 2rem; } -.use-tailwind .h-1\.5 { +.use-tailwind .h-1\.5, .use-tailwind.h-1\.5 { height: 0.375rem; } -.use-tailwind .h-10 { +.use-tailwind .h-10, .use-tailwind.h-10 { height: 2.5rem; } -.use-tailwind .h-12 { +.use-tailwind .h-12, .use-tailwind.h-12 { height: 3rem; } -.use-tailwind .h-14 { +.use-tailwind .h-14, .use-tailwind.h-14 { height: 3.5rem; } -.use-tailwind .h-2 { +.use-tailwind .h-2, .use-tailwind.h-2 { height: 0.5rem; } -.use-tailwind .h-2\.5 { +.use-tailwind .h-2\.5, .use-tailwind.h-2\.5 { height: 0.625rem; } -.use-tailwind .h-3 { +.use-tailwind .h-3, .use-tailwind.h-3 { height: 0.75rem; } -.use-tailwind .h-3\.5 { +.use-tailwind .h-3\.5, .use-tailwind.h-3\.5 { height: 0.875rem; } -.use-tailwind .h-4 { +.use-tailwind .h-4, .use-tailwind.h-4 { height: 1rem; } -.use-tailwind .h-5 { +.use-tailwind .h-5, .use-tailwind.h-5 { height: 1.25rem; } -.use-tailwind .h-6 { +.use-tailwind .h-6, .use-tailwind.h-6 { height: 1.5rem; } -.use-tailwind .h-7 { +.use-tailwind .h-7, .use-tailwind.h-7 { height: 1.75rem; } -.use-tailwind .h-8 { +.use-tailwind .h-8, .use-tailwind.h-8 { height: 2rem; } -.use-tailwind .h-9 { +.use-tailwind .h-9, .use-tailwind.h-9 { height: 2.25rem; } -.use-tailwind .h-\[1\.15rem\] { +.use-tailwind .h-\[1\.15rem\], .use-tailwind.h-\[1\.15rem\] { height: 1.15rem; } -.use-tailwind .h-\[19rem\] { +.use-tailwind .h-\[19rem\], .use-tailwind.h-\[19rem\] { height: 19rem; } -.use-tailwind .h-\[1px\] { +.use-tailwind .h-\[1px\], .use-tailwind.h-\[1px\] { height: 1px; } -.use-tailwind .h-\[var\(--radix-navigation-menu-viewport-height\)\] { +.use-tailwind .h-\[var\(--radix-navigation-menu-viewport-height\)\], .use-tailwind.h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } -.use-tailwind .h-\[var\(--radix-select-trigger-height\)\] { +.use-tailwind .h-\[var\(--radix-select-trigger-height\)\], .use-tailwind.h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } -.use-tailwind .h-auto { +.use-tailwind .h-auto, .use-tailwind.h-auto { height: auto; } -.use-tailwind .h-full { +.use-tailwind .h-full, .use-tailwind.h-full { height: 100%; } -.use-tailwind .h-px { +.use-tailwind .h-px, .use-tailwind.h-px { height: 1px; } -.use-tailwind .max-h-96 { +.use-tailwind .max-h-96, .use-tailwind.max-h-96 { max-height: 24rem; } -.use-tailwind .max-h-\[300px\] { +.use-tailwind .max-h-\[300px\], .use-tailwind.max-h-\[300px\] { max-height: 300px; } -.use-tailwind .max-h-\[40vh\] { +.use-tailwind .max-h-\[40vh\], .use-tailwind.max-h-\[40vh\] { max-height: 40vh; } -.use-tailwind .max-h-\[80vh\] { +.use-tailwind .max-h-\[80vh\], .use-tailwind.max-h-\[80vh\] { max-height: 80vh; } -.use-tailwind .max-h-\[90vh\] { +.use-tailwind .max-h-\[90vh\], .use-tailwind.max-h-\[90vh\] { max-height: 90vh; } -.use-tailwind .min-h-\[60px\] { +.use-tailwind .min-h-\[60px\], .use-tailwind.min-h-\[60px\] { min-height: 60px; } -.use-tailwind .w-1\/5 { +.use-tailwind .w-1\/5, .use-tailwind.w-1\/5 { width: 20%; } -.use-tailwind .w-10 { +.use-tailwind .w-10, .use-tailwind.w-10 { width: 2.5rem; } -.use-tailwind .w-2 { +.use-tailwind .w-2, .use-tailwind.w-2 { width: 0.5rem; } -.use-tailwind .w-2\.5 { +.use-tailwind .w-2\.5, .use-tailwind.w-2\.5 { width: 0.625rem; } -.use-tailwind .w-3 { +.use-tailwind .w-3, .use-tailwind.w-3 { width: 0.75rem; } -.use-tailwind .w-3\.5 { +.use-tailwind .w-3\.5, .use-tailwind.w-3\.5 { width: 0.875rem; } -.use-tailwind .w-3\/12 { +.use-tailwind .w-3\/12, .use-tailwind.w-3\/12 { width: 25%; } -.use-tailwind .w-3\/4 { +.use-tailwind .w-3\/4, .use-tailwind.w-3\/4 { width: 75%; } -.use-tailwind .w-4 { +.use-tailwind .w-4, .use-tailwind.w-4 { width: 1rem; } -.use-tailwind .w-48 { +.use-tailwind .w-48, .use-tailwind.w-48 { width: 12rem; } -.use-tailwind .w-5 { +.use-tailwind .w-5, .use-tailwind.w-5 { width: 1.25rem; } -.use-tailwind .w-6 { +.use-tailwind .w-6, .use-tailwind.w-6 { width: 1.5rem; } -.use-tailwind .w-64 { +.use-tailwind .w-64, .use-tailwind.w-64 { width: 16rem; } -.use-tailwind .w-7 { +.use-tailwind .w-7, .use-tailwind.w-7 { width: 1.75rem; } -.use-tailwind .w-72 { +.use-tailwind .w-72, .use-tailwind.w-72 { width: 18rem; } -.use-tailwind .w-8 { +.use-tailwind .w-8, .use-tailwind.w-8 { width: 2rem; } -.use-tailwind .w-9 { +.use-tailwind .w-9, .use-tailwind.w-9 { width: 2.25rem; } -.use-tailwind .w-9\/12 { +.use-tailwind .w-9\/12, .use-tailwind.w-9\/12 { width: 75%; } -.use-tailwind .w-\[1\.15rem\] { +.use-tailwind .w-\[1\.15rem\], .use-tailwind.w-\[1\.15rem\] { width: 1.15rem; } -.use-tailwind .w-\[1px\] { +.use-tailwind .w-\[1px\], .use-tailwind.w-\[1px\] { width: 1px; } -.use-tailwind .w-\[calc\(100\%-1\.2rem\)\] { +.use-tailwind .w-\[calc\(100\%-1\.2rem\)\], .use-tailwind.w-\[calc\(100\%-1\.2rem\)\] { width: calc(100% - 1.2rem); } -.use-tailwind .w-full { +.use-tailwind .w-full, .use-tailwind.w-full { width: 100%; } -.use-tailwind .w-max { +.use-tailwind .w-max, .use-tailwind.w-max { width: -moz-max-content; width: max-content; } -.use-tailwind .w-px { +.use-tailwind .w-px, .use-tailwind.w-px { width: 1px; } -.use-tailwind .min-w-\[8rem\] { +.use-tailwind .min-w-\[8rem\], .use-tailwind.min-w-\[8rem\] { min-width: 8rem; } -.use-tailwind .min-w-\[var\(--radix-select-trigger-width\)\] { +.use-tailwind .min-w-\[var\(--radix-select-trigger-width\)\], .use-tailwind.min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } -.use-tailwind .max-w-0 { +.use-tailwind .max-w-0, .use-tailwind.max-w-0 { max-width: 0px; } -.use-tailwind .max-w-5xl { +.use-tailwind .max-w-5xl, .use-tailwind.max-w-5xl { max-width: 64rem; } -.use-tailwind .max-w-8 { +.use-tailwind .max-w-8, .use-tailwind.max-w-8 { max-width: 2rem; } -.use-tailwind .max-w-\[24rem\] { +.use-tailwind .max-w-\[24rem\], .use-tailwind.max-w-\[24rem\] { max-width: 24rem; } -.use-tailwind .max-w-\[90rem\] { +.use-tailwind .max-w-\[90rem\], .use-tailwind.max-w-\[90rem\] { max-width: 90rem; } -.use-tailwind .max-w-\[90vw\] { +.use-tailwind .max-w-\[90vw\], .use-tailwind.max-w-\[90vw\] { max-width: 90vw; } -.use-tailwind .max-w-lg { +.use-tailwind .max-w-lg, .use-tailwind.max-w-lg { max-width: 32rem; } -.use-tailwind .max-w-max { +.use-tailwind .max-w-max, .use-tailwind.max-w-max { max-width: -moz-max-content; max-width: max-content; } -.use-tailwind .max-w-none { +.use-tailwind .max-w-none, .use-tailwind.max-w-none { max-width: none; } -.use-tailwind .max-w-sm { +.use-tailwind .max-w-sm, .use-tailwind.max-w-sm { max-width: 24rem; } -.use-tailwind .flex-1 { +.use-tailwind .flex-1, .use-tailwind.flex-1 { flex: 1 1 0%; } -.use-tailwind .flex-initial { +.use-tailwind .flex-initial, .use-tailwind.flex-initial { flex: 0 1 auto; } -.use-tailwind .flex-shrink-0 { +.use-tailwind .flex-shrink-0, .use-tailwind.flex-shrink-0 { flex-shrink: 0; } -.use-tailwind .shrink-0 { +.use-tailwind .shrink-0, .use-tailwind.shrink-0 { flex-shrink: 0; } -.use-tailwind .flex-grow { +.use-tailwind .flex-grow, .use-tailwind.flex-grow { flex-grow: 1; } -.use-tailwind .caption-bottom { +.use-tailwind .caption-bottom, .use-tailwind.caption-bottom { caption-side: bottom; } -.use-tailwind .border-collapse { +.use-tailwind .border-collapse, .use-tailwind.border-collapse { border-collapse: collapse; } -.use-tailwind .-translate-y-1 { +.use-tailwind .-translate-y-1, .use-tailwind.-translate-y-1 { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .translate-x-\[-50\%\] { +.use-tailwind .translate-x-\[-50\%\], .use-tailwind.translate-x-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .translate-y-\[-50\%\] { +.use-tailwind .translate-y-\[-50\%\], .use-tailwind.translate-y-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .rotate-0 { +.use-tailwind .rotate-0, .use-tailwind.rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .rotate-180 { +.use-tailwind .rotate-180, .use-tailwind.rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .rotate-45 { +.use-tailwind .rotate-45, .use-tailwind.rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .rotate-90 { +.use-tailwind .rotate-90, .use-tailwind.rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .scale-0 { +.use-tailwind .scale-0, .use-tailwind.scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .scale-100 { +.use-tailwind .scale-100, .use-tailwind.scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .transform { +.use-tailwind .transform, .use-tailwind.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -1312,7 +1312,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp } } -.use-tailwind .animate-pulse { +.use-tailwind .animate-pulse, .use-tailwind.animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @@ -1328,1050 +1328,1050 @@ Constrain images and videos to the parent width and preserve their intrinsic asp } } -.use-tailwind .animate-slide-up { +.use-tailwind .animate-slide-up, .use-tailwind.animate-slide-up { animation: slide-up 0.6s ease-in; } -.use-tailwind .cursor-default { +.use-tailwind .cursor-default, .use-tailwind.cursor-default { cursor: default; } -.use-tailwind .cursor-pointer { +.use-tailwind .cursor-pointer, .use-tailwind.cursor-pointer { cursor: pointer; } -.use-tailwind .cursor-text { +.use-tailwind .cursor-text, .use-tailwind.cursor-text { cursor: text; } -.use-tailwind .touch-none { +.use-tailwind .touch-none, .use-tailwind.touch-none { touch-action: none; } -.use-tailwind .select-none { +.use-tailwind .select-none, .use-tailwind.select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } -.use-tailwind .resize-none { +.use-tailwind .resize-none, .use-tailwind.resize-none { resize: none; } -.use-tailwind .list-none { +.use-tailwind .list-none, .use-tailwind.list-none { list-style-type: none; } -.use-tailwind .grid-cols-1 { +.use-tailwind .grid-cols-1, .use-tailwind.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } -.use-tailwind .flex-row { +.use-tailwind .flex-row, .use-tailwind.flex-row { flex-direction: row; } -.use-tailwind .flex-row-reverse { +.use-tailwind .flex-row-reverse, .use-tailwind.flex-row-reverse { flex-direction: row-reverse; } -.use-tailwind .flex-col { +.use-tailwind .flex-col, .use-tailwind.flex-col { flex-direction: column; } -.use-tailwind .flex-col-reverse { +.use-tailwind .flex-col-reverse, .use-tailwind.flex-col-reverse { flex-direction: column-reverse; } -.use-tailwind .flex-wrap { +.use-tailwind .flex-wrap, .use-tailwind.flex-wrap { flex-wrap: wrap; } -.use-tailwind .items-end { +.use-tailwind .items-end, .use-tailwind.items-end { align-items: flex-end; } -.use-tailwind .items-center { +.use-tailwind .items-center, .use-tailwind.items-center { align-items: center; } -.use-tailwind .items-stretch { +.use-tailwind .items-stretch, .use-tailwind.items-stretch { align-items: stretch; } -.use-tailwind .justify-start { +.use-tailwind .justify-start, .use-tailwind.justify-start { justify-content: flex-start; } -.use-tailwind .justify-end { +.use-tailwind .justify-end, .use-tailwind.justify-end { justify-content: flex-end; } -.use-tailwind .justify-center { +.use-tailwind .justify-center, .use-tailwind.justify-center { justify-content: center; } -.use-tailwind .justify-between { +.use-tailwind .justify-between, .use-tailwind.justify-between { justify-content: space-between; } -.use-tailwind .gap-1 { +.use-tailwind .gap-1, .use-tailwind.gap-1 { gap: 0.25rem; } -.use-tailwind .gap-1\.5 { +.use-tailwind .gap-1\.5, .use-tailwind.gap-1\.5 { gap: 0.375rem; } -.use-tailwind .gap-16 { +.use-tailwind .gap-16, .use-tailwind.gap-16 { gap: 4rem; } -.use-tailwind .gap-2 { +.use-tailwind .gap-2, .use-tailwind.gap-2 { gap: 0.5rem; } -.use-tailwind .gap-24 { +.use-tailwind .gap-24, .use-tailwind.gap-24 { gap: 6rem; } -.use-tailwind .gap-3 { +.use-tailwind .gap-3, .use-tailwind.gap-3 { gap: 0.75rem; } -.use-tailwind .gap-4 { +.use-tailwind .gap-4, .use-tailwind.gap-4 { gap: 1rem; } -.use-tailwind .gap-5 { +.use-tailwind .gap-5, .use-tailwind.gap-5 { gap: 1.25rem; } -.use-tailwind .gap-8 { +.use-tailwind .gap-8, .use-tailwind.gap-8 { gap: 2rem; } -.use-tailwind .space-x-1 > :not([hidden]) ~ :not([hidden]) { +.use-tailwind .space-x-1 > :not([hidden]) ~ :not([hidden]), .use-tailwind.space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } -.use-tailwind .space-x-2 > :not([hidden]) ~ :not([hidden]) { +.use-tailwind .space-x-2 > :not([hidden]) ~ :not([hidden]), .use-tailwind.space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } -.use-tailwind .space-y-0 > :not([hidden]) ~ :not([hidden]) { +.use-tailwind .space-y-0 > :not([hidden]) ~ :not([hidden]), .use-tailwind.space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } -.use-tailwind .space-y-1 > :not([hidden]) ~ :not([hidden]) { +.use-tailwind .space-y-1 > :not([hidden]) ~ :not([hidden]), .use-tailwind.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } -.use-tailwind .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { +.use-tailwind .space-y-1\.5 > :not([hidden]) ~ :not([hidden]), .use-tailwind.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } -.use-tailwind .space-y-2 > :not([hidden]) ~ :not([hidden]) { +.use-tailwind .space-y-2 > :not([hidden]) ~ :not([hidden]), .use-tailwind.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } -.use-tailwind .space-y-4 > :not([hidden]) ~ :not([hidden]) { +.use-tailwind .space-y-4 > :not([hidden]) ~ :not([hidden]), .use-tailwind.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } -.use-tailwind .place-self-center { +.use-tailwind .place-self-center, .use-tailwind.place-self-center { place-self: center; } -.use-tailwind .self-start { +.use-tailwind .self-start, .use-tailwind.self-start { align-self: flex-start; } -.use-tailwind .overflow-auto { +.use-tailwind .overflow-auto, .use-tailwind.overflow-auto { overflow: auto; } -.use-tailwind .overflow-hidden { +.use-tailwind .overflow-hidden, .use-tailwind.overflow-hidden { overflow: hidden; } -.use-tailwind .overflow-y-auto { +.use-tailwind .overflow-y-auto, .use-tailwind.overflow-y-auto { overflow-y: auto; } -.use-tailwind .overflow-x-hidden { +.use-tailwind .overflow-x-hidden, .use-tailwind.overflow-x-hidden { overflow-x: hidden; } -.use-tailwind .whitespace-nowrap { +.use-tailwind .whitespace-nowrap, .use-tailwind.whitespace-nowrap { white-space: nowrap; } -.use-tailwind .break-words { +.use-tailwind .break-words, .use-tailwind.break-words { overflow-wrap: break-word; } -.use-tailwind .rounded { +.use-tailwind .rounded, .use-tailwind.rounded { border-radius: 0.25rem; } -.use-tailwind .rounded-\[calc\(var\(--radius\)-5px\)\] { +.use-tailwind .rounded-\[calc\(var\(--radius\)-5px\)\], .use-tailwind.rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius: calc(var(--radius) - 5px); } -.use-tailwind .rounded-\[inherit\] { +.use-tailwind .rounded-\[inherit\], .use-tailwind.rounded-\[inherit\] { border-radius: inherit; } -.use-tailwind .rounded-full { +.use-tailwind .rounded-full, .use-tailwind.rounded-full { border-radius: 9999px; } -.use-tailwind .rounded-lg { +.use-tailwind .rounded-lg, .use-tailwind.rounded-lg { border-radius: var(--radius); } -.use-tailwind .rounded-md { +.use-tailwind .rounded-md, .use-tailwind.rounded-md { border-radius: calc(var(--radius) - 2px); } -.use-tailwind .rounded-none { +.use-tailwind .rounded-none, .use-tailwind.rounded-none { border-radius: 0px; } -.use-tailwind .rounded-sm { +.use-tailwind .rounded-sm, .use-tailwind.rounded-sm { border-radius: calc(var(--radius) - 4px); } -.use-tailwind .rounded-xl { +.use-tailwind .rounded-xl, .use-tailwind.rounded-xl { border-radius: calc(var(--radius) + 4px); } -.use-tailwind .rounded-b { +.use-tailwind .rounded-b, .use-tailwind.rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } -.use-tailwind .rounded-l-none { +.use-tailwind .rounded-l-none, .use-tailwind.rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } -.use-tailwind .rounded-r-none { +.use-tailwind .rounded-r-none, .use-tailwind.rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } -.use-tailwind .rounded-t-none { +.use-tailwind .rounded-t-none, .use-tailwind.rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; } -.use-tailwind .rounded-tl-sm { +.use-tailwind .rounded-tl-sm, .use-tailwind.rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); } -.use-tailwind .border { +.use-tailwind .border, .use-tailwind.border { border-width: 1px; } -.use-tailwind .border-0 { +.use-tailwind .border-0, .use-tailwind.border-0 { border-width: 0px; } -.use-tailwind .border-2 { +.use-tailwind .border-2, .use-tailwind.border-2 { border-width: 2px; } -.use-tailwind .border-y { +.use-tailwind .border-y, .use-tailwind.border-y { border-top-width: 1px; border-bottom-width: 1px; } -.use-tailwind .border-b { +.use-tailwind .border-b, .use-tailwind.border-b { border-bottom-width: 1px; } -.use-tailwind .border-b-0 { +.use-tailwind .border-b-0, .use-tailwind.border-b-0 { border-bottom-width: 0px; } -.use-tailwind .border-l { +.use-tailwind .border-l, .use-tailwind.border-l { border-left-width: 1px; } -.use-tailwind .border-l-0 { +.use-tailwind .border-l-0, .use-tailwind.border-l-0 { border-left-width: 0px; } -.use-tailwind .border-r { +.use-tailwind .border-r, .use-tailwind.border-r { border-right-width: 1px; } -.use-tailwind .border-t { +.use-tailwind .border-t, .use-tailwind.border-t { border-top-width: 1px; } -.use-tailwind .border-t-0 { +.use-tailwind .border-t-0, .use-tailwind.border-t-0 { border-top-width: 0px; } -.use-tailwind .border-none { +.use-tailwind .border-none, .use-tailwind.border-none { border-style: none; } -.use-tailwind .border-border { +.use-tailwind .border-border, .use-tailwind.border-border { border-color: hsl(var(--border)); } -.use-tailwind .border-destructive\/50 { +.use-tailwind .border-destructive\/50, .use-tailwind.border-destructive\/50 { border-color: hsl(var(--destructive) / 0.5); } -.use-tailwind .border-input { +.use-tailwind .border-input, .use-tailwind.border-input { border-color: hsl(var(--input)); } -.use-tailwind .border-primary { +.use-tailwind .border-primary, .use-tailwind.border-primary { border-color: hsl(var(--primary)); } -.use-tailwind .border-transparent { +.use-tailwind .border-transparent, .use-tailwind.border-transparent { border-color: transparent; } -.use-tailwind .border-l-transparent { +.use-tailwind .border-l-transparent, .use-tailwind.border-l-transparent { border-left-color: transparent; } -.use-tailwind .border-t-transparent { +.use-tailwind .border-t-transparent, .use-tailwind.border-t-transparent { border-top-color: transparent; } -.use-tailwind .bg-accent { +.use-tailwind .bg-accent, .use-tailwind.bg-accent { background-color: hsl(var(--accent)); } -.use-tailwind .bg-background { +.use-tailwind .bg-background, .use-tailwind.bg-background { background-color: hsl(var(--background)); } -.use-tailwind .bg-black\/20 { +.use-tailwind .bg-black\/20, .use-tailwind.bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } -.use-tailwind .bg-black\/40 { +.use-tailwind .bg-black\/40, .use-tailwind.bg-black\/40 { background-color: rgb(0 0 0 / 0.4); } -.use-tailwind .bg-border { +.use-tailwind .bg-border, .use-tailwind.bg-border { background-color: hsl(var(--border)); } -.use-tailwind .bg-card { +.use-tailwind .bg-card, .use-tailwind.bg-card { background-color: hsl(var(--card)); } -.use-tailwind .bg-destructive { +.use-tailwind .bg-destructive, .use-tailwind.bg-destructive { background-color: hsl(var(--destructive)); } -.use-tailwind .bg-destructive\/90 { +.use-tailwind .bg-destructive\/90, .use-tailwind.bg-destructive\/90 { background-color: hsl(var(--destructive) / 0.9); } -.use-tailwind .bg-foreground { +.use-tailwind .bg-foreground, .use-tailwind.bg-foreground { background-color: hsl(var(--foreground)); } -.use-tailwind .bg-muted { +.use-tailwind .bg-muted, .use-tailwind.bg-muted { background-color: hsl(var(--muted)); } -.use-tailwind .bg-muted-foreground\/50 { +.use-tailwind .bg-muted-foreground\/50, .use-tailwind.bg-muted-foreground\/50 { background-color: hsl(var(--muted-foreground) / 0.5); } -.use-tailwind .bg-muted\/50 { +.use-tailwind .bg-muted\/50, .use-tailwind.bg-muted\/50 { background-color: hsl(var(--muted) / 0.5); } -.use-tailwind .bg-popover { +.use-tailwind .bg-popover, .use-tailwind.bg-popover { background-color: hsl(var(--popover)); } -.use-tailwind .bg-primary { +.use-tailwind .bg-primary, .use-tailwind.bg-primary { background-color: hsl(var(--primary)); } -.use-tailwind .bg-primary\/10 { +.use-tailwind .bg-primary\/10, .use-tailwind.bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); } -.use-tailwind .bg-primary\/20 { +.use-tailwind .bg-primary\/20, .use-tailwind.bg-primary\/20 { background-color: hsl(var(--primary) / 0.2); } -.use-tailwind .bg-primary\/80 { +.use-tailwind .bg-primary\/80, .use-tailwind.bg-primary\/80 { background-color: hsl(var(--primary) / 0.8); } -.use-tailwind .bg-primary\/90 { +.use-tailwind .bg-primary\/90, .use-tailwind.bg-primary\/90 { background-color: hsl(var(--primary) / 0.9); } -.use-tailwind .bg-secondary { +.use-tailwind .bg-secondary, .use-tailwind.bg-secondary { background-color: hsl(var(--secondary)); } -.use-tailwind .bg-secondary\/80 { +.use-tailwind .bg-secondary\/80, .use-tailwind.bg-secondary\/80 { background-color: hsl(var(--secondary) / 0.8); } -.use-tailwind .bg-transparent { +.use-tailwind .bg-transparent, .use-tailwind.bg-transparent { background-color: transparent; } -.use-tailwind .bg-gradient-to-b { +.use-tailwind .bg-gradient-to-b, .use-tailwind.bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } -.use-tailwind .bg-gradient-to-r { +.use-tailwind .bg-gradient-to-r, .use-tailwind.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.use-tailwind .from-muted\/50 { +.use-tailwind .from-muted\/50, .use-tailwind.from-muted\/50 { --tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.use-tailwind .from-zinc-600 { +.use-tailwind .from-zinc-600, .use-tailwind.from-zinc-600 { --tw-gradient-from: #52525b var(--tw-gradient-from-position); --tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.use-tailwind .to-muted { +.use-tailwind .to-muted, .use-tailwind.to-muted { --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position); } -.use-tailwind .to-slate-600 { +.use-tailwind .to-slate-600, .use-tailwind.to-slate-600 { --tw-gradient-to: #475569 var(--tw-gradient-to-position); } -.use-tailwind .fill-current { +.use-tailwind .fill-current, .use-tailwind.fill-current { fill: currentColor; } -.use-tailwind .p-0 { +.use-tailwind .p-0, .use-tailwind.p-0 { padding: 0px; } -.use-tailwind .p-1 { +.use-tailwind .p-1, .use-tailwind.p-1 { padding: 0.25rem; } -.use-tailwind .p-2 { +.use-tailwind .p-2, .use-tailwind.p-2 { padding: 0.5rem; } -.use-tailwind .p-3 { +.use-tailwind .p-3, .use-tailwind.p-3 { padding: 0.75rem; } -.use-tailwind .p-4 { +.use-tailwind .p-4, .use-tailwind.p-4 { padding: 1rem; } -.use-tailwind .p-6 { +.use-tailwind .p-6, .use-tailwind.p-6 { padding: 1.5rem; } -.use-tailwind .p-7 { +.use-tailwind .p-7, .use-tailwind.p-7 { padding: 1.75rem; } -.use-tailwind .p-\[1px\] { +.use-tailwind .p-\[1px\], .use-tailwind.p-\[1px\] { padding: 1px; } -.use-tailwind .px-0 { +.use-tailwind .px-0, .use-tailwind.px-0 { padding-left: 0px; padding-right: 0px; } -.use-tailwind .px-1 { +.use-tailwind .px-1, .use-tailwind.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } -.use-tailwind .px-2 { +.use-tailwind .px-2, .use-tailwind.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } -.use-tailwind .px-2\.5 { +.use-tailwind .px-2\.5, .use-tailwind.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } -.use-tailwind .px-3 { +.use-tailwind .px-3, .use-tailwind.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } -.use-tailwind .px-4 { +.use-tailwind .px-4, .use-tailwind.px-4 { padding-left: 1rem; padding-right: 1rem; } -.use-tailwind .px-5 { +.use-tailwind .px-5, .use-tailwind.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } -.use-tailwind .px-6 { +.use-tailwind .px-6, .use-tailwind.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } -.use-tailwind .px-8 { +.use-tailwind .px-8, .use-tailwind.px-8 { padding-left: 2rem; padding-right: 2rem; } -.use-tailwind .py-0\.5 { +.use-tailwind .py-0\.5, .use-tailwind.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } -.use-tailwind .py-1 { +.use-tailwind .py-1, .use-tailwind.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } -.use-tailwind .py-1\.5 { +.use-tailwind .py-1\.5, .use-tailwind.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } -.use-tailwind .py-2 { +.use-tailwind .py-2, .use-tailwind.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } -.use-tailwind .py-3 { +.use-tailwind .py-3, .use-tailwind.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } -.use-tailwind .py-4 { +.use-tailwind .py-4, .use-tailwind.py-4 { padding-top: 1rem; padding-bottom: 1rem; } -.use-tailwind .py-6 { +.use-tailwind .py-6, .use-tailwind.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } -.use-tailwind .pb-0 { +.use-tailwind .pb-0, .use-tailwind.pb-0 { padding-bottom: 0px; } -.use-tailwind .pb-1 { +.use-tailwind .pb-1, .use-tailwind.pb-1 { padding-bottom: 0.25rem; } -.use-tailwind .pb-1\.5 { +.use-tailwind .pb-1\.5, .use-tailwind.pb-1\.5 { padding-bottom: 0.375rem; } -.use-tailwind .pb-3 { +.use-tailwind .pb-3, .use-tailwind.pb-3 { padding-bottom: 0.75rem; } -.use-tailwind .pb-4 { +.use-tailwind .pb-4, .use-tailwind.pb-4 { padding-bottom: 1rem; } -.use-tailwind .pb-9 { +.use-tailwind .pb-9, .use-tailwind.pb-9 { padding-bottom: 2.25rem; } -.use-tailwind .pl-0 { +.use-tailwind .pl-0, .use-tailwind.pl-0 { padding-left: 0px; } -.use-tailwind .pl-1 { +.use-tailwind .pl-1, .use-tailwind.pl-1 { padding-left: 0.25rem; } -.use-tailwind .pl-2 { +.use-tailwind .pl-2, .use-tailwind.pl-2 { padding-left: 0.5rem; } -.use-tailwind .pl-2\.5 { +.use-tailwind .pl-2\.5, .use-tailwind.pl-2\.5 { padding-left: 0.625rem; } -.use-tailwind .pl-3 { +.use-tailwind .pl-3, .use-tailwind.pl-3 { padding-left: 0.75rem; } -.use-tailwind .pl-4 { +.use-tailwind .pl-4, .use-tailwind.pl-4 { padding-left: 1rem; } -.use-tailwind .pl-7 { +.use-tailwind .pl-7, .use-tailwind.pl-7 { padding-left: 1.75rem; } -.use-tailwind .pl-8 { +.use-tailwind .pl-8, .use-tailwind.pl-8 { padding-left: 2rem; } -.use-tailwind .pr-0 { +.use-tailwind .pr-0, .use-tailwind.pr-0 { padding-right: 0px; } -.use-tailwind .pr-1 { +.use-tailwind .pr-1, .use-tailwind.pr-1 { padding-right: 0.25rem; } -.use-tailwind .pr-2 { +.use-tailwind .pr-2, .use-tailwind.pr-2 { padding-right: 0.5rem; } -.use-tailwind .pr-2\.5 { +.use-tailwind .pr-2\.5, .use-tailwind.pr-2\.5 { padding-right: 0.625rem; } -.use-tailwind .pr-3 { +.use-tailwind .pr-3, .use-tailwind.pr-3 { padding-right: 0.75rem; } -.use-tailwind .pr-8 { +.use-tailwind .pr-8, .use-tailwind.pr-8 { padding-right: 2rem; } -.use-tailwind .pt-0 { +.use-tailwind .pt-0, .use-tailwind.pt-0 { padding-top: 0px; } -.use-tailwind .pt-1 { +.use-tailwind .pt-1, .use-tailwind.pt-1 { padding-top: 0.25rem; } -.use-tailwind .pt-1\.5 { +.use-tailwind .pt-1\.5, .use-tailwind.pt-1\.5 { padding-top: 0.375rem; } -.use-tailwind .pt-3 { +.use-tailwind .pt-3, .use-tailwind.pt-3 { padding-top: 0.75rem; } -.use-tailwind .text-left { +.use-tailwind .text-left, .use-tailwind.text-left { text-align: left; } -.use-tailwind .text-center { +.use-tailwind .text-center, .use-tailwind.text-center { text-align: center; } -.use-tailwind .text-right { +.use-tailwind .text-right, .use-tailwind.text-right { text-align: right; } -.use-tailwind .align-top { +.use-tailwind .align-top, .use-tailwind.align-top { vertical-align: top; } -.use-tailwind .align-middle { +.use-tailwind .align-middle, .use-tailwind.align-middle { vertical-align: middle; } -.use-tailwind .font-mono { +.use-tailwind .font-mono, .use-tailwind.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } -.use-tailwind .text-2xl { +.use-tailwind .text-2xl, .use-tailwind.text-2xl { font-size: 1.5rem; line-height: 2rem; } -.use-tailwind .text-6xl { +.use-tailwind .text-6xl, .use-tailwind.text-6xl { font-size: 3.75rem; line-height: 1; } -.use-tailwind .text-\[0\.675rem\] { +.use-tailwind .text-\[0\.675rem\], .use-tailwind.text-\[0\.675rem\] { font-size: 0.675rem; } -.use-tailwind .text-\[0\.85rem\] { +.use-tailwind .text-\[0\.85rem\], .use-tailwind.text-\[0\.85rem\] { font-size: 0.85rem; } -.use-tailwind .text-\[0\.8rem\] { +.use-tailwind .text-\[0\.8rem\], .use-tailwind.text-\[0\.8rem\] { font-size: 0.8rem; } -.use-tailwind .text-\[1\.45rem\] { +.use-tailwind .text-\[1\.45rem\], .use-tailwind.text-\[1\.45rem\] { font-size: 1.45rem; } -.use-tailwind .text-\[1\.4rem\] { +.use-tailwind .text-\[1\.4rem\], .use-tailwind.text-\[1\.4rem\] { font-size: 1.4rem; } -.use-tailwind .text-\[1rem\] { +.use-tailwind .text-\[1rem\], .use-tailwind.text-\[1rem\] { font-size: 1rem; } -.use-tailwind .text-base { +.use-tailwind .text-base, .use-tailwind.text-base { font-size: 1rem; line-height: 1.5rem; } -.use-tailwind .text-lg { +.use-tailwind .text-lg, .use-tailwind.text-lg { font-size: 1.125rem; line-height: 1.75rem; } -.use-tailwind .text-sm { +.use-tailwind .text-sm, .use-tailwind.text-sm { font-size: 0.875rem; line-height: 1.25rem; } -.use-tailwind .text-xs { +.use-tailwind .text-xs, .use-tailwind.text-xs { font-size: 0.75rem; line-height: 1rem; } -.use-tailwind .font-bold { +.use-tailwind .font-bold, .use-tailwind.font-bold { font-weight: 700; } -.use-tailwind .font-medium { +.use-tailwind .font-medium, .use-tailwind.font-medium { font-weight: 500; } -.use-tailwind .font-normal { +.use-tailwind .font-normal, .use-tailwind.font-normal { font-weight: 400; } -.use-tailwind .font-semibold { +.use-tailwind .font-semibold, .use-tailwind.font-semibold { font-weight: 600; } -.use-tailwind .uppercase { +.use-tailwind .uppercase, .use-tailwind.uppercase { text-transform: uppercase; } -.use-tailwind .capitalize { +.use-tailwind .capitalize, .use-tailwind.capitalize { text-transform: capitalize; } -.use-tailwind .leading-4 { +.use-tailwind .leading-4, .use-tailwind.leading-4 { line-height: 1rem; } -.use-tailwind .leading-5 { +.use-tailwind .leading-5, .use-tailwind.leading-5 { line-height: 1.25rem; } -.use-tailwind .leading-none { +.use-tailwind .leading-none, .use-tailwind.leading-none { line-height: 1; } -.use-tailwind .leading-tight { +.use-tailwind .leading-tight, .use-tailwind.leading-tight { line-height: 1.25; } -.use-tailwind .tracking-tight { +.use-tailwind .tracking-tight, .use-tailwind.tracking-tight { letter-spacing: -0.025em; } -.use-tailwind .tracking-tighter { +.use-tailwind .tracking-tighter, .use-tailwind.tracking-tighter { letter-spacing: -0.05em; } -.use-tailwind .tracking-wide { +.use-tailwind .tracking-wide, .use-tailwind.tracking-wide { letter-spacing: 0.025em; } -.use-tailwind .tracking-widest { +.use-tailwind .tracking-widest, .use-tailwind.tracking-widest { letter-spacing: 0.1em; } -.use-tailwind .text-\[\#16A34A\] { +.use-tailwind .text-\[\#16A34A\], .use-tailwind.text-\[\#16A34A\] { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } -.use-tailwind .text-\[\#E7000B\] { +.use-tailwind .text-\[\#E7000B\], .use-tailwind.text-\[\#E7000B\] { --tw-text-opacity: 1; color: rgb(231 0 11 / var(--tw-text-opacity, 1)); } -.use-tailwind .text-accent-foreground { +.use-tailwind .text-accent-foreground, .use-tailwind.text-accent-foreground { color: hsl(var(--accent-foreground)); } -.use-tailwind .text-background { +.use-tailwind .text-background, .use-tailwind.text-background { color: hsl(var(--background)); } -.use-tailwind .text-blue-300 { +.use-tailwind .text-blue-300, .use-tailwind.text-blue-300 { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } -.use-tailwind .text-blue-600 { +.use-tailwind .text-blue-600, .use-tailwind.text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } -.use-tailwind .text-card-foreground { +.use-tailwind .text-card-foreground, .use-tailwind.text-card-foreground { color: hsl(var(--card-foreground)); } -.use-tailwind .text-current { +.use-tailwind .text-current, .use-tailwind.text-current { color: currentColor; } -.use-tailwind .text-destructive { +.use-tailwind .text-destructive, .use-tailwind.text-destructive { color: hsl(var(--destructive)); } -.use-tailwind .text-destructive-foreground { +.use-tailwind .text-destructive-foreground, .use-tailwind.text-destructive-foreground { color: hsl(var(--destructive-foreground)); } -.use-tailwind .text-foreground { +.use-tailwind .text-foreground, .use-tailwind.text-foreground { color: hsl(var(--foreground)); } -.use-tailwind .text-muted-foreground { +.use-tailwind .text-muted-foreground, .use-tailwind.text-muted-foreground { color: hsl(var(--muted-foreground)); } -.use-tailwind .text-muted-foreground\/50 { +.use-tailwind .text-muted-foreground\/50, .use-tailwind.text-muted-foreground\/50 { color: hsl(var(--muted-foreground) / 0.5); } -.use-tailwind .text-popover-foreground { +.use-tailwind .text-popover-foreground, .use-tailwind.text-popover-foreground { color: hsl(var(--popover-foreground)); } -.use-tailwind .text-primary { +.use-tailwind .text-primary, .use-tailwind.text-primary { color: hsl(var(--primary)); } -.use-tailwind .text-primary-foreground { +.use-tailwind .text-primary-foreground, .use-tailwind.text-primary-foreground { color: hsl(var(--primary-foreground)); } -.use-tailwind .text-secondary-foreground { +.use-tailwind .text-secondary-foreground, .use-tailwind.text-secondary-foreground { color: hsl(var(--secondary-foreground)); } -.use-tailwind .text-white { +.use-tailwind .text-white, .use-tailwind.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } -.use-tailwind .underline { +.use-tailwind .underline, .use-tailwind.underline { text-decoration-line: underline; } -.use-tailwind .no-underline { +.use-tailwind .no-underline, .use-tailwind.no-underline { text-decoration-line: none; } -.use-tailwind .underline-offset-4 { +.use-tailwind .underline-offset-4, .use-tailwind.underline-offset-4 { text-underline-offset: 4px; } -.use-tailwind .antialiased { +.use-tailwind .antialiased, .use-tailwind.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -.use-tailwind .accent-foreground { +.use-tailwind .accent-foreground, .use-tailwind.accent-foreground { accent-color: hsl(var(--foreground)); } -.use-tailwind .opacity-0 { +.use-tailwind .opacity-0, .use-tailwind.opacity-0 { opacity: 0; } -.use-tailwind .opacity-100 { +.use-tailwind .opacity-100, .use-tailwind.opacity-100 { opacity: 1; } -.use-tailwind .opacity-50 { +.use-tailwind .opacity-50, .use-tailwind.opacity-50 { opacity: 0.5; } -.use-tailwind .opacity-60 { +.use-tailwind .opacity-60, .use-tailwind.opacity-60 { opacity: 0.6; } -.use-tailwind .opacity-70 { +.use-tailwind .opacity-70, .use-tailwind.opacity-70 { opacity: 0.7; } -.use-tailwind .shadow { +.use-tailwind .shadow, .use-tailwind.shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.use-tailwind .shadow-lg { +.use-tailwind .shadow-lg, .use-tailwind.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.use-tailwind .shadow-md { +.use-tailwind .shadow-md, .use-tailwind.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.use-tailwind .shadow-none { +.use-tailwind .shadow-none, .use-tailwind.shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.use-tailwind .shadow-sm { +.use-tailwind .shadow-sm, .use-tailwind.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.use-tailwind .outline-none { +.use-tailwind .outline-none, .use-tailwind.outline-none { outline: 2px solid transparent; outline-offset: 2px; } -.use-tailwind .outline { +.use-tailwind .outline, .use-tailwind.outline { outline-style: solid; } -.use-tailwind .ring { +.use-tailwind .ring, .use-tailwind.ring { --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(3px + 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); } -.use-tailwind .ring-0 { +.use-tailwind .ring-0, .use-tailwind.ring-0 { --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); } -.use-tailwind .ring-1 { +.use-tailwind .ring-1, .use-tailwind.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); } -.use-tailwind .ring-ring { +.use-tailwind .ring-ring, .use-tailwind.ring-ring { --tw-ring-color: hsl(var(--ring)); } -.use-tailwind .ring-offset-2 { +.use-tailwind .ring-offset-2, .use-tailwind.ring-offset-2 { --tw-ring-offset-width: 2px; } -.use-tailwind .ring-offset-background { +.use-tailwind .ring-offset-background, .use-tailwind.ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } -.use-tailwind .grayscale { +.use-tailwind .grayscale, .use-tailwind.grayscale { --tw-grayscale: grayscale(100%); 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); } -.use-tailwind .transition { +.use-tailwind .transition, .use-tailwind.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } -.use-tailwind .transition-\[color\2c box-shadow\] { +.use-tailwind .transition-\[color\2c box-shadow\], .use-tailwind.transition-\[color\2c box-shadow\] { transition-property: color,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } -.use-tailwind .transition-all { +.use-tailwind .transition-all, .use-tailwind.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } -.use-tailwind .transition-colors { +.use-tailwind .transition-colors, .use-tailwind.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } -.use-tailwind .transition-opacity { +.use-tailwind .transition-opacity, .use-tailwind.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } -.use-tailwind .transition-transform { +.use-tailwind .transition-transform, .use-tailwind.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } -.use-tailwind .duration-1000 { +.use-tailwind .duration-1000, .use-tailwind.duration-1000 { transition-duration: 1000ms; } -.use-tailwind .duration-200 { +.use-tailwind .duration-200, .use-tailwind.duration-200 { transition-duration: 200ms; } -.use-tailwind .duration-300 { +.use-tailwind .duration-300, .use-tailwind.duration-300 { transition-duration: 300ms; } -.use-tailwind .duration-500 { +.use-tailwind .duration-500, .use-tailwind.duration-500 { transition-duration: 500ms; } -.use-tailwind .ease-in { +.use-tailwind .ease-in, .use-tailwind.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } -.use-tailwind .ease-in-out { +.use-tailwind .ease-in-out, .use-tailwind.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } -.use-tailwind .ease-out { +.use-tailwind .ease-out, .use-tailwind.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } @@ -2389,7 +2389,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp } } -.use-tailwind .animate-in { +.use-tailwind .animate-in, .use-tailwind.animate-in { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; @@ -2399,7 +2399,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp --tw-enter-translate-y: initial; } -.use-tailwind .animate-out { +.use-tailwind .animate-out, .use-tailwind.animate-out { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; @@ -2409,489 +2409,489 @@ Constrain images and videos to the parent width and preserve their intrinsic asp --tw-exit-translate-y: initial; } -.use-tailwind .fade-in { +.use-tailwind .fade-in, .use-tailwind.fade-in { --tw-enter-opacity: 0; } -.use-tailwind .fade-in-0 { +.use-tailwind .fade-in-0, .use-tailwind.fade-in-0 { --tw-enter-opacity: 0; } -.use-tailwind .zoom-in-95 { +.use-tailwind .zoom-in-95, .use-tailwind.zoom-in-95 { --tw-enter-scale: .95; } -.use-tailwind .slide-in-from-bottom { +.use-tailwind .slide-in-from-bottom, .use-tailwind.slide-in-from-bottom { --tw-enter-translate-y: 100%; } -.use-tailwind .slide-in-from-top { +.use-tailwind .slide-in-from-top, .use-tailwind.slide-in-from-top { --tw-enter-translate-y: -100%; } -.use-tailwind .duration-1000 { +.use-tailwind .duration-1000, .use-tailwind.duration-1000 { animation-duration: 1000ms; } -.use-tailwind .duration-200 { +.use-tailwind .duration-200, .use-tailwind.duration-200 { animation-duration: 200ms; } -.use-tailwind .duration-300 { +.use-tailwind .duration-300, .use-tailwind.duration-300 { animation-duration: 300ms; } -.use-tailwind .duration-500 { +.use-tailwind .duration-500, .use-tailwind.duration-500 { animation-duration: 500ms; } -.use-tailwind .ease-in { +.use-tailwind .ease-in, .use-tailwind.ease-in { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); } -.use-tailwind .ease-in-out { +.use-tailwind .ease-in-out, .use-tailwind.ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } -.use-tailwind .ease-out { +.use-tailwind .ease-out, .use-tailwind.ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } -.use-tailwind .file\:border-0::file-selector-button { +.use-tailwind .file\:border-0::file-selector-button, .use-tailwind.file\:border-0::file-selector-button { border-width: 0px; } -.use-tailwind .file\:bg-transparent::file-selector-button { +.use-tailwind .file\:bg-transparent::file-selector-button, .use-tailwind.file\:bg-transparent::file-selector-button { background-color: transparent; } -.use-tailwind .file\:text-sm::file-selector-button { +.use-tailwind .file\:text-sm::file-selector-button, .use-tailwind.file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; } -.use-tailwind .file\:font-medium::file-selector-button { +.use-tailwind .file\:font-medium::file-selector-button, .use-tailwind.file\:font-medium::file-selector-button { font-weight: 500; } -.use-tailwind .placeholder\:text-muted-foreground::-moz-placeholder { +.use-tailwind .placeholder\:text-muted-foreground::-moz-placeholder, .use-tailwind.placeholder\:text-muted-foreground::-moz-placeholder { color: hsl(var(--muted-foreground)); } -.use-tailwind .placeholder\:text-muted-foreground::placeholder { +.use-tailwind .placeholder\:text-muted-foreground::placeholder, .use-tailwind.placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } -.use-tailwind .first\:rounded-l-md:first-child { +.use-tailwind .first\:rounded-l-md:first-child, .use-tailwind.first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } -.use-tailwind .first\:border-l:first-child { +.use-tailwind .first\:border-l:first-child, .use-tailwind.first\:border-l:first-child { border-left-width: 1px; } -.use-tailwind .last\:mb-0:last-child { +.use-tailwind .last\:mb-0:last-child, .use-tailwind.last\:mb-0:last-child { margin-bottom: 0px; } -.use-tailwind .last\:mb-4:last-child { +.use-tailwind .last\:mb-4:last-child, .use-tailwind.last\:mb-4:last-child { margin-bottom: 1rem; } -.use-tailwind .last\:rounded-r-md:last-child { +.use-tailwind .last\:rounded-r-md:last-child, .use-tailwind.last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } -.use-tailwind .focus-within\:relative:focus-within { +.use-tailwind .focus-within\:relative:focus-within, .use-tailwind.focus-within\:relative:focus-within { position: relative; } -.use-tailwind .focus-within\:z-20:focus-within { +.use-tailwind .focus-within\:z-20:focus-within, .use-tailwind.focus-within\:z-20:focus-within { z-index: 20; } -.use-tailwind .hover\:max-w-xs:hover { +.use-tailwind .hover\:max-w-xs:hover, .use-tailwind.hover\:max-w-xs:hover { max-width: 20rem; } -.use-tailwind .hover\:cursor-pointer:hover { +.use-tailwind .hover\:cursor-pointer:hover, .use-tailwind.hover\:cursor-pointer:hover { cursor: pointer; } -.use-tailwind .hover\:bg-accent:hover { +.use-tailwind .hover\:bg-accent:hover, .use-tailwind.hover\:bg-accent:hover { background-color: hsl(var(--accent)); } -.use-tailwind .hover\:bg-background\/50:hover { +.use-tailwind .hover\:bg-background\/50:hover, .use-tailwind.hover\:bg-background\/50:hover { background-color: hsl(var(--background) / 0.5); } -.use-tailwind .hover\:bg-black:hover { +.use-tailwind .hover\:bg-black:hover, .use-tailwind.hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } -.use-tailwind .hover\:bg-destructive\/80:hover { +.use-tailwind .hover\:bg-destructive\/80:hover, .use-tailwind.hover\:bg-destructive\/80:hover { background-color: hsl(var(--destructive) / 0.8); } -.use-tailwind .hover\:bg-destructive\/90:hover { +.use-tailwind .hover\:bg-destructive\/90:hover, .use-tailwind.hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / 0.9); } -.use-tailwind .hover\:bg-muted:hover { +.use-tailwind .hover\:bg-muted:hover, .use-tailwind.hover\:bg-muted:hover { background-color: hsl(var(--muted)); } -.use-tailwind .hover\:bg-muted\/50:hover { +.use-tailwind .hover\:bg-muted\/50:hover, .use-tailwind.hover\:bg-muted\/50:hover { background-color: hsl(var(--muted) / 0.5); } -.use-tailwind .hover\:bg-primary:hover { +.use-tailwind .hover\:bg-primary:hover, .use-tailwind.hover\:bg-primary:hover { background-color: hsl(var(--primary)); } -.use-tailwind .hover\:bg-primary\/80:hover { +.use-tailwind .hover\:bg-primary\/80:hover, .use-tailwind.hover\:bg-primary\/80:hover { background-color: hsl(var(--primary) / 0.8); } -.use-tailwind .hover\:bg-primary\/90:hover { +.use-tailwind .hover\:bg-primary\/90:hover, .use-tailwind.hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / 0.9); } -.use-tailwind .hover\:bg-secondary\/80:hover { +.use-tailwind .hover\:bg-secondary\/80:hover, .use-tailwind.hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary) / 0.8); } -.use-tailwind .hover\:bg-transparent:hover { +.use-tailwind .hover\:bg-transparent:hover, .use-tailwind.hover\:bg-transparent:hover { background-color: transparent; } -.use-tailwind .hover\:text-accent-foreground:hover { +.use-tailwind .hover\:text-accent-foreground:hover, .use-tailwind.hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); } -.use-tailwind .hover\:text-foreground:hover { +.use-tailwind .hover\:text-foreground:hover, .use-tailwind.hover\:text-foreground:hover { color: hsl(var(--foreground)); } -.use-tailwind .hover\:text-foreground\/75:hover { +.use-tailwind .hover\:text-foreground\/75:hover, .use-tailwind.hover\:text-foreground\/75:hover { color: hsl(var(--foreground) / 0.75); } -.use-tailwind .hover\:text-muted-foreground:hover { +.use-tailwind .hover\:text-muted-foreground:hover, .use-tailwind.hover\:text-muted-foreground:hover { color: hsl(var(--muted-foreground)); } -.use-tailwind .hover\:text-primary-foreground:hover { +.use-tailwind .hover\:text-primary-foreground:hover, .use-tailwind.hover\:text-primary-foreground:hover { color: hsl(var(--primary-foreground)); } -.use-tailwind .hover\:text-white:hover { +.use-tailwind .hover\:text-white:hover, .use-tailwind.hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } -.use-tailwind .hover\:underline:hover { +.use-tailwind .hover\:underline:hover, .use-tailwind.hover\:underline:hover { text-decoration-line: underline; } -.use-tailwind .hover\:opacity-100:hover { +.use-tailwind .hover\:opacity-100:hover, .use-tailwind.hover\:opacity-100:hover { opacity: 1; } -.use-tailwind .hover\:opacity-50:hover { +.use-tailwind .hover\:opacity-50:hover, .use-tailwind.hover\:opacity-50:hover { opacity: 0.5; } -.use-tailwind .hover\:opacity-75:hover { +.use-tailwind .hover\:opacity-75:hover, .use-tailwind.hover\:opacity-75:hover { opacity: 0.75; } -.use-tailwind .focus\:bg-accent:focus { +.use-tailwind .focus\:bg-accent:focus, .use-tailwind.focus\:bg-accent:focus { background-color: hsl(var(--accent)); } -.use-tailwind .focus\:bg-primary:focus { +.use-tailwind .focus\:bg-primary:focus, .use-tailwind.focus\:bg-primary:focus { background-color: hsl(var(--primary)); } -.use-tailwind .focus\:text-accent-foreground:focus { +.use-tailwind .focus\:text-accent-foreground:focus, .use-tailwind.focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); } -.use-tailwind .focus\:text-primary-foreground:focus { +.use-tailwind .focus\:text-primary-foreground:focus, .use-tailwind.focus\:text-primary-foreground:focus { color: hsl(var(--primary-foreground)); } -.use-tailwind .focus\:shadow-md:focus { +.use-tailwind .focus\:shadow-md:focus, .use-tailwind.focus\:shadow-md:focus { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.use-tailwind .focus\:outline-none:focus { +.use-tailwind .focus\:outline-none:focus, .use-tailwind.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } -.use-tailwind .focus\:ring-1:focus { +.use-tailwind .focus\:ring-1:focus, .use-tailwind.focus\:ring-1: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(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); } -.use-tailwind .focus\:ring-2:focus { +.use-tailwind .focus\:ring-2:focus, .use-tailwind.focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.use-tailwind .focus\:ring-ring:focus { +.use-tailwind .focus\:ring-ring:focus, .use-tailwind.focus\:ring-ring:focus { --tw-ring-color: hsl(var(--ring)); } -.use-tailwind .focus\:ring-offset-2:focus { +.use-tailwind .focus\:ring-offset-2:focus, .use-tailwind.focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } -.use-tailwind .focus-visible\:outline-none:focus-visible { +.use-tailwind .focus-visible\:outline-none:focus-visible, .use-tailwind.focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } -.use-tailwind .focus-visible\:ring-0:focus-visible { +.use-tailwind .focus-visible\:ring-0:focus-visible, .use-tailwind.focus-visible\:ring-0:focus-visible { --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); } -.use-tailwind .focus-visible\:ring-1:focus-visible { +.use-tailwind .focus-visible\:ring-1:focus-visible, .use-tailwind.focus-visible\:ring-1:focus-visible { --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); } -.use-tailwind .focus-visible\:ring-2:focus-visible { +.use-tailwind .focus-visible\:ring-2:focus-visible, .use-tailwind.focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.use-tailwind .focus-visible\:ring-ring:focus-visible { +.use-tailwind .focus-visible\:ring-ring:focus-visible, .use-tailwind.focus-visible\:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } -.use-tailwind .focus-visible\:ring-offset-2:focus-visible { +.use-tailwind .focus-visible\:ring-offset-2:focus-visible, .use-tailwind.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } -.use-tailwind .focus-visible\:ring-offset-background:focus-visible { +.use-tailwind .focus-visible\:ring-offset-background:focus-visible, .use-tailwind.focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(var(--background)); } -.use-tailwind .disabled\:pointer-events-none:disabled { +.use-tailwind .disabled\:pointer-events-none:disabled, .use-tailwind.disabled\:pointer-events-none:disabled { pointer-events: none; } -.use-tailwind .disabled\:cursor-not-allowed:disabled { +.use-tailwind .disabled\:cursor-not-allowed:disabled, .use-tailwind.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } -.use-tailwind .disabled\:opacity-50:disabled { +.use-tailwind .disabled\:opacity-50:disabled, .use-tailwind.disabled\:opacity-50:disabled { opacity: 0.5; } -.use-tailwind .group:hover .group-hover\:max-w-xs { +.use-tailwind .group:hover .group-hover\:max-w-xs, .use-tailwind.group:hover .group-hover\:max-w-xs { max-width: 20rem; } -.use-tailwind .group:hover .group-hover\:text-foreground { +.use-tailwind .group:hover .group-hover\:text-foreground, .use-tailwind.group:hover .group-hover\:text-foreground { color: hsl(var(--foreground)); } -.use-tailwind .group.toaster .group-\[\.toaster\]\:border-border { +.use-tailwind .group.toaster .group-\[\.toaster\]\:border-border, .use-tailwind.group.toaster .group-\[\.toaster\]\:border-border { border-color: hsl(var(--border)); } -.use-tailwind .group.toast .group-\[\.toast\]\:bg-muted { +.use-tailwind .group.toast .group-\[\.toast\]\:bg-muted, .use-tailwind.group.toast .group-\[\.toast\]\:bg-muted { background-color: hsl(var(--muted)); } -.use-tailwind .group.toast .group-\[\.toast\]\:bg-primary { +.use-tailwind .group.toast .group-\[\.toast\]\:bg-primary, .use-tailwind.group.toast .group-\[\.toast\]\:bg-primary { background-color: hsl(var(--primary)); } -.use-tailwind .group.toaster .group-\[\.toaster\]\:bg-background { +.use-tailwind .group.toaster .group-\[\.toaster\]\:bg-background, .use-tailwind.group.toaster .group-\[\.toaster\]\:bg-background { background-color: hsl(var(--background)); } -.use-tailwind .group.toast .group-\[\.toast\]\:text-muted-foreground { +.use-tailwind .group.toast .group-\[\.toast\]\:text-muted-foreground, .use-tailwind.group.toast .group-\[\.toast\]\:text-muted-foreground { color: hsl(var(--muted-foreground)); } -.use-tailwind .group.toast .group-\[\.toast\]\:text-primary-foreground { +.use-tailwind .group.toast .group-\[\.toast\]\:text-primary-foreground, .use-tailwind.group.toast .group-\[\.toast\]\:text-primary-foreground { color: hsl(var(--primary-foreground)); } -.use-tailwind .group.toaster .group-\[\.toaster\]\:text-foreground { +.use-tailwind .group.toaster .group-\[\.toaster\]\:text-foreground, .use-tailwind.group.toaster .group-\[\.toaster\]\:text-foreground { color: hsl(var(--foreground)); } -.use-tailwind .group.toaster .group-\[\.toaster\]\:shadow-lg { +.use-tailwind .group.toaster .group-\[\.toaster\]\:shadow-lg, .use-tailwind.group.toaster .group-\[\.toaster\]\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.use-tailwind .peer:disabled ~ .peer-disabled\:cursor-not-allowed { +.use-tailwind .peer:disabled ~ .peer-disabled\:cursor-not-allowed, .use-tailwind.peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } -.use-tailwind .peer:disabled ~ .peer-disabled\:opacity-70 { +.use-tailwind .peer:disabled ~ .peer-disabled\:opacity-70, .use-tailwind.peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; } -.use-tailwind .has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button) { +.use-tailwind .has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button), .use-tailwind.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button) { margin-left: -0.45rem; } -.use-tailwind .has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button) { +.use-tailwind .has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button), .use-tailwind.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button) { margin-right: -0.4rem; } -.use-tailwind .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd) { +.use-tailwind .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd), .use-tailwind.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd) { margin-left: -0.35rem; } -.use-tailwind .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd) { +.use-tailwind .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd), .use-tailwind.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd) { margin-right: -0.35rem; } -.use-tailwind .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]) { +.use-tailwind .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]), .use-tailwind.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]) { height: auto; } -.use-tailwind .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]) { +.use-tailwind .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]), .use-tailwind.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]) { height: auto; } -.use-tailwind .has-\[\>textarea\]\:h-auto:has(>textarea) { +.use-tailwind .has-\[\>textarea\]\:h-auto:has(>textarea), .use-tailwind.has-\[\>textarea\]\:h-auto:has(>textarea) { height: auto; } -.use-tailwind .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]) { +.use-tailwind .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]), .use-tailwind.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]) { flex-direction: column; } -.use-tailwind .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]) { +.use-tailwind .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]), .use-tailwind.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]) { flex-direction: column; } -.use-tailwind .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) { +.use-tailwind .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]), .use-tailwind.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) { border-color: hsl(var(--destructive)); } -.use-tailwind .has-\[\>svg\]\:p-0:has(>svg) { +.use-tailwind .has-\[\>svg\]\:p-0:has(>svg), .use-tailwind.has-\[\>svg\]\:p-0:has(>svg) { padding: 0px; } -.use-tailwind .has-\[\>svg\]\:px-2:has(>svg) { +.use-tailwind .has-\[\>svg\]\:px-2:has(>svg), .use-tailwind.has-\[\>svg\]\:px-2:has(>svg) { padding-left: 0.5rem; padding-right: 0.5rem; } -.use-tailwind .has-\[\>svg\]\:px-2\.5:has(>svg) { +.use-tailwind .has-\[\>svg\]\:px-2\.5:has(>svg), .use-tailwind.has-\[\>svg\]\:px-2\.5:has(>svg) { padding-left: 0.625rem; padding-right: 0.625rem; } -.use-tailwind .has-\[\:disabled\]\:opacity-50:has(:disabled) { +.use-tailwind .has-\[\:disabled\]\:opacity-50:has(:disabled), .use-tailwind.has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; } -.use-tailwind .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible) { +.use-tailwind .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible), .use-tailwind.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible) { --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); } -.use-tailwind .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible) { +.use-tailwind .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible), .use-tailwind.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible) { --tw-ring-color: hsl(var(--ring)); } -.use-tailwind .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) { +.use-tailwind .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]), .use-tailwind.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) { --tw-ring-color: hsl(var(--destructive) / 0.2); } -.use-tailwind .group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pb-2\.5 { +.use-tailwind .group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pb-2\.5, .use-tailwind.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pb-2\.5 { padding-bottom: 0.625rem; } -.use-tailwind .group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pt-2\.5 { +.use-tailwind .group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pt-2\.5, .use-tailwind.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pt-2\.5 { padding-top: 0.625rem; } -.use-tailwind .aria-selected\:bg-accent[aria-selected="true"] { +.use-tailwind .aria-selected\:bg-accent[aria-selected="true"], .use-tailwind.aria-selected\:bg-accent[aria-selected="true"] { background-color: hsl(var(--accent)); } -.use-tailwind .aria-selected\:bg-accent\/50[aria-selected="true"] { +.use-tailwind .aria-selected\:bg-accent\/50[aria-selected="true"], .use-tailwind.aria-selected\:bg-accent\/50[aria-selected="true"] { background-color: hsl(var(--accent) / 0.5); } -.use-tailwind .aria-selected\:text-accent-foreground[aria-selected="true"] { +.use-tailwind .aria-selected\:text-accent-foreground[aria-selected="true"], .use-tailwind.aria-selected\:text-accent-foreground[aria-selected="true"] { color: hsl(var(--accent-foreground)); } -.use-tailwind .aria-selected\:text-muted-foreground[aria-selected="true"] { +.use-tailwind .aria-selected\:text-muted-foreground[aria-selected="true"], .use-tailwind.aria-selected\:text-muted-foreground[aria-selected="true"] { color: hsl(var(--muted-foreground)); } -.use-tailwind .aria-selected\:opacity-100[aria-selected="true"] { +.use-tailwind .aria-selected\:opacity-100[aria-selected="true"], .use-tailwind.aria-selected\:opacity-100[aria-selected="true"] { opacity: 1; } -.use-tailwind .aria-selected\:opacity-30[aria-selected="true"] { +.use-tailwind .aria-selected\:opacity-30[aria-selected="true"], .use-tailwind.aria-selected\:opacity-30[aria-selected="true"] { opacity: 0.3; } -.use-tailwind .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { +.use-tailwind .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"], .use-tailwind.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } -.use-tailwind .data-\[disabled\]\:pointer-events-none[data-disabled] { +.use-tailwind .data-\[disabled\]\:pointer-events-none[data-disabled], .use-tailwind.data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } -.use-tailwind .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { +.use-tailwind .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"], .use-tailwind.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .data-\[side\=left\]\:-translate-x-1[data-side="left"] { +.use-tailwind .data-\[side\=left\]\:-translate-x-1[data-side="left"], .use-tailwind.data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .data-\[side\=right\]\:translate-x-1[data-side="right"] { +.use-tailwind .data-\[side\=right\]\:translate-x-1[data-side="right"], .use-tailwind.data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .data-\[side\=top\]\:-translate-y-1[data-side="top"] { +.use-tailwind .data-\[side\=top\]\:-translate-y-1[data-side="top"], .use-tailwind.data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .data-\[state\=checked\]\:translate-x-4[data-state="checked"] { +.use-tailwind .data-\[state\=checked\]\:translate-x-4[data-state="checked"], .use-tailwind.data-\[state\=checked\]\:translate-x-4[data-state="checked"] { --tw-translate-x: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { +.use-tailwind .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"], .use-tailwind.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -2906,7 +2906,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp } } -.use-tailwind .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: accordion-up 0.2s ease-out; } @@ -2920,97 +2920,97 @@ Constrain images and videos to the parent width and preserve their intrinsic asp } } -.use-tailwind .data-\[state\=open\]\:animate-accordion-down[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:animate-accordion-down[data-state="open"], .use-tailwind.data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: accordion-down 0.2s ease-out; } -.use-tailwind .data-\[active\]\:bg-accent\/50[data-active] { +.use-tailwind .data-\[active\]\:bg-accent\/50[data-active], .use-tailwind.data-\[active\]\:bg-accent\/50[data-active] { background-color: hsl(var(--accent) / 0.5); } -.use-tailwind .data-\[selected\=true\]\:bg-accent[data-selected="true"] { +.use-tailwind .data-\[selected\=true\]\:bg-accent[data-selected="true"], .use-tailwind.data-\[selected\=true\]\:bg-accent[data-selected="true"] { background-color: hsl(var(--accent)); } -.use-tailwind .data-\[state\=active\]\:bg-background[data-state="active"] { +.use-tailwind .data-\[state\=active\]\:bg-background[data-state="active"], .use-tailwind.data-\[state\=active\]\:bg-background[data-state="active"] { background-color: hsl(var(--background)); } -.use-tailwind .data-\[state\=checked\]\:bg-primary[data-state="checked"] { +.use-tailwind .data-\[state\=checked\]\:bg-primary[data-state="checked"], .use-tailwind.data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); } -.use-tailwind .data-\[state\=on\]\:bg-accent[data-state="on"] { +.use-tailwind .data-\[state\=on\]\:bg-accent[data-state="on"], .use-tailwind.data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: hsl(var(--accent)); } -.use-tailwind .data-\[state\=open\]\:bg-accent[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:bg-accent[data-state="open"], .use-tailwind.data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); } -.use-tailwind .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:bg-accent\/50[data-state="open"], .use-tailwind.data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: hsl(var(--accent) / 0.5); } -.use-tailwind .data-\[state\=open\]\:bg-secondary[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:bg-secondary[data-state="open"], .use-tailwind.data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: hsl(var(--secondary)); } -.use-tailwind .data-\[state\=selected\]\:bg-muted[data-state="selected"] { +.use-tailwind .data-\[state\=selected\]\:bg-muted[data-state="selected"], .use-tailwind.data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: hsl(var(--muted)); } -.use-tailwind .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { +.use-tailwind .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"], .use-tailwind.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: hsl(var(--input)); } -.use-tailwind .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { +.use-tailwind .data-\[placeholder\]\:text-muted-foreground[data-placeholder], .use-tailwind.data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: hsl(var(--muted-foreground)); } -.use-tailwind .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { +.use-tailwind .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"], .use-tailwind.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: hsl(var(--accent-foreground)); } -.use-tailwind .data-\[state\=active\]\:text-foreground[data-state="active"] { +.use-tailwind .data-\[state\=active\]\:text-foreground[data-state="active"], .use-tailwind.data-\[state\=active\]\:text-foreground[data-state="active"] { color: hsl(var(--foreground)); } -.use-tailwind .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { +.use-tailwind .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"], .use-tailwind.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); } -.use-tailwind .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { +.use-tailwind .data-\[state\=on\]\:text-accent-foreground[data-state="on"], .use-tailwind.data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: hsl(var(--accent-foreground)); } -.use-tailwind .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:text-muted-foreground[data-state="open"], .use-tailwind.data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: hsl(var(--muted-foreground)); } -.use-tailwind .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { +.use-tailwind .data-\[disabled\=true\]\:opacity-50[data-disabled="true"], .use-tailwind.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; } -.use-tailwind .data-\[disabled\]\:opacity-50[data-disabled] { +.use-tailwind .data-\[disabled\]\:opacity-50[data-disabled], .use-tailwind.data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } -.use-tailwind .data-\[state\=active\]\:shadow[data-state="active"] { +.use-tailwind .data-\[state\=active\]\:shadow[data-state="active"], .use-tailwind.data-\[state\=active\]\:shadow[data-state="active"] { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.use-tailwind .data-\[state\=closed\]\:duration-300[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:duration-300[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 300ms; } -.use-tailwind .data-\[state\=open\]\:duration-500[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:duration-500[data-state="open"], .use-tailwind.data-\[state\=open\]\:duration-500[data-state="open"] { transition-duration: 500ms; } -.use-tailwind .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { +.use-tailwind .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"], .use-tailwind.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; @@ -3020,7 +3020,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp --tw-enter-translate-y: initial; } -.use-tailwind .data-\[state\=open\]\:animate-in[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:animate-in[data-state="open"], .use-tailwind.data-\[state\=open\]\:animate-in[data-state="open"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; @@ -3030,7 +3030,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp --tw-enter-translate-y: initial; } -.use-tailwind .data-\[state\=visible\]\:animate-in[data-state="visible"] { +.use-tailwind .data-\[state\=visible\]\:animate-in[data-state="visible"], .use-tailwind.data-\[state\=visible\]\:animate-in[data-state="visible"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; @@ -3040,7 +3040,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp --tw-enter-translate-y: initial; } -.use-tailwind .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { +.use-tailwind .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"], .use-tailwind.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; @@ -3050,7 +3050,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp --tw-exit-translate-y: initial; } -.use-tailwind .data-\[state\=closed\]\:animate-out[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:animate-out[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:animate-out[data-state="closed"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; @@ -3060,7 +3060,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp --tw-exit-translate-y: initial; } -.use-tailwind .data-\[state\=hidden\]\:animate-out[data-state="hidden"] { +.use-tailwind .data-\[state\=hidden\]\:animate-out[data-state="hidden"], .use-tailwind.data-\[state\=hidden\]\:animate-out[data-state="hidden"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; @@ -3070,727 +3070,727 @@ Constrain images and videos to the parent width and preserve their intrinsic asp --tw-exit-translate-y: initial; } -.use-tailwind .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { +.use-tailwind .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"], .use-tailwind.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; } -.use-tailwind .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] { +.use-tailwind .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"], .use-tailwind.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] { --tw-exit-opacity: 0; } -.use-tailwind .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:fade-out-0[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } -.use-tailwind .data-\[state\=hidden\]\:fade-out[data-state="hidden"] { +.use-tailwind .data-\[state\=hidden\]\:fade-out[data-state="hidden"], .use-tailwind.data-\[state\=hidden\]\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; } -.use-tailwind .data-\[state\=open\]\:fade-in-0[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:fade-in-0[data-state="open"], .use-tailwind.data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } -.use-tailwind .data-\[state\=visible\]\:fade-in[data-state="visible"] { +.use-tailwind .data-\[state\=visible\]\:fade-in[data-state="visible"], .use-tailwind.data-\[state\=visible\]\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; } -.use-tailwind .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:zoom-out-95[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } -.use-tailwind .data-\[state\=open\]\:zoom-in-90[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:zoom-in-90[data-state="open"], .use-tailwind.data-\[state\=open\]\:zoom-in-90[data-state="open"] { --tw-enter-scale: .9; } -.use-tailwind .data-\[state\=open\]\:zoom-in-95[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:zoom-in-95[data-state="open"], .use-tailwind.data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } -.use-tailwind .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { +.use-tailwind .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"], .use-tailwind.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: 13rem; } -.use-tailwind .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { +.use-tailwind .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"], .use-tailwind.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: -13rem; } -.use-tailwind .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { +.use-tailwind .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"], .use-tailwind.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: 13rem; } -.use-tailwind .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { +.use-tailwind .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"], .use-tailwind.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: -13rem; } -.use-tailwind .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { +.use-tailwind .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"], .use-tailwind.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -0.5rem; } -.use-tailwind .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { +.use-tailwind .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"], .use-tailwind.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: 0.5rem; } -.use-tailwind .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { +.use-tailwind .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"], .use-tailwind.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -0.5rem; } -.use-tailwind .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { +.use-tailwind .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"], .use-tailwind.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: 0.5rem; } -.use-tailwind .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } -.use-tailwind .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } -.use-tailwind .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: -50%; } -.use-tailwind .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } -.use-tailwind .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } -.use-tailwind .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"], .use-tailwind.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: -48%; } -.use-tailwind .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"], .use-tailwind.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } -.use-tailwind .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:slide-in-from-left[data-state="open"], .use-tailwind.data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } -.use-tailwind .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"], .use-tailwind.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: -50%; } -.use-tailwind .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:slide-in-from-right[data-state="open"], .use-tailwind.data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } -.use-tailwind .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:slide-in-from-top[data-state="open"], .use-tailwind.data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } -.use-tailwind .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { +.use-tailwind .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"], .use-tailwind.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: -48%; } -.use-tailwind .data-\[state\=closed\]\:duration-300[data-state="closed"] { +.use-tailwind .data-\[state\=closed\]\:duration-300[data-state="closed"], .use-tailwind.data-\[state\=closed\]\:duration-300[data-state="closed"] { animation-duration: 300ms; } -.use-tailwind .data-\[state\=open\]\:duration-500[data-state="open"] { +.use-tailwind .data-\[state\=open\]\:duration-500[data-state="open"], .use-tailwind.data-\[state\=open\]\:duration-500[data-state="open"] { animation-duration: 500ms; } -.use-tailwind .data-\[state\=inactive\]\:hover\:brightness-50:hover[data-state="inactive"] { +.use-tailwind .data-\[state\=inactive\]\:hover\:brightness-50:hover[data-state="inactive"], .use-tailwind.data-\[state\=inactive\]\:hover\:brightness-50:hover[data-state="inactive"] { --tw-brightness: brightness(.5); 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); } -.use-tailwind .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 { +.use-tailwind .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180, .use-tailwind.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:opacity-50 { +.use-tailwind .group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:opacity-50, .use-tailwind.group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:opacity-50 { opacity: 0.5; } -.use-tailwind .dark\:-rotate-90:is([data-theme="dark"] *) { +.use-tailwind .dark\:-rotate-90:is([data-theme="dark"] *), .use-tailwind.dark\:-rotate-90:is([data-theme="dark"] *) { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .dark\:rotate-0:is([data-theme="dark"] *) { +.use-tailwind .dark\:rotate-0:is([data-theme="dark"] *), .use-tailwind.dark\:rotate-0:is([data-theme="dark"] *) { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .dark\:scale-0:is([data-theme="dark"] *) { +.use-tailwind .dark\:scale-0:is([data-theme="dark"] *), .use-tailwind.dark\:scale-0:is([data-theme="dark"] *) { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .dark\:scale-100:is([data-theme="dark"] *) { +.use-tailwind .dark\:scale-100:is([data-theme="dark"] *), .use-tailwind.dark\:scale-100:is([data-theme="dark"] *) { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .dark\:border-destructive:is([data-theme="dark"] *) { +.use-tailwind .dark\:border-destructive:is([data-theme="dark"] *), .use-tailwind.dark\:border-destructive:is([data-theme="dark"] *) { border-color: hsl(var(--destructive)); } -.use-tailwind .dark\:bg-muted\/25:is([data-theme="dark"] *) { +.use-tailwind .dark\:bg-muted\/25:is([data-theme="dark"] *), .use-tailwind.dark\:bg-muted\/25:is([data-theme="dark"] *) { background-color: hsl(var(--muted) / 0.25); } -.use-tailwind .dark\:bg-transparent:is([data-theme="dark"] *) { +.use-tailwind .dark\:bg-transparent:is([data-theme="dark"] *), .use-tailwind.dark\:bg-transparent:is([data-theme="dark"] *) { background-color: transparent; } -.use-tailwind .dark\:from-zinc-600:is([data-theme="dark"] *) { +.use-tailwind .dark\:from-zinc-600:is([data-theme="dark"] *), .use-tailwind.dark\:from-zinc-600:is([data-theme="dark"] *) { --tw-gradient-from: #52525b var(--tw-gradient-from-position); --tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.use-tailwind .dark\:to-slate-600:is([data-theme="dark"] *) { +.use-tailwind .dark\:to-slate-600:is([data-theme="dark"] *), .use-tailwind.dark\:to-slate-600:is([data-theme="dark"] *) { --tw-gradient-to: #475569 var(--tw-gradient-to-position); } -.use-tailwind .dark\:text-\[\#4ADE80\]:is([data-theme="dark"] *) { +.use-tailwind .dark\:text-\[\#4ADE80\]:is([data-theme="dark"] *), .use-tailwind.dark\:text-\[\#4ADE80\]:is([data-theme="dark"] *) { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } -.use-tailwind .dark\:text-\[\#FF6467\]:is([data-theme="dark"] *) { +.use-tailwind .dark\:text-\[\#FF6467\]:is([data-theme="dark"] *), .use-tailwind.dark\:text-\[\#FF6467\]:is([data-theme="dark"] *) { --tw-text-opacity: 1; color: rgb(255 100 103 / var(--tw-text-opacity, 1)); } -.use-tailwind .dark\:text-blue-300:is([data-theme="dark"] *) { +.use-tailwind .dark\:text-blue-300:is([data-theme="dark"] *), .use-tailwind.dark\:text-blue-300:is([data-theme="dark"] *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } -.use-tailwind .dark\:text-foreground:is([data-theme="dark"] *) { +.use-tailwind .dark\:text-foreground:is([data-theme="dark"] *), .use-tailwind.dark\:text-foreground:is([data-theme="dark"] *) { color: hsl(var(--foreground)); } -.use-tailwind .dark\:brightness-\[0\.91\]:is([data-theme="dark"] *) { +.use-tailwind .dark\:brightness-\[0\.91\]:is([data-theme="dark"] *), .use-tailwind.dark\:brightness-\[0\.91\]:is([data-theme="dark"] *) { --tw-brightness: brightness(0.91); 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); } -.use-tailwind .dark\:grayscale:is([data-theme="dark"] *) { +.use-tailwind .dark\:grayscale:is([data-theme="dark"] *), .use-tailwind.dark\:grayscale:is([data-theme="dark"] *) { --tw-grayscale: grayscale(100%); 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); } -.use-tailwind .dark\:invert:is([data-theme="dark"] *) { +.use-tailwind .dark\:invert:is([data-theme="dark"] *), .use-tailwind.dark\:invert:is([data-theme="dark"] *) { --tw-invert: invert(100%); 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); } -.use-tailwind .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]):is([data-theme="dark"] *) { +.use-tailwind .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]):is([data-theme="dark"] *), .use-tailwind.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]):is([data-theme="dark"] *) { --tw-ring-color: hsl(var(--destructive) / 0.4); } -.use-tailwind .data-\[state\=inactive\]\:dark\:hover\:brightness-150:hover:is([data-theme="dark"] *)[data-state="inactive"] { +.use-tailwind .data-\[state\=inactive\]\:dark\:hover\:brightness-150:hover:is([data-theme="dark"] *)[data-state="inactive"], .use-tailwind.data-\[state\=inactive\]\:dark\:hover\:brightness-150:hover:is([data-theme="dark"] *)[data-state="inactive"] { --tw-brightness: brightness(1.5); 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); } @media (min-width: 640px) { - .use-tailwind .sm\:block { + .use-tailwind .sm\:block, .use-tailwind.sm\:block { display: block; } - .use-tailwind .sm\:hidden { + .use-tailwind .sm\:hidden, .use-tailwind.sm\:hidden { display: none; } - .use-tailwind .sm\:max-h-\[80vh\] { + .use-tailwind .sm\:max-h-\[80vh\], .use-tailwind.sm\:max-h-\[80vh\] { max-height: 80vh; } - .use-tailwind .sm\:max-w-sm { + .use-tailwind .sm\:max-w-sm, .use-tailwind.sm\:max-w-sm { max-width: 24rem; } - .use-tailwind .sm\:max-w-xl { + .use-tailwind .sm\:max-w-xl, .use-tailwind.sm\:max-w-xl { max-width: 36rem; } - .use-tailwind .sm\:grid-cols-2 { + .use-tailwind .sm\:grid-cols-2, .use-tailwind.sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } - .use-tailwind .sm\:flex-row { + .use-tailwind .sm\:flex-row, .use-tailwind.sm\:flex-row { flex-direction: row; } - .use-tailwind .sm\:justify-end { + .use-tailwind .sm\:justify-end, .use-tailwind.sm\:justify-end { justify-content: flex-end; } - .use-tailwind .sm\:gap-2\.5 { + .use-tailwind .sm\:gap-2\.5, .use-tailwind.sm\:gap-2\.5 { gap: 0.625rem; } - .use-tailwind .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { + .use-tailwind .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]), .use-tailwind.sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } - .use-tailwind .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { + .use-tailwind .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]), .use-tailwind.sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } - .use-tailwind .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { + .use-tailwind .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]), .use-tailwind.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } - .use-tailwind .sm\:rounded-lg { + .use-tailwind .sm\:rounded-lg, .use-tailwind.sm\:rounded-lg { border-radius: var(--radius); } - .use-tailwind .sm\:text-left { + .use-tailwind .sm\:text-left, .use-tailwind.sm\:text-left { text-align: left; } } @media (min-width: 768px) { - .use-tailwind .md\:absolute { + .use-tailwind .md\:absolute, .use-tailwind.md\:absolute { position: absolute; } - .use-tailwind .md\:mb-5 { + .use-tailwind .md\:mb-5, .use-tailwind.md\:mb-5 { margin-bottom: 1.25rem; } - .use-tailwind .md\:mt-10 { + .use-tailwind .md\:mt-10, .use-tailwind.md\:mt-10 { margin-top: 2.5rem; } - .use-tailwind .md\:mt-5 { + .use-tailwind .md\:mt-5, .use-tailwind.md\:mt-5 { margin-top: 1.25rem; } - .use-tailwind .md\:mt-6 { + .use-tailwind .md\:mt-6, .use-tailwind.md\:mt-6 { margin-top: 1.5rem; } - .use-tailwind .md\:block { + .use-tailwind .md\:block, .use-tailwind.md\:block { display: block; } - .use-tailwind .md\:flex { + .use-tailwind .md\:flex, .use-tailwind.md\:flex { display: flex; } - .use-tailwind .md\:hidden { + .use-tailwind .md\:hidden, .use-tailwind.md\:hidden { display: none; } - .use-tailwind .md\:h-\[14rem\] { + .use-tailwind .md\:h-\[14rem\], .use-tailwind.md\:h-\[14rem\] { height: 14rem; } - .use-tailwind .md\:w-9\/12 { + .use-tailwind .md\:w-9\/12, .use-tailwind.md\:w-9\/12 { width: 75%; } - .use-tailwind .md\:w-\[400px\] { + .use-tailwind .md\:w-\[400px\], .use-tailwind.md\:w-\[400px\] { width: 400px; } - .use-tailwind .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { + .use-tailwind .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\], .use-tailwind.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); } - .use-tailwind .md\:w-auto { + .use-tailwind .md\:w-auto, .use-tailwind.md\:w-auto { width: auto; } - .use-tailwind .md\:max-w-2xl { + .use-tailwind .md\:max-w-2xl, .use-tailwind.md\:max-w-2xl { max-width: 42rem; } - .use-tailwind .md\:flex-initial { + .use-tailwind .md\:flex-initial, .use-tailwind.md\:flex-initial { flex: 0 1 auto; } - .use-tailwind .md\:grid-cols-2 { + .use-tailwind .md\:grid-cols-2, .use-tailwind.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } - .use-tailwind .md\:grid-cols-3 { + .use-tailwind .md\:grid-cols-3, .use-tailwind.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } - .use-tailwind .md\:grid-cols-4 { + .use-tailwind .md\:grid-cols-4, .use-tailwind.md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } - .use-tailwind .md\:flex-row { + .use-tailwind .md\:flex-row, .use-tailwind.md\:flex-row { flex-direction: row; } - .use-tailwind .md\:flex-col { + .use-tailwind .md\:flex-col, .use-tailwind.md\:flex-col { flex-direction: column; } - .use-tailwind .md\:items-start { + .use-tailwind .md\:items-start, .use-tailwind.md\:items-start { align-items: flex-start; } - .use-tailwind .md\:items-end { + .use-tailwind .md\:items-end, .use-tailwind.md\:items-end { align-items: flex-end; } - .use-tailwind .md\:justify-end { + .use-tailwind .md\:justify-end, .use-tailwind.md\:justify-end { justify-content: flex-end; } - .use-tailwind .md\:gap-24 { + .use-tailwind .md\:gap-24, .use-tailwind.md\:gap-24 { gap: 6rem; } - .use-tailwind .md\:rounded-md { + .use-tailwind .md\:rounded-md, .use-tailwind.md\:rounded-md { border-radius: calc(var(--radius) - 2px); } - .use-tailwind .md\:rounded-bl-xl { + .use-tailwind .md\:rounded-bl-xl, .use-tailwind.md\:rounded-bl-xl { border-bottom-left-radius: calc(var(--radius) + 4px); } - .use-tailwind .md\:rounded-tr-xl { + .use-tailwind .md\:rounded-tr-xl, .use-tailwind.md\:rounded-tr-xl { border-top-right-radius: calc(var(--radius) + 4px); } - .use-tailwind .md\:border-\[1px\] { + .use-tailwind .md\:border-\[1px\], .use-tailwind.md\:border-\[1px\] { border-width: 1px; } - .use-tailwind .md\:border-l-0 { + .use-tailwind .md\:border-l-0, .use-tailwind.md\:border-l-0 { border-left-width: 0px; } - .use-tailwind .md\:border-r-0 { + .use-tailwind .md\:border-r-0, .use-tailwind.md\:border-r-0 { border-right-width: 0px; } - .use-tailwind .md\:border-t { + .use-tailwind .md\:border-t, .use-tailwind.md\:border-t { border-top-width: 1px; } - .use-tailwind .md\:px-4 { + .use-tailwind .md\:px-4, .use-tailwind.md\:px-4 { padding-left: 1rem; padding-right: 1rem; } - .use-tailwind .md\:py-4 { + .use-tailwind .md\:py-4, .use-tailwind.md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } - .use-tailwind .md\:pb-3 { + .use-tailwind .md\:pb-3, .use-tailwind.md\:pb-3 { padding-bottom: 0.75rem; } - .use-tailwind .md\:pl-3 { + .use-tailwind .md\:pl-3, .use-tailwind.md\:pl-3 { padding-left: 0.75rem; } - .use-tailwind .md\:pr-3 { + .use-tailwind .md\:pr-3, .use-tailwind.md\:pr-3 { padding-right: 0.75rem; } - .use-tailwind .md\:pt-3 { + .use-tailwind .md\:pt-3, .use-tailwind.md\:pt-3 { padding-top: 0.75rem; } - .use-tailwind .md\:text-right { + .use-tailwind .md\:text-right, .use-tailwind.md\:text-right { text-align: right; } } @media (min-width: 1024px) { - .use-tailwind .lg\:mb-0 { + .use-tailwind .lg\:mb-0, .use-tailwind.lg\:mb-0 { margin-bottom: 0px; } - .use-tailwind .lg\:block { + .use-tailwind .lg\:block, .use-tailwind.lg\:block { display: block; } - .use-tailwind .lg\:flex { + .use-tailwind .lg\:flex, .use-tailwind.lg\:flex { display: flex; } - .use-tailwind .lg\:w-\[500px\] { + .use-tailwind .lg\:w-\[500px\], .use-tailwind.lg\:w-\[500px\] { width: 500px; } - .use-tailwind .lg\:grid-cols-\[\.75fr_1fr\] { + .use-tailwind .lg\:grid-cols-\[\.75fr_1fr\], .use-tailwind.lg\:grid-cols-\[\.75fr_1fr\] { grid-template-columns: .75fr 1fr; } - .use-tailwind .lg\:flex-row { + .use-tailwind .lg\:flex-row, .use-tailwind.lg\:flex-row { flex-direction: row; } - .use-tailwind .lg\:text-right { + .use-tailwind .lg\:text-right, .use-tailwind.lg\:text-right { text-align: right; } } -.use-tailwind .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) { +.use-tailwind .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end), .use-tailwind.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } -.use-tailwind .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) { +.use-tailwind .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start), .use-tailwind.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } -.use-tailwind .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) { +.use-tailwind .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]), .use-tailwind.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) { border-radius: calc(var(--radius) - 2px); } -.use-tailwind .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) { +.use-tailwind .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]), .use-tailwind.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) { background-color: hsl(var(--accent)); } -.use-tailwind .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { +.use-tailwind .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child, .use-tailwind.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } -.use-tailwind .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { +.use-tailwind .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child, .use-tailwind.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } -.use-tailwind .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) { +.use-tailwind .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside), .use-tailwind.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) { background-color: hsl(var(--accent) / 0.5); } -.use-tailwind .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { +.use-tailwind .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end), .use-tailwind.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } -.use-tailwind .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { +.use-tailwind .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]), .use-tailwind.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right: 0px; } -.use-tailwind .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] { +.use-tailwind .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox], .use-tailwind.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] { --tw-translate-y: 2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3>input:has(>[data-align=block-end]) { +.use-tailwind .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3>input:has(>[data-align=block-end]), .use-tailwind.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3>input:has(>[data-align=block-end]) { padding-top: 0.75rem; } -.use-tailwind .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3>input:has(>[data-align=block-start]) { +.use-tailwind .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3>input:has(>[data-align=block-start]), .use-tailwind.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3>input:has(>[data-align=block-start]) { padding-bottom: 0.75rem; } -.use-tailwind .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2>input:has(>[data-align=inline-end]) { +.use-tailwind .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2>input:has(>[data-align=inline-end]), .use-tailwind.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2>input:has(>[data-align=inline-end]) { padding-right: 0.5rem; } -.use-tailwind .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2>input:has(>[data-align=inline-start]) { +.use-tailwind .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2>input:has(>[data-align=inline-start]), .use-tailwind.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2>input:has(>[data-align=inline-start]) { padding-left: 0.5rem; } -.use-tailwind .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd { +.use-tailwind .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd, .use-tailwind.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd { border-radius: calc(var(--radius) - 5px); } -.use-tailwind .\[\&\>span\]\:line-clamp-1>span { +.use-tailwind .\[\&\>span\]\:line-clamp-1>span, .use-tailwind.\[\&\>span\]\:line-clamp-1>span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } -.use-tailwind .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div { +.use-tailwind .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div, .use-tailwind.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div { --tw-translate-y: -3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .\[\&\>svg\]\:absolute>svg { +.use-tailwind .\[\&\>svg\]\:absolute>svg, .use-tailwind.\[\&\>svg\]\:absolute>svg { position: absolute; } -.use-tailwind .\[\&\>svg\]\:left-4>svg { +.use-tailwind .\[\&\>svg\]\:left-4>svg, .use-tailwind.\[\&\>svg\]\:left-4>svg { left: 1rem; } -.use-tailwind .\[\&\>svg\]\:top-4>svg { +.use-tailwind .\[\&\>svg\]\:top-4>svg, .use-tailwind.\[\&\>svg\]\:top-4>svg { top: 1rem; } -.use-tailwind .\[\&\>svg\]\:size-3>svg { +.use-tailwind .\[\&\>svg\]\:size-3>svg, .use-tailwind.\[\&\>svg\]\:size-3>svg { width: 0.75rem; height: 0.75rem; } -.use-tailwind .\[\&\>svg\]\:size-3\.5>svg { +.use-tailwind .\[\&\>svg\]\:size-3\.5>svg, .use-tailwind.\[\&\>svg\]\:size-3\.5>svg { width: 0.875rem; height: 0.875rem; } -.use-tailwind .\[\&\>svg\]\:size-4>svg { +.use-tailwind .\[\&\>svg\]\:size-4>svg, .use-tailwind.\[\&\>svg\]\:size-4>svg { width: 1rem; height: 1rem; } -.use-tailwind .\[\&\>svg\]\:shrink-0>svg { +.use-tailwind .\[\&\>svg\]\:shrink-0>svg, .use-tailwind.\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0; } -.use-tailwind .\[\&\>svg\]\:text-destructive>svg { +.use-tailwind .\[\&\>svg\]\:text-destructive>svg, .use-tailwind.\[\&\>svg\]\:text-destructive>svg { color: hsl(var(--destructive)); } -.use-tailwind .\[\&\>svg\]\:text-foreground>svg { +.use-tailwind .\[\&\>svg\]\:text-foreground>svg, .use-tailwind.\[\&\>svg\]\:text-foreground>svg { color: hsl(var(--foreground)); } -.use-tailwind .\[\&\>svg\~\*\]\:pl-7>svg~* { +.use-tailwind .\[\&\>svg\~\*\]\:pl-7>svg~*, .use-tailwind.\[\&\>svg\~\*\]\:pl-7>svg~* { padding-left: 1.75rem; } -.use-tailwind .\[\&\>tr\]\:last\:border-b-0:last-child>tr { +.use-tailwind .\[\&\>tr\]\:last\:border-b-0:last-child>tr, .use-tailwind.\[\&\>tr\]\:last\:border-b-0:last-child>tr { border-bottom-width: 0px; } -.use-tailwind .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { +.use-tailwind .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg, .use-tailwind.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { +.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading], .use-tailwind.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; } -.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { +.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading], .use-tailwind.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; } -.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { +.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading], .use-tailwind.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; } -.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { +.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading], .use-tailwind.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; } -.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { +.use-tailwind .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading], .use-tailwind.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: hsl(var(--muted-foreground)); } -.use-tailwind .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] { +.use-tailwind .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group], .use-tailwind.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: 0px; } -.use-tailwind .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { +.use-tailwind .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group], .use-tailwind.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; } -.use-tailwind .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { +.use-tailwind .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg, .use-tailwind.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; } -.use-tailwind .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { +.use-tailwind .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg, .use-tailwind.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; } -.use-tailwind .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { +.use-tailwind .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input], .use-tailwind.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; } -.use-tailwind .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { +.use-tailwind .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item], .use-tailwind.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; } -.use-tailwind .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { +.use-tailwind .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item], .use-tailwind.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; } -.use-tailwind .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { +.use-tailwind .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg, .use-tailwind.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; } -.use-tailwind .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { +.use-tailwind .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg, .use-tailwind.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; } -.use-tailwind .\[\&_\[data-icon\]\]\:text-amber-600 [data-icon] { +.use-tailwind .\[\&_\[data-icon\]\]\:text-amber-600 [data-icon], .use-tailwind.\[\&_\[data-icon\]\]\:text-amber-600 [data-icon] { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } -.use-tailwind .\[\&_\[data-icon\]\]\:text-destructive [data-icon] { +.use-tailwind .\[\&_\[data-icon\]\]\:text-destructive [data-icon], .use-tailwind.\[\&_\[data-icon\]\]\:text-destructive [data-icon] { color: hsl(var(--destructive)); } -.use-tailwind .\[\&_\[data-icon\]\]\:text-green-600 [data-icon] { +.use-tailwind .\[\&_\[data-icon\]\]\:text-green-600 [data-icon], .use-tailwind.\[\&_\[data-icon\]\]\:text-green-600 [data-icon] { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } -.use-tailwind .\[\&_\[data-icon\]\]\:text-muted-foreground [data-icon] { +.use-tailwind .\[\&_\[data-icon\]\]\:text-muted-foreground [data-icon], .use-tailwind.\[\&_\[data-icon\]\]\:text-muted-foreground [data-icon] { color: hsl(var(--muted-foreground)); } -.use-tailwind .\[\&_\[data-icon\]\]\:dark\:text-amber-300:is([data-theme="dark"] *) [data-icon] { +.use-tailwind .\[\&_\[data-icon\]\]\:dark\:text-amber-300:is([data-theme="dark"] *) [data-icon], .use-tailwind.\[\&_\[data-icon\]\]\:dark\:text-amber-300:is([data-theme="dark"] *) [data-icon] { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } -.use-tailwind .\[\&_\[data-icon\]\]\:dark\:text-green-300:is([data-theme="dark"] *) [data-icon] { +.use-tailwind .\[\&_\[data-icon\]\]\:dark\:text-green-300:is([data-theme="dark"] *) [data-icon], .use-tailwind.\[\&_\[data-icon\]\]\:dark\:text-green-300:is([data-theme="dark"] *) [data-icon] { --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } -.use-tailwind .\[\&_p\]\:leading-relaxed p { +.use-tailwind .\[\&_p\]\:leading-relaxed p, .use-tailwind.\[\&_p\]\:leading-relaxed p { line-height: 1.625; } -.use-tailwind .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) { +.use-tailwind .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']), .use-tailwind.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) { width: 1rem; height: 1rem; } -.use-tailwind .\[\&_svg\]\:pointer-events-none svg { +.use-tailwind .\[\&_svg\]\:pointer-events-none svg, .use-tailwind.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } -.use-tailwind .\[\&_svg\]\:size-4 svg { +.use-tailwind .\[\&_svg\]\:size-4 svg, .use-tailwind.\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; } -.use-tailwind .\[\&_svg\]\:shrink-0 svg { +.use-tailwind .\[\&_svg\]\:shrink-0 svg, .use-tailwind.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } -.use-tailwind .\[\&_tr\:last-child\]\:border-0 tr:last-child { +.use-tailwind .\[\&_tr\:last-child\]\:border-0 tr:last-child, .use-tailwind.\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; } -.use-tailwind .\[\&_tr\]\:border-b tr { +.use-tailwind .\[\&_tr\]\:border-b tr, .use-tailwind.\[\&_tr\]\:border-b tr { border-bottom-width: 1px; } diff --git a/sphinx-ui/react/package-lock.json b/sphinx-ui/react/package-lock.json index 9de780d..4674423 100644 --- a/sphinx-ui/react/package-lock.json +++ b/sphinx-ui/react/package-lock.json @@ -30,7 +30,6 @@ "prettier-plugin-tailwindcss": "^0.6.6", "serve": "^14.2.3", "tailwindcss": "^3.4.4", - "tsc": "^2.0.4", "tsdown": "^0.21.7", "typescript": "^6.0.3" }, @@ -9909,15 +9908,6 @@ "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==" }, - "node_modules/tsc": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/tsc/-/tsc-2.0.4.tgz", - "integrity": "sha512-fzoSieZI5KKJVBYGvwbVZs/J5za84f2lSTLPYf6AGiIf43tZ3GNrI1QzTLcjtyDDP4aLxd46RTZq1nQxe7+k5Q==", - "dev": true, - "bin": { - "tsc": "bin/tsc" - } - }, "node_modules/tsdown": { "version": "0.21.10", "resolved": "https://registry.npmjs.org/tsdown/-/tsdown-0.21.10.tgz", diff --git a/sphinx-ui/react/package.json b/sphinx-ui/react/package.json index 27bb73a..0e4921e 100644 --- a/sphinx-ui/react/package.json +++ b/sphinx-ui/react/package.json @@ -5,6 +5,7 @@ "main": "index.js", "scripts": { "build": "npx tsdown", + "lint": "tsc --noEmit", "format": "prettier --write --config='../../libraries/ui/.prettierrc' --ignore-path='.prettierignore' ." }, "author": "", @@ -23,7 +24,6 @@ "prettier-plugin-tailwindcss": "^0.6.6", "serve": "^14.2.3", "tailwindcss": "^3.4.4", - "tsc": "^2.0.4", "tsdown": "^0.21.7", "typescript": "^6.0.3" }, diff --git a/sphinx-ui/react/postcss.config.mjs b/sphinx-ui/react/postcss.config.mjs index 45cb478..d54a93b 100644 --- a/sphinx-ui/react/postcss.config.mjs +++ b/sphinx-ui/react/postcss.config.mjs @@ -5,13 +5,34 @@ import autoprefixer from 'autoprefixer' import prefixSelector from 'postcss-prefix-selector' import failOnWarn from 'postcss-fail-on-warn' +const tailwindScopeSelector = '.use-tailwind' + +function scopeTailwindSelector(prefix, selector, prefixedSelector) { + if (selector === '*') { + return `${prefix}, ${prefixedSelector}` + } + + if (selector.startsWith('::')) { + return `${prefix}${selector}, ${prefixedSelector}` + } + + if (selector.startsWith('.')) { + return `${prefixedSelector}, ${prefix}${selector}` + } + + return prefixedSelector +} + export default { plugins: [ postcssImport, tailwindcssNesting, tailwindcss, autoprefixer, - prefixSelector({ prefix: '.use-tailwind' }), + prefixSelector({ + prefix: tailwindScopeSelector, + transform: scopeTailwindSelector, + }), failOnWarn, ], } diff --git a/sphinx-ui/react/src/injectNav.tsx b/sphinx-ui/react/src/injectNav.tsx index 1c73bf8..71a0fed 100644 --- a/sphinx-ui/react/src/injectNav.tsx +++ b/sphinx-ui/react/src/injectNav.tsx @@ -8,12 +8,53 @@ const GA_ID = __NEXT_PUBLIC_GA_ID__; const tailwindScopeClassName = 'use-tailwind'; -(() => { - document.body.classList.add(tailwindScopeClassName) +const isTailwindDialogPortalElement = (element: Element): element is HTMLElement => { + if (!(element instanceof HTMLElement)) return false + + const { classList } = element + return ( + classList.contains('fixed') && + classList.contains('z-50') && + (classList.contains('inset-0') || element.getAttribute('role') === 'dialog') + ) +} + +const scopeTailwindDialogPortalElements = (root: ParentNode = document.body) => { + const scopeElement = (element: Element) => { + if (isTailwindDialogPortalElement(element)) { + element.classList.add(tailwindScopeClassName) + } + } + + if (root instanceof Element) { + scopeElement(root) + } + + root.querySelectorAll('[class][data-state], [class][role="dialog"]').forEach(scopeElement) +} +const observeTailwindDialogPortalElements = () => { + scopeTailwindDialogPortalElements() + + const observer = new MutationObserver((records) => { + records.forEach((record) => { + record.addedNodes.forEach((node) => { + if (node instanceof Element) { + scopeTailwindDialogPortalElements(node) + } + }) + }) + }) + + observer.observe(document.body, { childList: true, subtree: true }) +} + +(() => { const mountElement = document.querySelector('.nexus-nav') if (!mountElement) return + observeTailwindDialogPortalElements() + const renderIn = document.createElement('div') mountElement.appendChild(renderIn) diff --git a/sphinx-ui/react/tailwind.config.ts b/sphinx-ui/react/tailwind.config.ts index ec3aedb..1b41934 100644 --- a/sphinx-ui/react/tailwind.config.ts +++ b/sphinx-ui/react/tailwind.config.ts @@ -1,3 +1,5 @@ +/// + import path from 'path' import { Config } from 'tailwindcss' import plugin from 'tailwindcss/plugin' diff --git a/sphinx-ui/react/tsdown.config.ts b/sphinx-ui/react/tsdown.config.ts index 5422f5b..dd89be8 100644 --- a/sphinx-ui/react/tsdown.config.ts +++ b/sphinx-ui/react/tsdown.config.ts @@ -1,6 +1,8 @@ +/// + import { defineConfig } from 'tsdown' -const NEXT_PUBLIC_GA_ID = JSON.stringify(process.env.NEXT_PUBLIC_GA_ID || '') +const NEXT_PUBLIC_GA_ID = JSON.stringify(process.env['NEXT_PUBLIC_GA_ID'] || '') export default defineConfig([ // Script for injecting nav into sphinx build. diff --git a/sphinx-ui/react/tsup.config.ts b/sphinx-ui/react/tsup.config.ts deleted file mode 100644 index 3dd401e..0000000 --- a/sphinx-ui/react/tsup.config.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { defineConfig } from 'tsup' - -export default defineConfig([ - // Script for injecting nav into sphinx build. - { - entry: ['./src/injectNav.tsx'], - outDir: 'build', - minify: true, - skipNodeModulesBundle: false, - target: "es2015", - platform: "browser", - format: ["iife"], - clean: true, -}, -// Script for syncing dark mode preference -{ - entry: ['./src/syncTheme.ts'], - outDir: 'build', - minify: true, - skipNodeModulesBundle: false, - target: "es2015", - platform: "browser", - format: ["iife"], - clean: true, -}]) From 32419d4e8a5836575d34c6bce0430e36f1212ffa Mon Sep 17 00:00:00 2001 From: Sean Burton Date: Thu, 11 Jun 2026 17:48:20 +0100 Subject: [PATCH 2/2] chore: update dependencies --- sphinx-ui/uv.lock | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/sphinx-ui/uv.lock b/sphinx-ui/uv.lock index 5a811ac..f1238b6 100644 --- a/sphinx-ui/uv.lock +++ b/sphinx-ui/uv.lock @@ -38,24 +38,24 @@ wheels = [ [[package]] name = "beautifulsoup4" -version = "4.14.3" +version = "4.15.0" source = { registry = "https://pypi.org/simple" } dependencies = [ { name = "soupsieve" }, { name = "typing-extensions" }, ] -sdist = { url = "https://files.pythonhosted.org/packages/c3/b0/1c6a16426d389813b48d95e26898aff79abbde42ad353958ad95cc8c9b21/beautifulsoup4-4.14.3.tar.gz", hash = "sha256:6292b1c5186d356bba669ef9f7f051757099565ad9ada5dd630bd9de5fa7fb86", size = 627737, upload-time = "2025-11-30T15:08:26.084Z" } +sdist = { url = "https://files.pythonhosted.org/packages/43/65/318323f98dbee45d42dff61d8f047181bc6f2268a9068cfad035a46be5af/beautifulsoup4-4.15.0.tar.gz", hash = "sha256:288e3ca7d54b06f2ac191970bc275c1939cb46d450b255bf6718b04aa37ab4f7", size = 632571, upload-time = "2026-06-07T16:44:20.453Z" } wheels = [ - { url = "https://files.pythonhosted.org/packages/1a/39/47f9197bdd44df24d67ac8893641e16f386c984a0619ef2ee4c51fbbc019/beautifulsoup4-4.14.3-py3-none-any.whl", hash = "sha256:0918bfe44902e6ad8d57732ba310582e98da931428d231a5ecb9e7c703a735bb", size = 107721, upload-time = "2025-11-30T15:08:24.087Z" }, + { url = "https://files.pythonhosted.org/packages/88/c6/92fcd42f1ba33e1184263f25bfabf3d27c383410470f169e4b8163bf9c17/beautifulsoup4-4.15.0-py3-none-any.whl", hash = "sha256:d6f88de62e1d4e38ecb1077eb9724cd0eff29d2a08ca16a401e9b9e93f117cf9", size = 109924, upload-time = "2026-06-07T16:44:21.566Z" }, ] [[package]] name = "certifi" -version = "2026.4.22" +version = "2026.5.20" source = { registry = "https://pypi.org/simple" } -sdist = { url = "https://files.pythonhosted.org/packages/25/ee/6caf7a40c36a1220410afe15a1cc64993a1f864871f698c0f93acb72842a/certifi-2026.4.22.tar.gz", hash = "sha256:8d455352a37b71bf76a79caa83a3d6c25afee4a385d632127b6afb3963f1c580", size = 137077, upload-time = "2026-04-22T11:26:11.191Z" } +sdist = { url = "https://files.pythonhosted.org/packages/f3/ce/ee2ecad540810a79593028e88299baeae54d346cc7a0d94b6199988b89b1/certifi-2026.5.20.tar.gz", hash = "sha256:69dea482ab64caa7b9f6aba1c6bf48bb6a5448d1c0f1b17ab42ad8c763a5344d", size = 135422, upload-time = "2026-05-20T11:46:50.073Z" } wheels = [ - { url = "https://files.pythonhosted.org/packages/22/30/7cd8fdcdfbc5b869528b079bfb76dcdf6056b1a2097a662e5e8c04f42965/certifi-2026.4.22-py3-none-any.whl", hash = "sha256:3cb2210c8f88ba2318d29b0388d1023c8492ff72ecdde4ebdaddbb13a31b1c4a", size = 135707, upload-time = "2026-04-22T11:26:09.372Z" }, + { url = "https://files.pythonhosted.org/packages/59/8c/57e832b7af6d7c5abe66eb3fbe3a3a32f4d11ea23a1aa7131371035be991/certifi-2026.5.20-py3-none-any.whl", hash = "sha256:3c52e209ba0a4ad7aebe60436a4ab349c39e1e602e8c134221e546902ad25897", size = 134134, upload-time = "2026-05-20T11:46:48.578Z" }, ] [[package]] @@ -184,11 +184,11 @@ wheels = [ [[package]] name = "idna" -version = "3.15" +version = "3.18" source = { registry = "https://pypi.org/simple" } -sdist = { url = "https://files.pythonhosted.org/packages/82/77/7b3966d0b9d1d31a36ddf1746926a11dface89a83409bf1483f0237aa758/idna-3.15.tar.gz", hash = "sha256:ca962446ea538f7092a95e057da437618e886f4d349216d2b1e294abfdb65fdc", size = 199245, upload-time = "2026-05-12T22:45:57.011Z" } +sdist = { url = "https://files.pythonhosted.org/packages/cd/63/9496c57188a2ee585e0f1db071d75089a11e98aa86eb99d9d7618fc1edce/idna-3.18.tar.gz", hash = "sha256:ffb385a7e039654cef1ab9ef32c6fafe283c0c0467bba1d9029738ce4a14a848", size = 196711, upload-time = "2026-06-02T14:34:07.794Z" } wheels = [ - { url = "https://files.pythonhosted.org/packages/d2/23/408243171aa9aaba178d3e2559159c24c1171a641aa83b67bdd3394ead8e/idna-3.15-py3-none-any.whl", hash = "sha256:048adeaf8c2d788c40fee287673ccaa74c24ffd8dcf09ffa555a2fbb59f10ac8", size = 72340, upload-time = "2026-05-12T22:45:55.733Z" }, + { url = "https://files.pythonhosted.org/packages/1e/5e/d4e9f1a599fb8e573b7b87160658329fbf28d19eac2718f51fc3def3aa5a/idna-3.18-py3-none-any.whl", hash = "sha256:7f952cbe720b688055e3f87de14f5c3e5fdaa8bc3928985c4077ca689de849a2", size = 65455, upload-time = "2026-06-02T14:34:06.319Z" }, ] [[package]] @@ -340,20 +340,20 @@ wheels = [ [[package]] name = "snowballstemmer" -version = "3.0.1" +version = "3.1.1" source = { registry = "https://pypi.org/simple" } -sdist = { url = "https://files.pythonhosted.org/packages/75/a7/9810d872919697c9d01295633f5d574fb416d47e535f258272ca1f01f447/snowballstemmer-3.0.1.tar.gz", hash = "sha256:6d5eeeec8e9f84d4d56b847692bacf79bc2c8e90c7f80ca4444ff8b6f2e52895", size = 105575, upload-time = "2025-05-09T16:34:51.843Z" } +sdist = { url = "https://files.pythonhosted.org/packages/43/f8/0a71edf031f03c40db17503cb8ca78a69a171254e568e7db241b0ab57ea1/snowballstemmer-3.1.1.tar.gz", hash = "sha256:e07bbc54a0d798fe6010a12398422e62a8bfbba95c394fd0956ef58cb4d3e260", size = 123314, upload-time = "2026-06-03T00:56:40.194Z" } wheels = [ - { url = "https://files.pythonhosted.org/packages/c8/78/3565d011c61f5a43488987ee32b6f3f656e7f107ac2782dd57bdd7d91d9a/snowballstemmer-3.0.1-py3-none-any.whl", hash = "sha256:6cd7b3897da8d6c9ffb968a6781fa6532dce9c3618a4b127d920dab764a19064", size = 103274, upload-time = "2025-05-09T16:34:50.371Z" }, + { url = "https://files.pythonhosted.org/packages/4c/07/2ebca9b11fb9be7340a818d8d6f63feaebb146be2c4afbd6061701d6df6e/snowballstemmer-3.1.1-py3-none-any.whl", hash = "sha256:7e207fa178741da09cdee59d3ecec3827ad5f92b1fc5c9ff3755b639f71f5752", size = 104164, upload-time = "2026-06-03T00:56:38.614Z" }, ] [[package]] name = "soupsieve" -version = "2.8.3" +version = "2.8.4" source = { registry = "https://pypi.org/simple" } -sdist = { url = "https://files.pythonhosted.org/packages/7b/ae/2d9c981590ed9999a0d91755b47fc74f74de286b0f5cee14c9269041e6c4/soupsieve-2.8.3.tar.gz", hash = "sha256:3267f1eeea4251fb42728b6dfb746edc9acaffc4a45b27e19450b676586e8349", size = 118627, upload-time = "2026-01-20T04:27:02.457Z" } +sdist = { url = "https://files.pythonhosted.org/packages/47/2c/0a5f6f8ee0d5589e48c7640213ed5175d52cf540a06725b628cc1a45d6ce/soupsieve-2.8.4.tar.gz", hash = "sha256:e121fd02e975c695e4e9e8774a5ee35d74714b59307868dcc5319ad2d9e3328e", size = 121110, upload-time = "2026-05-24T13:55:57.154Z" } wheels = [ - { url = "https://files.pythonhosted.org/packages/46/2c/1462b1d0a634697ae9e55b3cecdcb64788e8b7d63f54d923fcd0bb140aed/soupsieve-2.8.3-py3-none-any.whl", hash = "sha256:ed64f2ba4eebeab06cc4962affce381647455978ffc1e36bb79a545b91f45a95", size = 37016, upload-time = "2026-01-20T04:27:01.012Z" }, + { url = "https://files.pythonhosted.org/packages/5e/f5/0c41cb68dcae6b7de4fac4188a3a9589e21fb31df21ea3a2e888db95e6c9/soupsieve-2.8.4-py3-none-any.whl", hash = "sha256:e7e6b0769c8f51ed59acab6e994b00621096cfb1c640a7509295987388fbaf65", size = 37304, upload-time = "2026-05-24T13:55:55.406Z" }, ] [[package]]