npm - json-crud-ui-comp-table - Versions diffs - 1.2.5 - Mend

json-crud-ui-comp-table 1.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (569) hide show

package/bin/v1/commands/HeaderOnly/template/v6/Index/tallyStatus.js ADDED Viewed

@@ -0,0 +1,53 @@
+const startFunc = async () => {
+    const tallyPromise = await fetch("/FromTally/V3/Status");
+    if (tallyPromise.status === 200) {
+        jFLocalDisplayShowtallyUpId();
+        jFLocalDisplayNonetallyDownId();
+    } else {
+        jFLocalDisplayNonetallyUpId();
+        jFLocalDisplayShowtallyDownId();
+    };
+};
+let jFLocalDisplayShowtallyDownId = () => {
+    let jVarLocalHtmlId = 'tallyDownId';
+    let jVarLocaltallyDownId = document.getElementById(jVarLocalHtmlId);
+    if (jVarLocaltallyDownId === null === false) {
+        jVarLocaltallyDownId.style.display = '';
+        jVarLocaltallyDownId.classList.add("danger");
+    };
+};
+let jFLocalDisplayNonetallyUpId = () => {
+    let jVarLocalHtmlId = 'tallyUpId';
+    let jVarLocaltallyUpId = document.getElementById(jVarLocalHtmlId);
+    if (jVarLocaltallyUpId === null === false) {
+        jVarLocaltallyUpId.style.display = 'none';
+    };
+};
+let jFLocalDisplayShowtallyUpId = () => {
+    let jVarLocalHtmlId = 'tallyUpId';
+    let jVarLocaltallyUpId = document.getElementById(jVarLocalHtmlId);
+    if (jVarLocaltallyUpId === null === false) {
+        jVarLocaltallyUpId.style.display = '';
+        jVarLocaltallyUpId.classList.add("active");
+    };
+};
+let jFLocalDisplayNonetallyDownId = () => {
+    let jVarLocalHtmlId = 'tallyDownId';
+    let jVarLocaltallyDownId = document.getElementById(jVarLocalHtmlId);
+    if (jVarLocaltallyDownId === null === false) {
+        jVarLocaltallyDownId.style.display = 'none';
+    };
+};
+export default startFunc;

package/bin/v1/commands/HeaderOnly/template/v6/index.html ADDED Viewed

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>KeshavSoft10.6</title>
+    <!-- Tailwind CDN -->
+    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
+    <!-- <link rel="stylesheet" href="./tailwind-3.css"> -->
+    <!-- Heroicons (SVG inline, no extra CDN needed) -->
+    <style>
+        tfoot tr {
+            background-color: #fff8dc;
+        }
+        tfoot tr:has(input:focus) {
+            background-color: #ffe082;
+        }
+        input:focus {
+            outline: none;
+            border: 2px solid #2563eb;
+            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.3);
+        }
+        mark {
+            background-color: yellow;
+            color: black;
+        }
+        .active svg {
+            stroke: #3b82f6;
+            /* Example color */
+        }
+        .active span {
+            color: #3b82f6;
+            /* Example color */
+        }
+        .danger svg {
+            stroke: #c41d14;
+            /* Example color */
+        }
+        .danger span {
+            color: #c41d14;
+            /* Example color */
+        }
+    </style>
+</head>
+<body class="bg-gray-100 flex flex-col min-h-screen">
+    <main class="flex-grow">
+        <!-- NAVBAR -->
+        <div id="header"></div>
+        <!-- body -->
+        <section class="mx-auto px-3 py-6
+                max-w-3xl
+                lg:max-w-5xl
+                xl:max-w-6xl">
+            <!-- Table container -->
+            <div id="kSTableContainer">
+            </div>
+            <div id="kSSubTableContainer">
+            </div>
+        </section>
+    </main>
+    <footer class="bg-gray-200 text-gray-700 text-center py-4">
+        <div class="max-w-6xl mx-auto px-4">
+            © 2026 KeshavSoft • Contact
+        </div>
+    </footer>
+    <!-- <script src="https://keshavsoft.github.io/KsJsTableAi/Public/kstable.js" type="module"></script> -->
+    <!-- <script src="https://keshavsoft.github.io/tailwind-header-dom/Public/v4.2/ksheader.js" type="module"></script> -->
+    <!-- <script src="https://keshavsoft.github.io/tailwind-table-dom/Public/v10/kstable.js" type="module"></script> -->
+    <!-- <script src="./script.js" type="module"></script> -->
+    <script type="module" src="./Index/start.js"></script>
+</body>
+</html>

package/bin/v1/commands/HeaderOnly/template/v6/loadCss.js ADDED Viewed

@@ -0,0 +1,55 @@
+async function ensureTailwind() {
+    function loadCss(href) {
+        return new Promise((resolve, reject) => {
+            const link = document.createElement("link");
+            link.rel = "stylesheet";
+            link.href = href;
+            link.onload = resolve;
+            link.onerror = reject;
+            document.head.appendChild(link);
+        });
+    };
+    const tryLocal = async () => {
+        try {
+            await loadCss("./tailwind-3.css");
+            console.log("Tailwind loaded locally");
+            return true;
+        } catch { return false; }
+    };
+    const tryKsWebExtension = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/KsWebExtension/tailwind-3.css");
+            console.log("Tailwind loaded from KsWebExtension");
+            return true;
+        } catch { return false; }
+    };
+    const tryGit = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/tailwind-gen-css/tailwind-3.css");
+            console.log("Tailwind loaded from tailwind-gen-css");
+            return true;
+        } catch { return false; }
+    };
+    if (document.getElementById("KSTableTailwind")) {
+        console.log("Tailwind loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryKsWebExtension()) return;
+    if (await tryGit()) return;
+    throw new Error("Tailwind could not be loaded");
+};
+await ensureTailwind();

package/bin/v1/commands/HeaderOnly/template/v6/loadJs.js ADDED Viewed

@@ -0,0 +1,55 @@
+async function ensureKSTable() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSTable;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom/Public/v12/kstable.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/KSTable/v1/entry.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSTable loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTable could not be loaded");
+};
+await ensureKSTable();

package/bin/v1/commands/HeaderOnly/template/v6/script.js ADDED Viewed

@@ -0,0 +1,178 @@
+async function ensureTailwind() {
+    const isTailwindLoaded = () => {
+        const div = document.createElement("div");
+        div.className = "h-4";
+        document.body.appendChild(div);
+        const loaded = getComputedStyle(div).height === "16px";
+        div.remove();
+        return loaded;
+    };
+    function loadCss(href) {
+        return new Promise((resolve, reject) => {
+            const link = document.createElement("link");
+            link.rel = "stylesheet";
+            link.href = href;
+            link.onload = resolve;
+            link.onerror = reject;
+            document.head.appendChild(link);
+        });
+    };
+    const tryLocal = async () => {
+        try {
+            await loadCss("./tailwind-3-min.css");
+            console.log("Tailwind min loaded locally");
+            return true;
+        } catch { return false; }
+    };
+    const tryKsWebExtension = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/KsWebExtension/tailwind-3.css");
+            console.log("Tailwind loaded from KsWebExtension");
+            return true;
+        } catch { return false; }
+    };
+    const tryGit = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/tailwind-gen-css/tailwind-3.css");
+            console.log("Tailwind loaded from tailwind-gen-css");
+            return true;
+        } catch { return false; }
+    };
+    if (isTailwindLoaded()) {
+        console.log("Tailwind already loaded");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryKsWebExtension()) return;
+    if (await tryGit()) return;
+    throw new Error("Tailwind could not be loaded");
+};
+async function ensureKSTable() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSTable;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom/Public/v12/kstable.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/KSTable/v1/entry.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSTable loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTable could not be loaded");
+};
+async function ensureKSHeader() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSTable;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-header-dom/Public/v4.3/ksheader.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/header/v3/initHeader.js");
+            console.log("KSHeader loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSHeader loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTable could not be loaded");
+};
+await ensureTailwind();
+await ensureKSHeader();
+await ensureKSTable();

package/bin/v1/commands/HeaderOnly/template/v6/tailwind-3-min.css ADDED Viewed

@@ -0,0 +1 @@

+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-2{top:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-6{width:1.5rem;height:1.5rem}.h-4{height:1rem}.h-9{height:2.25rem}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-\[1000px\]{width:1000px}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.table-fixed{table-layout:fixed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.rounded-md{border-radius:.375rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pl-3{padding-left:.75rem}.pr-9{padding-right:2.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.odd\:bg-gray-100:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-gray-500:active{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}@media (min-width:768px){.md\:ml-0{margin-left:0}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-4{gap:1rem}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.md\:text-center{text-align:center}}@media (min-width:1024px){.lg\:max-w-5xl{max-width:64rem}.lg\:bg-transparent{background-color:transparent}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:max-w-6xl{max-width:72rem}.xl\:max-w-full{max-width:100%}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}}