diff --git a/.changeset/css-exports-support.md b/.changeset/css-exports-support.md
new file mode 100644
index 0000000000..17c1a0d8b7
--- /dev/null
+++ b/.changeset/css-exports-support.md
@@ -0,0 +1,7 @@
+---
+'@backstage/cli': patch
+---
+
+Added support for CSS exports in package builds. When a package declares a CSS file in its `exports` field (e.g., `"./styles.css": "./src/styles.css"`), the CLI will automatically bundle it during `backstage-cli package build`, resolving any `@import` statements. The export path is rewritten from `src/` to `dist/` at publish time.
+
+Fixed `backstage-cli repo fix` to not add `typesVersions` entries for non-script exports like CSS files.
diff --git a/.changeset/ui-standard-build.md b/.changeset/ui-standard-build.md
new file mode 100644
index 0000000000..d0d8bd7f65
--- /dev/null
+++ b/.changeset/ui-standard-build.md
@@ -0,0 +1,5 @@
+---
+'@backstage/ui': patch
+---
+
+Migrated to use the standard `backstage-cli package build` for CSS bundling instead of a custom build script.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 0acd96ff84..3524a903d3 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -138,10 +138,6 @@ jobs:
       - name: build all packages
         run: yarn backstage-cli repo build --all
 
-        # For now BUI has a custom build script and needs to be built separately
-      - name: build BUI
-        run: yarn --cwd packages/ui build
-
         # Build docs-ui to ensure documentation site builds successfully
       - name: install docs-ui dependencies
         working-directory: docs-ui
diff --git a/.github/workflows/deploy_packages.yml b/.github/workflows/deploy_packages.yml
index f2b1dd9975..e49b7b9227 100644
--- a/.github/workflows/deploy_packages.yml
+++ b/.github/workflows/deploy_packages.yml
@@ -110,10 +110,6 @@ jobs:
       - name: build
         run: yarn backstage-cli repo build --all
 
-        # For now BUI has a custom build script and needs to be built separately
-      - name: build BUI
-        run: yarn --cwd packages/ui build
-
       - name: verify type dependencies
         run: yarn lint:type-deps
 
diff --git a/.github/workflows/verify_e2e-linux.yml b/.github/workflows/verify_e2e-linux.yml
index ccc9460ebe..e8f5660d69 100644
--- a/.github/workflows/verify_e2e-linux.yml
+++ b/.github/workflows/verify_e2e-linux.yml
@@ -78,8 +78,6 @@ jobs:
 
       - run: yarn tsc
       - run: yarn backstage-cli repo build
-        # BUI has a custom build script and needs to be built separately
-      - run: yarn --cwd packages/ui build
       - name: run E2E test
         run: |
           sudo sysctl fs.inotify.max_user_watches=524288
diff --git a/.github/workflows/verify_e2e-windows.yml b/.github/workflows/verify_e2e-windows.yml
index fbf97c9d62..fdfdeabe1d 100644
--- a/.github/workflows/verify_e2e-windows.yml
+++ b/.github/workflows/verify_e2e-windows.yml
@@ -86,8 +86,6 @@ jobs:
 
       - run: yarn tsc
       - run: yarn backstage-cli repo build
-        # BUI has a custom build script and needs to be built separately
-      - run: yarn --cwd packages/ui build
       - name: run E2E test
         run: yarn e2e-test run
         env:
diff --git a/packages/cli/package.json b/packages/cli/package.json
index f8b394e480..562240290f 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -118,6 +118,7 @@
     "p-queue": "^6.6.2",
     "pirates": "^4.0.6",
     "postcss": "^8.1.0",
+    "postcss-import": "^16.1.0",
     "process": "^0.11.10",
     "raw-loader": "^4.0.2",
     "react-dev-utils": "^12.0.0-next.60",
diff --git a/packages/cli/src/lib/entryPoints.ts b/packages/cli/src/lib/entryPoints.ts
index 17a4f7dc12..063593a7a4 100644
--- a/packages/cli/src/lib/entryPoints.ts
+++ b/packages/cli/src/lib/entryPoints.ts
@@ -33,18 +33,25 @@ const defaultIndex = {
   ext: '.ts',
 };
 
+const SCRIPT_EXTS = ['.js', '.jsx', '.ts', '.tsx'];
+
 function parseEntryPoint(mount: string, path: string): EntryPoint {
+  const ext = extname(path);
+
   let name = mount;
   if (name === '.') {
     name = 'index';
   } else if (name.startsWith('./')) {
     name = name.slice(2);
   }
-  if (name.includes('/')) {
+
+  // Script entry points can't have slashes because we create backward-compat
+  // directories for them. Non-script files (like CSS) can have nested paths.
+  if (name.includes('/') && SCRIPT_EXTS.includes(ext)) {
     throw new Error(`Mount point '${mount}' may not contain multiple slashes`);
   }
 
-  return { mount, path, name, ext: extname(path) };
+  return { mount, path, name, ext };
 }
 
 export function readEntryPoints(pkg: BackstagePackageJson): Array<EntryPoint> {
diff --git a/packages/cli/src/modules/build/commands/package/build/command.ts b/packages/cli/src/modules/build/commands/package/build/command.ts
index 378fd31896..690534d724 100644
--- a/packages/cli/src/modules/build/commands/package/build/command.ts
+++ b/packages/cli/src/modules/build/commands/package/build/command.ts
@@ -15,9 +15,14 @@
  */
 
 import { OptionValues } from 'commander';
+import fs from 'fs-extra';
 import { buildPackage, Output } from '../../../lib/builder';
 import { findRoleFromCommand } from '../../../../../lib/role';
-import { PackageGraph, PackageRoles } from '@backstage/cli-node';
+import {
+  BackstagePackageJson,
+  PackageGraph,
+  PackageRoles,
+} from '@backstage/cli-node';
 import { paths } from '../../../../../lib/paths';
 import { buildFrontend } from '../../../lib/buildFrontend';
 import { buildBackend } from '../../../lib/buildBackend';
@@ -85,8 +90,13 @@ export async function command(opts: OptionValues): Promise<void> {
     outputs.add(Output.types);
   }
 
+  const packageJson = (await fs.readJson(
+    paths.resolveTarget('package.json'),
+  )) as BackstagePackageJson;
+
   return buildPackage({
     outputs,
+    packageJson,
     minify: Boolean(opts.minify),
     workspacePackages: await PackageGraph.listTargetPackages(),
   });
diff --git a/packages/cli/src/modules/build/lib/builder/config.ts b/packages/cli/src/modules/build/lib/builder/config.ts
index ff084148db..91ddb68233 100644
--- a/packages/cli/src/modules/build/lib/builder/config.ts
+++ b/packages/cli/src/modules/build/lib/builder/config.ts
@@ -37,7 +37,7 @@ import {
   OutputPlugin,
 } from 'rollup';
 
-import { forwardFileImports } from './plugins';
+import { forwardFileImports, cssEntryPoints } from './plugins';
 import { BuildOptions, Output } from './types';
 import { paths } from '../../../../lib/paths';
 import { BackstagePackageJson } from '@backstage/cli-node';
@@ -275,6 +275,7 @@ export async function makeRollupConfigs(
           target: 'ES2023',
           minify: options.minify,
         }),
+        cssEntryPoints({ entryPoints, targetDir }),
       ],
     });
   }
diff --git a/packages/cli/src/modules/build/lib/builder/packager.ts b/packages/cli/src/modules/build/lib/builder/packager.ts
index 5f167f3406..12017b694c 100644
--- a/packages/cli/src/modules/build/lib/builder/packager.ts
+++ b/packages/cli/src/modules/build/lib/builder/packager.ts
@@ -107,7 +107,8 @@ export const buildPackage = async (options: BuildOptions) => {
 
   const rollupConfigs = await makeRollupConfigs(options);
 
-  await fs.remove(resolvePath(options.targetDir ?? paths.targetDir, 'dist'));
+  const targetDir = options.targetDir ?? paths.targetDir;
+  await fs.remove(resolvePath(targetDir, 'dist'));
 
   const buildTasks = rollupConfigs.map(rollupBuild);
 
diff --git a/packages/cli/src/modules/build/lib/builder/plugins.test.ts b/packages/cli/src/modules/build/lib/builder/plugins.test.ts
index f6984dd67e..209175bd15 100644
--- a/packages/cli/src/modules/build/lib/builder/plugins.test.ts
+++ b/packages/cli/src/modules/build/lib/builder/plugins.test.ts
@@ -22,9 +22,25 @@ import {
   PluginContext,
 } from 'rollup';
 
-import { forwardFileImports } from './plugins';
+import { forwardFileImports, cssEntryPoints } from './plugins';
 import { createMockDirectory } from '@backstage/backend-test-utils';
 
+// Helper to call generateBundle hook which can be a function or ObjectHook
+async function callGenerateBundle(
+  plugin: ReturnType<typeof cssEntryPoints>,
+  ctx: PluginContext,
+  options: NormalizedOutputOptions,
+  bundle: Record<string, OutputChunk | OutputAsset>,
+  isWrite: boolean,
+) {
+  const hook = plugin.generateBundle;
+  if (typeof hook === 'function') {
+    await hook.call(ctx, options, bundle, isWrite);
+  } else if (hook && typeof hook === 'object' && 'handler' in hook) {
+    await hook.handler.call(ctx, options, bundle, isWrite);
+  }
+}
+
 const context = {
   meta: {
     rollupVersion: '0.0.0',
@@ -194,3 +210,139 @@ describe('forwardFileImports', () => {
     });
   });
 });
+
+describe('cssEntryPoints', () => {
+  it('should be created with correct name', () => {
+    const plugin = cssEntryPoints({
+      entryPoints: [],
+      targetDir: '/dev',
+    });
+    expect(plugin.name).toBe('backstage-css-entry-points');
+  });
+
+  describe('with createMockDirectory', () => {
+    const mockDir = createMockDirectory();
+
+    const emittedFiles: Array<{ fileName: string; source: string }> = [];
+    const emitContext = {
+      ...context,
+      emitFile: (file: { fileName: string; source: string }) => {
+        emittedFiles.push(file);
+        return 'asset-id';
+      },
+    } as unknown as PluginContext;
+
+    beforeEach(() => {
+      emittedFiles.length = 0;
+      mockDir.setContent({
+        dev: {
+          src: {
+            css: {
+              'styles.css': '@import "./base.css";\n.root { color: red; }',
+              'base.css': '.base { margin: 0; }',
+            },
+          },
+        },
+      });
+    });
+
+    it('should not emit when isWrite is false', async () => {
+      const plugin = cssEntryPoints({
+        entryPoints: [
+          {
+            mount: './css/styles.css',
+            path: './src/css/styles.css',
+            name: 'css/styles.css',
+            ext: '.css',
+          },
+        ],
+        targetDir: mockDir.resolve('dev'),
+      });
+
+      await callGenerateBundle(
+        plugin,
+        emitContext,
+        { dir: mockDir.resolve('dev/dist') } as NormalizedOutputOptions,
+        {},
+        false,
+      );
+
+      expect(emittedFiles).toHaveLength(0);
+    });
+
+    it('should emit only CSS entry points with resolved imports', async () => {
+      const plugin = cssEntryPoints({
+        entryPoints: [
+          // Non-CSS entry should be ignored
+          { mount: '.', path: './src/index.ts', name: 'index', ext: '.ts' },
+          {
+            mount: './css/styles.css',
+            path: './src/css/styles.css',
+            name: 'css/styles.css',
+            ext: '.css',
+          },
+        ],
+        targetDir: mockDir.resolve('dev'),
+      });
+
+      await callGenerateBundle(
+        plugin,
+        emitContext,
+        { dir: mockDir.resolve('dev/dist') } as NormalizedOutputOptions,
+        {},
+        true,
+      );
+
+      // Only CSS file should be emitted, not the .ts entry
+      expect(emittedFiles).toHaveLength(1);
+      expect(emittedFiles[0].fileName).toBe('css/styles.css');
+      expect(emittedFiles[0].source).toContain('.base { margin: 0; }');
+      expect(emittedFiles[0].source).toContain('.root { color: red; }');
+      expect(emittedFiles[0].source).not.toContain('@import');
+    });
+
+    it('should only emit once per output directory', async () => {
+      const plugin = cssEntryPoints({
+        entryPoints: [
+          {
+            mount: './css/styles.css',
+            path: './src/css/styles.css',
+            name: 'css/styles.css',
+            ext: '.css',
+          },
+        ],
+        targetDir: mockDir.resolve('dev'),
+      });
+
+      // First call should emit
+      await callGenerateBundle(
+        plugin,
+        emitContext,
+        { dir: mockDir.resolve('dev/dist') } as NormalizedOutputOptions,
+        {},
+        true,
+      );
+      expect(emittedFiles).toHaveLength(1);
+
+      // Second call to same dir should not emit again
+      await callGenerateBundle(
+        plugin,
+        emitContext,
+        { dir: mockDir.resolve('dev/dist') } as NormalizedOutputOptions,
+        {},
+        true,
+      );
+      expect(emittedFiles).toHaveLength(1);
+
+      // Call to different dir should emit
+      await callGenerateBundle(
+        plugin,
+        emitContext,
+        { dir: mockDir.resolve('dev/dist2') } as NormalizedOutputOptions,
+        {},
+        true,
+      );
+      expect(emittedFiles).toHaveLength(2);
+    });
+  });
+});
diff --git a/packages/cli/src/modules/build/lib/builder/plugins.ts b/packages/cli/src/modules/build/lib/builder/plugins.ts
index b597f8fa21..2340884e3d 100644
--- a/packages/cli/src/modules/build/lib/builder/plugins.ts
+++ b/packages/cli/src/modules/build/lib/builder/plugins.ts
@@ -15,6 +15,8 @@
  */
 
 import fs from 'fs-extra';
+import postcss from 'postcss';
+import postcssImport from 'postcss-import';
 import {
   dirname,
   resolve as resolvePath,
@@ -27,6 +29,7 @@ import {
   OutputChunk,
   HasModuleSideEffects,
 } from 'rollup';
+import { EntryPoint } from '../../../../lib/entryPoints';
 
 type ForwardFileImportsOptions = {
   include: Array<string | RegExp> | string | RegExp | null;
@@ -169,3 +172,58 @@ export function forwardFileImports(options: ForwardFileImportsOptions) {
     },
   } satisfies Plugin;
 }
+
+interface CssEntryPointsOptions {
+  entryPoints: EntryPoint[];
+  targetDir: string;
+}
+
+/**
+ * Rollup plugin that bundles CSS entry points using postcss-import.
+ * CSS files declared in package.json exports are processed and emitted
+ * as part of the Rollup bundle.
+ */
+export function cssEntryPoints(options: CssEntryPointsOptions): Plugin {
+  const cssEntries = options.entryPoints.filter(ep => ep.ext === '.css');
+
+  // Track output directories we've already emitted CSS to, to avoid duplicates
+  // when Rollup runs generateBundle multiple times (once per output format)
+  const generatedFor = new Set<string>();
+
+  return {
+    name: 'backstage-css-entry-points',
+
+    async generateBundle(outputOptions, _bundle, isWrite) {
+      if (!isWrite) {
+        return;
+      }
+
+      const dir = outputOptions.dir || dirname(outputOptions.file!);
+      if (generatedFor.has(dir)) {
+        return;
+      }
+      generatedFor.add(dir);
+
+      for (const entryPoint of cssEntries) {
+        const sourcePath = resolvePath(options.targetDir, entryPoint.path);
+        // Strip the src/ prefix to create an output filename relative to the Rollup output directory
+        const outputPath = entryPoint.path.replace(/^(\.\/)?src\//, '');
+
+        // Read source CSS
+        const source = await fs.readFile(sourcePath, 'utf8');
+
+        // Bundle @import statements using postcss-import
+        const result = await postcss([postcssImport()]).process(source, {
+          from: sourcePath,
+        });
+
+        // Emit the bundled CSS as an asset
+        this.emitFile({
+          type: 'asset',
+          fileName: outputPath,
+          source: result.css,
+        });
+      }
+    },
+  };
+}
diff --git a/packages/cli/src/modules/build/lib/packager/productionPack.ts b/packages/cli/src/modules/build/lib/packager/productionPack.ts
index 90a973cc32..f2a74179f4 100644
--- a/packages/cli/src/modules/build/lib/packager/productionPack.ts
+++ b/packages/cli/src/modules/build/lib/packager/productionPack.ts
@@ -148,7 +148,11 @@ async function rewriteEntryPoints(
 
   for (const entryPoint of entryPoints) {
     if (!SCRIPT_EXTS.includes(entryPoint.ext)) {
-      outputExports[entryPoint.mount] = entryPoint.path;
+      // Non-script files (like CSS) get their paths rewritten from src/ to dist/
+      outputExports[entryPoint.mount] = entryPoint.path.replace(
+        /^(\.\/)?src\//,
+        './dist/',
+      );
       continue;
     }
 
diff --git a/packages/cli/src/modules/maintenance/commands/repo/fix.ts b/packages/cli/src/modules/maintenance/commands/repo/fix.ts
index 6b31bed466..a5c6b519ed 100644
--- a/packages/cli/src/modules/maintenance/commands/repo/fix.ts
+++ b/packages/cli/src/modules/maintenance/commands/repo/fix.ts
@@ -27,10 +27,13 @@ import {
   resolve as resolvePath,
   posix,
   relative as relativePath,
+  extname,
 } from 'node:path';
 import { paths } from '../../../../lib/paths';
 import { publishPreflightCheck } from '../../lib/publishing';
 
+const SCRIPT_EXTS = ['.js', '.jsx', '.ts', '.tsx', '.json'];
+
 /**
  * A mutable object representing a package.json file with potential fixes.
  */
@@ -122,29 +125,46 @@ export function fixPackageExports(pkg: FixablePackage) {
     }
     const newPath = trimRelative(path);
 
+    // Only script files and package.json should be added to typesVersions
     if (typeof value === 'string') {
-      typeEntries[newPath] = [trimRelative(value)];
+      if (SCRIPT_EXTS.includes(extname(value))) {
+        typeEntries[newPath] = [trimRelative(value)];
+      }
     } else if (value && typeof value === 'object' && !Array.isArray(value)) {
       if (typeof value.types === 'string') {
         typeEntries[newPath] = [trimRelative(value.types)];
-      } else if (typeof value.default === 'string') {
+      } else if (
+        typeof value.default === 'string' &&
+        SCRIPT_EXTS.includes(extname(value.default))
+      ) {
         typeEntries[newPath] = [trimRelative(value.default)];
       }
     }
   }
 
-  const typesVersions = { '*': typeEntries };
-  if (existingTypesVersions !== JSON.stringify(typesVersions)) {
-    const newPkgEntries = Object.entries(pkg.packageJson).filter(
-      ([name]) => name !== 'typesVersions',
-    );
-    newPkgEntries.splice(
-      newPkgEntries.findIndex(([name]) => name === 'exports') + 1,
-      0,
-      ['typesVersions', typesVersions],
-    );
+  const hasTypeEntries = Object.keys(typeEntries).length > 0;
+  const typesVersions = hasTypeEntries ? { '*': typeEntries } : undefined;
 
-    pkg.packageJson = Object.fromEntries(newPkgEntries) as BackstagePackageJson;
+  if (existingTypesVersions !== JSON.stringify(typesVersions)) {
+    if (pkg.packageJson.typesVersions) {
+      // Update in place to preserve field order
+      if (typesVersions) {
+        pkg.packageJson.typesVersions = typesVersions;
+      } else {
+        delete pkg.packageJson.typesVersions;
+      }
+    } else if (typesVersions) {
+      // Insert after exports when adding for the first time
+      const newPkgEntries = Object.entries(pkg.packageJson);
+      newPkgEntries.splice(
+        newPkgEntries.findIndex(([name]) => name === 'exports') + 1,
+        0,
+        ['typesVersions', typesVersions],
+      );
+      pkg.packageJson = Object.fromEntries(
+        newPkgEntries,
+      ) as BackstagePackageJson;
+    }
     pkg.changed = true;
   }
 
diff --git a/packages/cli/src/types.d.ts b/packages/cli/src/types.d.ts
index 3ddef88689..984f4bcf57 100644
--- a/packages/cli/src/types.d.ts
+++ b/packages/cli/src/types.d.ts
@@ -259,3 +259,9 @@ declare module 'webpack-node-externals' {
 }
 
 declare module '@esbuild-kit/cjs-loader' {}
+
+declare module 'postcss-import' {
+  import { Plugin } from 'postcss';
+
+  export default function postcssImport(): Plugin;
+}
diff --git a/packages/ui/css/styles.css b/packages/ui/css/styles.css
deleted file mode 100644
index f501f5144b..0000000000
--- a/packages/ui/css/styles.css
+++ /dev/null
@@ -1,9272 +0,0 @@
-@layer tokens, base, components, utilities;
-
-/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
-@layer tokens {
-  :root {
-    --bui-font-regular: system-ui;
-    --bui-font-monospace: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
-    --bui-font-weight-regular: 400;
-    --bui-font-weight-bold: 600;
-    --bui-font-size-1: .625rem;
-    --bui-font-size-2: .75rem;
-    --bui-font-size-3: .875rem;
-    --bui-font-size-4: 1rem;
-    --bui-font-size-5: 1.25rem;
-    --bui-font-size-6: 1.5rem;
-    --bui-font-size-7: 2rem;
-    --bui-font-size-8: 3rem;
-    --bui-font-size-9: 4rem;
-    --bui-font-size-10: 5.75rem;
-    --bui-space: .25rem;
-    --bui-space-0_5: calc(var(--bui-space) * .5);
-    --bui-space-1: var(--bui-space);
-    --bui-space-1_5: calc(var(--bui-space) * 1.5);
-    --bui-space-2: calc(var(--bui-space) * 2);
-    --bui-space-3: calc(var(--bui-space) * 3);
-    --bui-space-4: calc(var(--bui-space) * 4);
-    --bui-space-5: calc(var(--bui-space) * 5);
-    --bui-space-6: calc(var(--bui-space) * 6);
-    --bui-space-7: calc(var(--bui-space) * 7);
-    --bui-space-8: calc(var(--bui-space) * 8);
-    --bui-space-9: calc(var(--bui-space) * 9);
-    --bui-space-10: calc(var(--bui-space) * 10);
-    --bui-space-11: calc(var(--bui-space) * 11);
-    --bui-space-12: calc(var(--bui-space) * 12);
-    --bui-space-13: calc(var(--bui-space) * 13);
-    --bui-space-14: calc(var(--bui-space) * 14);
-    --bui-radius-1: calc(.125rem);
-    --bui-radius-2: calc(.25rem);
-    --bui-radius-3: calc(.5rem);
-    --bui-radius-4: calc(.75rem);
-    --bui-radius-5: calc(1rem);
-    --bui-radius-6: calc(1.25rem);
-    --bui-radius-full: 9999px;
-    --bui-black: #000;
-    --bui-white: #fff;
-    --bui-bg-solid: #1f5493;
-    --bui-bg-solid-hover: #163a66;
-    --bui-bg-solid-pressed: #0f2b4e;
-    --bui-bg-solid-disabled: #163a66;
-    --bui-bg-neutral-0: #f8f8f8;
-    --bui-bg-neutral-1: #fff;
-    --bui-bg-neutral-1-hover: oklch(0% 0 0 / .12);
-    --bui-bg-neutral-1-pressed: oklch(0% 0 0 / .16);
-    --bui-bg-neutral-1-disabled: oklch(0% 0 0 / .06);
-    --bui-bg-neutral-2: oklch(0% 0 0 / .06);
-    --bui-bg-neutral-2-hover: oklch(0% 0 0 / .12);
-    --bui-bg-neutral-2-pressed: oklch(0% 0 0 / .16);
-    --bui-bg-neutral-2-disabled: oklch(0% 0 0 / .06);
-    --bui-bg-neutral-3: oklch(0% 0 0 / .06);
-    --bui-bg-neutral-3-hover: oklch(0% 0 0 / .12);
-    --bui-bg-neutral-3-pressed: oklch(0% 0 0 / .16);
-    --bui-bg-neutral-3-disabled: oklch(0% 0 0 / .06);
-    --bui-bg-neutral-4: oklch(0% 0 0 / .06);
-    --bui-bg-neutral-4-hover: oklch(0% 0 0 / .12);
-    --bui-bg-neutral-4-pressed: oklch(0% 0 0 / .16);
-    --bui-bg-neutral-4-disabled: oklch(0% 0 0 / .06);
-    --bui-bg-danger: #ffe2e2;
-    --bui-bg-warning: #ffedd5;
-    --bui-bg-success: #dcfce7;
-    --bui-bg-info: #dbeafe;
-    --bui-fg-primary: var(--bui-black);
-    --bui-fg-secondary: oklch(0% 0 0 / .5);
-    --bui-fg-disabled: oklch(0% 0 0 / .28);
-    --bui-fg-solid: var(--bui-white);
-    --bui-fg-solid-disabled: #98a8bc;
-    --bui-fg-danger-on-bg: #991919;
-    --bui-fg-warning-on-bg: #92310a;
-    --bui-fg-success-on-bg: #116932;
-    --bui-fg-info-on-bg: #173da6;
-    --bui-fg-danger: #ec3b18;
-    --bui-fg-warning: #ef7a32;
-    --bui-fg-success: #1ed760;
-    --bui-fg-info: #0d74ce;
-    --bui-border: #0000001a;
-    --bui-border-hover: #0003;
-    --bui-border-pressed: #0006;
-    --bui-border-disabled: #0000001a;
-    --bui-border-info: #7ea9d6;
-    --bui-border-danger: #f87a7a;
-    --bui-border-warning: #e36d05;
-    --bui-border-success: #53db83;
-    --bui-ring: #1f5493;
-    --bui-scrollbar: #a0a0a03b;
-    --bui-scrollbar-thumb: #a0a0a0;
-    --bui-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
-    --bui-animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
-  }
-
-  [data-theme-mode="dark"] {
-    --bui-bg-solid: #9cc9ff;
-    --bui-bg-solid-hover: #83b9fd;
-    --bui-bg-solid-pressed: #83b9fd;
-    --bui-bg-solid-disabled: #1b3d68;
-    --bui-bg-neutral-0: #333;
-    --bui-bg-neutral-1: oklch(100% 0 0 / .1);
-    --bui-bg-neutral-1-hover: oklch(100% 0 0 / .14);
-    --bui-bg-neutral-1-pressed: oklch(100% 0 0 / .2);
-    --bui-bg-neutral-1-disabled: oklch(100% 0 0 / .1);
-    --bui-bg-neutral-2: oklch(100% 0 0 / .06);
-    --bui-bg-neutral-2-hover: oklch(100% 0 0 / .1);
-    --bui-bg-neutral-2-pressed: oklch(100% 0 0 / .16);
-    --bui-bg-neutral-2-disabled: oklch(100% 0 0 / .06);
-    --bui-bg-neutral-3: oklch(100% 0 0 / .08);
-    --bui-bg-neutral-3-hover: oklch(100% 0 0 / .12);
-    --bui-bg-neutral-3-pressed: oklch(100% 0 0 / .2);
-    --bui-bg-neutral-3-disabled: oklch(100% 0 0 / .08);
-    --bui-bg-neutral-4: oklch(100% 0 0 / .08);
-    --bui-bg-neutral-4-hover: oklch(100% 0 0 / .12);
-    --bui-bg-neutral-4-pressed: oklch(100% 0 0 / .2);
-    --bui-bg-neutral-4-disabled: oklch(100% 0 0 / .08);
-    --bui-bg-danger: #300c0c;
-    --bui-bg-warning: #302008;
-    --bui-bg-success: #042713;
-    --bui-bg-info: #132049;
-    --bui-fg-primary: var(--bui-white);
-    --bui-fg-secondary: oklch(0% 0 0 / .5);
-    --bui-fg-disabled: oklch(0% 0 0 / .28);
-    --bui-fg-solid: #101821;
-    --bui-fg-solid-disabled: #6191cc;
-    --bui-fg-danger-on-bg: #fca5a5;
-    --bui-fg-warning-on-bg: #fdba74;
-    --bui-fg-success-on-bg: #86efac;
-    --bui-fg-info-on-bg: #a3cfff;
-    --bui-fg-danger: #ff5a30;
-    --bui-fg-warning: #ffa057;
-    --bui-fg-success: #1ed760;
-    --bui-fg-info: #70b8ff;
-    --bui-border: #ffffff1f;
-    --bui-border-hover: #fff6;
-    --bui-border-pressed: #ffffff80;
-    --bui-border-disabled: #fff3;
-    --bui-border-info: #7ea9d6;
-    --bui-border-danger: #f87a7a;
-    --bui-border-warning: #e36d05;
-    --bui-border-success: #53db83;
-    --bui-ring: #1f5493;
-    --bui-scrollbar: #3636363a;
-    --bui-scrollbar-thumb: #575757;
-    --bui-shadow: none;
-  }
-}
-
-@layer base {
-  *, :before, :after {
-    box-sizing: border-box;
-  }
-
-  html {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
-    line-height: 1.15;
-  }
-
-  body {
-    margin: 0;
-  }
-
-  b, strong {
-    font-weight: bolder;
-  }
-
-  code, kbd, samp, pre {
-    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
-    font-size: 1em;
-  }
-
-  small {
-    font-size: 80%;
-  }
-
-  sub, sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-
-  sub {
-    bottom: -.25em;
-  }
-
-  sup {
-    top: -.5em;
-  }
-
-  table {
-    border-color: currentColor;
-  }
-
-  button, input, optgroup, select, textarea {
-    margin: 0;
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-  }
-
-  button, [type="button"], [type="reset"], [type="submit"] {
-    -webkit-appearance: button;
-  }
-
-  legend {
-    padding: 0;
-  }
-
-  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;
-  }
-
-  :where(a) {
-    color: inherit;
-    text-decoration: none;
-  }
-
-  @keyframes pulse {
-    50% {
-      opacity: .5;
-    }
-  }
-
-  body {
-    background-color: var(--bui-bg-neutral-0);
-    color: var(--bui-fg-primary);
-    font-family: var(--bui-font-regular);
-    font-weight: var(--bui-font-weight-regular);
-    font-size: var(--bui-font-size-3);
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  [data-theme-mode="dark"] {
-    color-scheme: dark;
-  }
-
-  [data-theme-mode="light"] {
-    color-scheme: light;
-  }
-}
-
-@layer components;
-
-@layer utilities {
-  .bui-p {
-    padding: var(--p);
-  }
-
-  .bui-p-0\.5 {
-    padding: var(--bui-space-0_5);
-  }
-
-  .bui-p-1 {
-    padding: var(--bui-space-1);
-  }
-
-  .bui-p-1\.5 {
-    padding: var(--bui-space-1_5);
-  }
-
-  .bui-p-2 {
-    padding: var(--bui-space-2);
-  }
-
-  .bui-p-3 {
-    padding: var(--bui-space-3);
-  }
-
-  .bui-p-4 {
-    padding: var(--bui-space-4);
-  }
-
-  .bui-p-5 {
-    padding: var(--bui-space-5);
-  }
-
-  .bui-p-6 {
-    padding: var(--bui-space-6);
-  }
-
-  .bui-p-7 {
-    padding: var(--bui-space-7);
-  }
-
-  .bui-p-8 {
-    padding: var(--bui-space-8);
-  }
-
-  .bui-p-9 {
-    padding: var(--bui-space-9);
-  }
-
-  .bui-p-10 {
-    padding: var(--bui-space-10);
-  }
-
-  .bui-p-11 {
-    padding: var(--bui-space-11);
-  }
-
-  .bui-p-12 {
-    padding: var(--bui-space-12);
-  }
-
-  .bui-p-13 {
-    padding: var(--bui-space-13);
-  }
-
-  .bui-p-14 {
-    padding: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-p {
-      padding: var(--p-xs);
-    }
-
-    .xs\:bui-p-0\.5 {
-      padding: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-p-1 {
-      padding: var(--bui-space-1);
-    }
-
-    .xs\:bui-p-1\.5 {
-      padding: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-p-2 {
-      padding: var(--bui-space-2);
-    }
-
-    .xs\:bui-p-3 {
-      padding: var(--bui-space-3);
-    }
-
-    .xs\:bui-p-4 {
-      padding: var(--bui-space-4);
-    }
-
-    .xs\:bui-p-5 {
-      padding: var(--bui-space-5);
-    }
-
-    .xs\:bui-p-6 {
-      padding: var(--bui-space-6);
-    }
-
-    .xs\:bui-p-7 {
-      padding: var(--bui-space-7);
-    }
-
-    .xs\:bui-p-8 {
-      padding: var(--bui-space-8);
-    }
-
-    .xs\:bui-p-9 {
-      padding: var(--bui-space-9);
-    }
-
-    .xs\:bui-p-10 {
-      padding: var(--bui-space-10);
-    }
-
-    .xs\:bui-p-11 {
-      padding: var(--bui-space-11);
-    }
-
-    .xs\:bui-p-12 {
-      padding: var(--bui-space-12);
-    }
-
-    .xs\:bui-p-13 {
-      padding: var(--bui-space-13);
-    }
-
-    .xs\:bui-p-14 {
-      padding: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-p {
-      padding: var(--p-sm);
-    }
-
-    .sm\:bui-p-0\.5 {
-      padding: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-p-1 {
-      padding: var(--bui-space-1);
-    }
-
-    .sm\:bui-p-1\.5 {
-      padding: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-p-2 {
-      padding: var(--bui-space-2);
-    }
-
-    .sm\:bui-p-3 {
-      padding: var(--bui-space-3);
-    }
-
-    .sm\:bui-p-4 {
-      padding: var(--bui-space-4);
-    }
-
-    .sm\:bui-p-5 {
-      padding: var(--bui-space-5);
-    }
-
-    .sm\:bui-p-6 {
-      padding: var(--bui-space-6);
-    }
-
-    .sm\:bui-p-7 {
-      padding: var(--bui-space-7);
-    }
-
-    .sm\:bui-p-8 {
-      padding: var(--bui-space-8);
-    }
-
-    .sm\:bui-p-9 {
-      padding: var(--bui-space-9);
-    }
-
-    .sm\:bui-p-10 {
-      padding: var(--bui-space-10);
-    }
-
-    .sm\:bui-p-11 {
-      padding: var(--bui-space-11);
-    }
-
-    .sm\:bui-p-12 {
-      padding: var(--bui-space-12);
-    }
-
-    .sm\:bui-p-13 {
-      padding: var(--bui-space-13);
-    }
-
-    .sm\:bui-p-14 {
-      padding: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-p {
-      padding: var(--p-md);
-    }
-
-    .md\:bui-p-0\.5 {
-      padding: var(--bui-space-0_5);
-    }
-
-    .md\:bui-p-1 {
-      padding: var(--bui-space-1);
-    }
-
-    .md\:bui-p-1\.5 {
-      padding: var(--bui-space-1_5);
-    }
-
-    .md\:bui-p-2 {
-      padding: var(--bui-space-2);
-    }
-
-    .md\:bui-p-3 {
-      padding: var(--bui-space-3);
-    }
-
-    .md\:bui-p-4 {
-      padding: var(--bui-space-4);
-    }
-
-    .md\:bui-p-5 {
-      padding: var(--bui-space-5);
-    }
-
-    .md\:bui-p-6 {
-      padding: var(--bui-space-6);
-    }
-
-    .md\:bui-p-7 {
-      padding: var(--bui-space-7);
-    }
-
-    .md\:bui-p-8 {
-      padding: var(--bui-space-8);
-    }
-
-    .md\:bui-p-9 {
-      padding: var(--bui-space-9);
-    }
-
-    .md\:bui-p-10 {
-      padding: var(--bui-space-10);
-    }
-
-    .md\:bui-p-11 {
-      padding: var(--bui-space-11);
-    }
-
-    .md\:bui-p-12 {
-      padding: var(--bui-space-12);
-    }
-
-    .md\:bui-p-13 {
-      padding: var(--bui-space-13);
-    }
-
-    .md\:bui-p-14 {
-      padding: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-p {
-      padding: var(--p-lg);
-    }
-
-    .lg\:bui-p-0\.5 {
-      padding: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-p-1 {
-      padding: var(--bui-space-1);
-    }
-
-    .lg\:bui-p-1\.5 {
-      padding: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-p-2 {
-      padding: var(--bui-space-2);
-    }
-
-    .lg\:bui-p-3 {
-      padding: var(--bui-space-3);
-    }
-
-    .lg\:bui-p-4 {
-      padding: var(--bui-space-4);
-    }
-
-    .lg\:bui-p-5 {
-      padding: var(--bui-space-5);
-    }
-
-    .lg\:bui-p-6 {
-      padding: var(--bui-space-6);
-    }
-
-    .lg\:bui-p-7 {
-      padding: var(--bui-space-7);
-    }
-
-    .lg\:bui-p-8 {
-      padding: var(--bui-space-8);
-    }
-
-    .lg\:bui-p-9 {
-      padding: var(--bui-space-9);
-    }
-
-    .lg\:bui-p-10 {
-      padding: var(--bui-space-10);
-    }
-
-    .lg\:bui-p-11 {
-      padding: var(--bui-space-11);
-    }
-
-    .lg\:bui-p-12 {
-      padding: var(--bui-space-12);
-    }
-
-    .lg\:bui-p-13 {
-      padding: var(--bui-space-13);
-    }
-
-    .lg\:bui-p-14 {
-      padding: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-p {
-      padding: var(--p-xl);
-    }
-
-    .xl\:bui-p-0\.5 {
-      padding: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-p-1 {
-      padding: var(--bui-space-1);
-    }
-
-    .xl\:bui-p-1\.5 {
-      padding: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-p-2 {
-      padding: var(--bui-space-2);
-    }
-
-    .xl\:bui-p-3 {
-      padding: var(--bui-space-3);
-    }
-
-    .xl\:bui-p-4 {
-      padding: var(--bui-space-4);
-    }
-
-    .xl\:bui-p-5 {
-      padding: var(--bui-space-5);
-    }
-
-    .xl\:bui-p-6 {
-      padding: var(--bui-space-6);
-    }
-
-    .xl\:bui-p-7 {
-      padding: var(--bui-space-7);
-    }
-
-    .xl\:bui-p-8 {
-      padding: var(--bui-space-8);
-    }
-
-    .xl\:bui-p-9 {
-      padding: var(--bui-space-9);
-    }
-
-    .xl\:bui-p-10 {
-      padding: var(--bui-space-10);
-    }
-
-    .xl\:bui-p-11 {
-      padding: var(--bui-space-11);
-    }
-
-    .xl\:bui-p-12 {
-      padding: var(--bui-space-12);
-    }
-
-    .xl\:bui-p-13 {
-      padding: var(--bui-space-13);
-    }
-
-    .xl\:bui-p-14 {
-      padding: var(--bui-space-14);
-    }
-  }
-
-  .bui-pl {
-    padding-left: var(--pl);
-  }
-
-  .bui-pl-0\.5 {
-    padding-left: var(--bui-space-0_5);
-  }
-
-  .bui-pl-1 {
-    padding-left: var(--bui-space-1);
-  }
-
-  .bui-pl-1\.5 {
-    padding-left: var(--bui-space-1_5);
-  }
-
-  .bui-pl-2 {
-    padding-left: var(--bui-space-2);
-  }
-
-  .bui-pl-3 {
-    padding-left: var(--bui-space-3);
-  }
-
-  .bui-pl-4 {
-    padding-left: var(--bui-space-4);
-  }
-
-  .bui-pl-5 {
-    padding-left: var(--bui-space-5);
-  }
-
-  .bui-pl-6 {
-    padding-left: var(--bui-space-6);
-  }
-
-  .bui-pl-7 {
-    padding-left: var(--bui-space-7);
-  }
-
-  .bui-pl-8 {
-    padding-left: var(--bui-space-8);
-  }
-
-  .bui-pl-9 {
-    padding-left: var(--bui-space-9);
-  }
-
-  .bui-pl-10 {
-    padding-left: var(--bui-space-10);
-  }
-
-  .bui-pl-11 {
-    padding-left: var(--bui-space-11);
-  }
-
-  .bui-pl-12 {
-    padding-left: var(--bui-space-12);
-  }
-
-  .bui-pl-13 {
-    padding-left: var(--bui-space-13);
-  }
-
-  .bui-pl-14 {
-    padding-left: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-pl {
-      padding-left: var(--pl-xs);
-    }
-
-    .xs\:bui-pl-0\.5 {
-      padding-left: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-pl-1 {
-      padding-left: var(--bui-space-1);
-    }
-
-    .xs\:bui-pl-1\.5 {
-      padding-left: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-pl-2 {
-      padding-left: var(--bui-space-2);
-    }
-
-    .xs\:bui-pl-3 {
-      padding-left: var(--bui-space-3);
-    }
-
-    .xs\:bui-pl-4 {
-      padding-left: var(--bui-space-4);
-    }
-
-    .xs\:bui-pl-5 {
-      padding-left: var(--bui-space-5);
-    }
-
-    .xs\:bui-pl-6 {
-      padding-left: var(--bui-space-6);
-    }
-
-    .xs\:bui-pl-7 {
-      padding-left: var(--bui-space-7);
-    }
-
-    .xs\:bui-pl-8 {
-      padding-left: var(--bui-space-8);
-    }
-
-    .xs\:bui-pl-9 {
-      padding-left: var(--bui-space-9);
-    }
-
-    .xs\:bui-pl-10 {
-      padding-left: var(--bui-space-10);
-    }
-
-    .xs\:bui-pl-11 {
-      padding-left: var(--bui-space-11);
-    }
-
-    .xs\:bui-pl-12 {
-      padding-left: var(--bui-space-12);
-    }
-
-    .xs\:bui-pl-13 {
-      padding-left: var(--bui-space-13);
-    }
-
-    .xs\:bui-pl-14 {
-      padding-left: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-pl {
-      padding-left: var(--pl-sm);
-    }
-
-    .sm\:bui-pl-0\.5 {
-      padding-left: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-pl-1 {
-      padding-left: var(--bui-space-1);
-    }
-
-    .sm\:bui-pl-1\.5 {
-      padding-left: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-pl-2 {
-      padding-left: var(--bui-space-2);
-    }
-
-    .sm\:bui-pl-3 {
-      padding-left: var(--bui-space-3);
-    }
-
-    .sm\:bui-pl-4 {
-      padding-left: var(--bui-space-4);
-    }
-
-    .sm\:bui-pl-5 {
-      padding-left: var(--bui-space-5);
-    }
-
-    .sm\:bui-pl-6 {
-      padding-left: var(--bui-space-6);
-    }
-
-    .sm\:bui-pl-7 {
-      padding-left: var(--bui-space-7);
-    }
-
-    .sm\:bui-pl-8 {
-      padding-left: var(--bui-space-8);
-    }
-
-    .sm\:bui-pl-9 {
-      padding-left: var(--bui-space-9);
-    }
-
-    .sm\:bui-pl-10 {
-      padding-left: var(--bui-space-10);
-    }
-
-    .sm\:bui-pl-11 {
-      padding-left: var(--bui-space-11);
-    }
-
-    .sm\:bui-pl-12 {
-      padding-left: var(--bui-space-12);
-    }
-
-    .sm\:bui-pl-13 {
-      padding-left: var(--bui-space-13);
-    }
-
-    .sm\:bui-pl-14 {
-      padding-left: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-pl {
-      padding-left: var(--pl-md);
-    }
-
-    .md\:bui-pl-0\.5 {
-      padding-left: var(--bui-space-0_5);
-    }
-
-    .md\:bui-pl-1 {
-      padding-left: var(--bui-space-1);
-    }
-
-    .md\:bui-pl-1\.5 {
-      padding-left: var(--bui-space-1_5);
-    }
-
-    .md\:bui-pl-2 {
-      padding-left: var(--bui-space-2);
-    }
-
-    .md\:bui-pl-3 {
-      padding-left: var(--bui-space-3);
-    }
-
-    .md\:bui-pl-4 {
-      padding-left: var(--bui-space-4);
-    }
-
-    .md\:bui-pl-5 {
-      padding-left: var(--bui-space-5);
-    }
-
-    .md\:bui-pl-6 {
-      padding-left: var(--bui-space-6);
-    }
-
-    .md\:bui-pl-7 {
-      padding-left: var(--bui-space-7);
-    }
-
-    .md\:bui-pl-8 {
-      padding-left: var(--bui-space-8);
-    }
-
-    .md\:bui-pl-9 {
-      padding-left: var(--bui-space-9);
-    }
-
-    .md\:bui-pl-10 {
-      padding-left: var(--bui-space-10);
-    }
-
-    .md\:bui-pl-11 {
-      padding-left: var(--bui-space-11);
-    }
-
-    .md\:bui-pl-12 {
-      padding-left: var(--bui-space-12);
-    }
-
-    .md\:bui-pl-13 {
-      padding-left: var(--bui-space-13);
-    }
-
-    .md\:bui-pl-14 {
-      padding-left: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-pl {
-      padding-left: var(--pl-lg);
-    }
-
-    .lg\:bui-pl-0\.5 {
-      padding-left: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-pl-1 {
-      padding-left: var(--bui-space-1);
-    }
-
-    .lg\:bui-pl-1\.5 {
-      padding-left: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-pl-2 {
-      padding-left: var(--bui-space-2);
-    }
-
-    .lg\:bui-pl-3 {
-      padding-left: var(--bui-space-3);
-    }
-
-    .lg\:bui-pl-4 {
-      padding-left: var(--bui-space-4);
-    }
-
-    .lg\:bui-pl-5 {
-      padding-left: var(--bui-space-5);
-    }
-
-    .lg\:bui-pl-6 {
-      padding-left: var(--bui-space-6);
-    }
-
-    .lg\:bui-pl-7 {
-      padding-left: var(--bui-space-7);
-    }
-
-    .lg\:bui-pl-8 {
-      padding-left: var(--bui-space-8);
-    }
-
-    .lg\:bui-pl-9 {
-      padding-left: var(--bui-space-9);
-    }
-
-    .lg\:bui-pl-10 {
-      padding-left: var(--bui-space-10);
-    }
-
-    .lg\:bui-pl-11 {
-      padding-left: var(--bui-space-11);
-    }
-
-    .lg\:bui-pl-12 {
-      padding-left: var(--bui-space-12);
-    }
-
-    .lg\:bui-pl-13 {
-      padding-left: var(--bui-space-13);
-    }
-
-    .lg\:bui-pl-14 {
-      padding-left: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-pl {
-      padding-left: var(--pl-xl);
-    }
-
-    .xl\:bui-pl-0\.5 {
-      padding-left: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-pl-1 {
-      padding-left: var(--bui-space-1);
-    }
-
-    .xl\:bui-pl-1\.5 {
-      padding-left: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-pl-2 {
-      padding-left: var(--bui-space-2);
-    }
-
-    .xl\:bui-pl-3 {
-      padding-left: var(--bui-space-3);
-    }
-
-    .xl\:bui-pl-4 {
-      padding-left: var(--bui-space-4);
-    }
-
-    .xl\:bui-pl-5 {
-      padding-left: var(--bui-space-5);
-    }
-
-    .xl\:bui-pl-6 {
-      padding-left: var(--bui-space-6);
-    }
-
-    .xl\:bui-pl-7 {
-      padding-left: var(--bui-space-7);
-    }
-
-    .xl\:bui-pl-8 {
-      padding-left: var(--bui-space-8);
-    }
-
-    .xl\:bui-pl-9 {
-      padding-left: var(--bui-space-9);
-    }
-
-    .xl\:bui-pl-10 {
-      padding-left: var(--bui-space-10);
-    }
-
-    .xl\:bui-pl-11 {
-      padding-left: var(--bui-space-11);
-    }
-
-    .xl\:bui-pl-12 {
-      padding-left: var(--bui-space-12);
-    }
-
-    .xl\:bui-pl-13 {
-      padding-left: var(--bui-space-13);
-    }
-
-    .xl\:bui-pl-14 {
-      padding-left: var(--bui-space-14);
-    }
-  }
-
-  .bui-pr {
-    padding-right: var(--pr);
-  }
-
-  .bui-pr-0\.5 {
-    padding-right: var(--bui-space-0_5);
-  }
-
-  .bui-pr-1 {
-    padding-right: var(--bui-space-1);
-  }
-
-  .bui-pr-1\.5 {
-    padding-right: var(--bui-space-1_5);
-  }
-
-  .bui-pr-2 {
-    padding-right: var(--bui-space-2);
-  }
-
-  .bui-pr-3 {
-    padding-right: var(--bui-space-3);
-  }
-
-  .bui-pr-4 {
-    padding-right: var(--bui-space-4);
-  }
-
-  .bui-pr-5 {
-    padding-right: var(--bui-space-5);
-  }
-
-  .bui-pr-6 {
-    padding-right: var(--bui-space-6);
-  }
-
-  .bui-pr-7 {
-    padding-right: var(--bui-space-7);
-  }
-
-  .bui-pr-8 {
-    padding-right: var(--bui-space-8);
-  }
-
-  .bui-pr-9 {
-    padding-right: var(--bui-space-9);
-  }
-
-  .bui-pr-10 {
-    padding-right: var(--bui-space-10);
-  }
-
-  .bui-pr-11 {
-    padding-right: var(--bui-space-11);
-  }
-
-  .bui-pr-12 {
-    padding-right: var(--bui-space-12);
-  }
-
-  .bui-pr-13 {
-    padding-right: var(--bui-space-13);
-  }
-
-  .bui-pr-14 {
-    padding-right: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-pr {
-      padding-right: var(--pr-xs);
-    }
-
-    .xs\:bui-pr-0\.5 {
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-pr-1 {
-      padding-right: var(--bui-space-1);
-    }
-
-    .xs\:bui-pr-1\.5 {
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-pr-2 {
-      padding-right: var(--bui-space-2);
-    }
-
-    .xs\:bui-pr-3 {
-      padding-right: var(--bui-space-3);
-    }
-
-    .xs\:bui-pr-4 {
-      padding-right: var(--bui-space-4);
-    }
-
-    .xs\:bui-pr-5 {
-      padding-right: var(--bui-space-5);
-    }
-
-    .xs\:bui-pr-6 {
-      padding-right: var(--bui-space-6);
-    }
-
-    .xs\:bui-pr-7 {
-      padding-right: var(--bui-space-7);
-    }
-
-    .xs\:bui-pr-8 {
-      padding-right: var(--bui-space-8);
-    }
-
-    .xs\:bui-pr-9 {
-      padding-right: var(--bui-space-9);
-    }
-
-    .xs\:bui-pr-10 {
-      padding-right: var(--bui-space-10);
-    }
-
-    .xs\:bui-pr-11 {
-      padding-right: var(--bui-space-11);
-    }
-
-    .xs\:bui-pr-12 {
-      padding-right: var(--bui-space-12);
-    }
-
-    .xs\:bui-pr-13 {
-      padding-right: var(--bui-space-13);
-    }
-
-    .xs\:bui-pr-14 {
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-pr {
-      padding-right: var(--pr-sm);
-    }
-
-    .sm\:bui-pr-0\.5 {
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-pr-1 {
-      padding-right: var(--bui-space-1);
-    }
-
-    .sm\:bui-pr-1\.5 {
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-pr-2 {
-      padding-right: var(--bui-space-2);
-    }
-
-    .sm\:bui-pr-3 {
-      padding-right: var(--bui-space-3);
-    }
-
-    .sm\:bui-pr-4 {
-      padding-right: var(--bui-space-4);
-    }
-
-    .sm\:bui-pr-5 {
-      padding-right: var(--bui-space-5);
-    }
-
-    .sm\:bui-pr-6 {
-      padding-right: var(--bui-space-6);
-    }
-
-    .sm\:bui-pr-7 {
-      padding-right: var(--bui-space-7);
-    }
-
-    .sm\:bui-pr-8 {
-      padding-right: var(--bui-space-8);
-    }
-
-    .sm\:bui-pr-9 {
-      padding-right: var(--bui-space-9);
-    }
-
-    .sm\:bui-pr-10 {
-      padding-right: var(--bui-space-10);
-    }
-
-    .sm\:bui-pr-11 {
-      padding-right: var(--bui-space-11);
-    }
-
-    .sm\:bui-pr-12 {
-      padding-right: var(--bui-space-12);
-    }
-
-    .sm\:bui-pr-13 {
-      padding-right: var(--bui-space-13);
-    }
-
-    .sm\:bui-pr-14 {
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-pr {
-      padding-right: var(--pr-md);
-    }
-
-    .md\:bui-pr-0\.5 {
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .md\:bui-pr-1 {
-      padding-right: var(--bui-space-1);
-    }
-
-    .md\:bui-pr-1\.5 {
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .md\:bui-pr-2 {
-      padding-right: var(--bui-space-2);
-    }
-
-    .md\:bui-pr-3 {
-      padding-right: var(--bui-space-3);
-    }
-
-    .md\:bui-pr-4 {
-      padding-right: var(--bui-space-4);
-    }
-
-    .md\:bui-pr-5 {
-      padding-right: var(--bui-space-5);
-    }
-
-    .md\:bui-pr-6 {
-      padding-right: var(--bui-space-6);
-    }
-
-    .md\:bui-pr-7 {
-      padding-right: var(--bui-space-7);
-    }
-
-    .md\:bui-pr-8 {
-      padding-right: var(--bui-space-8);
-    }
-
-    .md\:bui-pr-9 {
-      padding-right: var(--bui-space-9);
-    }
-
-    .md\:bui-pr-10 {
-      padding-right: var(--bui-space-10);
-    }
-
-    .md\:bui-pr-11 {
-      padding-right: var(--bui-space-11);
-    }
-
-    .md\:bui-pr-12 {
-      padding-right: var(--bui-space-12);
-    }
-
-    .md\:bui-pr-13 {
-      padding-right: var(--bui-space-13);
-    }
-
-    .md\:bui-pr-14 {
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-pr {
-      padding-right: var(--pr-lg);
-    }
-
-    .lg\:bui-pr-0\.5 {
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-pr-1 {
-      padding-right: var(--bui-space-1);
-    }
-
-    .lg\:bui-pr-1\.5 {
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-pr-2 {
-      padding-right: var(--bui-space-2);
-    }
-
-    .lg\:bui-pr-3 {
-      padding-right: var(--bui-space-3);
-    }
-
-    .lg\:bui-pr-4 {
-      padding-right: var(--bui-space-4);
-    }
-
-    .lg\:bui-pr-5 {
-      padding-right: var(--bui-space-5);
-    }
-
-    .lg\:bui-pr-6 {
-      padding-right: var(--bui-space-6);
-    }
-
-    .lg\:bui-pr-7 {
-      padding-right: var(--bui-space-7);
-    }
-
-    .lg\:bui-pr-8 {
-      padding-right: var(--bui-space-8);
-    }
-
-    .lg\:bui-pr-9 {
-      padding-right: var(--bui-space-9);
-    }
-
-    .lg\:bui-pr-10 {
-      padding-right: var(--bui-space-10);
-    }
-
-    .lg\:bui-pr-11 {
-      padding-right: var(--bui-space-11);
-    }
-
-    .lg\:bui-pr-12 {
-      padding-right: var(--bui-space-12);
-    }
-
-    .lg\:bui-pr-13 {
-      padding-right: var(--bui-space-13);
-    }
-
-    .lg\:bui-pr-14 {
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-pr {
-      padding-right: var(--pr-xl);
-    }
-
-    .xl\:bui-pr-0\.5 {
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-pr-1 {
-      padding-right: var(--bui-space-1);
-    }
-
-    .xl\:bui-pr-1\.5 {
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-pr-2 {
-      padding-right: var(--bui-space-2);
-    }
-
-    .xl\:bui-pr-3 {
-      padding-right: var(--bui-space-3);
-    }
-
-    .xl\:bui-pr-4 {
-      padding-right: var(--bui-space-4);
-    }
-
-    .xl\:bui-pr-5 {
-      padding-right: var(--bui-space-5);
-    }
-
-    .xl\:bui-pr-6 {
-      padding-right: var(--bui-space-6);
-    }
-
-    .xl\:bui-pr-7 {
-      padding-right: var(--bui-space-7);
-    }
-
-    .xl\:bui-pr-8 {
-      padding-right: var(--bui-space-8);
-    }
-
-    .xl\:bui-pr-9 {
-      padding-right: var(--bui-space-9);
-    }
-
-    .xl\:bui-pr-10 {
-      padding-right: var(--bui-space-10);
-    }
-
-    .xl\:bui-pr-11 {
-      padding-right: var(--bui-space-11);
-    }
-
-    .xl\:bui-pr-12 {
-      padding-right: var(--bui-space-12);
-    }
-
-    .xl\:bui-pr-13 {
-      padding-right: var(--bui-space-13);
-    }
-
-    .xl\:bui-pr-14 {
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  .bui-pt {
-    padding-top: var(--pt);
-  }
-
-  .bui-pt-0\.5 {
-    padding-top: var(--bui-space-0_5);
-  }
-
-  .bui-pt-1 {
-    padding-top: var(--bui-space-1);
-  }
-
-  .bui-pt-1\.5 {
-    padding-top: var(--bui-space-1_5);
-  }
-
-  .bui-pt-2 {
-    padding-top: var(--bui-space-2);
-  }
-
-  .bui-pt-3 {
-    padding-top: var(--bui-space-3);
-  }
-
-  .bui-pt-4 {
-    padding-top: var(--bui-space-4);
-  }
-
-  .bui-pt-5 {
-    padding-top: var(--bui-space-5);
-  }
-
-  .bui-pt-6 {
-    padding-top: var(--bui-space-6);
-  }
-
-  .bui-pt-7 {
-    padding-top: var(--bui-space-7);
-  }
-
-  .bui-pt-8 {
-    padding-top: var(--bui-space-8);
-  }
-
-  .bui-pt-9 {
-    padding-top: var(--bui-space-9);
-  }
-
-  .bui-pt-10 {
-    padding-top: var(--bui-space-10);
-  }
-
-  .bui-pt-11 {
-    padding-top: var(--bui-space-11);
-  }
-
-  .bui-pt-12 {
-    padding-top: var(--bui-space-12);
-  }
-
-  .bui-pt-13 {
-    padding-top: var(--bui-space-13);
-  }
-
-  .bui-pt-14 {
-    padding-top: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-pt {
-      padding-top: var(--pt-xs);
-    }
-
-    .xs\:bui-pt-0\.5 {
-      padding-top: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-pt-1 {
-      padding-top: var(--bui-space-1);
-    }
-
-    .xs\:bui-pt-1\.5 {
-      padding-top: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-pt-2 {
-      padding-top: var(--bui-space-2);
-    }
-
-    .xs\:bui-pt-3 {
-      padding-top: var(--bui-space-3);
-    }
-
-    .xs\:bui-pt-4 {
-      padding-top: var(--bui-space-4);
-    }
-
-    .xs\:bui-pt-5 {
-      padding-top: var(--bui-space-5);
-    }
-
-    .xs\:bui-pt-6 {
-      padding-top: var(--bui-space-6);
-    }
-
-    .xs\:bui-pt-7 {
-      padding-top: var(--bui-space-7);
-    }
-
-    .xs\:bui-pt-8 {
-      padding-top: var(--bui-space-8);
-    }
-
-    .xs\:bui-pt-9 {
-      padding-top: var(--bui-space-9);
-    }
-
-    .xs\:bui-pt-10 {
-      padding-top: var(--bui-space-10);
-    }
-
-    .xs\:bui-pt-11 {
-      padding-top: var(--bui-space-11);
-    }
-
-    .xs\:bui-pt-12 {
-      padding-top: var(--bui-space-12);
-    }
-
-    .xs\:bui-pt-13 {
-      padding-top: var(--bui-space-13);
-    }
-
-    .xs\:bui-pt-14 {
-      padding-top: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-pt {
-      padding-top: var(--pt-sm);
-    }
-
-    .sm\:bui-pt-0\.5 {
-      padding-top: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-pt-1 {
-      padding-top: var(--bui-space-1);
-    }
-
-    .sm\:bui-pt-1\.5 {
-      padding-top: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-pt-2 {
-      padding-top: var(--bui-space-2);
-    }
-
-    .sm\:bui-pt-3 {
-      padding-top: var(--bui-space-3);
-    }
-
-    .sm\:bui-pt-4 {
-      padding-top: var(--bui-space-4);
-    }
-
-    .sm\:bui-pt-5 {
-      padding-top: var(--bui-space-5);
-    }
-
-    .sm\:bui-pt-6 {
-      padding-top: var(--bui-space-6);
-    }
-
-    .sm\:bui-pt-7 {
-      padding-top: var(--bui-space-7);
-    }
-
-    .sm\:bui-pt-8 {
-      padding-top: var(--bui-space-8);
-    }
-
-    .sm\:bui-pt-9 {
-      padding-top: var(--bui-space-9);
-    }
-
-    .sm\:bui-pt-10 {
-      padding-top: var(--bui-space-10);
-    }
-
-    .sm\:bui-pt-11 {
-      padding-top: var(--bui-space-11);
-    }
-
-    .sm\:bui-pt-12 {
-      padding-top: var(--bui-space-12);
-    }
-
-    .sm\:bui-pt-13 {
-      padding-top: var(--bui-space-13);
-    }
-
-    .sm\:bui-pt-14 {
-      padding-top: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-pt {
-      padding-top: var(--pt-md);
-    }
-
-    .md\:bui-pt-0\.5 {
-      padding-top: var(--bui-space-0_5);
-    }
-
-    .md\:bui-pt-1 {
-      padding-top: var(--bui-space-1);
-    }
-
-    .md\:bui-pt-1\.5 {
-      padding-top: var(--bui-space-1_5);
-    }
-
-    .md\:bui-pt-2 {
-      padding-top: var(--bui-space-2);
-    }
-
-    .md\:bui-pt-3 {
-      padding-top: var(--bui-space-3);
-    }
-
-    .md\:bui-pt-4 {
-      padding-top: var(--bui-space-4);
-    }
-
-    .md\:bui-pt-5 {
-      padding-top: var(--bui-space-5);
-    }
-
-    .md\:bui-pt-6 {
-      padding-top: var(--bui-space-6);
-    }
-
-    .md\:bui-pt-7 {
-      padding-top: var(--bui-space-7);
-    }
-
-    .md\:bui-pt-8 {
-      padding-top: var(--bui-space-8);
-    }
-
-    .md\:bui-pt-9 {
-      padding-top: var(--bui-space-9);
-    }
-
-    .md\:bui-pt-10 {
-      padding-top: var(--bui-space-10);
-    }
-
-    .md\:bui-pt-11 {
-      padding-top: var(--bui-space-11);
-    }
-
-    .md\:bui-pt-12 {
-      padding-top: var(--bui-space-12);
-    }
-
-    .md\:bui-pt-13 {
-      padding-top: var(--bui-space-13);
-    }
-
-    .md\:bui-pt-14 {
-      padding-top: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-pt {
-      padding-top: var(--pt-lg);
-    }
-
-    .lg\:bui-pt-0\.5 {
-      padding-top: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-pt-1 {
-      padding-top: var(--bui-space-1);
-    }
-
-    .lg\:bui-pt-1\.5 {
-      padding-top: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-pt-2 {
-      padding-top: var(--bui-space-2);
-    }
-
-    .lg\:bui-pt-3 {
-      padding-top: var(--bui-space-3);
-    }
-
-    .lg\:bui-pt-4 {
-      padding-top: var(--bui-space-4);
-    }
-
-    .lg\:bui-pt-5 {
-      padding-top: var(--bui-space-5);
-    }
-
-    .lg\:bui-pt-6 {
-      padding-top: var(--bui-space-6);
-    }
-
-    .lg\:bui-pt-7 {
-      padding-top: var(--bui-space-7);
-    }
-
-    .lg\:bui-pt-8 {
-      padding-top: var(--bui-space-8);
-    }
-
-    .lg\:bui-pt-9 {
-      padding-top: var(--bui-space-9);
-    }
-
-    .lg\:bui-pt-10 {
-      padding-top: var(--bui-space-10);
-    }
-
-    .lg\:bui-pt-11 {
-      padding-top: var(--bui-space-11);
-    }
-
-    .lg\:bui-pt-12 {
-      padding-top: var(--bui-space-12);
-    }
-
-    .lg\:bui-pt-13 {
-      padding-top: var(--bui-space-13);
-    }
-
-    .lg\:bui-pt-14 {
-      padding-top: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-pt {
-      padding-top: var(--pt-xl);
-    }
-
-    .xl\:bui-pt-0\.5 {
-      padding-top: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-pt-1 {
-      padding-top: var(--bui-space-1);
-    }
-
-    .xl\:bui-pt-1\.5 {
-      padding-top: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-pt-2 {
-      padding-top: var(--bui-space-2);
-    }
-
-    .xl\:bui-pt-3 {
-      padding-top: var(--bui-space-3);
-    }
-
-    .xl\:bui-pt-4 {
-      padding-top: var(--bui-space-4);
-    }
-
-    .xl\:bui-pt-5 {
-      padding-top: var(--bui-space-5);
-    }
-
-    .xl\:bui-pt-6 {
-      padding-top: var(--bui-space-6);
-    }
-
-    .xl\:bui-pt-7 {
-      padding-top: var(--bui-space-7);
-    }
-
-    .xl\:bui-pt-8 {
-      padding-top: var(--bui-space-8);
-    }
-
-    .xl\:bui-pt-9 {
-      padding-top: var(--bui-space-9);
-    }
-
-    .xl\:bui-pt-10 {
-      padding-top: var(--bui-space-10);
-    }
-
-    .xl\:bui-pt-11 {
-      padding-top: var(--bui-space-11);
-    }
-
-    .xl\:bui-pt-12 {
-      padding-top: var(--bui-space-12);
-    }
-
-    .xl\:bui-pt-13 {
-      padding-top: var(--bui-space-13);
-    }
-
-    .xl\:bui-pt-14 {
-      padding-top: var(--bui-space-14);
-    }
-  }
-
-  .bui-pb {
-    padding-bottom: var(--pb);
-  }
-
-  .bui-pb-0\.5 {
-    padding-bottom: var(--bui-space-0_5);
-  }
-
-  .bui-pb-1 {
-    padding-bottom: var(--bui-space-1);
-  }
-
-  .bui-pb-1\.5 {
-    padding-bottom: var(--bui-space-1_5);
-  }
-
-  .bui-pb-2 {
-    padding-bottom: var(--bui-space-2);
-  }
-
-  .bui-pb-3 {
-    padding-bottom: var(--bui-space-3);
-  }
-
-  .bui-pb-4 {
-    padding-bottom: var(--bui-space-4);
-  }
-
-  .bui-pb-5 {
-    padding-bottom: var(--bui-space-5);
-  }
-
-  .bui-pb-6 {
-    padding-bottom: var(--bui-space-6);
-  }
-
-  .bui-pb-7 {
-    padding-bottom: var(--bui-space-7);
-  }
-
-  .bui-pb-8 {
-    padding-bottom: var(--bui-space-8);
-  }
-
-  .bui-pb-9 {
-    padding-bottom: var(--bui-space-9);
-  }
-
-  .bui-pb-10 {
-    padding-bottom: var(--bui-space-10);
-  }
-
-  .bui-pb-11 {
-    padding-bottom: var(--bui-space-11);
-  }
-
-  .bui-pb-12 {
-    padding-bottom: var(--bui-space-12);
-  }
-
-  .bui-pb-13 {
-    padding-bottom: var(--bui-space-13);
-  }
-
-  .bui-pb-14 {
-    padding-bottom: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-pb {
-      padding-bottom: var(--pb-xs);
-    }
-
-    .xs\:bui-pb-0\.5 {
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-pb-1 {
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .xs\:bui-pb-1\.5 {
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-pb-2 {
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .xs\:bui-pb-3 {
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .xs\:bui-pb-4 {
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .xs\:bui-pb-5 {
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .xs\:bui-pb-6 {
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .xs\:bui-pb-7 {
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .xs\:bui-pb-8 {
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .xs\:bui-pb-9 {
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .xs\:bui-pb-10 {
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .xs\:bui-pb-11 {
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .xs\:bui-pb-12 {
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .xs\:bui-pb-13 {
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .xs\:bui-pb-14 {
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-pb {
-      padding-bottom: var(--pb-sm);
-    }
-
-    .sm\:bui-pb-0\.5 {
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-pb-1 {
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .sm\:bui-pb-1\.5 {
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-pb-2 {
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .sm\:bui-pb-3 {
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .sm\:bui-pb-4 {
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .sm\:bui-pb-5 {
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .sm\:bui-pb-6 {
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .sm\:bui-pb-7 {
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .sm\:bui-pb-8 {
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .sm\:bui-pb-9 {
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .sm\:bui-pb-10 {
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .sm\:bui-pb-11 {
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .sm\:bui-pb-12 {
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .sm\:bui-pb-13 {
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .sm\:bui-pb-14 {
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-pb {
-      padding-bottom: var(--pb-md);
-    }
-
-    .md\:bui-pb-0\.5 {
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .md\:bui-pb-1 {
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .md\:bui-pb-1\.5 {
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .md\:bui-pb-2 {
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .md\:bui-pb-3 {
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .md\:bui-pb-4 {
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .md\:bui-pb-5 {
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .md\:bui-pb-6 {
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .md\:bui-pb-7 {
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .md\:bui-pb-8 {
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .md\:bui-pb-9 {
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .md\:bui-pb-10 {
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .md\:bui-pb-11 {
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .md\:bui-pb-12 {
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .md\:bui-pb-13 {
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .md\:bui-pb-14 {
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-pb {
-      padding-bottom: var(--pb-lg);
-    }
-
-    .lg\:bui-pb-0\.5 {
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-pb-1 {
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .lg\:bui-pb-1\.5 {
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-pb-2 {
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .lg\:bui-pb-3 {
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .lg\:bui-pb-4 {
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .lg\:bui-pb-5 {
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .lg\:bui-pb-6 {
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .lg\:bui-pb-7 {
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .lg\:bui-pb-8 {
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .lg\:bui-pb-9 {
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .lg\:bui-pb-10 {
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .lg\:bui-pb-11 {
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .lg\:bui-pb-12 {
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .lg\:bui-pb-13 {
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .lg\:bui-pb-14 {
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-pb {
-      padding-bottom: var(--pb-xl);
-    }
-
-    .xl\:bui-pb-0\.5 {
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-pb-1 {
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .xl\:bui-pb-1\.5 {
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-pb-2 {
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .xl\:bui-pb-3 {
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .xl\:bui-pb-4 {
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .xl\:bui-pb-5 {
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .xl\:bui-pb-6 {
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .xl\:bui-pb-7 {
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .xl\:bui-pb-8 {
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .xl\:bui-pb-9 {
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .xl\:bui-pb-10 {
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .xl\:bui-pb-11 {
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .xl\:bui-pb-12 {
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .xl\:bui-pb-13 {
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .xl\:bui-pb-14 {
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  .bui-py {
-    padding-top: var(--py);
-    padding-bottom: var(--py);
-  }
-
-  .bui-py-0\.5 {
-    padding-top: var(--bui-space-0_5);
-    padding-bottom: var(--bui-space-0_5);
-  }
-
-  .bui-py-1 {
-    padding-top: var(--bui-space-1);
-    padding-bottom: var(--bui-space-1);
-  }
-
-  .bui-py-1\.5 {
-    padding-top: var(--bui-space-1_5);
-    padding-bottom: var(--bui-space-1_5);
-  }
-
-  .bui-py-2 {
-    padding-top: var(--bui-space-2);
-    padding-bottom: var(--bui-space-2);
-  }
-
-  .bui-py-3 {
-    padding-top: var(--bui-space-3);
-    padding-bottom: var(--bui-space-3);
-  }
-
-  .bui-py-4 {
-    padding-top: var(--bui-space-4);
-    padding-bottom: var(--bui-space-4);
-  }
-
-  .bui-py-5 {
-    padding-top: var(--bui-space-5);
-    padding-bottom: var(--bui-space-5);
-  }
-
-  .bui-py-6 {
-    padding-top: var(--bui-space-6);
-    padding-bottom: var(--bui-space-6);
-  }
-
-  .bui-py-7 {
-    padding-top: var(--bui-space-7);
-    padding-bottom: var(--bui-space-7);
-  }
-
-  .bui-py-8 {
-    padding-top: var(--bui-space-8);
-    padding-bottom: var(--bui-space-8);
-  }
-
-  .bui-py-9 {
-    padding-top: var(--bui-space-9);
-    padding-bottom: var(--bui-space-9);
-  }
-
-  .bui-py-10 {
-    padding-top: var(--bui-space-10);
-    padding-bottom: var(--bui-space-10);
-  }
-
-  .bui-py-11 {
-    padding-top: var(--bui-space-11);
-    padding-bottom: var(--bui-space-11);
-  }
-
-  .bui-py-12 {
-    padding-top: var(--bui-space-12);
-    padding-bottom: var(--bui-space-12);
-  }
-
-  .bui-py-13 {
-    padding-top: var(--bui-space-13);
-    padding-bottom: var(--bui-space-13);
-  }
-
-  .bui-py-14 {
-    padding-top: var(--bui-space-14);
-    padding-bottom: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-py {
-      padding-top: var(--py-xs);
-      padding-bottom: var(--py-xs);
-    }
-
-    .xs\:bui-py-0\.5 {
-      padding-top: var(--bui-space-0_5);
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-py-1 {
-      padding-top: var(--bui-space-1);
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .xs\:bui-py-1\.5 {
-      padding-top: var(--bui-space-1_5);
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-py-2 {
-      padding-top: var(--bui-space-2);
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .xs\:bui-py-3 {
-      padding-top: var(--bui-space-3);
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .xs\:bui-py-4 {
-      padding-top: var(--bui-space-4);
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .xs\:bui-py-5 {
-      padding-top: var(--bui-space-5);
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .xs\:bui-py-6 {
-      padding-top: var(--bui-space-6);
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .xs\:bui-py-7 {
-      padding-top: var(--bui-space-7);
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .xs\:bui-py-8 {
-      padding-top: var(--bui-space-8);
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .xs\:bui-py-9 {
-      padding-top: var(--bui-space-9);
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .xs\:bui-py-10 {
-      padding-top: var(--bui-space-10);
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .xs\:bui-py-11 {
-      padding-top: var(--bui-space-11);
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .xs\:bui-py-12 {
-      padding-top: var(--bui-space-12);
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .xs\:bui-py-13 {
-      padding-top: var(--bui-space-13);
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .xs\:bui-py-14 {
-      padding-top: var(--bui-space-14);
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-py {
-      padding-top: var(--py-sm);
-      padding-bottom: var(--py-sm);
-    }
-
-    .sm\:bui-py-0\.5 {
-      padding-top: var(--bui-space-0_5);
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-py-1 {
-      padding-top: var(--bui-space-1);
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .sm\:bui-py-1\.5 {
-      padding-top: var(--bui-space-1_5);
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-py-2 {
-      padding-top: var(--bui-space-2);
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .sm\:bui-py-3 {
-      padding-top: var(--bui-space-3);
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .sm\:bui-py-4 {
-      padding-top: var(--bui-space-4);
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .sm\:bui-py-5 {
-      padding-top: var(--bui-space-5);
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .sm\:bui-py-6 {
-      padding-top: var(--bui-space-6);
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .sm\:bui-py-7 {
-      padding-top: var(--bui-space-7);
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .sm\:bui-py-8 {
-      padding-top: var(--bui-space-8);
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .sm\:bui-py-9 {
-      padding-top: var(--bui-space-9);
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .sm\:bui-py-10 {
-      padding-top: var(--bui-space-10);
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .sm\:bui-py-11 {
-      padding-top: var(--bui-space-11);
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .sm\:bui-py-12 {
-      padding-top: var(--bui-space-12);
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .sm\:bui-py-13 {
-      padding-top: var(--bui-space-13);
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .sm\:bui-py-14 {
-      padding-top: var(--bui-space-14);
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-py {
-      padding-top: var(--py-md);
-      padding-bottom: var(--py-md);
-    }
-
-    .md\:bui-py-0\.5 {
-      padding-top: var(--bui-space-0_5);
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .md\:bui-py-1 {
-      padding-top: var(--bui-space-1);
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .md\:bui-py-1\.5 {
-      padding-top: var(--bui-space-1_5);
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .md\:bui-py-2 {
-      padding-top: var(--bui-space-2);
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .md\:bui-py-3 {
-      padding-top: var(--bui-space-3);
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .md\:bui-py-4 {
-      padding-top: var(--bui-space-4);
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .md\:bui-py-5 {
-      padding-top: var(--bui-space-5);
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .md\:bui-py-6 {
-      padding-top: var(--bui-space-6);
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .md\:bui-py-7 {
-      padding-top: var(--bui-space-7);
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .md\:bui-py-8 {
-      padding-top: var(--bui-space-8);
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .md\:bui-py-9 {
-      padding-top: var(--bui-space-9);
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .md\:bui-py-10 {
-      padding-top: var(--bui-space-10);
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .md\:bui-py-11 {
-      padding-top: var(--bui-space-11);
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .md\:bui-py-12 {
-      padding-top: var(--bui-space-12);
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .md\:bui-py-13 {
-      padding-top: var(--bui-space-13);
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .md\:bui-py-14 {
-      padding-top: var(--bui-space-14);
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-py {
-      padding-top: var(--py-lg);
-      padding-bottom: var(--py-lg);
-    }
-
-    .lg\:bui-py-0\.5 {
-      padding-top: var(--bui-space-0_5);
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-py-1 {
-      padding-top: var(--bui-space-1);
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .lg\:bui-py-1\.5 {
-      padding-top: var(--bui-space-1_5);
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-py-2 {
-      padding-top: var(--bui-space-2);
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .lg\:bui-py-3 {
-      padding-top: var(--bui-space-3);
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .lg\:bui-py-4 {
-      padding-top: var(--bui-space-4);
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .lg\:bui-py-5 {
-      padding-top: var(--bui-space-5);
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .lg\:bui-py-6 {
-      padding-top: var(--bui-space-6);
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .lg\:bui-py-7 {
-      padding-top: var(--bui-space-7);
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .lg\:bui-py-8 {
-      padding-top: var(--bui-space-8);
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .lg\:bui-py-9 {
-      padding-top: var(--bui-space-9);
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .lg\:bui-py-10 {
-      padding-top: var(--bui-space-10);
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .lg\:bui-py-11 {
-      padding-top: var(--bui-space-11);
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .lg\:bui-py-12 {
-      padding-top: var(--bui-space-12);
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .lg\:bui-py-13 {
-      padding-top: var(--bui-space-13);
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .lg\:bui-py-14 {
-      padding-top: var(--bui-space-14);
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-py {
-      padding-top: var(--py-xl);
-      padding-bottom: var(--py-xl);
-    }
-
-    .xl\:bui-py-0\.5 {
-      padding-top: var(--bui-space-0_5);
-      padding-bottom: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-py-1 {
-      padding-top: var(--bui-space-1);
-      padding-bottom: var(--bui-space-1);
-    }
-
-    .xl\:bui-py-1\.5 {
-      padding-top: var(--bui-space-1_5);
-      padding-bottom: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-py-2 {
-      padding-top: var(--bui-space-2);
-      padding-bottom: var(--bui-space-2);
-    }
-
-    .xl\:bui-py-3 {
-      padding-top: var(--bui-space-3);
-      padding-bottom: var(--bui-space-3);
-    }
-
-    .xl\:bui-py-4 {
-      padding-top: var(--bui-space-4);
-      padding-bottom: var(--bui-space-4);
-    }
-
-    .xl\:bui-py-5 {
-      padding-top: var(--bui-space-5);
-      padding-bottom: var(--bui-space-5);
-    }
-
-    .xl\:bui-py-6 {
-      padding-top: var(--bui-space-6);
-      padding-bottom: var(--bui-space-6);
-    }
-
-    .xl\:bui-py-7 {
-      padding-top: var(--bui-space-7);
-      padding-bottom: var(--bui-space-7);
-    }
-
-    .xl\:bui-py-8 {
-      padding-top: var(--bui-space-8);
-      padding-bottom: var(--bui-space-8);
-    }
-
-    .xl\:bui-py-9 {
-      padding-top: var(--bui-space-9);
-      padding-bottom: var(--bui-space-9);
-    }
-
-    .xl\:bui-py-10 {
-      padding-top: var(--bui-space-10);
-      padding-bottom: var(--bui-space-10);
-    }
-
-    .xl\:bui-py-11 {
-      padding-top: var(--bui-space-11);
-      padding-bottom: var(--bui-space-11);
-    }
-
-    .xl\:bui-py-12 {
-      padding-top: var(--bui-space-12);
-      padding-bottom: var(--bui-space-12);
-    }
-
-    .xl\:bui-py-13 {
-      padding-top: var(--bui-space-13);
-      padding-bottom: var(--bui-space-13);
-    }
-
-    .xl\:bui-py-14 {
-      padding-top: var(--bui-space-14);
-      padding-bottom: var(--bui-space-14);
-    }
-  }
-
-  .bui-px {
-    padding-left: var(--px);
-    padding-right: var(--px);
-  }
-
-  .bui-px-0\.5 {
-    padding-left: var(--bui-space-0_5);
-    padding-right: var(--bui-space-0_5);
-  }
-
-  .bui-px-1 {
-    padding-left: var(--bui-space-1);
-    padding-right: var(--bui-space-1);
-  }
-
-  .bui-px-1\.5 {
-    padding-left: var(--bui-space-1_5);
-    padding-right: var(--bui-space-1_5);
-  }
-
-  .bui-px-2 {
-    padding-left: var(--bui-space-2);
-    padding-right: var(--bui-space-2);
-  }
-
-  .bui-px-3 {
-    padding-left: var(--bui-space-3);
-    padding-right: var(--bui-space-3);
-  }
-
-  .bui-px-4 {
-    padding-left: var(--bui-space-4);
-    padding-right: var(--bui-space-4);
-  }
-
-  .bui-px-5 {
-    padding-left: var(--bui-space-5);
-    padding-right: var(--bui-space-5);
-  }
-
-  .bui-px-6 {
-    padding-left: var(--bui-space-6);
-    padding-right: var(--bui-space-6);
-  }
-
-  .bui-px-7 {
-    padding-left: var(--bui-space-7);
-    padding-right: var(--bui-space-7);
-  }
-
-  .bui-px-8 {
-    padding-left: var(--bui-space-8);
-    padding-right: var(--bui-space-8);
-  }
-
-  .bui-px-9 {
-    padding-left: var(--bui-space-9);
-    padding-right: var(--bui-space-9);
-  }
-
-  .bui-px-10 {
-    padding-left: var(--bui-space-10);
-    padding-right: var(--bui-space-10);
-  }
-
-  .bui-px-11 {
-    padding-left: var(--bui-space-11);
-    padding-right: var(--bui-space-11);
-  }
-
-  .bui-px-12 {
-    padding-left: var(--bui-space-12);
-    padding-right: var(--bui-space-12);
-  }
-
-  .bui-px-13 {
-    padding-left: var(--bui-space-13);
-    padding-right: var(--bui-space-13);
-  }
-
-  .bui-px-14 {
-    padding-left: var(--bui-space-14);
-    padding-right: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-px {
-      padding-left: var(--px-xs);
-      padding-right: var(--px-xs);
-    }
-
-    .xs\:bui-px-0\.5 {
-      padding-left: var(--bui-space-0_5);
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-px-1 {
-      padding-left: var(--bui-space-1);
-      padding-right: var(--bui-space-1);
-    }
-
-    .xs\:bui-px-1\.5 {
-      padding-left: var(--bui-space-1_5);
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-px-2 {
-      padding-left: var(--bui-space-2);
-      padding-right: var(--bui-space-2);
-    }
-
-    .xs\:bui-px-3 {
-      padding-left: var(--bui-space-3);
-      padding-right: var(--bui-space-3);
-    }
-
-    .xs\:bui-px-4 {
-      padding-left: var(--bui-space-4);
-      padding-right: var(--bui-space-4);
-    }
-
-    .xs\:bui-px-5 {
-      padding-left: var(--bui-space-5);
-      padding-right: var(--bui-space-5);
-    }
-
-    .xs\:bui-px-6 {
-      padding-left: var(--bui-space-6);
-      padding-right: var(--bui-space-6);
-    }
-
-    .xs\:bui-px-7 {
-      padding-left: var(--bui-space-7);
-      padding-right: var(--bui-space-7);
-    }
-
-    .xs\:bui-px-8 {
-      padding-left: var(--bui-space-8);
-      padding-right: var(--bui-space-8);
-    }
-
-    .xs\:bui-px-9 {
-      padding-left: var(--bui-space-9);
-      padding-right: var(--bui-space-9);
-    }
-
-    .xs\:bui-px-10 {
-      padding-left: var(--bui-space-10);
-      padding-right: var(--bui-space-10);
-    }
-
-    .xs\:bui-px-11 {
-      padding-left: var(--bui-space-11);
-      padding-right: var(--bui-space-11);
-    }
-
-    .xs\:bui-px-12 {
-      padding-left: var(--bui-space-12);
-      padding-right: var(--bui-space-12);
-    }
-
-    .xs\:bui-px-13 {
-      padding-left: var(--bui-space-13);
-      padding-right: var(--bui-space-13);
-    }
-
-    .xs\:bui-px-14 {
-      padding-left: var(--bui-space-14);
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-px {
-      padding-left: var(--px-sm);
-      padding-right: var(--px-sm);
-    }
-
-    .sm\:bui-px-0\.5 {
-      padding-left: var(--bui-space-0_5);
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-px-1 {
-      padding-left: var(--bui-space-1);
-      padding-right: var(--bui-space-1);
-    }
-
-    .sm\:bui-px-1\.5 {
-      padding-left: var(--bui-space-1_5);
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-px-2 {
-      padding-left: var(--bui-space-2);
-      padding-right: var(--bui-space-2);
-    }
-
-    .sm\:bui-px-3 {
-      padding-left: var(--bui-space-3);
-      padding-right: var(--bui-space-3);
-    }
-
-    .sm\:bui-px-4 {
-      padding-left: var(--bui-space-4);
-      padding-right: var(--bui-space-4);
-    }
-
-    .sm\:bui-px-5 {
-      padding-left: var(--bui-space-5);
-      padding-right: var(--bui-space-5);
-    }
-
-    .sm\:bui-px-6 {
-      padding-left: var(--bui-space-6);
-      padding-right: var(--bui-space-6);
-    }
-
-    .sm\:bui-px-7 {
-      padding-left: var(--bui-space-7);
-      padding-right: var(--bui-space-7);
-    }
-
-    .sm\:bui-px-8 {
-      padding-left: var(--bui-space-8);
-      padding-right: var(--bui-space-8);
-    }
-
-    .sm\:bui-px-9 {
-      padding-left: var(--bui-space-9);
-      padding-right: var(--bui-space-9);
-    }
-
-    .sm\:bui-px-10 {
-      padding-left: var(--bui-space-10);
-      padding-right: var(--bui-space-10);
-    }
-
-    .sm\:bui-px-11 {
-      padding-left: var(--bui-space-11);
-      padding-right: var(--bui-space-11);
-    }
-
-    .sm\:bui-px-12 {
-      padding-left: var(--bui-space-12);
-      padding-right: var(--bui-space-12);
-    }
-
-    .sm\:bui-px-13 {
-      padding-left: var(--bui-space-13);
-      padding-right: var(--bui-space-13);
-    }
-
-    .sm\:bui-px-14 {
-      padding-left: var(--bui-space-14);
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-px {
-      padding-left: var(--px-md);
-      padding-right: var(--px-md);
-    }
-
-    .md\:bui-px-0\.5 {
-      padding-left: var(--bui-space-0_5);
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .md\:bui-px-1 {
-      padding-left: var(--bui-space-1);
-      padding-right: var(--bui-space-1);
-    }
-
-    .md\:bui-px-1\.5 {
-      padding-left: var(--bui-space-1_5);
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .md\:bui-px-2 {
-      padding-left: var(--bui-space-2);
-      padding-right: var(--bui-space-2);
-    }
-
-    .md\:bui-px-3 {
-      padding-left: var(--bui-space-3);
-      padding-right: var(--bui-space-3);
-    }
-
-    .md\:bui-px-4 {
-      padding-left: var(--bui-space-4);
-      padding-right: var(--bui-space-4);
-    }
-
-    .md\:bui-px-5 {
-      padding-left: var(--bui-space-5);
-      padding-right: var(--bui-space-5);
-    }
-
-    .md\:bui-px-6 {
-      padding-left: var(--bui-space-6);
-      padding-right: var(--bui-space-6);
-    }
-
-    .md\:bui-px-7 {
-      padding-left: var(--bui-space-7);
-      padding-right: var(--bui-space-7);
-    }
-
-    .md\:bui-px-8 {
-      padding-left: var(--bui-space-8);
-      padding-right: var(--bui-space-8);
-    }
-
-    .md\:bui-px-9 {
-      padding-left: var(--bui-space-9);
-      padding-right: var(--bui-space-9);
-    }
-
-    .md\:bui-px-10 {
-      padding-left: var(--bui-space-10);
-      padding-right: var(--bui-space-10);
-    }
-
-    .md\:bui-px-11 {
-      padding-left: var(--bui-space-11);
-      padding-right: var(--bui-space-11);
-    }
-
-    .md\:bui-px-12 {
-      padding-left: var(--bui-space-12);
-      padding-right: var(--bui-space-12);
-    }
-
-    .md\:bui-px-13 {
-      padding-left: var(--bui-space-13);
-      padding-right: var(--bui-space-13);
-    }
-
-    .md\:bui-px-14 {
-      padding-left: var(--bui-space-14);
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-px {
-      padding-left: var(--px-lg);
-      padding-right: var(--px-lg);
-    }
-
-    .lg\:bui-px-0\.5 {
-      padding-left: var(--bui-space-0_5);
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-px-1 {
-      padding-left: var(--bui-space-1);
-      padding-right: var(--bui-space-1);
-    }
-
-    .lg\:bui-px-1\.5 {
-      padding-left: var(--bui-space-1_5);
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-px-2 {
-      padding-left: var(--bui-space-2);
-      padding-right: var(--bui-space-2);
-    }
-
-    .lg\:bui-px-3 {
-      padding-left: var(--bui-space-3);
-      padding-right: var(--bui-space-3);
-    }
-
-    .lg\:bui-px-4 {
-      padding-left: var(--bui-space-4);
-      padding-right: var(--bui-space-4);
-    }
-
-    .lg\:bui-px-5 {
-      padding-left: var(--bui-space-5);
-      padding-right: var(--bui-space-5);
-    }
-
-    .lg\:bui-px-6 {
-      padding-left: var(--bui-space-6);
-      padding-right: var(--bui-space-6);
-    }
-
-    .lg\:bui-px-7 {
-      padding-left: var(--bui-space-7);
-      padding-right: var(--bui-space-7);
-    }
-
-    .lg\:bui-px-8 {
-      padding-left: var(--bui-space-8);
-      padding-right: var(--bui-space-8);
-    }
-
-    .lg\:bui-px-9 {
-      padding-left: var(--bui-space-9);
-      padding-right: var(--bui-space-9);
-    }
-
-    .lg\:bui-px-10 {
-      padding-left: var(--bui-space-10);
-      padding-right: var(--bui-space-10);
-    }
-
-    .lg\:bui-px-11 {
-      padding-left: var(--bui-space-11);
-      padding-right: var(--bui-space-11);
-    }
-
-    .lg\:bui-px-12 {
-      padding-left: var(--bui-space-12);
-      padding-right: var(--bui-space-12);
-    }
-
-    .lg\:bui-px-13 {
-      padding-left: var(--bui-space-13);
-      padding-right: var(--bui-space-13);
-    }
-
-    .lg\:bui-px-14 {
-      padding-left: var(--bui-space-14);
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-px {
-      padding-left: var(--px-xl);
-      padding-right: var(--px-xl);
-    }
-
-    .xl\:bui-px-0\.5 {
-      padding-left: var(--bui-space-0_5);
-      padding-right: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-px-1 {
-      padding-left: var(--bui-space-1);
-      padding-right: var(--bui-space-1);
-    }
-
-    .xl\:bui-px-1\.5 {
-      padding-left: var(--bui-space-1_5);
-      padding-right: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-px-2 {
-      padding-left: var(--bui-space-2);
-      padding-right: var(--bui-space-2);
-    }
-
-    .xl\:bui-px-3 {
-      padding-left: var(--bui-space-3);
-      padding-right: var(--bui-space-3);
-    }
-
-    .xl\:bui-px-4 {
-      padding-left: var(--bui-space-4);
-      padding-right: var(--bui-space-4);
-    }
-
-    .xl\:bui-px-5 {
-      padding-left: var(--bui-space-5);
-      padding-right: var(--bui-space-5);
-    }
-
-    .xl\:bui-px-6 {
-      padding-left: var(--bui-space-6);
-      padding-right: var(--bui-space-6);
-    }
-
-    .xl\:bui-px-7 {
-      padding-left: var(--bui-space-7);
-      padding-right: var(--bui-space-7);
-    }
-
-    .xl\:bui-px-8 {
-      padding-left: var(--bui-space-8);
-      padding-right: var(--bui-space-8);
-    }
-
-    .xl\:bui-px-9 {
-      padding-left: var(--bui-space-9);
-      padding-right: var(--bui-space-9);
-    }
-
-    .xl\:bui-px-10 {
-      padding-left: var(--bui-space-10);
-      padding-right: var(--bui-space-10);
-    }
-
-    .xl\:bui-px-11 {
-      padding-left: var(--bui-space-11);
-      padding-right: var(--bui-space-11);
-    }
-
-    .xl\:bui-px-12 {
-      padding-left: var(--bui-space-12);
-      padding-right: var(--bui-space-12);
-    }
-
-    .xl\:bui-px-13 {
-      padding-left: var(--bui-space-13);
-      padding-right: var(--bui-space-13);
-    }
-
-    .xl\:bui-px-14 {
-      padding-left: var(--bui-space-14);
-      padding-right: var(--bui-space-14);
-    }
-  }
-
-  .bui-m {
-    margin: var(--m);
-  }
-
-  .bui-m-0\.5 {
-    margin: var(--bui-space-0_5);
-  }
-
-  .bui-m-1 {
-    margin: var(--bui-space-1);
-  }
-
-  .bui-m-1\.5 {
-    margin: var(--bui-space-1_5);
-  }
-
-  .bui-m-2 {
-    margin: var(--bui-space-2);
-  }
-
-  .bui-m-3 {
-    margin: var(--bui-space-3);
-  }
-
-  .bui-m-4 {
-    margin: var(--bui-space-4);
-  }
-
-  .bui-m-5 {
-    margin: var(--bui-space-5);
-  }
-
-  .bui-m-6 {
-    margin: var(--bui-space-6);
-  }
-
-  .bui-m-7 {
-    margin: var(--bui-space-7);
-  }
-
-  .bui-m-8 {
-    margin: var(--bui-space-8);
-  }
-
-  .bui-m-9 {
-    margin: var(--bui-space-9);
-  }
-
-  .bui-m-10 {
-    margin: var(--bui-space-10);
-  }
-
-  .bui-m-11 {
-    margin: var(--bui-space-11);
-  }
-
-  .bui-m-12 {
-    margin: var(--bui-space-12);
-  }
-
-  .bui-m-13 {
-    margin: var(--bui-space-13);
-  }
-
-  .bui-m-14 {
-    margin: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-m {
-      margin: var(--p-xs);
-    }
-
-    .xs\:bui-m-0\.5 {
-      margin: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-m-1 {
-      margin: var(--bui-space-1);
-    }
-
-    .xs\:bui-m-1\.5 {
-      margin: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-m-2 {
-      margin: var(--bui-space-2);
-    }
-
-    .xs\:bui-m-3 {
-      margin: var(--bui-space-3);
-    }
-
-    .xs\:bui-m-4 {
-      margin: var(--bui-space-4);
-    }
-
-    .xs\:bui-m-5 {
-      margin: var(--bui-space-5);
-    }
-
-    .xs\:bui-m-6 {
-      margin: var(--bui-space-6);
-    }
-
-    .xs\:bui-m-7 {
-      margin: var(--bui-space-7);
-    }
-
-    .xs\:bui-m-8 {
-      margin: var(--bui-space-8);
-    }
-
-    .xs\:bui-m-9 {
-      margin: var(--bui-space-9);
-    }
-
-    .xs\:bui-m-10 {
-      margin: var(--bui-space-10);
-    }
-
-    .xs\:bui-m-11 {
-      margin: var(--bui-space-11);
-    }
-
-    .xs\:bui-m-12 {
-      margin: var(--bui-space-12);
-    }
-
-    .xs\:bui-m-13 {
-      margin: var(--bui-space-13);
-    }
-
-    .xs\:bui-m-14 {
-      margin: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-m {
-      margin: var(--p-sm);
-    }
-
-    .sm\:bui-m-0\.5 {
-      margin: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-m-1 {
-      margin: var(--bui-space-1);
-    }
-
-    .sm\:bui-m-1\.5 {
-      margin: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-m-2 {
-      margin: var(--bui-space-2);
-    }
-
-    .sm\:bui-m-3 {
-      margin: var(--bui-space-3);
-    }
-
-    .sm\:bui-m-4 {
-      margin: var(--bui-space-4);
-    }
-
-    .sm\:bui-m-5 {
-      margin: var(--bui-space-5);
-    }
-
-    .sm\:bui-m-6 {
-      margin: var(--bui-space-6);
-    }
-
-    .sm\:bui-m-7 {
-      margin: var(--bui-space-7);
-    }
-
-    .sm\:bui-m-8 {
-      margin: var(--bui-space-8);
-    }
-
-    .sm\:bui-m-9 {
-      margin: var(--bui-space-9);
-    }
-
-    .sm\:bui-m-10 {
-      margin: var(--bui-space-10);
-    }
-
-    .sm\:bui-m-11 {
-      margin: var(--bui-space-11);
-    }
-
-    .sm\:bui-m-12 {
-      margin: var(--bui-space-12);
-    }
-
-    .sm\:bui-m-13 {
-      margin: var(--bui-space-13);
-    }
-
-    .sm\:bui-m-14 {
-      margin: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-m {
-      margin: var(--p-md);
-    }
-
-    .md\:bui-m-0\.5 {
-      margin: var(--bui-space-0_5);
-    }
-
-    .md\:bui-m-1 {
-      margin: var(--bui-space-1);
-    }
-
-    .md\:bui-m-1\.5 {
-      margin: var(--bui-space-1_5);
-    }
-
-    .md\:bui-m-2 {
-      margin: var(--bui-space-2);
-    }
-
-    .md\:bui-m-3 {
-      margin: var(--bui-space-3);
-    }
-
-    .md\:bui-m-4 {
-      margin: var(--bui-space-4);
-    }
-
-    .md\:bui-m-5 {
-      margin: var(--bui-space-5);
-    }
-
-    .md\:bui-m-6 {
-      margin: var(--bui-space-6);
-    }
-
-    .md\:bui-m-7 {
-      margin: var(--bui-space-7);
-    }
-
-    .md\:bui-m-8 {
-      margin: var(--bui-space-8);
-    }
-
-    .md\:bui-m-9 {
-      margin: var(--bui-space-9);
-    }
-
-    .md\:bui-m-10 {
-      margin: var(--bui-space-10);
-    }
-
-    .md\:bui-m-11 {
-      margin: var(--bui-space-11);
-    }
-
-    .md\:bui-m-12 {
-      margin: var(--bui-space-12);
-    }
-
-    .md\:bui-m-13 {
-      margin: var(--bui-space-13);
-    }
-
-    .md\:bui-m-14 {
-      margin: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-m {
-      margin: var(--p-lg);
-    }
-
-    .lg\:bui-m-0\.5 {
-      margin: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-m-1 {
-      margin: var(--bui-space-1);
-    }
-
-    .lg\:bui-m-1\.5 {
-      margin: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-m-2 {
-      margin: var(--bui-space-2);
-    }
-
-    .lg\:bui-m-3 {
-      margin: var(--bui-space-3);
-    }
-
-    .lg\:bui-m-4 {
-      margin: var(--bui-space-4);
-    }
-
-    .lg\:bui-m-5 {
-      margin: var(--bui-space-5);
-    }
-
-    .lg\:bui-m-6 {
-      margin: var(--bui-space-6);
-    }
-
-    .lg\:bui-m-7 {
-      margin: var(--bui-space-7);
-    }
-
-    .lg\:bui-m-8 {
-      margin: var(--bui-space-8);
-    }
-
-    .lg\:bui-m-9 {
-      margin: var(--bui-space-9);
-    }
-
-    .lg\:bui-m-10 {
-      margin: var(--bui-space-10);
-    }
-
-    .lg\:bui-m-11 {
-      margin: var(--bui-space-11);
-    }
-
-    .lg\:bui-m-12 {
-      margin: var(--bui-space-12);
-    }
-
-    .lg\:bui-m-13 {
-      margin: var(--bui-space-13);
-    }
-
-    .lg\:bui-m-14 {
-      margin: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-m {
-      margin: var(--p-xl);
-    }
-
-    .xl\:bui-m-0\.5 {
-      margin: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-m-1 {
-      margin: var(--bui-space-1);
-    }
-
-    .xl\:bui-m-1\.5 {
-      margin: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-m-2 {
-      margin: var(--bui-space-2);
-    }
-
-    .xl\:bui-m-3 {
-      margin: var(--bui-space-3);
-    }
-
-    .xl\:bui-m-4 {
-      margin: var(--bui-space-4);
-    }
-
-    .xl\:bui-m-5 {
-      margin: var(--bui-space-5);
-    }
-
-    .xl\:bui-m-6 {
-      margin: var(--bui-space-6);
-    }
-
-    .xl\:bui-m-7 {
-      margin: var(--bui-space-7);
-    }
-
-    .xl\:bui-m-8 {
-      margin: var(--bui-space-8);
-    }
-
-    .xl\:bui-m-9 {
-      margin: var(--bui-space-9);
-    }
-
-    .xl\:bui-m-10 {
-      margin: var(--bui-space-10);
-    }
-
-    .xl\:bui-m-11 {
-      margin: var(--bui-space-11);
-    }
-
-    .xl\:bui-m-12 {
-      margin: var(--bui-space-12);
-    }
-
-    .xl\:bui-m-13 {
-      margin: var(--bui-space-13);
-    }
-
-    .xl\:bui-m-14 {
-      margin: var(--bui-space-14);
-    }
-  }
-
-  .bui-ml {
-    margin-left: var(--ml);
-  }
-
-  .bui-ml-0\.5 {
-    margin-left: var(--bui-space-0_5);
-  }
-
-  .bui-ml-1 {
-    margin-left: var(--bui-space-1);
-  }
-
-  .bui-ml-1\.5 {
-    margin-left: var(--bui-space-1_5);
-  }
-
-  .bui-ml-2 {
-    margin-left: var(--bui-space-2);
-  }
-
-  .bui-ml-3 {
-    margin-left: var(--bui-space-3);
-  }
-
-  .bui-ml-4 {
-    margin-left: var(--bui-space-4);
-  }
-
-  .bui-ml-5 {
-    margin-left: var(--bui-space-5);
-  }
-
-  .bui-ml-6 {
-    margin-left: var(--bui-space-6);
-  }
-
-  .bui-ml-7 {
-    margin-left: var(--bui-space-7);
-  }
-
-  .bui-ml-8 {
-    margin-left: var(--bui-space-8);
-  }
-
-  .bui-ml-9 {
-    margin-left: var(--bui-space-9);
-  }
-
-  .bui-ml-10 {
-    margin-left: var(--bui-space-10);
-  }
-
-  .bui-ml-11 {
-    margin-left: var(--bui-space-11);
-  }
-
-  .bui-ml-12 {
-    margin-left: var(--bui-space-12);
-  }
-
-  .bui-ml-13 {
-    margin-left: var(--bui-space-13);
-  }
-
-  .bui-ml-14 {
-    margin-left: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-ml {
-      margin-left: var(--ml-xs);
-    }
-
-    .xs\:bui-ml-0\.5 {
-      margin-left: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-ml-1 {
-      margin-left: var(--bui-space-1);
-    }
-
-    .xs\:bui-ml-1\.5 {
-      margin-left: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-ml-2 {
-      margin-left: var(--bui-space-2);
-    }
-
-    .xs\:bui-ml-3 {
-      margin-left: var(--bui-space-3);
-    }
-
-    .xs\:bui-ml-4 {
-      margin-left: var(--bui-space-4);
-    }
-
-    .xs\:bui-ml-5 {
-      margin-left: var(--bui-space-5);
-    }
-
-    .xs\:bui-ml-6 {
-      margin-left: var(--bui-space-6);
-    }
-
-    .xs\:bui-ml-7 {
-      margin-left: var(--bui-space-7);
-    }
-
-    .xs\:bui-ml-8 {
-      margin-left: var(--bui-space-8);
-    }
-
-    .xs\:bui-ml-9 {
-      margin-left: var(--bui-space-9);
-    }
-
-    .xs\:bui-ml-10 {
-      margin-left: var(--bui-space-10);
-    }
-
-    .xs\:bui-ml-11 {
-      margin-left: var(--bui-space-11);
-    }
-
-    .xs\:bui-ml-12 {
-      margin-left: var(--bui-space-12);
-    }
-
-    .xs\:bui-ml-13 {
-      margin-left: var(--bui-space-13);
-    }
-
-    .xs\:bui-ml-14 {
-      margin-left: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-ml {
-      margin-left: var(--ml-sm);
-    }
-
-    .sm\:bui-ml-0\.5 {
-      margin-left: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-ml-1 {
-      margin-left: var(--bui-space-1);
-    }
-
-    .sm\:bui-ml-1\.5 {
-      margin-left: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-ml-2 {
-      margin-left: var(--bui-space-2);
-    }
-
-    .sm\:bui-ml-3 {
-      margin-left: var(--bui-space-3);
-    }
-
-    .sm\:bui-ml-4 {
-      margin-left: var(--bui-space-4);
-    }
-
-    .sm\:bui-ml-5 {
-      margin-left: var(--bui-space-5);
-    }
-
-    .sm\:bui-ml-6 {
-      margin-left: var(--bui-space-6);
-    }
-
-    .sm\:bui-ml-7 {
-      margin-left: var(--bui-space-7);
-    }
-
-    .sm\:bui-ml-8 {
-      margin-left: var(--bui-space-8);
-    }
-
-    .sm\:bui-ml-9 {
-      margin-left: var(--bui-space-9);
-    }
-
-    .sm\:bui-ml-10 {
-      margin-left: var(--bui-space-10);
-    }
-
-    .sm\:bui-ml-11 {
-      margin-left: var(--bui-space-11);
-    }
-
-    .sm\:bui-ml-12 {
-      margin-left: var(--bui-space-12);
-    }
-
-    .sm\:bui-ml-13 {
-      margin-left: var(--bui-space-13);
-    }
-
-    .sm\:bui-ml-14 {
-      margin-left: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-ml {
-      margin-left: var(--ml-md);
-    }
-
-    .md\:bui-ml-0\.5 {
-      margin-left: var(--bui-space-0_5);
-    }
-
-    .md\:bui-ml-1 {
-      margin-left: var(--bui-space-1);
-    }
-
-    .md\:bui-ml-1\.5 {
-      margin-left: var(--bui-space-1_5);
-    }
-
-    .md\:bui-ml-2 {
-      margin-left: var(--bui-space-2);
-    }
-
-    .md\:bui-ml-3 {
-      margin-left: var(--bui-space-3);
-    }
-
-    .md\:bui-ml-4 {
-      margin-left: var(--bui-space-4);
-    }
-
-    .md\:bui-ml-5 {
-      margin-left: var(--bui-space-5);
-    }
-
-    .md\:bui-ml-6 {
-      margin-left: var(--bui-space-6);
-    }
-
-    .md\:bui-ml-7 {
-      margin-left: var(--bui-space-7);
-    }
-
-    .md\:bui-ml-8 {
-      margin-left: var(--bui-space-8);
-    }
-
-    .md\:bui-ml-9 {
-      margin-left: var(--bui-space-9);
-    }
-
-    .md\:bui-ml-10 {
-      margin-left: var(--bui-space-10);
-    }
-
-    .md\:bui-ml-11 {
-      margin-left: var(--bui-space-11);
-    }
-
-    .md\:bui-ml-12 {
-      margin-left: var(--bui-space-12);
-    }
-
-    .md\:bui-ml-13 {
-      margin-left: var(--bui-space-13);
-    }
-
-    .md\:bui-ml-14 {
-      margin-left: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-ml {
-      margin-left: var(--ml-lg);
-    }
-
-    .lg\:bui-ml-0\.5 {
-      margin-left: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-ml-1 {
-      margin-left: var(--bui-space-1);
-    }
-
-    .lg\:bui-ml-1\.5 {
-      margin-left: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-ml-2 {
-      margin-left: var(--bui-space-2);
-    }
-
-    .lg\:bui-ml-3 {
-      margin-left: var(--bui-space-3);
-    }
-
-    .lg\:bui-ml-4 {
-      margin-left: var(--bui-space-4);
-    }
-
-    .lg\:bui-ml-5 {
-      margin-left: var(--bui-space-5);
-    }
-
-    .lg\:bui-ml-6 {
-      margin-left: var(--bui-space-6);
-    }
-
-    .lg\:bui-ml-7 {
-      margin-left: var(--bui-space-7);
-    }
-
-    .lg\:bui-ml-8 {
-      margin-left: var(--bui-space-8);
-    }
-
-    .lg\:bui-ml-9 {
-      margin-left: var(--bui-space-9);
-    }
-
-    .lg\:bui-ml-10 {
-      margin-left: var(--bui-space-10);
-    }
-
-    .lg\:bui-ml-11 {
-      margin-left: var(--bui-space-11);
-    }
-
-    .lg\:bui-ml-12 {
-      margin-left: var(--bui-space-12);
-    }
-
-    .lg\:bui-ml-13 {
-      margin-left: var(--bui-space-13);
-    }
-
-    .lg\:bui-ml-14 {
-      margin-left: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-ml {
-      margin-left: var(--ml-xl);
-    }
-
-    .xl\:bui-ml-0\.5 {
-      margin-left: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-ml-1 {
-      margin-left: var(--bui-space-1);
-    }
-
-    .xl\:bui-ml-1\.5 {
-      margin-left: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-ml-2 {
-      margin-left: var(--bui-space-2);
-    }
-
-    .xl\:bui-ml-3 {
-      margin-left: var(--bui-space-3);
-    }
-
-    .xl\:bui-ml-4 {
-      margin-left: var(--bui-space-4);
-    }
-
-    .xl\:bui-ml-5 {
-      margin-left: var(--bui-space-5);
-    }
-
-    .xl\:bui-ml-6 {
-      margin-left: var(--bui-space-6);
-    }
-
-    .xl\:bui-ml-7 {
-      margin-left: var(--bui-space-7);
-    }
-
-    .xl\:bui-ml-8 {
-      margin-left: var(--bui-space-8);
-    }
-
-    .xl\:bui-ml-9 {
-      margin-left: var(--bui-space-9);
-    }
-
-    .xl\:bui-ml-10 {
-      margin-left: var(--bui-space-10);
-    }
-
-    .xl\:bui-ml-11 {
-      margin-left: var(--bui-space-11);
-    }
-
-    .xl\:bui-ml-12 {
-      margin-left: var(--bui-space-12);
-    }
-
-    .xl\:bui-ml-13 {
-      margin-left: var(--bui-space-13);
-    }
-
-    .xl\:bui-ml-14 {
-      margin-left: var(--bui-space-14);
-    }
-  }
-
-  .bui-mr {
-    margin-right: var(--mr);
-  }
-
-  .bui-mr-0\.5 {
-    margin-right: var(--bui-space-0_5);
-  }
-
-  .bui-mr-1 {
-    margin-right: var(--bui-space-1);
-  }
-
-  .bui-mr-1\.5 {
-    margin-right: var(--bui-space-1_5);
-  }
-
-  .bui-mr-2 {
-    margin-right: var(--bui-space-2);
-  }
-
-  .bui-mr-3 {
-    margin-right: var(--bui-space-3);
-  }
-
-  .bui-mr-4 {
-    margin-right: var(--bui-space-4);
-  }
-
-  .bui-mr-5 {
-    margin-right: var(--bui-space-5);
-  }
-
-  .bui-mr-6 {
-    margin-right: var(--bui-space-6);
-  }
-
-  .bui-mr-7 {
-    margin-right: var(--bui-space-7);
-  }
-
-  .bui-mr-8 {
-    margin-right: var(--bui-space-8);
-  }
-
-  .bui-mr-9 {
-    margin-right: var(--bui-space-9);
-  }
-
-  .bui-mr-10 {
-    margin-right: var(--bui-space-10);
-  }
-
-  .bui-mr-11 {
-    margin-right: var(--bui-space-11);
-  }
-
-  .bui-mr-12 {
-    margin-right: var(--bui-space-12);
-  }
-
-  .bui-mr-13 {
-    margin-right: var(--bui-space-13);
-  }
-
-  .bui-mr-14 {
-    margin-right: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-mr {
-      margin-right: var(--mr-xs);
-    }
-
-    .xs\:bui-mr-0\.5 {
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-mr-1 {
-      margin-right: var(--bui-space-1);
-    }
-
-    .xs\:bui-mr-1\.5 {
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-mr-2 {
-      margin-right: var(--bui-space-2);
-    }
-
-    .xs\:bui-mr-3 {
-      margin-right: var(--bui-space-3);
-    }
-
-    .xs\:bui-mr-4 {
-      margin-right: var(--bui-space-4);
-    }
-
-    .xs\:bui-mr-5 {
-      margin-right: var(--bui-space-5);
-    }
-
-    .xs\:bui-mr-6 {
-      margin-right: var(--bui-space-6);
-    }
-
-    .xs\:bui-mr-7 {
-      margin-right: var(--bui-space-7);
-    }
-
-    .xs\:bui-mr-8 {
-      margin-right: var(--bui-space-8);
-    }
-
-    .xs\:bui-mr-9 {
-      margin-right: var(--bui-space-9);
-    }
-
-    .xs\:bui-mr-10 {
-      margin-right: var(--bui-space-10);
-    }
-
-    .xs\:bui-mr-11 {
-      margin-right: var(--bui-space-11);
-    }
-
-    .xs\:bui-mr-12 {
-      margin-right: var(--bui-space-12);
-    }
-
-    .xs\:bui-mr-13 {
-      margin-right: var(--bui-space-13);
-    }
-
-    .xs\:bui-mr-14 {
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-mr {
-      margin-right: var(--mr-sm);
-    }
-
-    .sm\:bui-mr-0\.5 {
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-mr-1 {
-      margin-right: var(--bui-space-1);
-    }
-
-    .sm\:bui-mr-1\.5 {
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-mr-2 {
-      margin-right: var(--bui-space-2);
-    }
-
-    .sm\:bui-mr-3 {
-      margin-right: var(--bui-space-3);
-    }
-
-    .sm\:bui-mr-4 {
-      margin-right: var(--bui-space-4);
-    }
-
-    .sm\:bui-mr-5 {
-      margin-right: var(--bui-space-5);
-    }
-
-    .sm\:bui-mr-6 {
-      margin-right: var(--bui-space-6);
-    }
-
-    .sm\:bui-mr-7 {
-      margin-right: var(--bui-space-7);
-    }
-
-    .sm\:bui-mr-8 {
-      margin-right: var(--bui-space-8);
-    }
-
-    .sm\:bui-mr-9 {
-      margin-right: var(--bui-space-9);
-    }
-
-    .sm\:bui-mr-10 {
-      margin-right: var(--bui-space-10);
-    }
-
-    .sm\:bui-mr-11 {
-      margin-right: var(--bui-space-11);
-    }
-
-    .sm\:bui-mr-12 {
-      margin-right: var(--bui-space-12);
-    }
-
-    .sm\:bui-mr-13 {
-      margin-right: var(--bui-space-13);
-    }
-
-    .sm\:bui-mr-14 {
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-mr {
-      margin-right: var(--mr-md);
-    }
-
-    .md\:bui-mr-0\.5 {
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .md\:bui-mr-1 {
-      margin-right: var(--bui-space-1);
-    }
-
-    .md\:bui-mr-1\.5 {
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .md\:bui-mr-2 {
-      margin-right: var(--bui-space-2);
-    }
-
-    .md\:bui-mr-3 {
-      margin-right: var(--bui-space-3);
-    }
-
-    .md\:bui-mr-4 {
-      margin-right: var(--bui-space-4);
-    }
-
-    .md\:bui-mr-5 {
-      margin-right: var(--bui-space-5);
-    }
-
-    .md\:bui-mr-6 {
-      margin-right: var(--bui-space-6);
-    }
-
-    .md\:bui-mr-7 {
-      margin-right: var(--bui-space-7);
-    }
-
-    .md\:bui-mr-8 {
-      margin-right: var(--bui-space-8);
-    }
-
-    .md\:bui-mr-9 {
-      margin-right: var(--bui-space-9);
-    }
-
-    .md\:bui-mr-10 {
-      margin-right: var(--bui-space-10);
-    }
-
-    .md\:bui-mr-11 {
-      margin-right: var(--bui-space-11);
-    }
-
-    .md\:bui-mr-12 {
-      margin-right: var(--bui-space-12);
-    }
-
-    .md\:bui-mr-13 {
-      margin-right: var(--bui-space-13);
-    }
-
-    .md\:bui-mr-14 {
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-mr {
-      margin-right: var(--mr-lg);
-    }
-
-    .lg\:bui-mr-0\.5 {
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-mr-1 {
-      margin-right: var(--bui-space-1);
-    }
-
-    .lg\:bui-mr-1\.5 {
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-mr-2 {
-      margin-right: var(--bui-space-2);
-    }
-
-    .lg\:bui-mr-3 {
-      margin-right: var(--bui-space-3);
-    }
-
-    .lg\:bui-mr-4 {
-      margin-right: var(--bui-space-4);
-    }
-
-    .lg\:bui-mr-5 {
-      margin-right: var(--bui-space-5);
-    }
-
-    .lg\:bui-mr-6 {
-      margin-right: var(--bui-space-6);
-    }
-
-    .lg\:bui-mr-7 {
-      margin-right: var(--bui-space-7);
-    }
-
-    .lg\:bui-mr-8 {
-      margin-right: var(--bui-space-8);
-    }
-
-    .lg\:bui-mr-9 {
-      margin-right: var(--bui-space-9);
-    }
-
-    .lg\:bui-mr-10 {
-      margin-right: var(--bui-space-10);
-    }
-
-    .lg\:bui-mr-11 {
-      margin-right: var(--bui-space-11);
-    }
-
-    .lg\:bui-mr-12 {
-      margin-right: var(--bui-space-12);
-    }
-
-    .lg\:bui-mr-13 {
-      margin-right: var(--bui-space-13);
-    }
-
-    .lg\:bui-mr-14 {
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-mr {
-      margin-right: var(--mr-xl);
-    }
-
-    .xl\:bui-mr-0\.5 {
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-mr-1 {
-      margin-right: var(--bui-space-1);
-    }
-
-    .xl\:bui-mr-1\.5 {
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-mr-2 {
-      margin-right: var(--bui-space-2);
-    }
-
-    .xl\:bui-mr-3 {
-      margin-right: var(--bui-space-3);
-    }
-
-    .xl\:bui-mr-4 {
-      margin-right: var(--bui-space-4);
-    }
-
-    .xl\:bui-mr-5 {
-      margin-right: var(--bui-space-5);
-    }
-
-    .xl\:bui-mr-6 {
-      margin-right: var(--bui-space-6);
-    }
-
-    .xl\:bui-mr-7 {
-      margin-right: var(--bui-space-7);
-    }
-
-    .xl\:bui-mr-8 {
-      margin-right: var(--bui-space-8);
-    }
-
-    .xl\:bui-mr-9 {
-      margin-right: var(--bui-space-9);
-    }
-
-    .xl\:bui-mr-10 {
-      margin-right: var(--bui-space-10);
-    }
-
-    .xl\:bui-mr-11 {
-      margin-right: var(--bui-space-11);
-    }
-
-    .xl\:bui-mr-12 {
-      margin-right: var(--bui-space-12);
-    }
-
-    .xl\:bui-mr-13 {
-      margin-right: var(--bui-space-13);
-    }
-
-    .xl\:bui-mr-14 {
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  .bui-mt {
-    margin-top: var(--mt);
-  }
-
-  .bui-mt-0\.5 {
-    margin-top: var(--bui-space-0_5);
-  }
-
-  .bui-mt-1 {
-    margin-top: var(--bui-space-1);
-  }
-
-  .bui-mt-1\.5 {
-    margin-top: var(--bui-space-1_5);
-  }
-
-  .bui-mt-2 {
-    margin-top: var(--bui-space-2);
-  }
-
-  .bui-mt-3 {
-    margin-top: var(--bui-space-3);
-  }
-
-  .bui-mt-4 {
-    margin-top: var(--bui-space-4);
-  }
-
-  .bui-mt-5 {
-    margin-top: var(--bui-space-5);
-  }
-
-  .bui-mt-6 {
-    margin-top: var(--bui-space-6);
-  }
-
-  .bui-mt-7 {
-    margin-top: var(--bui-space-7);
-  }
-
-  .bui-mt-8 {
-    margin-top: var(--bui-space-8);
-  }
-
-  .bui-mt-9 {
-    margin-top: var(--bui-space-9);
-  }
-
-  .bui-mt-10 {
-    margin-top: var(--bui-space-10);
-  }
-
-  .bui-mt-11 {
-    margin-top: var(--bui-space-11);
-  }
-
-  .bui-mt-12 {
-    margin-top: var(--bui-space-12);
-  }
-
-  .bui-mt-13 {
-    margin-top: var(--bui-space-13);
-  }
-
-  .bui-mt-14 {
-    margin-top: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-mt {
-      margin-top: var(--mt-xs);
-    }
-
-    .xs\:bui-mt-0\.5 {
-      margin-top: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-mt-1 {
-      margin-top: var(--bui-space-1);
-    }
-
-    .xs\:bui-mt-1\.5 {
-      margin-top: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-mt-2 {
-      margin-top: var(--bui-space-2);
-    }
-
-    .xs\:bui-mt-3 {
-      margin-top: var(--bui-space-3);
-    }
-
-    .xs\:bui-mt-4 {
-      margin-top: var(--bui-space-4);
-    }
-
-    .xs\:bui-mt-5 {
-      margin-top: var(--bui-space-5);
-    }
-
-    .xs\:bui-mt-6 {
-      margin-top: var(--bui-space-6);
-    }
-
-    .xs\:bui-mt-7 {
-      margin-top: var(--bui-space-7);
-    }
-
-    .xs\:bui-mt-8 {
-      margin-top: var(--bui-space-8);
-    }
-
-    .xs\:bui-mt-9 {
-      margin-top: var(--bui-space-9);
-    }
-
-    .xs\:bui-mt-10 {
-      margin-top: var(--bui-space-10);
-    }
-
-    .xs\:bui-mt-11 {
-      margin-top: var(--bui-space-11);
-    }
-
-    .xs\:bui-mt-12 {
-      margin-top: var(--bui-space-12);
-    }
-
-    .xs\:bui-mt-13 {
-      margin-top: var(--bui-space-13);
-    }
-
-    .xs\:bui-mt-14 {
-      margin-top: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-mt {
-      margin-top: var(--mt-sm);
-    }
-
-    .sm\:bui-mt-0\.5 {
-      margin-top: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-mt-1 {
-      margin-top: var(--bui-space-1);
-    }
-
-    .sm\:bui-mt-1\.5 {
-      margin-top: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-mt-2 {
-      margin-top: var(--bui-space-2);
-    }
-
-    .sm\:bui-mt-3 {
-      margin-top: var(--bui-space-3);
-    }
-
-    .sm\:bui-mt-4 {
-      margin-top: var(--bui-space-4);
-    }
-
-    .sm\:bui-mt-5 {
-      margin-top: var(--bui-space-5);
-    }
-
-    .sm\:bui-mt-6 {
-      margin-top: var(--bui-space-6);
-    }
-
-    .sm\:bui-mt-7 {
-      margin-top: var(--bui-space-7);
-    }
-
-    .sm\:bui-mt-8 {
-      margin-top: var(--bui-space-8);
-    }
-
-    .sm\:bui-mt-9 {
-      margin-top: var(--bui-space-9);
-    }
-
-    .sm\:bui-mt-10 {
-      margin-top: var(--bui-space-10);
-    }
-
-    .sm\:bui-mt-11 {
-      margin-top: var(--bui-space-11);
-    }
-
-    .sm\:bui-mt-12 {
-      margin-top: var(--bui-space-12);
-    }
-
-    .sm\:bui-mt-13 {
-      margin-top: var(--bui-space-13);
-    }
-
-    .sm\:bui-mt-14 {
-      margin-top: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-mt {
-      margin-top: var(--mt-md);
-    }
-
-    .md\:bui-mt-0\.5 {
-      margin-top: var(--bui-space-0_5);
-    }
-
-    .md\:bui-mt-1 {
-      margin-top: var(--bui-space-1);
-    }
-
-    .md\:bui-mt-1\.5 {
-      margin-top: var(--bui-space-1_5);
-    }
-
-    .md\:bui-mt-2 {
-      margin-top: var(--bui-space-2);
-    }
-
-    .md\:bui-mt-3 {
-      margin-top: var(--bui-space-3);
-    }
-
-    .md\:bui-mt-4 {
-      margin-top: var(--bui-space-4);
-    }
-
-    .md\:bui-mt-5 {
-      margin-top: var(--bui-space-5);
-    }
-
-    .md\:bui-mt-6 {
-      margin-top: var(--bui-space-6);
-    }
-
-    .md\:bui-mt-7 {
-      margin-top: var(--bui-space-7);
-    }
-
-    .md\:bui-mt-8 {
-      margin-top: var(--bui-space-8);
-    }
-
-    .md\:bui-mt-9 {
-      margin-top: var(--bui-space-9);
-    }
-
-    .md\:bui-mt-10 {
-      margin-top: var(--bui-space-10);
-    }
-
-    .md\:bui-mt-11 {
-      margin-top: var(--bui-space-11);
-    }
-
-    .md\:bui-mt-12 {
-      margin-top: var(--bui-space-12);
-    }
-
-    .md\:bui-mt-13 {
-      margin-top: var(--bui-space-13);
-    }
-
-    .md\:bui-mt-14 {
-      margin-top: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-mt {
-      margin-top: var(--mt-lg);
-    }
-
-    .lg\:bui-mt-0\.5 {
-      margin-top: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-mt-1 {
-      margin-top: var(--bui-space-1);
-    }
-
-    .lg\:bui-mt-1\.5 {
-      margin-top: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-mt-2 {
-      margin-top: var(--bui-space-2);
-    }
-
-    .lg\:bui-mt-3 {
-      margin-top: var(--bui-space-3);
-    }
-
-    .lg\:bui-mt-4 {
-      margin-top: var(--bui-space-4);
-    }
-
-    .lg\:bui-mt-5 {
-      margin-top: var(--bui-space-5);
-    }
-
-    .lg\:bui-mt-6 {
-      margin-top: var(--bui-space-6);
-    }
-
-    .lg\:bui-mt-7 {
-      margin-top: var(--bui-space-7);
-    }
-
-    .lg\:bui-mt-8 {
-      margin-top: var(--bui-space-8);
-    }
-
-    .lg\:bui-mt-9 {
-      margin-top: var(--bui-space-9);
-    }
-
-    .lg\:bui-mt-10 {
-      margin-top: var(--bui-space-10);
-    }
-
-    .lg\:bui-mt-11 {
-      margin-top: var(--bui-space-11);
-    }
-
-    .lg\:bui-mt-12 {
-      margin-top: var(--bui-space-12);
-    }
-
-    .lg\:bui-mt-13 {
-      margin-top: var(--bui-space-13);
-    }
-
-    .lg\:bui-mt-14 {
-      margin-top: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-mt {
-      margin-top: var(--mt-xl);
-    }
-
-    .xl\:bui-mt-0\.5 {
-      margin-top: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-mt-1 {
-      margin-top: var(--bui-space-1);
-    }
-
-    .xl\:bui-mt-1\.5 {
-      margin-top: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-mt-2 {
-      margin-top: var(--bui-space-2);
-    }
-
-    .xl\:bui-mt-3 {
-      margin-top: var(--bui-space-3);
-    }
-
-    .xl\:bui-mt-4 {
-      margin-top: var(--bui-space-4);
-    }
-
-    .xl\:bui-mt-5 {
-      margin-top: var(--bui-space-5);
-    }
-
-    .xl\:bui-mt-6 {
-      margin-top: var(--bui-space-6);
-    }
-
-    .xl\:bui-mt-7 {
-      margin-top: var(--bui-space-7);
-    }
-
-    .xl\:bui-mt-8 {
-      margin-top: var(--bui-space-8);
-    }
-
-    .xl\:bui-mt-9 {
-      margin-top: var(--bui-space-9);
-    }
-
-    .xl\:bui-mt-10 {
-      margin-top: var(--bui-space-10);
-    }
-
-    .xl\:bui-mt-11 {
-      margin-top: var(--bui-space-11);
-    }
-
-    .xl\:bui-mt-12 {
-      margin-top: var(--bui-space-12);
-    }
-
-    .xl\:bui-mt-13 {
-      margin-top: var(--bui-space-13);
-    }
-
-    .xl\:bui-mt-14 {
-      margin-top: var(--bui-space-14);
-    }
-  }
-
-  .bui-mb {
-    margin-bottom: var(--mb);
-  }
-
-  .bui-mb-0\.5 {
-    margin-bottom: var(--bui-space-0_5);
-  }
-
-  .bui-mb-1 {
-    margin-bottom: var(--bui-space-1);
-  }
-
-  .bui-mb-1\.5 {
-    margin-bottom: var(--bui-space-1_5);
-  }
-
-  .bui-mb-2 {
-    margin-bottom: var(--bui-space-2);
-  }
-
-  .bui-mb-3 {
-    margin-bottom: var(--bui-space-3);
-  }
-
-  .bui-mb-4 {
-    margin-bottom: var(--bui-space-4);
-  }
-
-  .bui-mb-5 {
-    margin-bottom: var(--bui-space-5);
-  }
-
-  .bui-mb-6 {
-    margin-bottom: var(--bui-space-6);
-  }
-
-  .bui-mb-7 {
-    margin-bottom: var(--bui-space-7);
-  }
-
-  .bui-mb-8 {
-    margin-bottom: var(--bui-space-8);
-  }
-
-  .bui-mb-9 {
-    margin-bottom: var(--bui-space-9);
-  }
-
-  .bui-mb-10 {
-    margin-bottom: var(--bui-space-10);
-  }
-
-  .bui-mb-11 {
-    margin-bottom: var(--bui-space-11);
-  }
-
-  .bui-mb-12 {
-    margin-bottom: var(--bui-space-12);
-  }
-
-  .bui-mb-13 {
-    margin-bottom: var(--bui-space-13);
-  }
-
-  .bui-mb-14 {
-    margin-bottom: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-mb {
-      margin-bottom: var(--mb-xs);
-    }
-
-    .xs\:bui-mb-0\.5 {
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-mb-1 {
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .xs\:bui-mb-1\.5 {
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-mb-2 {
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .xs\:bui-mb-3 {
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .xs\:bui-mb-4 {
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .xs\:bui-mb-5 {
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .xs\:bui-mb-6 {
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .xs\:bui-mb-7 {
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .xs\:bui-mb-8 {
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .xs\:bui-mb-9 {
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .xs\:bui-mb-10 {
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .xs\:bui-mb-11 {
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .xs\:bui-mb-12 {
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .xs\:bui-mb-13 {
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .xs\:bui-mb-14 {
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-mb {
-      margin-bottom: var(--mb-sm);
-    }
-
-    .sm\:bui-mb-0\.5 {
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-mb-1 {
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .sm\:bui-mb-1\.5 {
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-mb-2 {
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .sm\:bui-mb-3 {
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .sm\:bui-mb-4 {
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .sm\:bui-mb-5 {
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .sm\:bui-mb-6 {
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .sm\:bui-mb-7 {
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .sm\:bui-mb-8 {
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .sm\:bui-mb-9 {
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .sm\:bui-mb-10 {
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .sm\:bui-mb-11 {
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .sm\:bui-mb-12 {
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .sm\:bui-mb-13 {
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .sm\:bui-mb-14 {
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-mb {
-      margin-bottom: var(--mb-md);
-    }
-
-    .md\:bui-mb-0\.5 {
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .md\:bui-mb-1 {
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .md\:bui-mb-1\.5 {
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .md\:bui-mb-2 {
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .md\:bui-mb-3 {
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .md\:bui-mb-4 {
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .md\:bui-mb-5 {
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .md\:bui-mb-6 {
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .md\:bui-mb-7 {
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .md\:bui-mb-8 {
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .md\:bui-mb-9 {
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .md\:bui-mb-10 {
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .md\:bui-mb-11 {
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .md\:bui-mb-12 {
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .md\:bui-mb-13 {
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .md\:bui-mb-14 {
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-mb {
-      margin-bottom: var(--mb-lg);
-    }
-
-    .lg\:bui-mb-0\.5 {
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-mb-1 {
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .lg\:bui-mb-1\.5 {
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-mb-2 {
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .lg\:bui-mb-3 {
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .lg\:bui-mb-4 {
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .lg\:bui-mb-5 {
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .lg\:bui-mb-6 {
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .lg\:bui-mb-7 {
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .lg\:bui-mb-8 {
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .lg\:bui-mb-9 {
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .lg\:bui-mb-10 {
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .lg\:bui-mb-11 {
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .lg\:bui-mb-12 {
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .lg\:bui-mb-13 {
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .lg\:bui-mb-14 {
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-mb {
-      margin-bottom: var(--mb-xl);
-    }
-
-    .xl\:bui-mb-0\.5 {
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-mb-1 {
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .xl\:bui-mb-1\.5 {
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-mb-2 {
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .xl\:bui-mb-3 {
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .xl\:bui-mb-4 {
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .xl\:bui-mb-5 {
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .xl\:bui-mb-6 {
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .xl\:bui-mb-7 {
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .xl\:bui-mb-8 {
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .xl\:bui-mb-9 {
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .xl\:bui-mb-10 {
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .xl\:bui-mb-11 {
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .xl\:bui-mb-12 {
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .xl\:bui-mb-13 {
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .xl\:bui-mb-14 {
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  .bui-my {
-    margin-top: var(--my);
-    margin-bottom: var(--my);
-  }
-
-  .bui-my-0\.5 {
-    margin-top: var(--bui-space-0_5);
-    margin-bottom: var(--bui-space-0_5);
-  }
-
-  .bui-my-1 {
-    margin-top: var(--bui-space-1);
-    margin-bottom: var(--bui-space-1);
-  }
-
-  .bui-my-1\.5 {
-    margin-top: var(--bui-space-1_5);
-    margin-bottom: var(--bui-space-1_5);
-  }
-
-  .bui-my-2 {
-    margin-top: var(--bui-space-2);
-    margin-bottom: var(--bui-space-2);
-  }
-
-  .bui-my-3 {
-    margin-top: var(--bui-space-3);
-    margin-bottom: var(--bui-space-3);
-  }
-
-  .bui-my-4 {
-    margin-top: var(--bui-space-4);
-    margin-bottom: var(--bui-space-4);
-  }
-
-  .bui-my-5 {
-    margin-top: var(--bui-space-5);
-    margin-bottom: var(--bui-space-5);
-  }
-
-  .bui-my-6 {
-    margin-top: var(--bui-space-6);
-    margin-bottom: var(--bui-space-6);
-  }
-
-  .bui-my-7 {
-    margin-top: var(--bui-space-7);
-    margin-bottom: var(--bui-space-7);
-  }
-
-  .bui-my-8 {
-    margin-top: var(--bui-space-8);
-    margin-bottom: var(--bui-space-8);
-  }
-
-  .bui-my-9 {
-    margin-top: var(--bui-space-9);
-    margin-bottom: var(--bui-space-9);
-  }
-
-  .bui-my-10 {
-    margin-top: var(--bui-space-10);
-    margin-bottom: var(--bui-space-10);
-  }
-
-  .bui-my-11 {
-    margin-top: var(--bui-space-11);
-    margin-bottom: var(--bui-space-11);
-  }
-
-  .bui-my-12 {
-    margin-top: var(--bui-space-12);
-    margin-bottom: var(--bui-space-12);
-  }
-
-  .bui-my-13 {
-    margin-top: var(--bui-space-13);
-    margin-bottom: var(--bui-space-13);
-  }
-
-  .bui-my-14 {
-    margin-top: var(--bui-space-14);
-    margin-bottom: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-my {
-      margin-top: var(--my-xs);
-      margin-bottom: var(--my-xs);
-    }
-
-    .xs\:bui-my-0\.5 {
-      margin-top: var(--bui-space-0_5);
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-my-1 {
-      margin-top: var(--bui-space-1);
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .xs\:bui-my-1\.5 {
-      margin-top: var(--bui-space-1_5);
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-my-2 {
-      margin-top: var(--bui-space-2);
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .xs\:bui-my-3 {
-      margin-top: var(--bui-space-3);
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .xs\:bui-my-4 {
-      margin-top: var(--bui-space-4);
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .xs\:bui-my-5 {
-      margin-top: var(--bui-space-5);
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .xs\:bui-my-6 {
-      margin-top: var(--bui-space-6);
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .xs\:bui-my-7 {
-      margin-top: var(--bui-space-7);
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .xs\:bui-my-8 {
-      margin-top: var(--bui-space-8);
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .xs\:bui-my-9 {
-      margin-top: var(--bui-space-9);
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .xs\:bui-my-10 {
-      margin-top: var(--bui-space-10);
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .xs\:bui-my-11 {
-      margin-top: var(--bui-space-11);
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .xs\:bui-my-12 {
-      margin-top: var(--bui-space-12);
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .xs\:bui-my-13 {
-      margin-top: var(--bui-space-13);
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .xs\:bui-my-14 {
-      margin-top: var(--bui-space-14);
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-my {
-      margin-top: var(--my-sm);
-      margin-bottom: var(--my-sm);
-    }
-
-    .sm\:bui-my-0\.5 {
-      margin-top: var(--bui-space-0_5);
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-my-1 {
-      margin-top: var(--bui-space-1);
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .sm\:bui-my-1\.5 {
-      margin-top: var(--bui-space-1_5);
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-my-2 {
-      margin-top: var(--bui-space-2);
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .sm\:bui-my-3 {
-      margin-top: var(--bui-space-3);
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .sm\:bui-my-4 {
-      margin-top: var(--bui-space-4);
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .sm\:bui-my-5 {
-      margin-top: var(--bui-space-5);
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .sm\:bui-my-6 {
-      margin-top: var(--bui-space-6);
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .sm\:bui-my-7 {
-      margin-top: var(--bui-space-7);
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .sm\:bui-my-8 {
-      margin-top: var(--bui-space-8);
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .sm\:bui-my-9 {
-      margin-top: var(--bui-space-9);
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .sm\:bui-my-10 {
-      margin-top: var(--bui-space-10);
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .sm\:bui-my-11 {
-      margin-top: var(--bui-space-11);
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .sm\:bui-my-12 {
-      margin-top: var(--bui-space-12);
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .sm\:bui-my-13 {
-      margin-top: var(--bui-space-13);
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .sm\:bui-my-14 {
-      margin-top: var(--bui-space-14);
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-my {
-      margin-top: var(--my-md);
-      margin-bottom: var(--my-md);
-    }
-
-    .md\:bui-my-0\.5 {
-      margin-top: var(--bui-space-0_5);
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .md\:bui-my-1 {
-      margin-top: var(--bui-space-1);
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .md\:bui-my-1\.5 {
-      margin-top: var(--bui-space-1_5);
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .md\:bui-my-2 {
-      margin-top: var(--bui-space-2);
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .md\:bui-my-3 {
-      margin-top: var(--bui-space-3);
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .md\:bui-my-4 {
-      margin-top: var(--bui-space-4);
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .md\:bui-my-5 {
-      margin-top: var(--bui-space-5);
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .md\:bui-my-6 {
-      margin-top: var(--bui-space-6);
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .md\:bui-my-7 {
-      margin-top: var(--bui-space-7);
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .md\:bui-my-8 {
-      margin-top: var(--bui-space-8);
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .md\:bui-my-9 {
-      margin-top: var(--bui-space-9);
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .md\:bui-my-10 {
-      margin-top: var(--bui-space-10);
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .md\:bui-my-11 {
-      margin-top: var(--bui-space-11);
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .md\:bui-my-12 {
-      margin-top: var(--bui-space-12);
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .md\:bui-my-13 {
-      margin-top: var(--bui-space-13);
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .md\:bui-my-14 {
-      margin-top: var(--bui-space-14);
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-my {
-      margin-top: var(--my-lg);
-      margin-bottom: var(--my-lg);
-    }
-
-    .lg\:bui-my-0\.5 {
-      margin-top: var(--bui-space-0_5);
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-my-1 {
-      margin-top: var(--bui-space-1);
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .lg\:bui-my-1\.5 {
-      margin-top: var(--bui-space-1_5);
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-my-2 {
-      margin-top: var(--bui-space-2);
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .lg\:bui-my-3 {
-      margin-top: var(--bui-space-3);
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .lg\:bui-my-4 {
-      margin-top: var(--bui-space-4);
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .lg\:bui-my-5 {
-      margin-top: var(--bui-space-5);
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .lg\:bui-my-6 {
-      margin-top: var(--bui-space-6);
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .lg\:bui-my-7 {
-      margin-top: var(--bui-space-7);
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .lg\:bui-my-8 {
-      margin-top: var(--bui-space-8);
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .lg\:bui-my-9 {
-      margin-top: var(--bui-space-9);
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .lg\:bui-my-10 {
-      margin-top: var(--bui-space-10);
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .lg\:bui-my-11 {
-      margin-top: var(--bui-space-11);
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .lg\:bui-my-12 {
-      margin-top: var(--bui-space-12);
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .lg\:bui-my-13 {
-      margin-top: var(--bui-space-13);
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .lg\:bui-my-14 {
-      margin-top: var(--bui-space-14);
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-my {
-      margin-top: var(--my-xl);
-      margin-bottom: var(--my-xl);
-    }
-
-    .xl\:bui-my-0\.5 {
-      margin-top: var(--bui-space-0_5);
-      margin-bottom: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-my-1 {
-      margin-top: var(--bui-space-1);
-      margin-bottom: var(--bui-space-1);
-    }
-
-    .xl\:bui-my-1\.5 {
-      margin-top: var(--bui-space-1_5);
-      margin-bottom: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-my-2 {
-      margin-top: var(--bui-space-2);
-      margin-bottom: var(--bui-space-2);
-    }
-
-    .xl\:bui-my-3 {
-      margin-top: var(--bui-space-3);
-      margin-bottom: var(--bui-space-3);
-    }
-
-    .xl\:bui-my-4 {
-      margin-top: var(--bui-space-4);
-      margin-bottom: var(--bui-space-4);
-    }
-
-    .xl\:bui-my-5 {
-      margin-top: var(--bui-space-5);
-      margin-bottom: var(--bui-space-5);
-    }
-
-    .xl\:bui-my-6 {
-      margin-top: var(--bui-space-6);
-      margin-bottom: var(--bui-space-6);
-    }
-
-    .xl\:bui-my-7 {
-      margin-top: var(--bui-space-7);
-      margin-bottom: var(--bui-space-7);
-    }
-
-    .xl\:bui-my-8 {
-      margin-top: var(--bui-space-8);
-      margin-bottom: var(--bui-space-8);
-    }
-
-    .xl\:bui-my-9 {
-      margin-top: var(--bui-space-9);
-      margin-bottom: var(--bui-space-9);
-    }
-
-    .xl\:bui-my-10 {
-      margin-top: var(--bui-space-10);
-      margin-bottom: var(--bui-space-10);
-    }
-
-    .xl\:bui-my-11 {
-      margin-top: var(--bui-space-11);
-      margin-bottom: var(--bui-space-11);
-    }
-
-    .xl\:bui-my-12 {
-      margin-top: var(--bui-space-12);
-      margin-bottom: var(--bui-space-12);
-    }
-
-    .xl\:bui-my-13 {
-      margin-top: var(--bui-space-13);
-      margin-bottom: var(--bui-space-13);
-    }
-
-    .xl\:bui-my-14 {
-      margin-top: var(--bui-space-14);
-      margin-bottom: var(--bui-space-14);
-    }
-  }
-
-  .bui-mx {
-    margin-left: var(--mx);
-    margin-right: var(--mx);
-  }
-
-  .bui-mx-0\.5 {
-    margin-left: var(--bui-space-0_5);
-    margin-right: var(--bui-space-0_5);
-  }
-
-  .bui-mx-1 {
-    margin-left: var(--bui-space-1);
-    margin-right: var(--bui-space-1);
-  }
-
-  .bui-mx-1\.5 {
-    margin-left: var(--bui-space-1_5);
-    margin-right: var(--bui-space-1_5);
-  }
-
-  .bui-mx-2 {
-    margin-left: var(--bui-space-2);
-    margin-right: var(--bui-space-2);
-  }
-
-  .bui-mx-3 {
-    margin-left: var(--bui-space-3);
-    margin-right: var(--bui-space-3);
-  }
-
-  .bui-mx-4 {
-    margin-left: var(--bui-space-4);
-    margin-right: var(--bui-space-4);
-  }
-
-  .bui-mx-5 {
-    margin-left: var(--bui-space-5);
-    margin-right: var(--bui-space-5);
-  }
-
-  .bui-mx-6 {
-    margin-left: var(--bui-space-6);
-    margin-right: var(--bui-space-6);
-  }
-
-  .bui-mx-7 {
-    margin-left: var(--bui-space-7);
-    margin-right: var(--bui-space-7);
-  }
-
-  .bui-mx-8 {
-    margin-left: var(--bui-space-8);
-    margin-right: var(--bui-space-8);
-  }
-
-  .bui-mx-9 {
-    margin-left: var(--bui-space-9);
-    margin-right: var(--bui-space-9);
-  }
-
-  .bui-mx-10 {
-    margin-left: var(--bui-space-10);
-    margin-right: var(--bui-space-10);
-  }
-
-  .bui-mx-11 {
-    margin-left: var(--bui-space-11);
-    margin-right: var(--bui-space-11);
-  }
-
-  .bui-mx-12 {
-    margin-left: var(--bui-space-12);
-    margin-right: var(--bui-space-12);
-  }
-
-  .bui-mx-13 {
-    margin-left: var(--bui-space-13);
-    margin-right: var(--bui-space-13);
-  }
-
-  .bui-mx-14 {
-    margin-left: var(--bui-space-14);
-    margin-right: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-mx {
-      margin-left: var(--mx-xs);
-      margin-right: var(--mx-xs);
-    }
-
-    .xs\:bui-mx-0\.5 {
-      margin-left: var(--bui-space-0_5);
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-mx-1 {
-      margin-left: var(--bui-space-1);
-      margin-right: var(--bui-space-1);
-    }
-
-    .xs\:bui-mx-1\.5 {
-      margin-left: var(--bui-space-1_5);
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-mx-2 {
-      margin-left: var(--bui-space-2);
-      margin-right: var(--bui-space-2);
-    }
-
-    .xs\:bui-mx-3 {
-      margin-left: var(--bui-space-3);
-      margin-right: var(--bui-space-3);
-    }
-
-    .xs\:bui-mx-4 {
-      margin-left: var(--bui-space-4);
-      margin-right: var(--bui-space-4);
-    }
-
-    .xs\:bui-mx-5 {
-      margin-left: var(--bui-space-5);
-      margin-right: var(--bui-space-5);
-    }
-
-    .xs\:bui-mx-6 {
-      margin-left: var(--bui-space-6);
-      margin-right: var(--bui-space-6);
-    }
-
-    .xs\:bui-mx-7 {
-      margin-left: var(--bui-space-7);
-      margin-right: var(--bui-space-7);
-    }
-
-    .xs\:bui-mx-8 {
-      margin-left: var(--bui-space-8);
-      margin-right: var(--bui-space-8);
-    }
-
-    .xs\:bui-mx-9 {
-      margin-left: var(--bui-space-9);
-      margin-right: var(--bui-space-9);
-    }
-
-    .xs\:bui-mx-10 {
-      margin-left: var(--bui-space-10);
-      margin-right: var(--bui-space-10);
-    }
-
-    .xs\:bui-mx-11 {
-      margin-left: var(--bui-space-11);
-      margin-right: var(--bui-space-11);
-    }
-
-    .xs\:bui-mx-12 {
-      margin-left: var(--bui-space-12);
-      margin-right: var(--bui-space-12);
-    }
-
-    .xs\:bui-mx-13 {
-      margin-left: var(--bui-space-13);
-      margin-right: var(--bui-space-13);
-    }
-
-    .xs\:bui-mx-14 {
-      margin-left: var(--bui-space-14);
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-mx {
-      margin-left: var(--mx-sm);
-      margin-right: var(--mx-sm);
-    }
-
-    .sm\:bui-mx-0\.5 {
-      margin-left: var(--bui-space-0_5);
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-mx-1 {
-      margin-left: var(--bui-space-1);
-      margin-right: var(--bui-space-1);
-    }
-
-    .sm\:bui-mx-1\.5 {
-      margin-left: var(--bui-space-1_5);
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-mx-2 {
-      margin-left: var(--bui-space-2);
-      margin-right: var(--bui-space-2);
-    }
-
-    .sm\:bui-mx-3 {
-      margin-left: var(--bui-space-3);
-      margin-right: var(--bui-space-3);
-    }
-
-    .sm\:bui-mx-4 {
-      margin-left: var(--bui-space-4);
-      margin-right: var(--bui-space-4);
-    }
-
-    .sm\:bui-mx-5 {
-      margin-left: var(--bui-space-5);
-      margin-right: var(--bui-space-5);
-    }
-
-    .sm\:bui-mx-6 {
-      margin-left: var(--bui-space-6);
-      margin-right: var(--bui-space-6);
-    }
-
-    .sm\:bui-mx-7 {
-      margin-left: var(--bui-space-7);
-      margin-right: var(--bui-space-7);
-    }
-
-    .sm\:bui-mx-8 {
-      margin-left: var(--bui-space-8);
-      margin-right: var(--bui-space-8);
-    }
-
-    .sm\:bui-mx-9 {
-      margin-left: var(--bui-space-9);
-      margin-right: var(--bui-space-9);
-    }
-
-    .sm\:bui-mx-10 {
-      margin-left: var(--bui-space-10);
-      margin-right: var(--bui-space-10);
-    }
-
-    .sm\:bui-mx-11 {
-      margin-left: var(--bui-space-11);
-      margin-right: var(--bui-space-11);
-    }
-
-    .sm\:bui-mx-12 {
-      margin-left: var(--bui-space-12);
-      margin-right: var(--bui-space-12);
-    }
-
-    .sm\:bui-mx-13 {
-      margin-left: var(--bui-space-13);
-      margin-right: var(--bui-space-13);
-    }
-
-    .sm\:bui-mx-14 {
-      margin-left: var(--bui-space-14);
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-mx {
-      margin-left: var(--mx-md);
-      margin-right: var(--mx-md);
-    }
-
-    .md\:bui-mx-0\.5 {
-      margin-left: var(--bui-space-0_5);
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .md\:bui-mx-1 {
-      margin-left: var(--bui-space-1);
-      margin-right: var(--bui-space-1);
-    }
-
-    .md\:bui-mx-1\.5 {
-      margin-left: var(--bui-space-1_5);
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .md\:bui-mx-2 {
-      margin-left: var(--bui-space-2);
-      margin-right: var(--bui-space-2);
-    }
-
-    .md\:bui-mx-3 {
-      margin-left: var(--bui-space-3);
-      margin-right: var(--bui-space-3);
-    }
-
-    .md\:bui-mx-4 {
-      margin-left: var(--bui-space-4);
-      margin-right: var(--bui-space-4);
-    }
-
-    .md\:bui-mx-5 {
-      margin-left: var(--bui-space-5);
-      margin-right: var(--bui-space-5);
-    }
-
-    .md\:bui-mx-6 {
-      margin-left: var(--bui-space-6);
-      margin-right: var(--bui-space-6);
-    }
-
-    .md\:bui-mx-7 {
-      margin-left: var(--bui-space-7);
-      margin-right: var(--bui-space-7);
-    }
-
-    .md\:bui-mx-8 {
-      margin-left: var(--bui-space-8);
-      margin-right: var(--bui-space-8);
-    }
-
-    .md\:bui-mx-9 {
-      margin-left: var(--bui-space-9);
-      margin-right: var(--bui-space-9);
-    }
-
-    .md\:bui-mx-10 {
-      margin-left: var(--bui-space-10);
-      margin-right: var(--bui-space-10);
-    }
-
-    .md\:bui-mx-11 {
-      margin-left: var(--bui-space-11);
-      margin-right: var(--bui-space-11);
-    }
-
-    .md\:bui-mx-12 {
-      margin-left: var(--bui-space-12);
-      margin-right: var(--bui-space-12);
-    }
-
-    .md\:bui-mx-13 {
-      margin-left: var(--bui-space-13);
-      margin-right: var(--bui-space-13);
-    }
-
-    .md\:bui-mx-14 {
-      margin-left: var(--bui-space-14);
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-mx {
-      margin-left: var(--mx-lg);
-      margin-right: var(--mx-lg);
-    }
-
-    .lg\:bui-mx-0\.5 {
-      margin-left: var(--bui-space-0_5);
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-mx-1 {
-      margin-left: var(--bui-space-1);
-      margin-right: var(--bui-space-1);
-    }
-
-    .lg\:bui-mx-1\.5 {
-      margin-left: var(--bui-space-1_5);
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-mx-2 {
-      margin-left: var(--bui-space-2);
-      margin-right: var(--bui-space-2);
-    }
-
-    .lg\:bui-mx-3 {
-      margin-left: var(--bui-space-3);
-      margin-right: var(--bui-space-3);
-    }
-
-    .lg\:bui-mx-4 {
-      margin-left: var(--bui-space-4);
-      margin-right: var(--bui-space-4);
-    }
-
-    .lg\:bui-mx-5 {
-      margin-left: var(--bui-space-5);
-      margin-right: var(--bui-space-5);
-    }
-
-    .lg\:bui-mx-6 {
-      margin-left: var(--bui-space-6);
-      margin-right: var(--bui-space-6);
-    }
-
-    .lg\:bui-mx-7 {
-      margin-left: var(--bui-space-7);
-      margin-right: var(--bui-space-7);
-    }
-
-    .lg\:bui-mx-8 {
-      margin-left: var(--bui-space-8);
-      margin-right: var(--bui-space-8);
-    }
-
-    .lg\:bui-mx-9 {
-      margin-left: var(--bui-space-9);
-      margin-right: var(--bui-space-9);
-    }
-
-    .lg\:bui-mx-10 {
-      margin-left: var(--bui-space-10);
-      margin-right: var(--bui-space-10);
-    }
-
-    .lg\:bui-mx-11 {
-      margin-left: var(--bui-space-11);
-      margin-right: var(--bui-space-11);
-    }
-
-    .lg\:bui-mx-12 {
-      margin-left: var(--bui-space-12);
-      margin-right: var(--bui-space-12);
-    }
-
-    .lg\:bui-mx-13 {
-      margin-left: var(--bui-space-13);
-      margin-right: var(--bui-space-13);
-    }
-
-    .lg\:bui-mx-14 {
-      margin-left: var(--bui-space-14);
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-mx {
-      margin-left: var(--mx-xl);
-      margin-right: var(--mx-xl);
-    }
-
-    .xl\:bui-mx-0\.5 {
-      margin-left: var(--bui-space-0_5);
-      margin-right: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-mx-1 {
-      margin-left: var(--bui-space-1);
-      margin-right: var(--bui-space-1);
-    }
-
-    .xl\:bui-mx-1\.5 {
-      margin-left: var(--bui-space-1_5);
-      margin-right: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-mx-2 {
-      margin-left: var(--bui-space-2);
-      margin-right: var(--bui-space-2);
-    }
-
-    .xl\:bui-mx-3 {
-      margin-left: var(--bui-space-3);
-      margin-right: var(--bui-space-3);
-    }
-
-    .xl\:bui-mx-4 {
-      margin-left: var(--bui-space-4);
-      margin-right: var(--bui-space-4);
-    }
-
-    .xl\:bui-mx-5 {
-      margin-left: var(--bui-space-5);
-      margin-right: var(--bui-space-5);
-    }
-
-    .xl\:bui-mx-6 {
-      margin-left: var(--bui-space-6);
-      margin-right: var(--bui-space-6);
-    }
-
-    .xl\:bui-mx-7 {
-      margin-left: var(--bui-space-7);
-      margin-right: var(--bui-space-7);
-    }
-
-    .xl\:bui-mx-8 {
-      margin-left: var(--bui-space-8);
-      margin-right: var(--bui-space-8);
-    }
-
-    .xl\:bui-mx-9 {
-      margin-left: var(--bui-space-9);
-      margin-right: var(--bui-space-9);
-    }
-
-    .xl\:bui-mx-10 {
-      margin-left: var(--bui-space-10);
-      margin-right: var(--bui-space-10);
-    }
-
-    .xl\:bui-mx-11 {
-      margin-left: var(--bui-space-11);
-      margin-right: var(--bui-space-11);
-    }
-
-    .xl\:bui-mx-12 {
-      margin-left: var(--bui-space-12);
-      margin-right: var(--bui-space-12);
-    }
-
-    .xl\:bui-mx-13 {
-      margin-left: var(--bui-space-13);
-      margin-right: var(--bui-space-13);
-    }
-
-    .xl\:bui-mx-14 {
-      margin-left: var(--bui-space-14);
-      margin-right: var(--bui-space-14);
-    }
-  }
-
-  .bui-display-none {
-    display: none;
-  }
-
-  .bui-display-inline {
-    display: inline;
-  }
-
-  .bui-display-inline-block {
-    display: inline-block;
-  }
-
-  .bui-display-block {
-    display: block;
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-display-none {
-      display: none;
-    }
-
-    .xs\:bui-display-inline {
-      display: inline;
-    }
-
-    .xs\:bui-display-inline-block {
-      display: inline-block;
-    }
-
-    .xs\:bui-display-block {
-      display: block;
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-display-none {
-      display: none;
-    }
-
-    .sm\:bui-display-inline {
-      display: inline;
-    }
-
-    .sm\:bui-display-inline-block {
-      display: inline-block;
-    }
-
-    .sm\:bui-display-block {
-      display: block;
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-display-none {
-      display: none;
-    }
-
-    .md\:bui-display-inline {
-      display: inline;
-    }
-
-    .md\:bui-display-inline-block {
-      display: inline-block;
-    }
-
-    .md\:bui-display-block {
-      display: block;
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-display-none {
-      display: none;
-    }
-
-    .lg\:bui-display-inline {
-      display: inline;
-    }
-
-    .lg\:bui-display-inline-block {
-      display: inline-block;
-    }
-
-    .lg\:bui-display-block {
-      display: block;
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-display-none {
-      display: none;
-    }
-
-    .xl\:bui-display-inline {
-      display: inline;
-    }
-
-    .xl\:bui-display-inline-block {
-      display: inline-block;
-    }
-
-    .xl\:bui-display-block {
-      display: block;
-    }
-  }
-
-  .bui-w {
-    width: var(--width);
-  }
-
-  .bui-min-w {
-    min-width: var(--min-width);
-  }
-
-  .bui-max-w {
-    max-width: var(--max-width);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-w {
-      width: var(--width);
-    }
-
-    .xs\:bui-min-w {
-      min-width: var(--min-width);
-    }
-
-    .xs\:bui-max-w {
-      max-width: var(--max-width);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-w {
-      width: var(--width);
-    }
-
-    .sm\:bui-min-w {
-      min-width: var(--min-width);
-    }
-
-    .sm\:bui-max-w {
-      max-width: var(--max-width);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-w {
-      width: var(--width);
-    }
-
-    .md\:bui-min-w {
-      min-width: var(--min-width);
-    }
-
-    .md\:bui-max-w {
-      max-width: var(--max-width);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-w {
-      width: var(--width);
-    }
-
-    .lg\:bui-min-w {
-      min-width: var(--min-width);
-    }
-
-    .lg\:bui-max-w {
-      max-width: var(--max-width);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-w {
-      width: var(--width);
-    }
-
-    .xl\:bui-min-w {
-      min-width: var(--min-width);
-    }
-
-    .xl\:bui-max-w {
-      max-width: var(--max-width);
-    }
-  }
-
-  .bui-h {
-    height: var(--height);
-  }
-
-  .bui-min-h {
-    min-height: var(--min-height);
-  }
-
-  .bui-max-h {
-    max-height: var(--max-height);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-h {
-      height: var(--height);
-    }
-
-    .xs\:bui-min-h {
-      min-height: var(--min-height);
-    }
-
-    .xs\:bui-max-h {
-      max-height: var(--max-height);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-h {
-      height: var(--height);
-    }
-
-    .sm\:bui-min-h {
-      min-height: var(--min-height);
-    }
-
-    .sm\:bui-max-h {
-      max-height: var(--max-height);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-h {
-      height: var(--height);
-    }
-
-    .md\:bui-min-h {
-      min-height: var(--min-height);
-    }
-
-    .md\:bui-max-h {
-      max-height: var(--max-height);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-h {
-      height: var(--height);
-    }
-
-    .lg\:bui-min-h {
-      min-height: var(--min-height);
-    }
-
-    .lg\:bui-max-h {
-      max-height: var(--max-height);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-h {
-      height: var(--height);
-    }
-
-    .xl\:bui-min-h {
-      min-height: var(--min-height);
-    }
-
-    .xl\:bui-max-h {
-      max-height: var(--max-height);
-    }
-  }
-
-  .bui-position-absolute {
-    position: absolute;
-  }
-
-  .bui-position-fixed {
-    position: fixed;
-  }
-
-  .bui-position-sticky {
-    position: sticky;
-  }
-
-  .bui-position-relative {
-    position: relative;
-  }
-
-  .bui-position-static {
-    position: static;
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-position-absolute {
-      position: absolute;
-    }
-
-    .xs\:bui-position-fixed {
-      position: fixed;
-    }
-
-    .xs\:bui-position-sticky {
-      position: sticky;
-    }
-
-    .xs\:bui-position-relative {
-      position: relative;
-    }
-
-    .xs\:bui-position-static {
-      position: static;
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-position-absolute {
-      position: absolute;
-    }
-
-    .sm\:bui-position-fixed {
-      position: fixed;
-    }
-
-    .sm\:bui-position-sticky {
-      position: sticky;
-    }
-
-    .sm\:bui-position-relative {
-      position: relative;
-    }
-
-    .sm\:bui-position-static {
-      position: static;
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-position-absolute {
-      position: absolute;
-    }
-
-    .md\:bui-position-fixed {
-      position: fixed;
-    }
-
-    .md\:bui-position-sticky {
-      position: sticky;
-    }
-
-    .md\:bui-position-relative {
-      position: relative;
-    }
-
-    .md\:bui-position-static {
-      position: static;
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-position-absolute {
-      position: absolute;
-    }
-
-    .lg\:bui-position-fixed {
-      position: fixed;
-    }
-
-    .lg\:bui-position-sticky {
-      position: sticky;
-    }
-
-    .lg\:bui-position-relative {
-      position: relative;
-    }
-
-    .lg\:bui-position-static {
-      position: static;
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-position-absolute {
-      position: absolute;
-    }
-
-    .xl\:bui-position-fixed {
-      position: fixed;
-    }
-
-    .xl\:bui-position-sticky {
-      position: sticky;
-    }
-
-    .xl\:bui-position-relative {
-      position: relative;
-    }
-
-    .xl\:bui-position-static {
-      position: static;
-    }
-  }
-
-  .bui-columns-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .bui-columns-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .bui-columns-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .bui-columns-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .bui-columns-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .bui-columns-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .bui-columns-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .bui-columns-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .bui-columns-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .bui-columns-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .bui-columns-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .bui-columns-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .bui-columns-auto {
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  }
-
-  .bui-col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .bui-col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .bui-col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .bui-col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .bui-col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .bui-col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .bui-col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .bui-col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .bui-col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .bui-col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .bui-col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .bui-col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .bui-col-span-auto {
-    grid-column: span auto / span auto;
-  }
-
-  .bui-col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .bui-col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .bui-col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .bui-col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .bui-col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .bui-col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .bui-col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .bui-col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .bui-col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .bui-col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .bui-col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .bui-col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .bui-col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .bui-col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .bui-col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .bui-col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .bui-col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .bui-col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .bui-col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .bui-col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .bui-col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .bui-col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .bui-col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .bui-col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .bui-col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .bui-col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .bui-col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .bui-col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .bui-row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .bui-row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .bui-row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .bui-row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .bui-row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .bui-row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .bui-row-span-7 {
-    grid-row: span 7 / span 7;
-  }
-
-  .bui-row-span-8 {
-    grid-row: span 8 / span 8;
-  }
-
-  .bui-row-span-9 {
-    grid-row: span 9 / span 9;
-  }
-
-  .bui-row-span-10 {
-    grid-row: span 10 / span 10;
-  }
-
-  .bui-row-span-11 {
-    grid-row: span 11 / span 11;
-  }
-
-  .bui-row-span-12 {
-    grid-row: span 12 / span 12;
-  }
-
-  .bui-row-span-auto {
-    grid-row: span auto / span auto;
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-columns-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-
-    .xs\:bui-columns-auto {
-      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-    }
-
-    .xs\:bui-col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-
-    .xs\:bui-col-span-2 {
-      grid-column: span 2 / span 2;
-    }
-
-    .xs\:bui-col-span-3 {
-      grid-column: span 3 / span 3;
-    }
-
-    .xs\:bui-col-span-4 {
-      grid-column: span 4 / span 4;
-    }
-
-    .xs\:bui-col-span-5 {
-      grid-column: span 5 / span 5;
-    }
-
-    .xs\:bui-col-span-6 {
-      grid-column: span 6 / span 6;
-    }
-
-    .xs\:bui-col-span-7 {
-      grid-column: span 7 / span 7;
-    }
-
-    .xs\:bui-col-span-8 {
-      grid-column: span 8 / span 8;
-    }
-
-    .xs\:bui-col-span-9 {
-      grid-column: span 9 / span 9;
-    }
-
-    .xs\:bui-col-span-10 {
-      grid-column: span 10 / span 10;
-    }
-
-    .xs\:bui-col-span-11 {
-      grid-column: span 11 / span 11;
-    }
-
-    .xs\:bui-col-span-12 {
-      grid-column: span 12 / span 12;
-    }
-
-    .xs\:bui-col-span-auto {
-      grid-column: span auto / span auto;
-    }
-
-    .xs\:bui-col-start-1 {
-      grid-column-start: 1;
-    }
-
-    .xs\:bui-col-start-2 {
-      grid-column-start: 2;
-    }
-
-    .xs\:bui-col-start-3 {
-      grid-column-start: 3;
-    }
-
-    .xs\:bui-col-start-4 {
-      grid-column-start: 4;
-    }
-
-    .xs\:bui-col-start-5 {
-      grid-column-start: 5;
-    }
-
-    .xs\:bui-col-start-6 {
-      grid-column-start: 6;
-    }
-
-    .xs\:bui-col-start-7 {
-      grid-column-start: 7;
-    }
-
-    .xs\:bui-col-start-8 {
-      grid-column-start: 8;
-    }
-
-    .xs\:bui-col-start-9 {
-      grid-column-start: 9;
-    }
-
-    .xs\:bui-col-start-10 {
-      grid-column-start: 10;
-    }
-
-    .xs\:bui-col-start-11 {
-      grid-column-start: 11;
-    }
-
-    .xs\:bui-col-start-12 {
-      grid-column-start: 12;
-    }
-
-    .xs\:bui-col-start-13 {
-      grid-column-start: 13;
-    }
-
-    .xs\:bui-col-start-auto {
-      grid-column-start: auto;
-    }
-
-    .xs\:bui-col-end-1 {
-      grid-column-end: 1;
-    }
-
-    .xs\:bui-col-end-2 {
-      grid-column-end: 2;
-    }
-
-    .xs\:bui-col-end-3 {
-      grid-column-end: 3;
-    }
-
-    .xs\:bui-col-end-4 {
-      grid-column-end: 4;
-    }
-
-    .xs\:bui-col-end-5 {
-      grid-column-end: 5;
-    }
-
-    .xs\:bui-col-end-6 {
-      grid-column-end: 6;
-    }
-
-    .xs\:bui-col-end-7 {
-      grid-column-end: 7;
-    }
-
-    .xs\:bui-col-end-8 {
-      grid-column-end: 8;
-    }
-
-    .xs\:bui-col-end-9 {
-      grid-column-end: 9;
-    }
-
-    .xs\:bui-col-end-10 {
-      grid-column-end: 10;
-    }
-
-    .xs\:bui-col-end-11 {
-      grid-column-end: 11;
-    }
-
-    .xs\:bui-col-end-12 {
-      grid-column-end: 12;
-    }
-
-    .xs\:bui-col-end-13 {
-      grid-column-end: 13;
-    }
-
-    .xs\:bui-col-end-auto {
-      grid-column-end: auto;
-    }
-
-    .xs\:bui-row-span-1 {
-      grid-row: span 1 / span 1;
-    }
-
-    .xs\:bui-row-span-2 {
-      grid-row: span 2 / span 2;
-    }
-
-    .xs\:bui-row-span-3 {
-      grid-row: span 3 / span 3;
-    }
-
-    .xs\:bui-row-span-4 {
-      grid-row: span 4 / span 4;
-    }
-
-    .xs\:bui-row-span-5 {
-      grid-row: span 5 / span 5;
-    }
-
-    .xs\:bui-row-span-6 {
-      grid-row: span 6 / span 6;
-    }
-
-    .xs\:bui-row-span-7 {
-      grid-row: span 7 / span 7;
-    }
-
-    .xs\:bui-row-span-8 {
-      grid-row: span 8 / span 8;
-    }
-
-    .xs\:bui-row-span-9 {
-      grid-row: span 9 / span 9;
-    }
-
-    .xs\:bui-row-span-10 {
-      grid-row: span 10 / span 10;
-    }
-
-    .xs\:bui-row-span-11 {
-      grid-row: span 11 / span 11;
-    }
-
-    .xs\:bui-row-span-12 {
-      grid-row: span 12 / span 12;
-    }
-
-    .xs\:bui-row-span-auto {
-      grid-row: span auto / span auto;
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-columns-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-
-    .sm\:bui-columns-auto {
-      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-    }
-
-    .sm\:bui-col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-
-    .sm\:bui-col-span-2 {
-      grid-column: span 2 / span 2;
-    }
-
-    .sm\:bui-col-span-3 {
-      grid-column: span 3 / span 3;
-    }
-
-    .sm\:bui-col-span-4 {
-      grid-column: span 4 / span 4;
-    }
-
-    .sm\:bui-col-span-5 {
-      grid-column: span 5 / span 5;
-    }
-
-    .sm\:bui-col-span-6 {
-      grid-column: span 6 / span 6;
-    }
-
-    .sm\:bui-col-span-7 {
-      grid-column: span 7 / span 7;
-    }
-
-    .sm\:bui-col-span-8 {
-      grid-column: span 8 / span 8;
-    }
-
-    .sm\:bui-col-span-9 {
-      grid-column: span 9 / span 9;
-    }
-
-    .sm\:bui-col-span-10 {
-      grid-column: span 10 / span 10;
-    }
-
-    .sm\:bui-col-span-11 {
-      grid-column: span 11 / span 11;
-    }
-
-    .sm\:bui-col-span-12 {
-      grid-column: span 12 / span 12;
-    }
-
-    .sm\:bui-col-span-auto {
-      grid-column: span auto / span auto;
-    }
-
-    .sm\:bui-col-start-1 {
-      grid-column-start: 1;
-    }
-
-    .sm\:bui-col-start-2 {
-      grid-column-start: 2;
-    }
-
-    .sm\:bui-col-start-3 {
-      grid-column-start: 3;
-    }
-
-    .sm\:bui-col-start-4 {
-      grid-column-start: 4;
-    }
-
-    .sm\:bui-col-start-5 {
-      grid-column-start: 5;
-    }
-
-    .sm\:bui-col-start-6 {
-      grid-column-start: 6;
-    }
-
-    .sm\:bui-col-start-7 {
-      grid-column-start: 7;
-    }
-
-    .sm\:bui-col-start-8 {
-      grid-column-start: 8;
-    }
-
-    .sm\:bui-col-start-9 {
-      grid-column-start: 9;
-    }
-
-    .sm\:bui-col-start-10 {
-      grid-column-start: 10;
-    }
-
-    .sm\:bui-col-start-11 {
-      grid-column-start: 11;
-    }
-
-    .sm\:bui-col-start-12 {
-      grid-column-start: 12;
-    }
-
-    .sm\:bui-col-start-13 {
-      grid-column-start: 13;
-    }
-
-    .sm\:bui-col-start-auto {
-      grid-column-start: auto;
-    }
-
-    .sm\:bui-col-end-1 {
-      grid-column-end: 1;
-    }
-
-    .sm\:bui-col-end-2 {
-      grid-column-end: 2;
-    }
-
-    .sm\:bui-col-end-3 {
-      grid-column-end: 3;
-    }
-
-    .sm\:bui-col-end-4 {
-      grid-column-end: 4;
-    }
-
-    .sm\:bui-col-end-5 {
-      grid-column-end: 5;
-    }
-
-    .sm\:bui-col-end-6 {
-      grid-column-end: 6;
-    }
-
-    .sm\:bui-col-end-7 {
-      grid-column-end: 7;
-    }
-
-    .sm\:bui-col-end-8 {
-      grid-column-end: 8;
-    }
-
-    .sm\:bui-col-end-9 {
-      grid-column-end: 9;
-    }
-
-    .sm\:bui-col-end-10 {
-      grid-column-end: 10;
-    }
-
-    .sm\:bui-col-end-11 {
-      grid-column-end: 11;
-    }
-
-    .sm\:bui-col-end-12 {
-      grid-column-end: 12;
-    }
-
-    .sm\:bui-col-end-13 {
-      grid-column-end: 13;
-    }
-
-    .sm\:bui-col-end-auto {
-      grid-column-end: auto;
-    }
-
-    .sm\:bui-row-span-1 {
-      grid-row: span 1 / span 1;
-    }
-
-    .sm\:bui-row-span-2 {
-      grid-row: span 2 / span 2;
-    }
-
-    .sm\:bui-row-span-3 {
-      grid-row: span 3 / span 3;
-    }
-
-    .sm\:bui-row-span-4 {
-      grid-row: span 4 / span 4;
-    }
-
-    .sm\:bui-row-span-5 {
-      grid-row: span 5 / span 5;
-    }
-
-    .sm\:bui-row-span-6 {
-      grid-row: span 6 / span 6;
-    }
-
-    .sm\:bui-row-span-7 {
-      grid-row: span 7 / span 7;
-    }
-
-    .sm\:bui-row-span-8 {
-      grid-row: span 8 / span 8;
-    }
-
-    .sm\:bui-row-span-9 {
-      grid-row: span 9 / span 9;
-    }
-
-    .sm\:bui-row-span-10 {
-      grid-row: span 10 / span 10;
-    }
-
-    .sm\:bui-row-span-11 {
-      grid-row: span 11 / span 11;
-    }
-
-    .sm\:bui-row-span-12 {
-      grid-row: span 12 / span 12;
-    }
-
-    .sm\:bui-row-span-auto {
-      grid-row: span auto / span auto;
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-columns-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-
-    .md\:bui-columns-auto {
-      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-    }
-
-    .md\:bui-col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-
-    .md\:bui-col-span-2 {
-      grid-column: span 2 / span 2;
-    }
-
-    .md\:bui-col-span-3 {
-      grid-column: span 3 / span 3;
-    }
-
-    .md\:bui-col-span-4 {
-      grid-column: span 4 / span 4;
-    }
-
-    .md\:bui-col-span-5 {
-      grid-column: span 5 / span 5;
-    }
-
-    .md\:bui-col-span-6 {
-      grid-column: span 6 / span 6;
-    }
-
-    .md\:bui-col-span-7 {
-      grid-column: span 7 / span 7;
-    }
-
-    .md\:bui-col-span-8 {
-      grid-column: span 8 / span 8;
-    }
-
-    .md\:bui-col-span-9 {
-      grid-column: span 9 / span 9;
-    }
-
-    .md\:bui-col-span-10 {
-      grid-column: span 10 / span 10;
-    }
-
-    .md\:bui-col-span-11 {
-      grid-column: span 11 / span 11;
-    }
-
-    .md\:bui-col-span-12 {
-      grid-column: span 12 / span 12;
-    }
-
-    .md\:bui-col-span-auto {
-      grid-column: span auto / span auto;
-    }
-
-    .md\:bui-col-start-1 {
-      grid-column-start: 1;
-    }
-
-    .md\:bui-col-start-2 {
-      grid-column-start: 2;
-    }
-
-    .md\:bui-col-start-3 {
-      grid-column-start: 3;
-    }
-
-    .md\:bui-col-start-4 {
-      grid-column-start: 4;
-    }
-
-    .md\:bui-col-start-5 {
-      grid-column-start: 5;
-    }
-
-    .md\:bui-col-start-6 {
-      grid-column-start: 6;
-    }
-
-    .md\:bui-col-start-7 {
-      grid-column-start: 7;
-    }
-
-    .md\:bui-col-start-8 {
-      grid-column-start: 8;
-    }
-
-    .md\:bui-col-start-9 {
-      grid-column-start: 9;
-    }
-
-    .md\:bui-col-start-10 {
-      grid-column-start: 10;
-    }
-
-    .md\:bui-col-start-11 {
-      grid-column-start: 11;
-    }
-
-    .md\:bui-col-start-12 {
-      grid-column-start: 12;
-    }
-
-    .md\:bui-col-start-13 {
-      grid-column-start: 13;
-    }
-
-    .md\:bui-col-start-auto {
-      grid-column-start: auto;
-    }
-
-    .md\:bui-col-end-1 {
-      grid-column-end: 1;
-    }
-
-    .md\:bui-col-end-2 {
-      grid-column-end: 2;
-    }
-
-    .md\:bui-col-end-3 {
-      grid-column-end: 3;
-    }
-
-    .md\:bui-col-end-4 {
-      grid-column-end: 4;
-    }
-
-    .md\:bui-col-end-5 {
-      grid-column-end: 5;
-    }
-
-    .md\:bui-col-end-6 {
-      grid-column-end: 6;
-    }
-
-    .md\:bui-col-end-7 {
-      grid-column-end: 7;
-    }
-
-    .md\:bui-col-end-8 {
-      grid-column-end: 8;
-    }
-
-    .md\:bui-col-end-9 {
-      grid-column-end: 9;
-    }
-
-    .md\:bui-col-end-10 {
-      grid-column-end: 10;
-    }
-
-    .md\:bui-col-end-11 {
-      grid-column-end: 11;
-    }
-
-    .md\:bui-col-end-12 {
-      grid-column-end: 12;
-    }
-
-    .md\:bui-col-end-13 {
-      grid-column-end: 13;
-    }
-
-    .md\:bui-col-end-auto {
-      grid-column-end: auto;
-    }
-
-    .md\:bui-row-span-1 {
-      grid-row: span 1 / span 1;
-    }
-
-    .md\:bui-row-span-2 {
-      grid-row: span 2 / span 2;
-    }
-
-    .md\:bui-row-span-3 {
-      grid-row: span 3 / span 3;
-    }
-
-    .md\:bui-row-span-4 {
-      grid-row: span 4 / span 4;
-    }
-
-    .md\:bui-row-span-5 {
-      grid-row: span 5 / span 5;
-    }
-
-    .md\:bui-row-span-6 {
-      grid-row: span 6 / span 6;
-    }
-
-    .md\:bui-row-span-7 {
-      grid-row: span 7 / span 7;
-    }
-
-    .md\:bui-row-span-8 {
-      grid-row: span 8 / span 8;
-    }
-
-    .md\:bui-row-span-9 {
-      grid-row: span 9 / span 9;
-    }
-
-    .md\:bui-row-span-10 {
-      grid-row: span 10 / span 10;
-    }
-
-    .md\:bui-row-span-11 {
-      grid-row: span 11 / span 11;
-    }
-
-    .md\:bui-row-span-12 {
-      grid-row: span 12 / span 12;
-    }
-
-    .md\:bui-row-span-auto {
-      grid-row: span auto / span auto;
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-columns-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-
-    .lg\:bui-columns-auto {
-      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-    }
-
-    .lg\:bui-col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-
-    .lg\:bui-col-span-2 {
-      grid-column: span 2 / span 2;
-    }
-
-    .lg\:bui-col-span-3 {
-      grid-column: span 3 / span 3;
-    }
-
-    .lg\:bui-col-span-4 {
-      grid-column: span 4 / span 4;
-    }
-
-    .lg\:bui-col-span-5 {
-      grid-column: span 5 / span 5;
-    }
-
-    .lg\:bui-col-span-6 {
-      grid-column: span 6 / span 6;
-    }
-
-    .lg\:bui-col-span-7 {
-      grid-column: span 7 / span 7;
-    }
-
-    .lg\:bui-col-span-8 {
-      grid-column: span 8 / span 8;
-    }
-
-    .lg\:bui-col-span-9 {
-      grid-column: span 9 / span 9;
-    }
-
-    .lg\:bui-col-span-10 {
-      grid-column: span 10 / span 10;
-    }
-
-    .lg\:bui-col-span-11 {
-      grid-column: span 11 / span 11;
-    }
-
-    .lg\:bui-col-span-12 {
-      grid-column: span 12 / span 12;
-    }
-
-    .lg\:bui-col-span-auto {
-      grid-column: span auto / span auto;
-    }
-
-    .lg\:bui-col-start-1 {
-      grid-column-start: 1;
-    }
-
-    .lg\:bui-col-start-2 {
-      grid-column-start: 2;
-    }
-
-    .lg\:bui-col-start-3 {
-      grid-column-start: 3;
-    }
-
-    .lg\:bui-col-start-4 {
-      grid-column-start: 4;
-    }
-
-    .lg\:bui-col-start-5 {
-      grid-column-start: 5;
-    }
-
-    .lg\:bui-col-start-6 {
-      grid-column-start: 6;
-    }
-
-    .lg\:bui-col-start-7 {
-      grid-column-start: 7;
-    }
-
-    .lg\:bui-col-start-8 {
-      grid-column-start: 8;
-    }
-
-    .lg\:bui-col-start-9 {
-      grid-column-start: 9;
-    }
-
-    .lg\:bui-col-start-10 {
-      grid-column-start: 10;
-    }
-
-    .lg\:bui-col-start-11 {
-      grid-column-start: 11;
-    }
-
-    .lg\:bui-col-start-12 {
-      grid-column-start: 12;
-    }
-
-    .lg\:bui-col-start-13 {
-      grid-column-start: 13;
-    }
-
-    .lg\:bui-col-start-auto {
-      grid-column-start: auto;
-    }
-
-    .lg\:bui-col-end-1 {
-      grid-column-end: 1;
-    }
-
-    .lg\:bui-col-end-2 {
-      grid-column-end: 2;
-    }
-
-    .lg\:bui-col-end-3 {
-      grid-column-end: 3;
-    }
-
-    .lg\:bui-col-end-4 {
-      grid-column-end: 4;
-    }
-
-    .lg\:bui-col-end-5 {
-      grid-column-end: 5;
-    }
-
-    .lg\:bui-col-end-6 {
-      grid-column-end: 6;
-    }
-
-    .lg\:bui-col-end-7 {
-      grid-column-end: 7;
-    }
-
-    .lg\:bui-col-end-8 {
-      grid-column-end: 8;
-    }
-
-    .lg\:bui-col-end-9 {
-      grid-column-end: 9;
-    }
-
-    .lg\:bui-col-end-10 {
-      grid-column-end: 10;
-    }
-
-    .lg\:bui-col-end-11 {
-      grid-column-end: 11;
-    }
-
-    .lg\:bui-col-end-12 {
-      grid-column-end: 12;
-    }
-
-    .lg\:bui-col-end-13 {
-      grid-column-end: 13;
-    }
-
-    .lg\:bui-col-end-auto {
-      grid-column-end: auto;
-    }
-
-    .lg\:bui-row-span-1 {
-      grid-row: span 1 / span 1;
-    }
-
-    .lg\:bui-row-span-2 {
-      grid-row: span 2 / span 2;
-    }
-
-    .lg\:bui-row-span-3 {
-      grid-row: span 3 / span 3;
-    }
-
-    .lg\:bui-row-span-4 {
-      grid-row: span 4 / span 4;
-    }
-
-    .lg\:bui-row-span-5 {
-      grid-row: span 5 / span 5;
-    }
-
-    .lg\:bui-row-span-6 {
-      grid-row: span 6 / span 6;
-    }
-
-    .lg\:bui-row-span-7 {
-      grid-row: span 7 / span 7;
-    }
-
-    .lg\:bui-row-span-8 {
-      grid-row: span 8 / span 8;
-    }
-
-    .lg\:bui-row-span-9 {
-      grid-row: span 9 / span 9;
-    }
-
-    .lg\:bui-row-span-10 {
-      grid-row: span 10 / span 10;
-    }
-
-    .lg\:bui-row-span-11 {
-      grid-row: span 11 / span 11;
-    }
-
-    .lg\:bui-row-span-12 {
-      grid-row: span 12 / span 12;
-    }
-
-    .lg\:bui-row-span-auto {
-      grid-row: span auto / span auto;
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-columns-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-
-    .xl\:bui-columns-auto {
-      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-    }
-
-    .xl\:bui-col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-
-    .xl\:bui-col-span-2 {
-      grid-column: span 2 / span 2;
-    }
-
-    .xl\:bui-col-span-3 {
-      grid-column: span 3 / span 3;
-    }
-
-    .xl\:bui-col-span-4 {
-      grid-column: span 4 / span 4;
-    }
-
-    .xl\:bui-col-span-5 {
-      grid-column: span 5 / span 5;
-    }
-
-    .xl\:bui-col-span-6 {
-      grid-column: span 6 / span 6;
-    }
-
-    .xl\:bui-col-span-7 {
-      grid-column: span 7 / span 7;
-    }
-
-    .xl\:bui-col-span-8 {
-      grid-column: span 8 / span 8;
-    }
-
-    .xl\:bui-col-span-9 {
-      grid-column: span 9 / span 9;
-    }
-
-    .xl\:bui-col-span-10 {
-      grid-column: span 10 / span 10;
-    }
-
-    .xl\:bui-col-span-11 {
-      grid-column: span 11 / span 11;
-    }
-
-    .xl\:bui-col-span-12 {
-      grid-column: span 12 / span 12;
-    }
-
-    .xl\:bui-col-span-auto {
-      grid-column: span auto / span auto;
-    }
-
-    .xl\:bui-col-start-1 {
-      grid-column-start: 1;
-    }
-
-    .xl\:bui-col-start-2 {
-      grid-column-start: 2;
-    }
-
-    .xl\:bui-col-start-3 {
-      grid-column-start: 3;
-    }
-
-    .xl\:bui-col-start-4 {
-      grid-column-start: 4;
-    }
-
-    .xl\:bui-col-start-5 {
-      grid-column-start: 5;
-    }
-
-    .xl\:bui-col-start-6 {
-      grid-column-start: 6;
-    }
-
-    .xl\:bui-col-start-7 {
-      grid-column-start: 7;
-    }
-
-    .xl\:bui-col-start-8 {
-      grid-column-start: 8;
-    }
-
-    .xl\:bui-col-start-9 {
-      grid-column-start: 9;
-    }
-
-    .xl\:bui-col-start-10 {
-      grid-column-start: 10;
-    }
-
-    .xl\:bui-col-start-11 {
-      grid-column-start: 11;
-    }
-
-    .xl\:bui-col-start-12 {
-      grid-column-start: 12;
-    }
-
-    .xl\:bui-col-start-13 {
-      grid-column-start: 13;
-    }
-
-    .xl\:bui-col-start-auto {
-      grid-column-start: auto;
-    }
-
-    .xl\:bui-col-end-1 {
-      grid-column-end: 1;
-    }
-
-    .xl\:bui-col-end-2 {
-      grid-column-end: 2;
-    }
-
-    .xl\:bui-col-end-3 {
-      grid-column-end: 3;
-    }
-
-    .xl\:bui-col-end-4 {
-      grid-column-end: 4;
-    }
-
-    .xl\:bui-col-end-5 {
-      grid-column-end: 5;
-    }
-
-    .xl\:bui-col-end-6 {
-      grid-column-end: 6;
-    }
-
-    .xl\:bui-col-end-7 {
-      grid-column-end: 7;
-    }
-
-    .xl\:bui-col-end-8 {
-      grid-column-end: 8;
-    }
-
-    .xl\:bui-col-end-9 {
-      grid-column-end: 9;
-    }
-
-    .xl\:bui-col-end-10 {
-      grid-column-end: 10;
-    }
-
-    .xl\:bui-col-end-11 {
-      grid-column-end: 11;
-    }
-
-    .xl\:bui-col-end-12 {
-      grid-column-end: 12;
-    }
-
-    .xl\:bui-col-end-13 {
-      grid-column-end: 13;
-    }
-
-    .xl\:bui-col-end-auto {
-      grid-column-end: auto;
-    }
-
-    .xl\:bui-row-span-1 {
-      grid-row: span 1 / span 1;
-    }
-
-    .xl\:bui-row-span-2 {
-      grid-row: span 2 / span 2;
-    }
-
-    .xl\:bui-row-span-3 {
-      grid-row: span 3 / span 3;
-    }
-
-    .xl\:bui-row-span-4 {
-      grid-row: span 4 / span 4;
-    }
-
-    .xl\:bui-row-span-5 {
-      grid-row: span 5 / span 5;
-    }
-
-    .xl\:bui-row-span-6 {
-      grid-row: span 6 / span 6;
-    }
-
-    .xl\:bui-row-span-7 {
-      grid-row: span 7 / span 7;
-    }
-
-    .xl\:bui-row-span-8 {
-      grid-row: span 8 / span 8;
-    }
-
-    .xl\:bui-row-span-9 {
-      grid-row: span 9 / span 9;
-    }
-
-    .xl\:bui-row-span-10 {
-      grid-row: span 10 / span 10;
-    }
-
-    .xl\:bui-row-span-11 {
-      grid-row: span 11 / span 11;
-    }
-
-    .xl\:bui-row-span-12 {
-      grid-row: span 12 / span 12;
-    }
-
-    .xl\:bui-row-span-auto {
-      grid-row: span auto / span auto;
-    }
-  }
-
-  .bui-gap {
-    gap: var(--gap);
-  }
-
-  .bui-gap-0\.5 {
-    gap: var(--bui-space-0_5);
-  }
-
-  .bui-gap-1 {
-    gap: var(--bui-space-1);
-  }
-
-  .bui-gap-1\.5 {
-    gap: var(--bui-space-1_5);
-  }
-
-  .bui-gap-2 {
-    gap: var(--bui-space-2);
-  }
-
-  .bui-gap-3 {
-    gap: var(--bui-space-3);
-  }
-
-  .bui-gap-4 {
-    gap: var(--bui-space-4);
-  }
-
-  .bui-gap-5 {
-    gap: var(--bui-space-5);
-  }
-
-  .bui-gap-6 {
-    gap: var(--bui-space-6);
-  }
-
-  .bui-gap-7 {
-    gap: var(--bui-space-7);
-  }
-
-  .bui-gap-8 {
-    gap: var(--bui-space-8);
-  }
-
-  .bui-gap-9 {
-    gap: var(--bui-space-9);
-  }
-
-  .bui-gap-10 {
-    gap: var(--bui-space-10);
-  }
-
-  .bui-gap-11 {
-    gap: var(--bui-space-11);
-  }
-
-  .bui-gap-12 {
-    gap: var(--bui-space-12);
-  }
-
-  .bui-gap-13 {
-    gap: var(--bui-space-13);
-  }
-
-  .bui-gap-14 {
-    gap: var(--bui-space-14);
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-gap {
-      gap: var(--gap-xs);
-    }
-
-    .xs\:bui-gap-0\.5 {
-      gap: var(--bui-space-0_5);
-    }
-
-    .xs\:bui-gap-1 {
-      gap: var(--bui-space-1);
-    }
-
-    .xs\:bui-gap-1\.5 {
-      gap: var(--bui-space-1_5);
-    }
-
-    .xs\:bui-gap-2 {
-      gap: var(--bui-space-2);
-    }
-
-    .xs\:bui-gap-3 {
-      gap: var(--bui-space-3);
-    }
-
-    .xs\:bui-gap-4 {
-      gap: var(--bui-space-4);
-    }
-
-    .xs\:bui-gap-5 {
-      gap: var(--bui-space-5);
-    }
-
-    .xs\:bui-gap-6 {
-      gap: var(--bui-space-6);
-    }
-
-    .xs\:bui-gap-7 {
-      gap: var(--bui-space-7);
-    }
-
-    .xs\:bui-gap-8 {
-      gap: var(--bui-space-8);
-    }
-
-    .xs\:bui-gap-9 {
-      gap: var(--bui-space-9);
-    }
-
-    .xs\:bui-gap-10 {
-      gap: var(--bui-space-10);
-    }
-
-    .xs\:bui-gap-11 {
-      gap: var(--bui-space-11);
-    }
-
-    .xs\:bui-gap-12 {
-      gap: var(--bui-space-12);
-    }
-
-    .xs\:bui-gap-13 {
-      gap: var(--bui-space-13);
-    }
-
-    .xs\:bui-gap-14 {
-      gap: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-gap {
-      gap: var(--gap-sm);
-    }
-
-    .sm\:bui-gap-0\.5 {
-      gap: var(--bui-space-0_5);
-    }
-
-    .sm\:bui-gap-1 {
-      gap: var(--bui-space-1);
-    }
-
-    .sm\:bui-gap-1\.5 {
-      gap: var(--bui-space-1_5);
-    }
-
-    .sm\:bui-gap-2 {
-      gap: var(--bui-space-2);
-    }
-
-    .sm\:bui-gap-3 {
-      gap: var(--bui-space-3);
-    }
-
-    .sm\:bui-gap-4 {
-      gap: var(--bui-space-4);
-    }
-
-    .sm\:bui-gap-5 {
-      gap: var(--bui-space-5);
-    }
-
-    .sm\:bui-gap-6 {
-      gap: var(--bui-space-6);
-    }
-
-    .sm\:bui-gap-7 {
-      gap: var(--bui-space-7);
-    }
-
-    .sm\:bui-gap-8 {
-      gap: var(--bui-space-8);
-    }
-
-    .sm\:bui-gap-9 {
-      gap: var(--bui-space-9);
-    }
-
-    .sm\:bui-gap-10 {
-      gap: var(--bui-space-10);
-    }
-
-    .sm\:bui-gap-11 {
-      gap: var(--bui-space-11);
-    }
-
-    .sm\:bui-gap-12 {
-      gap: var(--bui-space-12);
-    }
-
-    .sm\:bui-gap-13 {
-      gap: var(--bui-space-13);
-    }
-
-    .sm\:bui-gap-14 {
-      gap: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-gap {
-      gap: var(--gap-md);
-    }
-
-    .md\:bui-gap-0\.5 {
-      gap: var(--bui-space-0_5);
-    }
-
-    .md\:bui-gap-1 {
-      gap: var(--bui-space-1);
-    }
-
-    .md\:bui-gap-1\.5 {
-      gap: var(--bui-space-1_5);
-    }
-
-    .md\:bui-gap-2 {
-      gap: var(--bui-space-2);
-    }
-
-    .md\:bui-gap-3 {
-      gap: var(--bui-space-3);
-    }
-
-    .md\:bui-gap-4 {
-      gap: var(--bui-space-4);
-    }
-
-    .md\:bui-gap-5 {
-      gap: var(--bui-space-5);
-    }
-
-    .md\:bui-gap-6 {
-      gap: var(--bui-space-6);
-    }
-
-    .md\:bui-gap-7 {
-      gap: var(--bui-space-7);
-    }
-
-    .md\:bui-gap-8 {
-      gap: var(--bui-space-8);
-    }
-
-    .md\:bui-gap-9 {
-      gap: var(--bui-space-9);
-    }
-
-    .md\:bui-gap-10 {
-      gap: var(--bui-space-10);
-    }
-
-    .md\:bui-gap-11 {
-      gap: var(--bui-space-11);
-    }
-
-    .md\:bui-gap-12 {
-      gap: var(--bui-space-12);
-    }
-
-    .md\:bui-gap-13 {
-      gap: var(--bui-space-13);
-    }
-
-    .md\:bui-gap-14 {
-      gap: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-gap {
-      gap: var(--gap-lg);
-    }
-
-    .lg\:bui-gap-0\.5 {
-      gap: var(--bui-space-0_5);
-    }
-
-    .lg\:bui-gap-1 {
-      gap: var(--bui-space-1);
-    }
-
-    .lg\:bui-gap-1\.5 {
-      gap: var(--bui-space-1_5);
-    }
-
-    .lg\:bui-gap-2 {
-      gap: var(--bui-space-2);
-    }
-
-    .lg\:bui-gap-3 {
-      gap: var(--bui-space-3);
-    }
-
-    .lg\:bui-gap-4 {
-      gap: var(--bui-space-4);
-    }
-
-    .lg\:bui-gap-5 {
-      gap: var(--bui-space-5);
-    }
-
-    .lg\:bui-gap-6 {
-      gap: var(--bui-space-6);
-    }
-
-    .lg\:bui-gap-7 {
-      gap: var(--bui-space-7);
-    }
-
-    .lg\:bui-gap-8 {
-      gap: var(--bui-space-8);
-    }
-
-    .lg\:bui-gap-9 {
-      gap: var(--bui-space-9);
-    }
-
-    .lg\:bui-gap-10 {
-      gap: var(--bui-space-10);
-    }
-
-    .lg\:bui-gap-11 {
-      gap: var(--bui-space-11);
-    }
-
-    .lg\:bui-gap-12 {
-      gap: var(--bui-space-12);
-    }
-
-    .lg\:bui-gap-13 {
-      gap: var(--bui-space-13);
-    }
-
-    .lg\:bui-gap-14 {
-      gap: var(--bui-space-14);
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-gap {
-      gap: var(--gap-xl);
-    }
-
-    .xl\:bui-gap-0\.5 {
-      gap: var(--bui-space-0_5);
-    }
-
-    .xl\:bui-gap-1 {
-      gap: var(--bui-space-1);
-    }
-
-    .xl\:bui-gap-1\.5 {
-      gap: var(--bui-space-1_5);
-    }
-
-    .xl\:bui-gap-2 {
-      gap: var(--bui-space-2);
-    }
-
-    .xl\:bui-gap-3 {
-      gap: var(--bui-space-3);
-    }
-
-    .xl\:bui-gap-4 {
-      gap: var(--bui-space-4);
-    }
-
-    .xl\:bui-gap-5 {
-      gap: var(--bui-space-5);
-    }
-
-    .xl\:bui-gap-6 {
-      gap: var(--bui-space-6);
-    }
-
-    .xl\:bui-gap-7 {
-      gap: var(--bui-space-7);
-    }
-
-    .xl\:bui-gap-8 {
-      gap: var(--bui-space-8);
-    }
-
-    .xl\:bui-gap-9 {
-      gap: var(--bui-space-9);
-    }
-
-    .xl\:bui-gap-10 {
-      gap: var(--bui-space-10);
-    }
-
-    .xl\:bui-gap-11 {
-      gap: var(--bui-space-11);
-    }
-
-    .xl\:bui-gap-12 {
-      gap: var(--bui-space-12);
-    }
-
-    .xl\:bui-gap-13 {
-      gap: var(--bui-space-13);
-    }
-
-    .xl\:bui-gap-14 {
-      gap: var(--bui-space-14);
-    }
-  }
-
-  .bui-align-start {
-    align-items: start;
-  }
-
-  .bui-align-center {
-    align-items: center;
-  }
-
-  .bui-align-end {
-    align-items: end;
-  }
-
-  .bui-align-baseline {
-    align-items: baseline;
-  }
-
-  .bui-align-stretch {
-    align-items: stretch;
-  }
-
-  .bui-jc-start {
-    justify-content: start;
-  }
-
-  .bui-jc-center {
-    justify-content: center;
-  }
-
-  .bui-jc-end {
-    justify-content: end;
-  }
-
-  .bui-jc-between {
-    justify-content: space-between;
-  }
-
-  .bui-fd-row {
-    flex-direction: row;
-  }
-
-  .bui-fd-column {
-    flex-direction: column;
-  }
-
-  .bui-fd-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .bui-fd-column-reverse {
-    flex-direction: column-reverse;
-  }
-
-  @media (width >= 640px) {
-    .xs\:bui-align-start {
-      align-items: start;
-    }
-
-    .xs\:bui-align-center {
-      align-items: center;
-    }
-
-    .xs\:bui-align-end {
-      align-items: end;
-    }
-
-    .xs\:bui-align-stretch {
-      align-items: stretch;
-    }
-
-    .xs\:bui-jc-start {
-      justify-content: start;
-    }
-
-    .xs\:bui-jc-center {
-      justify-content: center;
-    }
-
-    .xs\:bui-jc-end {
-      justify-content: end;
-    }
-
-    .xs\:bui-jc-between {
-      justify-content: space-between;
-    }
-
-    .xs\:bui-fd-row {
-      flex-direction: row;
-    }
-
-    .xs\:bui-fd-column {
-      flex-direction: column;
-    }
-
-    .xs\:bui-fd-row-reverse {
-      flex-direction: row-reverse;
-    }
-
-    .xs\:bui-fd-column-reverse {
-      flex-direction: column-reverse;
-    }
-  }
-
-  @media (width >= 768px) {
-    .sm\:bui-align-start {
-      align-items: start;
-    }
-
-    .sm\:bui-align-center {
-      align-items: center;
-    }
-
-    .sm\:bui-align-end {
-      align-items: end;
-    }
-
-    .sm\:bui-align-stretch {
-      align-items: stretch;
-    }
-
-    .sm\:bui-jc-start {
-      justify-content: start;
-    }
-
-    .sm\:bui-jc-center {
-      justify-content: center;
-    }
-
-    .sm\:bui-jc-end {
-      justify-content: end;
-    }
-
-    .sm\:bui-jc-between {
-      justify-content: space-between;
-    }
-
-    .sm\:bui-fd-row {
-      flex-direction: row;
-    }
-
-    .sm\:bui-fd-column {
-      flex-direction: column;
-    }
-
-    .sm\:bui-fd-row-reverse {
-      flex-direction: row-reverse;
-    }
-
-    .sm\:bui-fd-column-reverse {
-      flex-direction: column-reverse;
-    }
-  }
-
-  @media (width >= 1024px) {
-    .md\:bui-align-start {
-      align-items: start;
-    }
-
-    .md\:bui-align-center {
-      align-items: center;
-    }
-
-    .md\:bui-align-end {
-      align-items: end;
-    }
-
-    .md\:bui-align-stretch {
-      align-items: stretch;
-    }
-
-    .md\:bui-jc-start {
-      justify-content: start;
-    }
-
-    .md\:bui-jc-center {
-      justify-content: center;
-    }
-
-    .md\:bui-jc-end {
-      justify-content: end;
-    }
-
-    .md\:bui-jc-between {
-      justify-content: space-between;
-    }
-
-    .md\:bui-fd-row {
-      flex-direction: row;
-    }
-
-    .md\:bui-fd-column {
-      flex-direction: column;
-    }
-
-    .md\:bui-fd-row-reverse {
-      flex-direction: row-reverse;
-    }
-
-    .md\:bui-fd-column-reverse {
-      flex-direction: column-reverse;
-    }
-  }
-
-  @media (width >= 1280px) {
-    .lg\:bui-align-start {
-      align-items: start;
-    }
-
-    .lg\:bui-align-center {
-      align-items: center;
-    }
-
-    .lg\:bui-align-end {
-      align-items: end;
-    }
-
-    .lg\:bui-align-stretch {
-      align-items: stretch;
-    }
-
-    .lg\:bui-jc-start {
-      justify-content: start;
-    }
-
-    .lg\:bui-jc-center {
-      justify-content: center;
-    }
-
-    .lg\:bui-jc-end {
-      justify-content: end;
-    }
-
-    .lg\:bui-jc-between {
-      justify-content: space-between;
-    }
-
-    .lg\:bui-fd-row {
-      flex-direction: row;
-    }
-
-    .lg\:bui-fd-column {
-      flex-direction: column;
-    }
-
-    .lg\:bui-fd-row-reverse {
-      flex-direction: row-reverse;
-    }
-
-    .lg\:bui-fd-column-reverse {
-      flex-direction: column-reverse;
-    }
-  }
-
-  @media (width >= 1536px) {
-    .xl\:bui-align-start {
-      align-items: start;
-    }
-
-    .xl\:bui-align-center {
-      align-items: center;
-    }
-
-    .xl\:bui-align-end {
-      align-items: end;
-    }
-
-    .xl\:bui-align-stretch {
-      align-items: stretch;
-    }
-
-    .xl\:bui-jc-start {
-      justify-content: start;
-    }
-
-    .xl\:bui-jc-center {
-      justify-content: center;
-    }
-
-    .xl\:bui-jc-end {
-      justify-content: end;
-    }
-
-    .xl\:bui-jc-between {
-      justify-content: space-between;
-    }
-
-    .xl\:bui-fd-row {
-      flex-direction: row;
-    }
-
-    .xl\:bui-fd-column {
-      flex-direction: column;
-    }
-
-    .xl\:bui-fd-row-reverse {
-      flex-direction: row-reverse;
-    }
-
-    .xl\:bui-fd-column-reverse {
-      flex-direction: column-reverse;
-    }
-  }
-}
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 7dd52b293c..a70a060dad 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -5,9 +5,7 @@
     "role": "web-library"
   },
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
   },
   "keywords": [
     "backstage"
@@ -22,17 +20,25 @@
   "sideEffects": [
     "*.css"
   ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./css/styles.css": "./src/css/styles.css",
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "main": "src/index.ts",
   "types": "src/index.ts",
   "files": [
-    "dist",
-    "css"
+    "dist"
   ],
   "scripts": {
-    "build": "yarn build:app && yarn build:css",
-    "build:app": "backstage-cli package build",
-    "build:css": "node scripts/build-css.mjs",
-    "build:css:watch": "node scripts/build-css.mjs --watch",
+    "build": "backstage-cli package build",
     "clean": "backstage-cli package clean",
     "lint": "backstage-cli package lint",
     "prepack": "backstage-cli package prepack",
@@ -50,12 +56,9 @@
     "@backstage/cli": "workspace:^",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "chalk": "^5.4.1",
     "eslint-plugin-storybook": "^10.3.0-alpha.1",
     "glob": "^11.0.1",
     "globals": "^15.11.0",
-    "lightningcss": "^1.29.1",
-    "mini-css-extract-plugin": "^2.9.2",
     "react": "^18.0.2",
     "react-dom": "^18.0.2",
     "react-router-dom": "^6.30.2",
diff --git a/packages/ui/scripts/build-css.mjs b/packages/ui/scripts/build-css.mjs
deleted file mode 100644
index ed4a4ed457..0000000000
--- a/packages/ui/scripts/build-css.mjs
+++ /dev/null
@@ -1,79 +0,0 @@
-/*
- * Copyright 2024 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/* eslint-disable no-restricted-imports */
-import { transform, bundle } from 'lightningcss';
-import fs from 'node:fs';
-import chalk from 'chalk';
-/* eslint-enable no-restricted-imports */
-
-const srcFile = 'src/css/styles.css';
-const distDir = 'css';
-const distFile = `${distDir}/styles.css`;
-
-// Check if styles.css exists
-if (!fs.existsSync(srcFile)) {
-  console.error(`${srcFile} does not exist`);
-  process.exit(1);
-}
-
-// Ensure the dist/css directory exists
-if (!fs.existsSync(distDir)) {
-  fs.mkdirSync(distDir, { recursive: true });
-}
-
-const args = process.argv.slice(2);
-const watchMode = args.includes('--watch');
-
-async function buildCSS(logs = true) {
-  const css = fs.readFileSync(srcFile);
-
-  let { code: bundleCode } = bundle({
-    filename: srcFile,
-  });
-
-  const { code } = transform({
-    filename: distFile,
-    code: bundleCode,
-    minify: false,
-  });
-
-  // Prepend the layer order declaration that lightningcss removes during bundling
-  // This is crucial to maintain the correct layer cascade order
-  const layerDeclaration = '@layer tokens, base, components, utilities;\n\n';
-  const finalCode = layerDeclaration + code;
-
-  fs.writeFileSync(distFile, finalCode);
-  if (logs) {
-    console.log(chalk.blue('CSS transformed and minified: ') + 'styles.css');
-    console.log(chalk.green('CSS file built successfully!'));
-  }
-}
-
-if (watchMode) {
-  fs.watch('src/css', { recursive: true }, (eventType, filename) => {
-    if (filename === 'styles.css') {
-      console.log(
-        chalk.yellow(`Changes detected in ${filename}, rebuilding...`),
-      );
-      buildCSS(false).catch(console.error);
-    }
-  });
-  buildCSS().catch(console.error);
-  console.log(chalk.yellow('Watching for CSS changes...'));
-} else {
-  buildCSS().catch(console.error);
-}
diff --git a/yarn.lock b/yarn.lock
index 0544682600..f90a8202c4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3395,6 +3395,7 @@ __metadata:
     p-queue: "npm:^6.6.2"
     pirates: "npm:^4.0.6"
     postcss: "npm:^8.1.0"
+    postcss-import: "npm:^16.1.0"
     process: "npm:^0.11.10"
     raw-loader: "npm:^4.0.2"
     react-dev-utils: "npm:^12.0.0-next.60"
@@ -8050,13 +8051,10 @@ __metadata:
     "@tanstack/react-table": "npm:^8.21.3"
     "@types/react": "npm:^18.0.0"
     "@types/react-dom": "npm:^18.0.0"
-    chalk: "npm:^5.4.1"
     clsx: "npm:^2.1.1"
     eslint-plugin-storybook: "npm:^10.3.0-alpha.1"
     glob: "npm:^11.0.1"
     globals: "npm:^15.11.0"
-    lightningcss: "npm:^1.29.1"
-    mini-css-extract-plugin: "npm:^2.9.2"
     react: "npm:^18.0.2"
     react-aria-components: "npm:^1.14.0"
     react-dom: "npm:^18.0.2"
@@ -29160,7 +29158,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-libc@npm:^2.0.0, detect-libc@npm:^2.0.3":
+"detect-libc@npm:^2.0.0":
   version: 2.0.3
   resolution: "detect-libc@npm:2.0.3"
   checksum: 10/b4ea018d623e077bd395f168a9e81db77370dde36a5b01d067f2ad7989924a81d31cb547ff764acb2aa25d50bb7fdde0b0a93bec02212b0cb430621623246d39
@@ -34835,7 +34833,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.13.0, is-core-module@npm:^2.16.0, is-core-module@npm:^2.16.1":
+"is-core-module@npm:^2.13.0, is-core-module@npm:^2.16.1":
   version: 2.16.1
   resolution: "is-core-module@npm:2.16.1"
   dependencies:
@@ -37303,126 +37301,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lightningcss-android-arm64@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-android-arm64@npm:1.30.2"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"lightningcss-darwin-arm64@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-darwin-arm64@npm:1.30.2"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"lightningcss-darwin-x64@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-darwin-x64@npm:1.30.2"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"lightningcss-freebsd-x64@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-freebsd-x64@npm:1.30.2"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"lightningcss-linux-arm-gnueabihf@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-linux-arm-gnueabihf@npm:1.30.2"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"lightningcss-linux-arm64-gnu@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-linux-arm64-gnu@npm:1.30.2"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"lightningcss-linux-arm64-musl@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-linux-arm64-musl@npm:1.30.2"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"lightningcss-linux-x64-gnu@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-linux-x64-gnu@npm:1.30.2"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"lightningcss-linux-x64-musl@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-linux-x64-musl@npm:1.30.2"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"lightningcss-win32-arm64-msvc@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-win32-arm64-msvc@npm:1.30.2"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"lightningcss-win32-x64-msvc@npm:1.30.2":
-  version: 1.30.2
-  resolution: "lightningcss-win32-x64-msvc@npm:1.30.2"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"lightningcss@npm:^1.29.1":
-  version: 1.30.2
-  resolution: "lightningcss@npm:1.30.2"
-  dependencies:
-    detect-libc: "npm:^2.0.3"
-    lightningcss-android-arm64: "npm:1.30.2"
-    lightningcss-darwin-arm64: "npm:1.30.2"
-    lightningcss-darwin-x64: "npm:1.30.2"
-    lightningcss-freebsd-x64: "npm:1.30.2"
-    lightningcss-linux-arm-gnueabihf: "npm:1.30.2"
-    lightningcss-linux-arm64-gnu: "npm:1.30.2"
-    lightningcss-linux-arm64-musl: "npm:1.30.2"
-    lightningcss-linux-x64-gnu: "npm:1.30.2"
-    lightningcss-linux-x64-musl: "npm:1.30.2"
-    lightningcss-win32-arm64-msvc: "npm:1.30.2"
-    lightningcss-win32-x64-msvc: "npm:1.30.2"
-  dependenciesMeta:
-    lightningcss-android-arm64:
-      optional: true
-    lightningcss-darwin-arm64:
-      optional: true
-    lightningcss-darwin-x64:
-      optional: true
-    lightningcss-freebsd-x64:
-      optional: true
-    lightningcss-linux-arm-gnueabihf:
-      optional: true
-    lightningcss-linux-arm64-gnu:
-      optional: true
-    lightningcss-linux-arm64-musl:
-      optional: true
-    lightningcss-linux-x64-gnu:
-      optional: true
-    lightningcss-linux-x64-musl:
-      optional: true
-    lightningcss-win32-arm64-msvc:
-      optional: true
-    lightningcss-win32-x64-msvc:
-      optional: true
-  checksum: 10/d6cc06d9bac295589a49446e9c45a241dfa16f4f81a7318c26cbc0be3e189003ec0da5d9a0fd9bdffc63a3ce05878cc7329277eaac77a826e8b68c73dc96cfda
-  languageName: node
-  linkType: hard
-
 "lilconfig@npm:^2.0.3":
   version: 2.1.0
   resolution: "lilconfig@npm:2.1.0"
@@ -39318,7 +39196,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mini-css-extract-plugin@npm:^2.4.2, mini-css-extract-plugin@npm:^2.9.2":
+"mini-css-extract-plugin@npm:^2.4.2":
   version: 2.10.0
   resolution: "mini-css-extract-plugin@npm:2.10.0"
   dependencies:
@@ -42652,6 +42530,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-import@npm:^16.1.0":
+  version: 16.1.1
+  resolution: "postcss-import@npm:16.1.1"
+  dependencies:
+    postcss-value-parser: "npm:^4.0.0"
+    read-cache: "npm:^1.0.0"
+    resolve: "npm:^1.1.7"
+  peerDependencies:
+    postcss: ^8.0.0
+  checksum: 10/2afac2b6e25f263f45ac2168c5f5e4b2e49e3d44c620338138fe89cf81bd83e6056784a26d54c58611d05dda18bc56069212484ec750bbf6d2e29b623460a7f9
+  languageName: node
+  linkType: hard
+
 "postcss-load-config@npm:^3.0.0":
   version: 3.0.1
   resolution: "postcss-load-config@npm:3.0.1"
@@ -42973,7 +42864,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-value-parser@npm:^4.0.2, postcss-value-parser@npm:^4.1.0, postcss-value-parser@npm:^4.2.0":
+"postcss-value-parser@npm:^4.0.0, postcss-value-parser@npm:^4.0.2, postcss-value-parser@npm:^4.1.0, postcss-value-parser@npm:^4.2.0":
   version: 4.2.0
   resolution: "postcss-value-parser@npm:4.2.0"
   checksum: 10/e4e4486f33b3163a606a6ed94f9c196ab49a37a7a7163abfcd469e5f113210120d70b8dd5e33d64636f41ad52316a3725655421eb9a1094f1bcab1db2f555c62
@@ -44784,6 +44675,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"read-cache@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "read-cache@npm:1.0.0"
+  dependencies:
+    pify: "npm:^2.3.0"
+  checksum: 10/83a39149d9dfa38f0c482ea0d77b34773c92fef07fe7599cdd914d255b14d0453e0229ef6379d8d27d6947f42d7581635296d0cfa7708f05a9bd8e789d398b31
+  languageName: node
+  linkType: hard
+
 "read-cmd-shim@npm:^2.0.0":
   version: 2.0.0
   resolution: "read-cmd-shim@npm:2.0.0"
@@ -45364,16 +45264,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.1.6, resolve@npm:^1.17.0, resolve@npm:^1.19.0, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.10, resolve@npm:^1.22.4, resolve@npm:^1.22.8, resolve@npm:~1.22.1, resolve@npm:~1.22.2":
-  version: 1.22.10
-  resolution: "resolve@npm:1.22.10"
+"resolve@npm:^1.1.6, resolve@npm:^1.1.7, resolve@npm:^1.17.0, resolve@npm:^1.19.0, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.10, resolve@npm:^1.22.4, resolve@npm:^1.22.8, resolve@npm:~1.22.1, resolve@npm:~1.22.2":
+  version: 1.22.11
+  resolution: "resolve@npm:1.22.11"
   dependencies:
-    is-core-module: "npm:^2.16.0"
+    is-core-module: "npm:^2.16.1"
     path-parse: "npm:^1.0.7"
     supports-preserve-symlinks-flag: "npm:^1.0.0"
   bin:
     resolve: bin/resolve
-  checksum: 10/0a398b44da5c05e6e421d70108822c327675febb880eebe905587628de401854c61d5df02866ff34fc4cb1173a51c9f0e84a94702738df3611a62e2acdc68181
+  checksum: 10/e1b2e738884a08de03f97ee71494335eba8c2b0feb1de9ae065e82c48997f349f77a2b10e8817e147cf610bfabc4b1cb7891ee8eaf5bf80d4ad514a34c4fab0a
   languageName: node
   linkType: hard
 
@@ -45403,16 +45303,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A^1.1.6#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.17.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.10#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A~1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A~1.22.2#optional!builtin<compat/resolve>":
-  version: 1.22.10
-  resolution: "resolve@patch:resolve@npm%3A1.22.10#optional!builtin<compat/resolve>::version=1.22.10&hash=c3c19d"
+"resolve@patch:resolve@npm%3A^1.1.6#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.17.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.10#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A~1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A~1.22.2#optional!builtin<compat/resolve>":
+  version: 1.22.11
+  resolution: "resolve@patch:resolve@npm%3A1.22.11#optional!builtin<compat/resolve>::version=1.22.11&hash=c3c19d"
   dependencies:
-    is-core-module: "npm:^2.16.0"
+    is-core-module: "npm:^2.16.1"
     path-parse: "npm:^1.0.7"
     supports-preserve-symlinks-flag: "npm:^1.0.0"
   bin:
     resolve: bin/resolve
-  checksum: 10/d4d878bfe3702d215ea23e75e0e9caf99468e3db76f5ca100d27ebdc527366fee3877e54bce7d47cc72ca8952fc2782a070d238bfa79a550eeb0082384c3b81a
+  checksum: 10/fd342cad25e52cd6f4f3d1716e189717f2522bfd6641109fe7aa372f32b5714a296ed7c238ddbe7ebb0c1ddfe0b7f71c9984171024c97cf1b2073e3e40ff71a8
   languageName: node
   linkType: hard