diff --git a/docs-ui/package.json b/docs-ui/package.json index bb0b1a393d..5cb0aa3e44 100644 --- a/docs-ui/package.json +++ b/docs-ui/package.json @@ -3,16 +3,12 @@ "version": "0.1.0", "private": true, "scripts": { - "prebuild": "yarn sync:css", "build": "next build", "lint": "eslint .", - "prestart": "yarn sync:css", "start": "next dev", "sync:changelog": "node scripts/sync-changelog.mjs", "sync:changelog:dry-run": "node scripts/sync-changelog.mjs --dry-run", - "sync:changelog:force": "node scripts/sync-changelog.mjs --force", - "sync:css": "node scripts/sync-css.js", - "sync:css:watch": "node scripts/sync-css.js --watch" + "sync:changelog:force": "node scripts/sync-changelog.mjs --force" }, "resolutions": { "@types/react": "19.2.10", @@ -46,10 +42,10 @@ "@types/node": "^22.13.14", "@types/react": "19.2.10", "@types/react-dom": "19.2.3", - "chokidar": "^3.6.0", "eslint": "^9", "eslint-config-next": "16.1.6", - "lightningcss": "^1.28.2", + "postcss": "^8.5.6", + "postcss-import": "^16.1.1", "typescript": "^5", "unified": "^11.0.4" } diff --git a/docs-ui/postcss.config.mjs b/docs-ui/postcss.config.mjs new file mode 100644 index 0000000000..bd2bb9bb7c --- /dev/null +++ b/docs-ui/postcss.config.mjs @@ -0,0 +1,5 @@ +export default { + plugins: { + 'postcss-import': {}, + }, +}; diff --git a/docs-ui/scripts/sync-css.js b/docs-ui/scripts/sync-css.js deleted file mode 100644 index a9c228ac27..0000000000 --- a/docs-ui/scripts/sync-css.js +++ /dev/null @@ -1,149 +0,0 @@ -const fs = require('node:fs'); -const path = require('node:path'); -const { bundle } = require('lightningcss'); -const chokidar = require('chokidar'); - -// Configuration -const config = { - UIPath: '../../packages/ui', - outputPath: '../src/css', - files: [ - { - source: 'css/styles.css', - destination: 'theme-backstage.css', - name: 'Main Styles', - }, - { - source: '../../.storybook/themes/spotify.css', - destination: 'theme-spotify.css', - name: 'Spotify Theme', - }, - ], -}; - -class CSSSync { - constructor() { - this.UIPath = path.resolve(__dirname, config.UIPath); - this.outputPath = path.resolve(__dirname, config.outputPath); - this.isWatching = process.argv.includes('--watch'); - } - - async syncFile(fileConfig) { - const sourcePath = path.join(this.UIPath, fileConfig.source); - const destPath = path.join(this.outputPath, fileConfig.destination); - - try { - // Check if source file exists - if (!fs.existsSync(sourcePath)) { - console.warn(`⚠️ Source file not found: ${sourcePath}`); - return false; - } - - // Ensure destination directory exists - fs.mkdirSync(path.dirname(destPath), { recursive: true }); - - // Bundle and optimize CSS - const result = await bundle({ - filename: sourcePath, - minify: true, - }); - - // Write to destination - fs.writeFileSync(destPath, result.code); - - console.log( - `✅ ${fileConfig.name}: ${fileConfig.source} → ${fileConfig.destination}`, - ); - return true; - } catch (error) { - console.error(`❌ Error syncing ${fileConfig.name}:`, error.message); - return false; - } - } - - async syncAll() { - console.log('🔄 Syncing CSS files...\n'); - - let successCount = 0; - for (const fileConfig of config.files) { - if (await this.syncFile(fileConfig)) { - successCount++; - } - } - - console.log( - `\n✨ Synced ${successCount}/${config.files.length} CSS files successfully!`, - ); - - if (successCount > 0) { - console.log('\n📁 Available CSS files in src/css/:'); - config.files.forEach(file => { - const destPath = path.join(this.outputPath, file.destination); - if (fs.existsSync(destPath)) { - const stats = fs.statSync(destPath); - const size = (stats.size / 1024).toFixed(2); - console.log(` • ${file.destination} (${size} KB)`); - } - }); - } - } - - startWatching() { - console.log('👀 Watching for CSS changes...\n'); - - // Watch all source files - const watchPaths = config.files.map(file => - path.join(this.UIPath, file.source), - ); - - const watcher = chokidar.watch(watchPaths, { - ignored: /node_modules/, - persistent: true, - }); - - watcher.on('change', async filePath => { - console.log( - `\n🔄 Change detected: ${path.relative(this.UIPath, filePath)}`, - ); - - // Find which file changed and sync it - const fileConfig = config.files.find(file => - filePath.endsWith(file.source.replace(/\//g, path.sep)), - ); - - if (fileConfig) { - await this.syncFile(fileConfig); - } - }); - - watcher.on('error', error => console.error('❌ Watch error:', error)); - - // Handle process termination - process.on('SIGINT', () => { - console.log('\n👋 Stopping CSS sync...'); - watcher.close(); - process.exit(0); - }); - } - - async run() { - console.log('🎨 BUI CSS Sync Tool\n'); - console.log(`📂 BUI path: ${this.UIPath}`); - console.log(`📂 Output path: ${this.outputPath}\n`); - - // Initial sync - await this.syncAll(); - - // Watch for changes if requested - if (this.isWatching) { - this.startWatching(); - } - } -} - -// Run the sync tool -const cssSync = new CSSSync(); -cssSync.run().catch(error => { - console.error('❌ CSS Sync failed:', error); - process.exit(1); -}); diff --git a/docs-ui/src/app/layout.tsx b/docs-ui/src/app/layout.tsx index a0f8ae5816..015ee8346c 100644 --- a/docs-ui/src/app/layout.tsx +++ b/docs-ui/src/app/layout.tsx @@ -49,10 +49,6 @@ export default async function RootLayout({ data-theme-name="backstage" suppressHydrationWarning > - - - - diff --git a/docs-ui/src/css/theme-backstage.css b/docs-ui/src/css/theme-backstage.css index 7316fe0549..9527f243b9 100644 --- a/docs-ui/src/css/theme-backstage.css +++ b/docs-ui/src/css/theme-backstage.css @@ -1,7160 +1 @@ -@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: 0.625rem; - --bui-font-size-2: 0.75rem; - --bui-font-size-3: 0.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: 0.25rem; - --bui-space-0_5: calc(var(--bui-space) * 0.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(0.125rem); - --bui-radius-2: calc(0.25rem); - --bui-radius-3: calc(0.5rem); - --bui-radius-4: calc(0.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-app: #f8f8f8; - --bui-bg-neutral-1: #fff; - --bui-bg-neutral-1-hover: oklch(0% 0 0/0.12); - --bui-bg-neutral-1-pressed: oklch(0% 0 0/0.16); - --bui-bg-neutral-1-disabled: oklch(0% 0 0/0.06); - --bui-bg-neutral-2: oklch(0% 0 0/0.06); - --bui-bg-neutral-2-hover: oklch(0% 0 0/0.12); - --bui-bg-neutral-2-pressed: oklch(0% 0 0/0.16); - --bui-bg-neutral-2-disabled: oklch(0% 0 0/0.06); - --bui-bg-neutral-3: oklch(0% 0 0/0.06); - --bui-bg-neutral-3-hover: oklch(0% 0 0/0.12); - --bui-bg-neutral-3-pressed: oklch(0% 0 0/0.16); - --bui-bg-neutral-3-disabled: oklch(0% 0 0/0.06); - --bui-bg-neutral-4: oklch(0% 0 0/0.06); - --bui-bg-neutral-4-hover: oklch(0% 0 0/0.12); - --bui-bg-neutral-4-pressed: oklch(0% 0 0/0.16); - --bui-bg-neutral-4-disabled: oklch(0% 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/0.5); - --bui-fg-disabled: oklch(0% 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-2: #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(0.4, 0, 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-app: #333; - --bui-bg-neutral-1: oklch(100% 0 0/0.1); - --bui-bg-neutral-1-hover: oklch(100% 0 0/0.14); - --bui-bg-neutral-1-pressed: oklch(100% 0 0/0.2); - --bui-bg-neutral-1-disabled: oklch(100% 0 0/0.1); - --bui-bg-neutral-2: oklch(100% 0 0/0.06); - --bui-bg-neutral-2-hover: oklch(100% 0 0/0.1); - --bui-bg-neutral-2-pressed: oklch(100% 0 0/0.16); - --bui-bg-neutral-2-disabled: oklch(100% 0 0/0.06); - --bui-bg-neutral-3: oklch(100% 0 0/0.08); - --bui-bg-neutral-3-hover: oklch(100% 0 0/0.12); - --bui-bg-neutral-3-pressed: oklch(100% 0 0/0.2); - --bui-bg-neutral-3-disabled: oklch(100% 0 0/0.08); - --bui-bg-neutral-4: oklch(100% 0 0/0.08); - --bui-bg-neutral-4-hover: oklch(100% 0 0/0.12); - --bui-bg-neutral-4-pressed: oklch(100% 0 0/0.2); - --bui-bg-neutral-4-disabled: oklch(100% 0 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/0.5); - --bui-fg-disabled: oklch(0% 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-2: #ffffff1f; - --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: -0.25em; - } - sup { - top: -0.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: 0.5; - } - } - body { - background-color: var(--bui-bg-app); - 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; - } - } -} +@import '../../../packages/ui/src/css/styles.css'; diff --git a/docs-ui/src/css/theme-spotify.css b/docs-ui/src/css/theme-spotify.css index 64afbb6d75..ec1aa8bb29 100644 --- a/docs-ui/src/css/theme-spotify.css +++ b/docs-ui/src/css/theme-spotify.css @@ -1,233 +1 @@ -@font-face { - font-family: CircularSpTitle; - font-weight: 900; - font-display: swap; - unicode-range: U+0, U+D, U+20-7E, U+A0-17E, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, - U+1B5-1B6, U+1C4-1C6, U+1F1-1F3, U+1FA-1FF, U+218-21B, U+237, U+259, - U+2BB-2BC, U+2C6-2C7, U+2C9, U+2D8-2DD, U+300-301, U+303, U+309, U+323, - U+394, U+3A9, U+3BC, U+3C0, U+1E80-1E85, U+1E8A-1E8B, U+1EA0-1EF9, U+1FD6, - U+2007-2008, U+200B, U+2010-2011, U+2013-2014, U+2018-201A, U+201C-201E, - U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2042, U+2044, - U+2051, U+2070, U+2074-2079, U+2080-2089, U+20AB-20AC, U+2113, U+2117, - U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193, U+2196-2199, U+21A9, - U+21B0-21B5, U+21C6, U+2202, U+2206, U+220F, U+2211-2212, U+2215, - U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+22C5, U+24C5, - U+25A0-25A1, U+25AF, U+25B2-25B3, U+25CA-25CB, U+25CF, U+262E, U+2713, - U+2715, U+2780-2788, U+E000, U+E002, U+F6C3, U+FB00-FB04, U+FEFF, U+FF0C, - U+FF0E, U+FF1A-FF1B, U+FFFF; - src: url(https://encore.scdn.co/fonts/CircularSpTitle-Black-4588c99025b967475c31695b0743dd1a.woff2) - format('woff2'), - url(https://encore.scdn.co/fonts/CircularSpTitle-Black-506746f387a26f25aa3d023b3e501d34.woff) - format('woff'); -} -@font-face { - font-family: CircularSpTitle; - font-weight: 700; - font-display: swap; - unicode-range: U+0, U+D, U+20-7E, U+A0-17E, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, - U+1B5-1B6, U+1C4-1C6, U+1F1-1F3, U+1FA-1FF, U+218-21B, U+237, U+259, - U+2BB-2BC, U+2C6-2C7, U+2C9, U+2D8-2DD, U+300-301, U+303, U+309, U+323, - U+394, U+3A9, U+3BC, U+3C0, U+1E80-1E85, U+1E8A-1E8B, U+1EA0-1EF9, U+1FD6, - U+2007-2008, U+200B, U+2010-2011, U+2013-2014, U+2018-201A, U+201C-201E, - U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2042, U+2044, - U+2051, U+2070, U+2074-2079, U+2080-2089, U+20AB-20AC, U+2113, U+2117, - U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193, U+2196-2199, U+21A9, - U+21B0-21B5, U+21C6, U+2202, U+2206, U+220F, U+2211-2212, U+2215, - U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+22C5, U+24C5, - U+25A0-25A1, U+25AF, U+25B2-25B3, U+25CA-25CB, U+25CF, U+262E, U+2713, - U+2715, U+2780-2788, U+E000, U+E002, U+F6C3, U+FB00-FB04, U+FEFF, U+FF0C, - U+FF0E, U+FF1A-FF1B, U+FFFF; - src: url(https://encore.scdn.co/fonts/CircularSpTitle-Bold-b2586b06a2e1522e9d879d84c2792a58.woff2) - format('woff2'), - url(https://encore.scdn.co/fonts/CircularSpTitle-Bold-1624fb2df28c20d7203d7fb86ce8b481.woff) - format('woff'); -} -@font-face { - font-family: CircularSp; - font-weight: 700; - font-display: swap; - unicode-range: U+0, U+D, U+20-7E, U+A0-17E, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, - U+1B5-1B6, U+1C4-1C6, U+1F1-1F3, U+1FA-1FF, U+218-21B, U+237, U+259, - U+2BB-2BC, U+2C6-2C7, U+2C9, U+2D8-2DD, U+300-301, U+303, U+309, U+323, - U+394, U+3A9, U+3BC, U+3C0, U+1E80-1E85, U+1E8A-1E8B, U+1EA0-1EF9, U+1FD6, - U+2007-2008, U+200B, U+2010-2011, U+2013-2014, U+2018-201A, U+201C-201E, - U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2042, U+2044, - U+2051, U+2070, U+2074-2079, U+2080-2089, U+20AB-20AC, U+2113, U+2117, - U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193, U+2196-2199, U+21A9, - U+21B0-21B5, U+21C6, U+2202, U+2206, U+220F, U+2211-2212, U+2215, - U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+22C5, U+24C5, - U+25A0-25A1, U+25AF, U+25B2-25B3, U+25CA-25CB, U+25CF, U+262E, U+2713, - U+2715, U+2780-2788, U+E000, U+E002, U+F6C3, U+FB00-FB04, U+FEFF, U+FF0C, - U+FF0E, U+FF1A-FF1B, U+FFFF; - src: url(https://encore.scdn.co/fonts/CircularSp-Bold-602e7aefc706aa36c6ec1324b9bbc461.woff2) - format('woff2'), - url(https://encore.scdn.co/fonts/CircularSp-Bold-856afe2da4ba4e61239b129e2c16d633.woff) - format('woff'); -} -@font-face { - font-family: CircularSp; - font-weight: 400; - font-display: swap; - unicode-range: U+0, U+D, U+20-7E, U+A0-17E, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, - U+1B5-1B6, U+1C4-1C6, U+1F1-1F3, U+1FA-1FF, U+218-21B, U+237, U+259, - U+2BB-2BC, U+2C6-2C7, U+2C9, U+2D8-2DD, U+300-301, U+303, U+309, U+323, - U+394, U+3A9, U+3BC, U+3C0, U+1E80-1E85, U+1E8A-1E8B, U+1EA0-1EF9, U+1FD6, - U+2007-2008, U+200B, U+2010-2011, U+2013-2014, U+2018-201A, U+201C-201E, - U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2042, U+2044, - U+2051, U+2070, U+2074-2079, U+2080-2089, U+20AB-20AC, U+2113, U+2117, - U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193, U+2196-2199, U+21A9, - U+21B0-21B5, U+21C6, U+2202, U+2206, U+220F, U+2211-2212, U+2215, - U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+22C5, U+24C5, - U+25A0-25A1, U+25AF, U+25B2-25B3, U+25CA-25CB, U+25CF, U+262E, U+2713, - U+2715, U+2780-2788, U+E000, U+E002, U+F6C3, U+FB00-FB04, U+FEFF, U+FF0C, - U+FF0E, U+FF1A-FF1B, U+FFFF; - src: url(https://encore.scdn.co/fonts/CircularSp-Book-a00e99ef9996a3a157fb6b746856d04f.woff2) - format('woff2'), - url(https://encore.scdn.co/fonts/CircularSp-Book-3f73da7d35bd81c706bce7bbb84964de.woff) - format('woff'); -} -@font-face { - font-family: CircularSp; - font-weight: 700; - font-display: swap; - unicode-range: U+0, U+D, U+20-7E, U+A0-17E, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, - U+1B5-1B6, U+1C4-1C6, U+1F1-1F3, U+1FA-1FF, U+218-21B, U+237, U+259, - U+2BB-2BC, U+2C6-2C7, U+2C9, U+2D8-2DD, U+300-301, U+303, U+309, U+323, - U+394, U+3A9, U+3BC, U+3C0, U+1E80-1E85, U+1E8A-1E8B, U+1EA0-1EF9, U+1FD6, - U+2007-2008, U+200B, U+2010-2011, U+2013-2014, U+2018-201A, U+201C-201E, - U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2042, U+2044, - U+2051, U+2070, U+2074-2079, U+2080-2089, U+20AB-20AC, U+2113, U+2117, - U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193, U+2196-2199, U+21A9, - U+21B0-21B5, U+21C6, U+2202, U+2206, U+220F, U+2211-2212, U+2215, - U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+22C5, U+24C5, - U+25A0-25A1, U+25AF, U+25B2-25B3, U+25CA-25CB, U+25CF, U+262E, U+2713, - U+2715, U+2780-2788, U+E000, U+E002, U+F6C3, U+FB00-FB04, U+FEFF, U+FF0C, - U+FF0E, U+FF1A-FF1B, U+FFFF; - src: url(https://encore.scdn.co/fonts/CircularSp-Bold-602e7aefc706aa36c6ec1324b9bbc461.woff2) - format('woff2'), - url(https://encore.scdn.co/fonts/CircularSp-Bold-856afe2da4ba4e61239b129e2c16d633.woff) - format('woff'); -} -[data-theme-name='spotify'] { - --bui-font-text: CircularSp, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, - CircularSp-Grek, CircularSp-Deva; - --bui-font-title: CircularSpTitle, CircularSp-Arab, CircularSp-Hebr, - CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva; - --bui-font-regular: CircularSp, CircularSp-Arab, CircularSp-Hebr, - CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva; - & .bui-Button { - border-radius: var(--bui-radius-3); - padding-inline: var(--bui-space-3); - } - & .bui-ButtonIcon { - padding: 0; - } - & .bui-MenuPopup { - box-sizing: border-box; - max-width: 21.25rem; - } - & .bui-MenuSubmenuTrigger, - & .bui-MenuItem { - height: auto; - min-height: 2rem; - } - & .bui-Text { - font-family: var(--bui-font-text); - } - & .bui-Heading { - font-family: var(--bui-font-title); - } - & .bui-TableRow { - border-radius: var(--bui-radius-4); - border: none; - } - & .bui-TableRow:hover td:first-child { - border-top-left-radius: var(--bui-radius-2); - border-bottom-left-radius: var(--bui-radius-2); - } - & .bui-TableRow:hover td:last-child { - border-top-right-radius: var(--bui-radius-2); - border-bottom-right-radius: var(--bui-radius-2); - } - & .bui-TableBody:before, - & .bui-TableBody:after { - line-height: var(--bui-space-1); - content: '‌'; - display: block; - } - & .bui-TableHeader .bui-TableRow { - border-bottom: 1px solid var(--bui-border-2); - } - & .bui-TableHead { - font-size: var(--bui-font-size-2); - color: var(--bui-fg-secondary); - font-weight: var(--bui-font-weight-regular); - } - & .bui-HeaderToolbar { - padding-top: var(--bui-space-2); - padding-inline: var(--bui-space-2); - } - & .bui-HeaderToolbarWrapper { - border-radius: var(--bui-radius-3); - padding-inline: var(--bui-space-3); - border: none; - } - & .bui-HeaderToolbarControls { - right: calc(var(--bui-space-3) - 1px); - } - & .bui-HeaderTabsWrapper { - margin-top: var(--bui-space-2); - margin-inline: var(--bui-space-2); - border-radius: var(--bui-radius-3); - padding-inline: var(--bui-space-1); - border: none; - } - & .bui-Input { - border-radius: var(--bui-radius-3); - } - & .bui-Tag { - border-radius: var(--bui-radius-full); - } -} -[data-theme-mode='light'][data-theme-name='spotify'] { - --bui-bg-solid: #1ed760; - --bui-bg-solid-hover: #3be477; - --bui-bg-solid-pressed: #1abc54; - --bui-bg-solid-disabled: #0f6c30; - --bui-fg-primary: var(--bui-black); - --bui-fg-secondary: #757575; - --bui-fg-solid: var(--bui-black); - --bui-fg-solid-disabled: #62ab7c; - --bui-border-2: #d9d9d9; - --bui-border-danger: #f87a7a; - --bui-border-warning: #e36d05; - --bui-border-success: #53db83; - --bui-ring: #0003; - & .bui-HeaderToolbarWrapper, - & .bui-HeaderTabsWrapper { - border: 1px solid var(--bui-border-2); - } -} -[data-theme-mode='dark'][data-theme-name='spotify'] { - --bui-bg-app: var(--bui-black); - --bui-bg-solid: #1ed760; - --bui-bg-solid-hover: #3be477; - --bui-bg-solid-pressed: #1abc54; - --bui-bg-solid-disabled: #0f6c30; - --bui-bg-danger: #3b1219; - --bui-bg-warning: #302008; - --bui-bg-success: #132d21; - --bui-fg-primary: var(--bui-white); - --bui-fg-secondary: #9e9e9e; - --bui-fg-disabled: #575757; - --bui-fg-solid: var(--bui-black); - --bui-fg-solid-disabled: #072f15; - --bui-fg-danger: #e22b2b; - --bui-fg-warning: #e36d05; - --bui-fg-success: #1db954; - --bui-border-2: #373737; - --bui-border-danger: #f87a7a; - --bui-border-warning: #e36d05; - --bui-border-success: #53db83; - --bui-ring: #fff3; -} +@import '../../../.storybook/themes/spotify.css'; diff --git a/docs-ui/yarn.lock b/docs-ui/yarn.lock index 48b5cc4180..b3a486eec1 100644 --- a/docs-ui/yarn.lock +++ b/docs-ui/yarn.lock @@ -759,29 +759,6 @@ __metadata: languageName: node linkType: hard -"@isaacs/cliui@npm:^8.0.2": - version: 8.0.2 - resolution: "@isaacs/cliui@npm:8.0.2" - dependencies: - string-width: "npm:^5.1.2" - string-width-cjs: "npm:string-width@^4.2.0" - strip-ansi: "npm:^7.0.1" - strip-ansi-cjs: "npm:strip-ansi@^6.0.1" - wrap-ansi: "npm:^8.1.0" - wrap-ansi-cjs: "npm:wrap-ansi@^7.0.0" - checksum: 10/e9ed5fd27c3aec1095e3a16e0c0cf148d1fee55a38665c35f7b3f86a9b5d00d042ddaabc98e8a1cb7463b9378c15f22a94eb35e99469c201453eb8375191f243 - languageName: node - linkType: hard - -"@isaacs/fs-minipass@npm:^4.0.0": - version: 4.0.1 - resolution: "@isaacs/fs-minipass@npm:4.0.1" - dependencies: - minipass: "npm:^7.0.4" - checksum: 10/4412e9e6713c89c1e66d80bb0bb5a2a93192f10477623a27d08f228ba0316bb880affabc5bfe7f838f58a34d26c2c190da726e576cdfc18c49a72e89adabdcf5 - languageName: node - linkType: hard - "@jridgewell/gen-mapping@npm:^0.3.12, @jridgewell/gen-mapping@npm:^0.3.5": version: 0.3.13 resolution: "@jridgewell/gen-mapping@npm:0.3.13" @@ -1074,28 +1051,6 @@ __metadata: languageName: node linkType: hard -"@npmcli/agent@npm:^3.0.0": - version: 3.0.0 - resolution: "@npmcli/agent@npm:3.0.0" - dependencies: - agent-base: "npm:^7.1.0" - http-proxy-agent: "npm:^7.0.0" - https-proxy-agent: "npm:^7.0.1" - lru-cache: "npm:^10.0.1" - socks-proxy-agent: "npm:^8.0.3" - checksum: 10/775c9a7eb1f88c195dfb3bce70c31d0fe2a12b28b754e25c08a3edb4bc4816bfedb7ac64ef1e730579d078ca19dacf11630e99f8f3c3e0fd7b23caa5fd6d30a6 - languageName: node - linkType: hard - -"@npmcli/fs@npm:^4.0.0": - version: 4.0.0 - resolution: "@npmcli/fs@npm:4.0.0" - dependencies: - semver: "npm:^7.3.5" - checksum: 10/405c4490e1ff11cf299775449a3c254a366a4b1ffc79d87159b0ee7d5558ac9f6a2f8c0735fd6ff3873cef014cb1a44a5f9127cb6a1b2dbc408718cca9365b5a - languageName: node - linkType: hard - "@octokit/auth-token@npm:^6.0.0": version: 6.0.0 resolution: "@octokit/auth-token@npm:6.0.0" @@ -1220,13 +1175,6 @@ __metadata: languageName: node linkType: hard -"@pkgjs/parseargs@npm:^0.11.0": - version: 0.11.0 - resolution: "@pkgjs/parseargs@npm:0.11.0" - checksum: 10/115e8ceeec6bc69dff2048b35c0ab4f8bbee12d8bb6c1f4af758604586d802b6e669dcb02dda61d078de42c2b4ddce41b3d9e726d7daa6b4b850f4adbf7333ff - languageName: node - linkType: hard - "@remixicon/react@npm:^4.6.0": version: 4.8.0 resolution: "@remixicon/react@npm:4.8.0" @@ -1788,13 +1736,6 @@ __metadata: languageName: node linkType: hard -"abbrev@npm:^3.0.0": - version: 3.0.1 - resolution: "abbrev@npm:3.0.1" - checksum: 10/ebd2c149dda6f543b66ce3779ea612151bb3aa9d0824f169773ee9876f1ca5a4e0adbcccc7eed048c04da7998e1825e2aa76fcca92d9e67dea50ac2b0a58dc2e - languageName: node - linkType: hard - "acorn-jsx@npm:^5.0.0, acorn-jsx@npm:^5.3.2": version: 5.3.2 resolution: "acorn-jsx@npm:5.3.2" @@ -1813,13 +1754,6 @@ __metadata: languageName: node linkType: hard -"agent-base@npm:^7.1.0, agent-base@npm:^7.1.2": - version: 7.1.4 - resolution: "agent-base@npm:7.1.4" - checksum: 10/79bef167247789f955aaba113bae74bf64aa1e1acca4b1d6bb444bdf91d82c3e07e9451ef6a6e2e35e8f71a6f97ce33e3d855a5328eb9fad1bc3cc4cfd031ed8 - languageName: node - linkType: hard - "ajv@npm:^6.12.4": version: 6.12.6 resolution: "ajv@npm:6.12.6" @@ -1832,21 +1766,7 @@ __metadata: languageName: node linkType: hard -"ansi-regex@npm:^5.0.1": - version: 5.0.1 - resolution: "ansi-regex@npm:5.0.1" - checksum: 10/2aa4bb54caf2d622f1afdad09441695af2a83aa3fe8b8afa581d205e57ed4261c183c4d3877cee25794443fde5876417d859c108078ab788d6af7e4fe52eb66b - languageName: node - linkType: hard - -"ansi-regex@npm:^6.0.1": - version: 6.1.0 - resolution: "ansi-regex@npm:6.1.0" - checksum: 10/495834a53b0856c02acd40446f7130cb0f8284f4a39afdab20d5dc42b2e198b1196119fe887beed8f9055c4ff2055e3b2f6d4641d0be018cdfb64fedf6fc1aac - languageName: node - linkType: hard - -"ansi-styles@npm:^4.0.0, ansi-styles@npm:^4.1.0": +"ansi-styles@npm:^4.1.0": version: 4.3.0 resolution: "ansi-styles@npm:4.3.0" dependencies: @@ -1855,23 +1775,6 @@ __metadata: languageName: node linkType: hard -"ansi-styles@npm:^6.1.0": - version: 6.2.1 - resolution: "ansi-styles@npm:6.2.1" - checksum: 10/70fdf883b704d17a5dfc9cde206e698c16bcd74e7f196ab821511651aee4f9f76c9514bdfa6ca3a27b5e49138b89cb222a28caf3afe4567570139577f991df32 - languageName: node - linkType: hard - -"anymatch@npm:~3.1.2": - version: 3.1.3 - resolution: "anymatch@npm:3.1.3" - dependencies: - normalize-path: "npm:^3.0.0" - picomatch: "npm:^2.0.4" - checksum: 10/3e044fd6d1d26545f235a9fe4d7a534e2029d8e59fa7fd9f2a6eb21230f6b5380ea1eaf55136e60cbf8e613544b3b766e7a6fa2102e2a3a117505466e3025dc2 - languageName: node - linkType: hard - "argparse@npm:^2.0.1": version: 2.0.1 resolution: "argparse@npm:2.0.1" @@ -2069,13 +1972,6 @@ __metadata: languageName: node linkType: hard -"binary-extensions@npm:^2.0.0": - version: 2.3.0 - resolution: "binary-extensions@npm:2.3.0" - checksum: 10/bcad01494e8a9283abf18c1b967af65ee79b0c6a9e6fcfafebfe91dbe6e0fc7272bafb73389e198b310516ae04f7ad17d79aacf6cb4c0d5d5202a7e2e52c7d98 - languageName: node - linkType: hard - "brace-expansion@npm:^1.1.7": version: 1.1.12 resolution: "brace-expansion@npm:1.1.12" @@ -2095,7 +1991,7 @@ __metadata: languageName: node linkType: hard -"braces@npm:^3.0.3, braces@npm:~3.0.2": +"braces@npm:^3.0.3": version: 3.0.3 resolution: "braces@npm:3.0.3" dependencies: @@ -2119,26 +2015,6 @@ __metadata: languageName: node linkType: hard -"cacache@npm:^19.0.1": - version: 19.0.1 - resolution: "cacache@npm:19.0.1" - dependencies: - "@npmcli/fs": "npm:^4.0.0" - fs-minipass: "npm:^3.0.0" - glob: "npm:^10.2.2" - lru-cache: "npm:^10.0.1" - minipass: "npm:^7.0.3" - minipass-collect: "npm:^2.0.1" - minipass-flush: "npm:^1.0.5" - minipass-pipeline: "npm:^1.2.4" - p-map: "npm:^7.0.2" - ssri: "npm:^12.0.0" - tar: "npm:^7.4.3" - unique-filename: "npm:^4.0.0" - checksum: 10/ea026b27b13656330c2bbaa462a88181dcaa0435c1c2e705db89b31d9bdf7126049d6d0445ba746dca21454a0cfdf1d6f47fd39d34c8c8435296b30bc5738a13 - languageName: node - linkType: hard - "call-bind-apply-helpers@npm:^1.0.0, call-bind-apply-helpers@npm:^1.0.1, call-bind-apply-helpers@npm:^1.0.2": version: 1.0.2 resolution: "call-bind-apply-helpers@npm:1.0.2" @@ -2230,32 +2106,6 @@ __metadata: languageName: node linkType: hard -"chokidar@npm:^3.6.0": - version: 3.6.0 - resolution: "chokidar@npm:3.6.0" - dependencies: - anymatch: "npm:~3.1.2" - braces: "npm:~3.0.2" - fsevents: "npm:~2.3.2" - glob-parent: "npm:~5.1.2" - is-binary-path: "npm:~2.1.0" - is-glob: "npm:~4.0.1" - normalize-path: "npm:~3.0.0" - readdirp: "npm:~3.6.0" - dependenciesMeta: - fsevents: - optional: true - checksum: 10/c327fb07704443f8d15f7b4a7ce93b2f0bc0e6cea07ec28a7570aa22cd51fcf0379df589403976ea956c369f25aa82d84561947e227cd925902e1751371658df - languageName: node - linkType: hard - -"chownr@npm:^3.0.0": - version: 3.0.0 - resolution: "chownr@npm:3.0.0" - checksum: 10/b63cb1f73d171d140a2ed8154ee6566c8ab775d3196b0e03a2a94b5f6a0ce7777ee5685ca56849403c8d17bd457a6540672f9a60696a6137c7a409097495b82c - languageName: node - linkType: hard - "client-only@npm:0.0.1": version: 0.0.1 resolution: "client-only@npm:0.0.1" @@ -2394,7 +2244,16 @@ __metadata: languageName: node linkType: hard -"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.4.0, debug@npm:^4.4.3": +"debug@npm:^3.2.7": + version: 3.2.7 + resolution: "debug@npm:3.2.7" + dependencies: + ms: "npm:^2.1.1" + checksum: 10/d86fd7be2b85462297ea16f1934dc219335e802f629ca9a69b63ed8ed041dda492389bb2ee039217c02e5b54792b1c51aa96ae954cf28634d363a2360c7a1639 + languageName: node + linkType: hard + +"debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.4.0, debug@npm:^4.4.3": version: 4.4.3 resolution: "debug@npm:4.4.3" dependencies: @@ -2406,15 +2265,6 @@ __metadata: languageName: node linkType: hard -"debug@npm:^3.2.7": - version: 3.2.7 - resolution: "debug@npm:3.2.7" - dependencies: - ms: "npm:^2.1.1" - checksum: 10/d86fd7be2b85462297ea16f1934dc219335e802f629ca9a69b63ed8ed041dda492389bb2ee039217c02e5b54792b1c51aa96ae954cf28634d363a2360c7a1639 - languageName: node - linkType: hard - "decode-named-character-reference@npm:^1.0.0": version: 1.2.0 resolution: "decode-named-character-reference@npm:1.2.0" @@ -2460,7 +2310,7 @@ __metadata: languageName: node linkType: hard -"detect-libc@npm:^2.0.3, detect-libc@npm:^2.1.2": +"detect-libc@npm:^2.1.2": version: 2.1.2 resolution: "detect-libc@npm:2.1.2" checksum: 10/b736c8d97d5d46164c0d1bed53eb4e6a3b1d8530d460211e2d52f1c552875e706c58a5376854e4e54f8b828c9cada58c855288c968522eb93ac7696d65970766 @@ -2496,15 +2346,15 @@ __metadata: "@types/react-dom": "npm:19.2.3" "@uiw/codemirror-themes": "npm:^4.23.7" "@uiw/react-codemirror": "npm:^4.23.7" - chokidar: "npm:^3.6.0" clsx: "npm:^2.1.1" eslint: "npm:^9" eslint-config-next: "npm:16.1.6" html-react-parser: "npm:^5.2.5" - lightningcss: "npm:^1.28.2" motion: "npm:^12.4.1" next: "npm:16.1.6" next-mdx-remote-client: "npm:^2.1.2" + postcss: "npm:^8.5.6" + postcss-import: "npm:^16.1.1" prop-types: "npm:^15.8.1" react: "npm:19.2.4" react-dom: "npm:19.2.4" @@ -2572,13 +2422,6 @@ __metadata: languageName: node linkType: hard -"eastasianwidth@npm:^0.2.0": - version: 0.2.0 - resolution: "eastasianwidth@npm:0.2.0" - checksum: 10/9b1d3e1baefeaf7d70799db8774149cef33b97183a6addceeba0cf6b85ba23ee2686f302f14482006df32df75d32b17c509c143a3689627929e4a8efaf483952 - languageName: node - linkType: hard - "electron-to-chromium@npm:^1.5.263": version: 1.5.282 resolution: "electron-to-chromium@npm:1.5.282" @@ -2586,13 +2429,6 @@ __metadata: languageName: node linkType: hard -"emoji-regex@npm:^8.0.0": - version: 8.0.0 - resolution: "emoji-regex@npm:8.0.0" - checksum: 10/c72d67a6821be15ec11997877c437491c313d924306b8da5d87d2a2bcc2cec9903cb5b04ee1a088460501d8e5b44f10df82fdc93c444101a7610b80c8b6938e1 - languageName: node - linkType: hard - "emoji-regex@npm:^9.2.2": version: 9.2.2 resolution: "emoji-regex@npm:9.2.2" @@ -2600,15 +2436,6 @@ __metadata: languageName: node linkType: hard -"encoding@npm:^0.1.13": - version: 0.1.13 - resolution: "encoding@npm:0.1.13" - dependencies: - iconv-lite: "npm:^0.6.2" - checksum: 10/bb98632f8ffa823996e508ce6a58ffcf5856330fde839ae42c9e1f436cc3b5cc651d4aeae72222916545428e54fd0f6aa8862fd8d25bdbcc4589f1e3f3715e7f - languageName: node - linkType: hard - "entities@npm:^4.2.0": version: 4.5.0 resolution: "entities@npm:4.5.0" @@ -2623,20 +2450,6 @@ __metadata: languageName: node linkType: hard -"env-paths@npm:^2.2.0": - version: 2.2.1 - resolution: "env-paths@npm:2.2.1" - checksum: 10/65b5df55a8bab92229ab2b40dad3b387fad24613263d103a97f91c9fe43ceb21965cd3392b1ccb5d77088021e525c4e0481adb309625d0cb94ade1d1fb8dc17e - languageName: node - linkType: hard - -"err-code@npm:^2.0.2": - version: 2.0.3 - resolution: "err-code@npm:2.0.3" - checksum: 10/1d20d825cdcce8d811bfbe86340f4755c02655a7feb2f13f8c880566d9d72a3f6c92c192a6867632e490d6da67b678271f46e01044996a6443e870331100dfdd - languageName: node - linkType: hard - "es-abstract@npm:^1.17.5, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3, es-abstract@npm:^1.23.5, es-abstract@npm:^1.23.6, es-abstract@npm:^1.23.9, es-abstract@npm:^1.24.0": version: 1.24.0 resolution: "es-abstract@npm:1.24.0" @@ -3167,13 +2980,6 @@ __metadata: languageName: node linkType: hard -"exponential-backoff@npm:^3.1.1": - version: 3.1.2 - resolution: "exponential-backoff@npm:3.1.2" - checksum: 10/ca2f01f1aa4dafd3f3917bd531ab5be08c6f5f4b2389d2e974f903de3cbeb50b9633374353516b6afd70905775e33aba11afab1232d3acf0aa2963b98a611c51 - languageName: node - linkType: hard - "extend@npm:^3.0.0": version: 3.0.2 resolution: "extend@npm:3.0.2" @@ -3297,16 +3103,6 @@ __metadata: languageName: node linkType: hard -"foreground-child@npm:^3.1.0": - version: 3.3.1 - resolution: "foreground-child@npm:3.3.1" - dependencies: - cross-spawn: "npm:^7.0.6" - signal-exit: "npm:^4.0.1" - checksum: 10/427b33f997a98073c0424e5c07169264a62cda806d8d2ded159b5b903fdfc8f0a1457e06b5fc35506497acb3f1e353f025edee796300209ac6231e80edece835 - languageName: node - linkType: hard - "framer-motion@npm:^12.34.1": version: 12.34.1 resolution: "framer-motion@npm:12.34.1" @@ -3329,34 +3125,6 @@ __metadata: languageName: node linkType: hard -"fs-minipass@npm:^3.0.0": - version: 3.0.3 - resolution: "fs-minipass@npm:3.0.3" - dependencies: - minipass: "npm:^7.0.3" - checksum: 10/af143246cf6884fe26fa281621d45cfe111d34b30535a475bfa38dafe343dadb466c047a924ffc7d6b7b18265df4110224ce3803806dbb07173bf2087b648d7f - languageName: node - linkType: hard - -"fsevents@npm:~2.3.2": - version: 2.3.3 - resolution: "fsevents@npm:2.3.3" - dependencies: - node-gyp: "npm:latest" - checksum: 10/4c1ade961ded57cdbfbb5cac5106ec17bc8bccd62e16343c569a0ceeca83b9dfef87550b4dc5cbb89642da412b20c5071f304c8c464b80415446e8e155a038c0 - conditions: os=darwin - languageName: node - linkType: hard - -"fsevents@patch:fsevents@npm%3A~2.3.2#optional!builtin": - version: 2.3.3 - resolution: "fsevents@patch:fsevents@npm%3A2.3.3#optional!builtin::version=2.3.3&hash=df0bf1" - dependencies: - node-gyp: "npm:latest" - conditions: os=darwin - languageName: node - linkType: hard - "function-bind@npm:^1.1.2": version: 1.1.2 resolution: "function-bind@npm:1.1.2" @@ -3440,7 +3208,7 @@ __metadata: languageName: node linkType: hard -"glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.2": +"glob-parent@npm:^5.1.2": version: 5.1.2 resolution: "glob-parent@npm:5.1.2" dependencies: @@ -3458,22 +3226,6 @@ __metadata: languageName: node linkType: hard -"glob@npm:^10.2.2": - version: 10.4.5 - resolution: "glob@npm:10.4.5" - dependencies: - foreground-child: "npm:^3.1.0" - jackspeak: "npm:^3.1.2" - minimatch: "npm:^9.0.4" - minipass: "npm:^7.1.2" - package-json-from-dist: "npm:^1.0.0" - path-scurry: "npm:^1.11.1" - bin: - glob: dist/esm/bin.mjs - checksum: 10/698dfe11828b7efd0514cd11e573eaed26b2dff611f0400907281ce3eab0c1e56143ef9b35adc7c77ecc71fba74717b510c7c223d34ca8a98ec81777b293d4ac - languageName: node - linkType: hard - "globals@npm:16.4.0": version: 16.4.0 resolution: "globals@npm:16.4.0" @@ -3505,13 +3257,6 @@ __metadata: languageName: node linkType: hard -"graceful-fs@npm:^4.2.6": - version: 4.2.11 - resolution: "graceful-fs@npm:4.2.11" - checksum: 10/bf152d0ed1dc159239db1ba1f74fdbc40cb02f626770dcd5815c427ce0688c2635a06ed69af364396da4636d0408fcf7d4afdf7881724c3307e46aff30ca49e2 - languageName: node - linkType: hard - "has-bigints@npm:^1.0.2": version: 1.1.0 resolution: "has-bigints@npm:1.1.0" @@ -3707,42 +3452,6 @@ __metadata: languageName: node linkType: hard -"http-cache-semantics@npm:^4.1.1": - version: 4.2.0 - resolution: "http-cache-semantics@npm:4.2.0" - checksum: 10/4efd2dfcfeea9d5e88c84af450b9980be8a43c2c8179508b1c57c7b4421c855f3e8efe92fa53e0b3f4a43c85824ada930eabbc306d1b3beab750b6dcc5187693 - languageName: node - linkType: hard - -"http-proxy-agent@npm:^7.0.0": - version: 7.0.2 - resolution: "http-proxy-agent@npm:7.0.2" - dependencies: - agent-base: "npm:^7.1.0" - debug: "npm:^4.3.4" - checksum: 10/d062acfa0cb82beeb558f1043c6ba770ea892b5fb7b28654dbc70ea2aeea55226dd34c02a294f6c1ca179a5aa483c4ea641846821b182edbd9cc5d89b54c6848 - languageName: node - linkType: hard - -"https-proxy-agent@npm:^7.0.1": - version: 7.0.6 - resolution: "https-proxy-agent@npm:7.0.6" - dependencies: - agent-base: "npm:^7.1.2" - debug: "npm:4" - checksum: 10/784b628cbd55b25542a9d85033bdfd03d4eda630fb8b3c9477959367f3be95dc476ed2ecbb9836c359c7c698027fc7b45723a302324433590f45d6c1706e8c13 - languageName: node - linkType: hard - -"iconv-lite@npm:^0.6.2": - version: 0.6.3 - resolution: "iconv-lite@npm:0.6.3" - dependencies: - safer-buffer: "npm:>= 2.1.2 < 3.0.0" - checksum: 10/24e3292dd3dadaa81d065c6f8c41b274a47098150d444b96e5f53b4638a9a71482921ea6a91a1f59bb71d9796de25e04afd05919fa64c360347ba65d3766f10f - languageName: node - linkType: hard - "ignore@npm:^5.2.0": version: 5.3.2 resolution: "ignore@npm:5.3.2" @@ -3792,13 +3501,6 @@ __metadata: languageName: node linkType: hard -"ip-address@npm:^10.0.1": - version: 10.0.1 - resolution: "ip-address@npm:10.0.1" - checksum: 10/09731acda32cd8e14c46830c137e7e5940f47b36d63ffb87c737331270287d631cf25aa95570907a67d3f919fdb25f4470c404eda21e62f22e0a55927f4dd0fb - languageName: node - linkType: hard - "is-alphabetical@npm:^2.0.0": version: 2.0.1 resolution: "is-alphabetical@npm:2.0.1" @@ -3849,15 +3551,6 @@ __metadata: languageName: node linkType: hard -"is-binary-path@npm:~2.1.0": - version: 2.1.0 - resolution: "is-binary-path@npm:2.1.0" - dependencies: - binary-extensions: "npm:^2.0.0" - checksum: 10/078e51b4f956c2c5fd2b26bb2672c3ccf7e1faff38e0ebdba45612265f4e3d9fc3127a1fa8370bbf09eab61339203c3d3b7af5662cbf8be4030f8fac37745b0e - languageName: node - linkType: hard - "is-boolean-object@npm:^1.2.1": version: 1.2.2 resolution: "is-boolean-object@npm:1.2.2" @@ -3884,7 +3577,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: @@ -3937,13 +3630,6 @@ __metadata: languageName: node linkType: hard -"is-fullwidth-code-point@npm:^3.0.0": - version: 3.0.0 - resolution: "is-fullwidth-code-point@npm:3.0.0" - checksum: 10/44a30c29457c7fb8f00297bce733f0a64cd22eca270f83e58c105e0d015e45c019491a4ab2faef91ab51d4738c670daff901c799f6a700e27f7314029e99e348 - languageName: node - linkType: hard - "is-generator-function@npm:^1.0.10": version: 1.1.0 resolution: "is-generator-function@npm:1.1.0" @@ -3956,7 +3642,7 @@ __metadata: languageName: node linkType: hard -"is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1": +"is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3": version: 4.0.3 resolution: "is-glob@npm:4.0.3" dependencies: @@ -4108,13 +3794,6 @@ __metadata: languageName: node linkType: hard -"isexe@npm:^3.1.1": - version: 3.1.1 - resolution: "isexe@npm:3.1.1" - checksum: 10/7fe1931ee4e88eb5aa524cd3ceb8c882537bc3a81b02e438b240e47012eef49c86904d0f0e593ea7c3a9996d18d0f1f3be8d3eaa92333977b0c3a9d353d5563e - languageName: node - linkType: hard - "iterator.prototype@npm:^1.1.4": version: 1.1.5 resolution: "iterator.prototype@npm:1.1.5" @@ -4129,19 +3808,6 @@ __metadata: languageName: node linkType: hard -"jackspeak@npm:^3.1.2": - version: 3.4.3 - resolution: "jackspeak@npm:3.4.3" - dependencies: - "@isaacs/cliui": "npm:^8.0.2" - "@pkgjs/parseargs": "npm:^0.11.0" - dependenciesMeta: - "@pkgjs/parseargs": - optional: true - checksum: 10/96f8786eaab98e4bf5b2a5d6d9588ea46c4d06bbc4f2eb861fdd7b6b182b16f71d8a70e79820f335d52653b16d4843b29dd9cdcf38ae80406756db9199497cf3 - languageName: node - linkType: hard - "js-tokens@npm:^3.0.0 || ^4.0.0, js-tokens@npm:^4.0.0": version: 4.0.0 resolution: "js-tokens@npm:4.0.0" @@ -4257,126 +3923,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.28.2": - 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 - "locate-path@npm:^6.0.0": version: 6.0.0 resolution: "locate-path@npm:6.0.0" @@ -4411,13 +3957,6 @@ __metadata: languageName: node linkType: hard -"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0": - version: 10.4.3 - resolution: "lru-cache@npm:10.4.3" - checksum: 10/e6e90267360476720fa8e83cc168aa2bf0311f3f2eea20a6ba78b90a885ae72071d9db132f40fda4129c803e7dcec3a6b6a6fbb44ca90b081630b810b5d6a41a - languageName: node - linkType: hard - "lru-cache@npm:^5.1.1": version: 5.1.1 resolution: "lru-cache@npm:5.1.1" @@ -4427,25 +3966,6 @@ __metadata: languageName: node linkType: hard -"make-fetch-happen@npm:^14.0.3": - version: 14.0.3 - resolution: "make-fetch-happen@npm:14.0.3" - dependencies: - "@npmcli/agent": "npm:^3.0.0" - cacache: "npm:^19.0.1" - http-cache-semantics: "npm:^4.1.1" - minipass: "npm:^7.0.2" - minipass-fetch: "npm:^4.0.0" - minipass-flush: "npm:^1.0.5" - minipass-pipeline: "npm:^1.2.4" - negotiator: "npm:^1.0.0" - proc-log: "npm:^5.0.0" - promise-retry: "npm:^2.0.1" - ssri: "npm:^12.0.0" - checksum: 10/fce0385840b6d86b735053dfe941edc2dd6468fda80fe74da1eeff10cbd82a75760f406194f2bc2fa85b99545b2bc1f84c08ddf994b21830775ba2d1a87e8bdf - languageName: node - linkType: hard - "markdown-extensions@npm:^2.0.0": version: 2.0.0 resolution: "markdown-extensions@npm:2.0.0" @@ -4964,7 +4484,7 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^9.0.4, minimatch@npm:^9.0.5": +"minimatch@npm:^9.0.5": version: 9.0.5 resolution: "minimatch@npm:9.0.5" dependencies: @@ -4980,82 +4500,6 @@ __metadata: languageName: node linkType: hard -"minipass-collect@npm:^2.0.1": - version: 2.0.1 - resolution: "minipass-collect@npm:2.0.1" - dependencies: - minipass: "npm:^7.0.3" - checksum: 10/b251bceea62090f67a6cced7a446a36f4cd61ee2d5cea9aee7fff79ba8030e416327a1c5aa2908dc22629d06214b46d88fdab8c51ac76bacbf5703851b5ad342 - languageName: node - linkType: hard - -"minipass-fetch@npm:^4.0.0": - version: 4.0.1 - resolution: "minipass-fetch@npm:4.0.1" - dependencies: - encoding: "npm:^0.1.13" - minipass: "npm:^7.0.3" - minipass-sized: "npm:^1.0.3" - minizlib: "npm:^3.0.1" - dependenciesMeta: - encoding: - optional: true - checksum: 10/7ddfebdbb87d9866e7b5f7eead5a9e3d9d507992af932a11d275551f60006cf7d9178e66d586dbb910894f3e3458d27c0ddf93c76e94d49d0a54a541ddc1263d - languageName: node - linkType: hard - -"minipass-flush@npm:^1.0.5": - version: 1.0.5 - resolution: "minipass-flush@npm:1.0.5" - dependencies: - minipass: "npm:^3.0.0" - checksum: 10/56269a0b22bad756a08a94b1ffc36b7c9c5de0735a4dd1ab2b06c066d795cfd1f0ac44a0fcae13eece5589b908ecddc867f04c745c7009be0b566421ea0944cf - languageName: node - linkType: hard - -"minipass-pipeline@npm:^1.2.4": - version: 1.2.4 - resolution: "minipass-pipeline@npm:1.2.4" - dependencies: - minipass: "npm:^3.0.0" - checksum: 10/b14240dac0d29823c3d5911c286069e36d0b81173d7bdf07a7e4a91ecdef92cdff4baaf31ea3746f1c61e0957f652e641223970870e2353593f382112257971b - languageName: node - linkType: hard - -"minipass-sized@npm:^1.0.3": - version: 1.0.3 - resolution: "minipass-sized@npm:1.0.3" - dependencies: - minipass: "npm:^3.0.0" - checksum: 10/40982d8d836a52b0f37049a0a7e5d0f089637298e6d9b45df9c115d4f0520682a78258905e5c8b180fb41b593b0a82cc1361d2c74b45f7ada66334f84d1ecfdd - languageName: node - linkType: hard - -"minipass@npm:^3.0.0": - version: 3.3.6 - resolution: "minipass@npm:3.3.6" - dependencies: - yallist: "npm:^4.0.0" - checksum: 10/a5c6ef069f70d9a524d3428af39f2b117ff8cd84172e19b754e7264a33df460873e6eb3d6e55758531580970de50ae950c496256bb4ad3691a2974cddff189f0 - languageName: node - linkType: hard - -"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.0.4, minipass@npm:^7.1.2": - version: 7.1.2 - resolution: "minipass@npm:7.1.2" - checksum: 10/c25f0ee8196d8e6036661104bacd743785b2599a21de5c516b32b3fa2b83113ac89a2358465bc04956baab37ffb956ae43be679b2262bf7be15fce467ccd7950 - languageName: node - linkType: hard - -"minizlib@npm:^3.0.1, minizlib@npm:^3.1.0": - version: 3.1.0 - resolution: "minizlib@npm:3.1.0" - dependencies: - minipass: "npm:^7.1.2" - checksum: 10/f47365cc2cb7f078cbe7e046eb52655e2e7e97f8c0a9a674f4da60d94fb0624edfcec9b5db32e8ba5a99a5f036f595680ae6fe02a262beaa73026e505cc52f99 - languageName: node - linkType: hard - "motion-dom@npm:^12.34.1": version: 12.34.1 resolution: "motion-dom@npm:12.34.1" @@ -5100,7 +4544,7 @@ __metadata: languageName: node linkType: hard -"nanoid@npm:^3.3.6": +"nanoid@npm:^3.3.11, nanoid@npm:^3.3.6": version: 3.3.11 resolution: "nanoid@npm:3.3.11" bin: @@ -5125,13 +4569,6 @@ __metadata: languageName: node linkType: hard -"negotiator@npm:^1.0.0": - version: 1.0.0 - resolution: "negotiator@npm:1.0.0" - checksum: 10/b5734e87295324fabf868e36fb97c84b7d7f3156ec5f4ee5bf6e488079c11054f818290fc33804cef7b1ee21f55eeb14caea83e7dafae6492a409b3e573153e5 - languageName: node - linkType: hard - "next-mdx-remote-client@npm:^2.1.2": version: 2.1.7 resolution: "next-mdx-remote-client@npm:2.1.7" @@ -5210,26 +4647,6 @@ __metadata: languageName: node linkType: hard -"node-gyp@npm:latest": - version: 11.3.0 - resolution: "node-gyp@npm:11.3.0" - dependencies: - env-paths: "npm:^2.2.0" - exponential-backoff: "npm:^3.1.1" - graceful-fs: "npm:^4.2.6" - make-fetch-happen: "npm:^14.0.3" - nopt: "npm:^8.0.0" - proc-log: "npm:^5.0.0" - semver: "npm:^7.3.5" - tar: "npm:^7.4.3" - tinyglobby: "npm:^0.2.12" - which: "npm:^5.0.0" - bin: - node-gyp: bin/node-gyp.js - checksum: 10/e7fb17ba72172d743ee791ea470cba1a579d1c37bcaa67a45d221d07df055baf1367d0684b3c7ee2b9b61f260cea77b2016aaac47027dbc0f43030c90b21527d - languageName: node - linkType: hard - "node-releases@npm:^2.0.27": version: 2.0.27 resolution: "node-releases@npm:2.0.27" @@ -5237,24 +4654,6 @@ __metadata: languageName: node linkType: hard -"nopt@npm:^8.0.0": - version: 8.1.0 - resolution: "nopt@npm:8.1.0" - dependencies: - abbrev: "npm:^3.0.0" - bin: - nopt: bin/nopt.js - checksum: 10/26ab456c51a96f02a9e5aa8d1b80ef3219f2070f3f3528a040e32fb735b1e651e17bdf0f1476988d3a46d498f35c65ed662d122f340d38ce4a7e71dd7b20c4bc - languageName: node - linkType: hard - -"normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0": - version: 3.0.0 - resolution: "normalize-path@npm:3.0.0" - checksum: 10/88eeb4da891e10b1318c4b2476b6e2ecbeb5ff97d946815ffea7794c31a89017c70d7f34b3c2ebf23ef4e9fc9fb99f7dffe36da22011b5b5c6ffa34f4873ec20 - languageName: node - linkType: hard - "object-assign@npm:^4.1.1": version: 4.1.1 resolution: "object-assign@npm:4.1.1" @@ -5398,20 +4797,6 @@ __metadata: languageName: node linkType: hard -"p-map@npm:^7.0.2": - version: 7.0.3 - resolution: "p-map@npm:7.0.3" - checksum: 10/2ef48ccfc6dd387253d71bf502604f7893ed62090b2c9d73387f10006c342606b05233da0e4f29388227b61eb5aeface6197e166520c465c234552eeab2fe633 - languageName: node - linkType: hard - -"package-json-from-dist@npm:^1.0.0": - version: 1.0.1 - resolution: "package-json-from-dist@npm:1.0.1" - checksum: 10/58ee9538f2f762988433da00e26acc788036914d57c71c246bf0be1b60cdbd77dd60b6a3e1a30465f0b248aeb80079e0b34cb6050b1dfa18c06953bb1cbc7602 - languageName: node - linkType: hard - "parent-module@npm:^1.0.0": version: 1.0.1 resolution: "parent-module@npm:1.0.1" @@ -5457,16 +4842,6 @@ __metadata: languageName: node linkType: hard -"path-scurry@npm:^1.11.1": - version: 1.11.1 - resolution: "path-scurry@npm:1.11.1" - dependencies: - lru-cache: "npm:^10.2.0" - minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0" - checksum: 10/5e8845c159261adda6f09814d7725683257fcc85a18f329880ab4d7cc1d12830967eae5d5894e453f341710d5484b8fdbbd4d75181b4d6e1eb2f4dc7aeadc434 - languageName: node - linkType: hard - "picocolors@npm:^1.0.0, picocolors@npm:^1.1.1": version: 1.1.1 resolution: "picocolors@npm:1.1.1" @@ -5474,7 +4849,7 @@ __metadata: languageName: node linkType: hard -"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.3.1": +"picomatch@npm:^2.3.1": version: 2.3.1 resolution: "picomatch@npm:2.3.1" checksum: 10/60c2595003b05e4535394d1da94850f5372c9427ca4413b71210f437f7b2ca091dbd611c45e8b37d10036fa8eade25c1b8951654f9d3973bfa66a2ff4d3b08bc @@ -5488,6 +4863,13 @@ __metadata: languageName: node linkType: hard +"pify@npm:^2.3.0": + version: 2.3.0 + resolution: "pify@npm:2.3.0" + checksum: 10/9503aaeaf4577acc58642ad1d25c45c6d90288596238fb68f82811c08104c800e5a7870398e9f015d82b44ecbcbef3dc3d4251a1cbb582f6e5959fe09884b2ba + languageName: node + linkType: hard + "possible-typed-array-names@npm:^1.0.0": version: 1.1.0 resolution: "possible-typed-array-names@npm:1.1.0" @@ -5495,6 +4877,26 @@ __metadata: languageName: node linkType: hard +"postcss-import@npm:^16.1.1": + 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-value-parser@npm:^4.0.0": + version: 4.2.0 + resolution: "postcss-value-parser@npm:4.2.0" + checksum: 10/e4e4486f33b3163a606a6ed94f9c196ab49a37a7a7163abfcd469e5f113210120d70b8dd5e33d64636f41ad52316a3725655421eb9a1094f1bcab1db2f555c62 + languageName: node + linkType: hard + "postcss@npm:8.4.31": version: 8.4.31 resolution: "postcss@npm:8.4.31" @@ -5506,6 +4908,17 @@ __metadata: languageName: node linkType: hard +"postcss@npm:^8.5.6": + version: 8.5.6 + resolution: "postcss@npm:8.5.6" + dependencies: + nanoid: "npm:^3.3.11" + picocolors: "npm:^1.1.1" + source-map-js: "npm:^1.2.1" + checksum: 10/9e4fbe97574091e9736d0e82a591e29aa100a0bf60276a926308f8c57249698935f35c5d2f4e80de778d0cbb8dcffab4f383d85fd50c5649aca421c3df729b86 + languageName: node + linkType: hard + "prelude-ls@npm:^1.2.1": version: 1.2.1 resolution: "prelude-ls@npm:1.2.1" @@ -5513,23 +4926,6 @@ __metadata: languageName: node linkType: hard -"proc-log@npm:^5.0.0": - version: 5.0.0 - resolution: "proc-log@npm:5.0.0" - checksum: 10/35610bdb0177d3ab5d35f8827a429fb1dc2518d9e639f2151ac9007f01a061c30e0c635a970c9b00c39102216160f6ec54b62377c92fac3b7bfc2ad4b98d195c - languageName: node - linkType: hard - -"promise-retry@npm:^2.0.1": - version: 2.0.1 - resolution: "promise-retry@npm:2.0.1" - dependencies: - err-code: "npm:^2.0.2" - retry: "npm:^0.12.0" - checksum: 10/96e1a82453c6c96eef53a37a1d6134c9f2482f94068f98a59145d0986ca4e497bf110a410adf73857e588165eab3899f0ebcf7b3890c1b3ce802abc0d65967d4 - languageName: node - linkType: hard - "prop-types@npm:^15.8.1": version: 15.8.1 resolution: "prop-types@npm:15.8.1" @@ -5594,12 +4990,12 @@ __metadata: languageName: node linkType: hard -"readdirp@npm:~3.6.0": - version: 3.6.0 - resolution: "readdirp@npm:3.6.0" +"read-cache@npm:^1.0.0": + version: 1.0.0 + resolution: "read-cache@npm:1.0.0" dependencies: - picomatch: "npm:^2.2.1" - checksum: 10/196b30ef6ccf9b6e18c4e1724b7334f72a093d011a99f3b5920470f0b3406a51770867b3e1ae9711f227ef7a7065982f6ee2ce316746b2cb42c88efe44297fe7 + pify: "npm:^2.3.0" + checksum: 10/83a39149d9dfa38f0c482ea0d77b34773c92fef07fe7599cdd914d255b14d0453e0229ef6379d8d27d6947f42d7581635296d0cfa7708f05a9bd8e789d398b31 languageName: node linkType: hard @@ -5788,16 +5184,16 @@ __metadata: languageName: node linkType: hard -"resolve@npm:^1.22.4": - version: 1.22.10 - resolution: "resolve@npm:1.22.10" +"resolve@npm:^1.1.7, resolve@npm:^1.22.4": + 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 @@ -5814,16 +5210,16 @@ __metadata: languageName: node linkType: hard -"resolve@patch:resolve@npm%3A^1.22.4#optional!builtin": - version: 1.22.10 - resolution: "resolve@patch:resolve@npm%3A1.22.10#optional!builtin::version=1.22.10&hash=c3c19d" +"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin": + version: 1.22.11 + resolution: "resolve@patch:resolve@npm%3A1.22.11#optional!builtin::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 @@ -5840,13 +5236,6 @@ __metadata: languageName: node linkType: hard -"retry@npm:^0.12.0": - version: 0.12.0 - resolution: "retry@npm:0.12.0" - checksum: 10/1f914879f97e7ee931ad05fe3afa629bd55270fc6cf1c1e589b6a99fab96d15daad0fa1a52a00c729ec0078045fe3e399bd4fd0c93bcc906957bdc17f89cb8e6 - languageName: node - linkType: hard - "reusify@npm:^1.0.4": version: 1.1.0 resolution: "reusify@npm:1.1.0" @@ -5897,13 +5286,6 @@ __metadata: languageName: node linkType: hard -"safer-buffer@npm:>= 2.1.2 < 3.0.0": - version: 2.1.2 - resolution: "safer-buffer@npm:2.1.2" - checksum: 10/7eaf7a0cf37cc27b42fb3ef6a9b1df6e93a1c6d98c6c6702b02fe262d5fcbd89db63320793b99b21cb5348097d0a53de81bd5f4e8b86e20cc9412e3f1cfb4e83 - languageName: node - linkType: hard - "scheduler@npm:^0.27.0": version: 0.27.0 resolution: "scheduler@npm:0.27.0" @@ -5920,7 +5302,7 @@ __metadata: languageName: node linkType: hard -"semver@npm:^7.3.5, semver@npm:^7.7.1, semver@npm:^7.7.3": +"semver@npm:^7.7.1, semver@npm:^7.7.3": version: 7.7.3 resolution: "semver@npm:7.7.3" bin: @@ -6139,42 +5521,7 @@ __metadata: languageName: node linkType: hard -"signal-exit@npm:^4.0.1": - version: 4.1.0 - resolution: "signal-exit@npm:4.1.0" - checksum: 10/c9fa63bbbd7431066174a48ba2dd9986dfd930c3a8b59de9c29d7b6854ec1c12a80d15310869ea5166d413b99f041bfa3dd80a7947bcd44ea8e6eb3ffeabfa1f - languageName: node - linkType: hard - -"smart-buffer@npm:^4.2.0": - version: 4.2.0 - resolution: "smart-buffer@npm:4.2.0" - checksum: 10/927484aa0b1640fd9473cee3e0a0bcad6fce93fd7bbc18bac9ad0c33686f5d2e2c422fba24b5899c184524af01e11dd2bd051c2bf2b07e47aff8ca72cbfc60d2 - languageName: node - linkType: hard - -"socks-proxy-agent@npm:^8.0.3": - version: 8.0.5 - resolution: "socks-proxy-agent@npm:8.0.5" - dependencies: - agent-base: "npm:^7.1.2" - debug: "npm:^4.3.4" - socks: "npm:^2.8.3" - checksum: 10/ee99e1dacab0985b52cbe5a75640be6e604135e9489ebdc3048635d186012fbaecc20fbbe04b177dee434c319ba20f09b3e7dfefb7d932466c0d707744eac05c - languageName: node - linkType: hard - -"socks@npm:^2.8.3": - version: 2.8.7 - resolution: "socks@npm:2.8.7" - dependencies: - ip-address: "npm:^10.0.1" - smart-buffer: "npm:^4.2.0" - checksum: 10/d19366c95908c19db154f329bbe94c2317d315dc933a7c2b5101e73f32a555c84fb199b62174e1490082a593a4933d8d5a9b297bde7d1419c14a11a965f51356 - languageName: node - linkType: hard - -"source-map-js@npm:^1.0.2": +"source-map-js@npm:^1.0.2, source-map-js@npm:^1.2.1": version: 1.2.1 resolution: "source-map-js@npm:1.2.1" checksum: 10/ff9d8c8bf096d534a5b7707e0382ef827b4dd360a577d3f34d2b9f48e12c9d230b5747974ee7c607f0df65113732711bb701fe9ece3c7edbd43cb2294d707df3 @@ -6195,15 +5542,6 @@ __metadata: languageName: node linkType: hard -"ssri@npm:^12.0.0": - version: 12.0.0 - resolution: "ssri@npm:12.0.0" - dependencies: - minipass: "npm:^7.0.3" - checksum: 10/7024c1a6e39b3f18aa8f1c8290e884fe91b0f9ca5a6c6d410544daad54de0ba664db879afe16412e187c6c292fd60b937f047ee44292e5c2af2dcc6d8e1a9b48 - languageName: node - linkType: hard - "stable-hash@npm:^0.0.5": version: 0.0.5 resolution: "stable-hash@npm:0.0.5" @@ -6221,28 +5559,6 @@ __metadata: languageName: node linkType: hard -"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0": - version: 4.2.3 - resolution: "string-width@npm:4.2.3" - dependencies: - emoji-regex: "npm:^8.0.0" - is-fullwidth-code-point: "npm:^3.0.0" - strip-ansi: "npm:^6.0.1" - checksum: 10/e52c10dc3fbfcd6c3a15f159f54a90024241d0f149cf8aed2982a2d801d2e64df0bf1dc351cf8e95c3319323f9f220c16e740b06faecd53e2462df1d2b5443fb - languageName: node - linkType: hard - -"string-width@npm:^5.0.1, string-width@npm:^5.1.2": - version: 5.1.2 - resolution: "string-width@npm:5.1.2" - dependencies: - eastasianwidth: "npm:^0.2.0" - emoji-regex: "npm:^9.2.2" - strip-ansi: "npm:^7.0.1" - checksum: 10/7369deaa29f21dda9a438686154b62c2c5f661f8dda60449088f9f980196f7908fc39fdd1803e3e01541970287cf5deae336798337e9319a7055af89dafa7193 - languageName: node - linkType: hard - "string.prototype.includes@npm:^2.0.1": version: 2.0.1 resolution: "string.prototype.includes@npm:2.0.1" @@ -6333,24 +5649,6 @@ __metadata: languageName: node linkType: hard -"strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1": - version: 6.0.1 - resolution: "strip-ansi@npm:6.0.1" - dependencies: - ansi-regex: "npm:^5.0.1" - checksum: 10/ae3b5436d34fadeb6096367626ce987057713c566e1e7768818797e00ac5d62023d0f198c4e681eae9e20701721980b26a64a8f5b91238869592a9c6800719a2 - languageName: node - linkType: hard - -"strip-ansi@npm:^7.0.1": - version: 7.1.0 - resolution: "strip-ansi@npm:7.1.0" - dependencies: - ansi-regex: "npm:^6.0.1" - checksum: 10/475f53e9c44375d6e72807284024ac5d668ee1d06010740dec0b9744f2ddf47de8d7151f80e5f6190fc8f384e802fdf9504b76a7e9020c9faee7103623338be2 - languageName: node - linkType: hard - "strip-bom@npm:^3.0.0": version: 3.0.0 resolution: "strip-bom@npm:3.0.0" @@ -6429,20 +5727,7 @@ __metadata: languageName: node linkType: hard -"tar@npm:^7.4.3": - version: 7.5.9 - resolution: "tar@npm:7.5.9" - dependencies: - "@isaacs/fs-minipass": "npm:^4.0.0" - chownr: "npm:^3.0.0" - minipass: "npm:^7.1.2" - minizlib: "npm:^3.1.0" - yallist: "npm:^5.0.0" - checksum: 10/1213cdde9c22d6acf8809ba5d2a025212ce3517bc99c4a4c6981b7dc0489bf3b164db9c826c9517680889194c9ba57448c8ff0da35eca9a60bb7689bf0b3897d - languageName: node - linkType: hard - -"tinyglobby@npm:^0.2.12, tinyglobby@npm:^0.2.13, tinyglobby@npm:^0.2.15": +"tinyglobby@npm:^0.2.13, tinyglobby@npm:^0.2.15": version: 0.2.15 resolution: "tinyglobby@npm:0.2.15" dependencies: @@ -6641,24 +5926,6 @@ __metadata: languageName: node linkType: hard -"unique-filename@npm:^4.0.0": - version: 4.0.0 - resolution: "unique-filename@npm:4.0.0" - dependencies: - unique-slug: "npm:^5.0.0" - checksum: 10/6a62094fcac286b9ec39edbd1f8f64ff92383baa430af303dfed1ffda5e47a08a6b316408554abfddd9730c78b6106bef4ca4d02c1231a735ddd56ced77573df - languageName: node - linkType: hard - -"unique-slug@npm:^5.0.0": - version: 5.0.0 - resolution: "unique-slug@npm:5.0.0" - dependencies: - imurmurhash: "npm:^0.1.4" - checksum: 10/beafdf3d6f44990e0a5ce560f8f881b4ee811be70b6ba0db25298c31c8cf525ed963572b48cd03be1c1349084f9e339be4241666d7cf1ebdad20598d3c652b27 - languageName: node - linkType: hard - "unist-util-is@npm:^6.0.0": version: 6.0.0 resolution: "unist-util-is@npm:6.0.0" @@ -6942,17 +6209,6 @@ __metadata: languageName: node linkType: hard -"which@npm:^5.0.0": - version: 5.0.0 - resolution: "which@npm:5.0.0" - dependencies: - isexe: "npm:^3.1.1" - bin: - node-which: bin/which.js - checksum: 10/6ec99e89ba32c7e748b8a3144e64bfc74aa63e2b2eacbb61a0060ad0b961eb1a632b08fb1de067ed59b002cec3e21de18299216ebf2325ef0f78e0f121e14e90 - languageName: node - linkType: hard - "word-wrap@npm:^1.2.5": version: 1.2.5 resolution: "word-wrap@npm:1.2.5" @@ -6960,28 +6216,6 @@ __metadata: languageName: node linkType: hard -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": - version: 7.0.0 - resolution: "wrap-ansi@npm:7.0.0" - dependencies: - ansi-styles: "npm:^4.0.0" - string-width: "npm:^4.1.0" - strip-ansi: "npm:^6.0.0" - checksum: 10/cebdaeca3a6880da410f75209e68cd05428580de5ad24535f22696d7d9cab134d1f8498599f344c3cf0fb37c1715807a183778d8c648d6cc0cb5ff2bb4236540 - languageName: node - linkType: hard - -"wrap-ansi@npm:^8.1.0": - version: 8.1.0 - resolution: "wrap-ansi@npm:8.1.0" - dependencies: - ansi-styles: "npm:^6.1.0" - string-width: "npm:^5.0.1" - strip-ansi: "npm:^7.0.1" - checksum: 10/7b1e4b35e9bb2312d2ee9ee7dc95b8cb5f8b4b5a89f7dde5543fe66c1e3715663094defa50d75454ac900bd210f702d575f15f3f17fa9ec0291806d2578d1ddf - languageName: node - linkType: hard - "yallist@npm:^3.0.2": version: 3.1.1 resolution: "yallist@npm:3.1.1" @@ -6989,20 +6223,6 @@ __metadata: languageName: node linkType: hard -"yallist@npm:^4.0.0": - version: 4.0.0 - resolution: "yallist@npm:4.0.0" - checksum: 10/4cb02b42b8a93b5cf50caf5d8e9beb409400a8a4d85e83bb0685c1457e9ac0b7a00819e9f5991ac25ffabb56a78e2f017c1acc010b3a1babfe6de690ba531abd - languageName: node - linkType: hard - -"yallist@npm:^5.0.0": - version: 5.0.0 - resolution: "yallist@npm:5.0.0" - checksum: 10/1884d272d485845ad04759a255c71775db0fac56308764b4c77ea56a20d56679fad340213054c8c9c9c26fcfd4c4b2a90df993b7e0aaf3cdb73c618d1d1a802a - languageName: node - linkType: hard - "yaml@npm:^2.0.0": version: 2.8.1 resolution: "yaml@npm:2.8.1"