promote-email-templates 0.0.3 → 0.0.5

package/dist/index.d.mts

@@ -168,7 +168,6 @@ interface NewJobCreatedBrandProps {
     campaign: {
         name: string;
         description: string;
-        photo: string;
     };
     job: {
         id: string;
@@ -183,11 +182,9 @@ interface NewJobApplicationsReceivedBrandProps {
     campaign: {
         name: string;
         description: string;
-        photo: string;
     };
     job: {
         id: string;
-        createdAt: string;
         jobCommission: string;
     };
     jobApplication: {
@@ -205,12 +202,10 @@ interface NewJobApplicationUnapprovedCreatorProps {
     creator: {
         name: string;
         email: string;
-        photo: string;
     };
     campaign: {
         name: string;
         description: string;
-        photo: string;
     };
     jobApplication: {
         id: string;
@@ -441,7 +436,6 @@ declare namespace NewJobCreatedBrand {
         campaign: {
             name: string;
             description: string;
-            photo: string;
         };
         job: {
             id: string;
@@ -460,11 +454,9 @@ declare namespace NewJobApplicationsReceivedBrand {
         campaign: {
             name: string;
             description: string;
-            photo: string;
         };
         job: {
             id: string;
-            createdAt: string;
             jobCommission: string;
         };
         jobApplication: {
@@ -568,12 +560,10 @@ declare namespace NewJobApplicationUnapprovedCreator {
         creator: {
             name: string;
             email: string;
-            photo: string;
         };
         campaign: {
             name: string;
             description: string;
-            photo: string;
         };
         jobApplication: {
             id: string;

package/dist/index.d.ts

@@ -168,7 +168,6 @@ interface NewJobCreatedBrandProps {
     campaign: {
         name: string;
         description: string;
-        photo: string;
     };
     job: {
         id: string;
@@ -183,11 +182,9 @@ interface NewJobApplicationsReceivedBrandProps {
     campaign: {
         name: string;
         description: string;
-        photo: string;
     };
     job: {
         id: string;
-        createdAt: string;
         jobCommission: string;
     };
     jobApplication: {
@@ -205,12 +202,10 @@ interface NewJobApplicationUnapprovedCreatorProps {
     creator: {
         name: string;
         email: string;
-        photo: string;
     };
     campaign: {
         name: string;
         description: string;
-        photo: string;
     };
     jobApplication: {
         id: string;
@@ -441,7 +436,6 @@ declare namespace NewJobCreatedBrand {
         campaign: {
             name: string;
             description: string;
-            photo: string;
         };
         job: {
             id: string;
@@ -460,11 +454,9 @@ declare namespace NewJobApplicationsReceivedBrand {
         campaign: {
             name: string;
             description: string;
-            photo: string;
         };
         job: {
             id: string;
-            createdAt: string;
             jobCommission: string;
         };
         jobApplication: {
@@ -568,12 +560,10 @@ declare namespace NewJobApplicationUnapprovedCreator {
         creator: {
             name: string;
             email: string;
-            photo: string;
         };
         campaign: {
             name: string;
             description: string;
-            photo: string;
         };
         jobApplication: {
             id: string;

package/dist/index.js

@@ -812,8 +812,7 @@ NewJobCreatedBrand.PreviewProps = {
   },
   campaign: {
     name: "Megas ate dormir",
-    description: "Ganhe megas so por publicar uma foto com a vodacom",
-    photo: "https://s3.us-east-2.amazonaws.com/promote-mz.com/images/8c52bb92-4a8b-472f-89cb-0428b90b8b74.jpg"
+    description: "Ganhe megas so por publicar uma foto com a vodacom"
   },
   job: {
     id: "1",
@@ -885,12 +884,10 @@ NewJobApplicationsReceivedBrand.PreviewProps = {
   },
   campaign: {
     name: "Megas at\xE9 Dormir",
-    description: "Ganhe megas s\xF3 por publicar uma foto com a Vodacom",
-    photo: "https://s3.us-east-2.amazonaws.com/promote-mz.com/images/8c52bb92-4a8b-472f-89cb-0428b90b8b74.jpg"
+    description: "Ganhe megas s\xF3 por publicar uma foto com a Vodacom"
   },
   job: {
     id: "1",
-    createdAt: "20 de Agosto, 2021",
     jobCommission: "1000"
   },
   jobApplication: {
@@ -1190,13 +1187,11 @@ function NewJobApplicationUnapprovedCreator(props) {
 NewJobApplicationUnapprovedCreator.PreviewProps = {
   creator: {
     name: "K\xE1tia Vanessa",
-    email: "katia@example.com",
-    photo: "https://s3.us-east-2.amazonaws.com/promote-mz.com/images/creator-photo.jpg"
+    email: "katia@example.com"
   },
   campaign: {
     name: "Megas at\xE9 Dormir",
-    description: "Ganhe megas s\xF3 por publicar uma foto com a Vodacom",
-    photo: "https://s3.us-east-2.amazonaws.com/promote-mz.com/images/campaign-photo.jpg"
+    description: "Ganhe megas s\xF3 por publicar uma foto com a Vodacom"
   },
   jobApplication: {
     id: "1",

package/dist/index.mjs

@@ -755,8 +755,7 @@ NewJobCreatedBrand.PreviewProps = {
   },
   campaign: {
     name: "Megas ate dormir",
-    description: "Ganhe megas so por publicar uma foto com a vodacom",
-    photo: "https://s3.us-east-2.amazonaws.com/promote-mz.com/images/8c52bb92-4a8b-472f-89cb-0428b90b8b74.jpg"
+    description: "Ganhe megas so por publicar uma foto com a vodacom"
   },
   job: {
     id: "1",
@@ -828,12 +827,10 @@ NewJobApplicationsReceivedBrand.PreviewProps = {
   },
   campaign: {
     name: "Megas at\xE9 Dormir",
-    description: "Ganhe megas s\xF3 por publicar uma foto com a Vodacom",
-    photo: "https://s3.us-east-2.amazonaws.com/promote-mz.com/images/8c52bb92-4a8b-472f-89cb-0428b90b8b74.jpg"
+    description: "Ganhe megas s\xF3 por publicar uma foto com a Vodacom"
   },
   job: {
     id: "1",
-    createdAt: "20 de Agosto, 2021",
     jobCommission: "1000"
   },
   jobApplication: {
@@ -1133,13 +1130,11 @@ function NewJobApplicationUnapprovedCreator(props) {
 NewJobApplicationUnapprovedCreator.PreviewProps = {
   creator: {
     name: "K\xE1tia Vanessa",
-    email: "katia@example.com",
-    photo: "https://s3.us-east-2.amazonaws.com/promote-mz.com/images/creator-photo.jpg"
+    email: "katia@example.com"
   },
   campaign: {
     name: "Megas at\xE9 Dormir",
-    description: "Ganhe megas s\xF3 por publicar uma foto com a Vodacom",
-    photo: "https://s3.us-east-2.amazonaws.com/promote-mz.com/images/campaign-photo.jpg"
+    description: "Ganhe megas s\xF3 por publicar uma foto com a Vodacom"
   },
   jobApplication: {
     id: "1",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "promote-email-templates",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Promote Email Templates",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/.react-email/.eslintrc.js

@@ -1,52 +0,0 @@
-const { resolve } = require('node:path');
-
-const project = resolve(process.cwd(), './tsconfig.json');
-
-/** @type {import('eslint').ESLint.ConfigData} */
-module.exports = {
-  extends: [
-    "@vercel/style-guide/eslint/node",
-    "@vercel/style-guide/eslint/browser",
-    "@vercel/style-guide/eslint/typescript",
-    "@vercel/style-guide/eslint/react",
-    "@vercel/style-guide/eslint/next",
-    "eslint-config-turbo",
-  ]
-    .map(require.resolve)
-    .concat(["eslint-config-prettier"]),
-  parserOptions: {
-    project,
-  },
-  globals: {
-    React: true,
-    JSX: true,
-  },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
-      },
-    },
-  },
-  ignorePatterns: ['cli/', 'cli/index.mjs', "node_modules/", "dist/"],
-  rules: {
-    "@next/next/no-img-element": "off",
-    "@typescript-eslint/explicit-function-return-type": "off",
-    "import/no-default-export": "off",
-    "jsx-a11y/no-autofocus": "off",
-    "no-alert": "off",
-    "react/no-array-index-key": "off",
-    "react/function-component-definition": [
-      2,
-      {
-        namedComponents: "arrow-function",
-        unnamedComponents: "arrow-function",
-      },
-    ],
-    'import/no-cycle': 'off',
-    'import/no-extraneous-dependencies': 'off',
-    'turbo/no-undeclared-env-vars': 'off',
-    'eslint-comments/require-description': 'off',
-    'no-console': 'off',
-  },
-};

package/.react-email/.prettierignore

@@ -1,3 +0,0 @@
-.react-email
-dist
-preview/.next

package/.react-email/.prettierrc.js

@@ -1,8 +0,0 @@
-module.exports = {
-  quoteProps: 'consistent',
-  singleQuote: true,
-  trailingComma: 'all',
-  printWidth: 80,
-  useTabs: false,
-  bracketSpacing: true,
-};

package/.react-email/license.md

@@ -1,7 +0,0 @@
-Copyright 2024 Plus Five Five, Inc
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/.react-email/next.config.js

@@ -1,36 +0,0 @@
-
-const path = require('path');
-/** @type {import('next').NextConfig} */
-module.exports = {
-  env: {
-    ...{"NEXT_PUBLIC_EMAILS_DIR_RELATIVE_PATH":"./emails","NEXT_PUBLIC_CLI_PACKAGE_LOCATION":"PLACEHOLDER","NEXT_PUBLIC_OS_PATH_SEPARATOR":"/","NEXT_PUBLIC_USER_PROJECT_LOCATION":"PLACEHOLDER","NEXT_PUBLIC_IS_BUILDING":"true"},
-    NEXT_PUBLIC_USER_PROJECT_LOCATION: path.resolve(process.cwd(), '../'),
-    NEXT_PUBLIC_CLI_PACKAGE_LOCATION: process.cwd(),
-  },
-  // this is needed so that the code for building emails works properly
-  webpack: (
-    /** @type {import('webpack').Configuration & { externals: string[] }} */
-    config,
-    { isServer }
-  ) => {
-    if (isServer) {
-      config.externals.push('esbuild');
-    }
-
-    return config;
-  },
-  typescript: {
-    ignoreBuildErrors: true
-  },
-  eslint: {
-    ignoreDuringBuilds: true
-  },
-  experimental: {
-    webpackBuildWorker: true,
-    serverComponentsExternalPackages: [
-      '@react-email/components',
-      '@react-email/render',
-      '@react-email/tailwind',
-    ],
-  },
-}

package/.react-email/package.json

@@ -1 +0,0 @@
-{"name":"react-email","version":"2.1.0","description":"A live preview of your emails right in your browser.","bin":{"email":"./cli/index.js"},"license":"MIT","repository":{"type":"git","url":"https://github.com/resend/react-email.git","directory":"packages/react-email"},"keywords":["react","email"],"engines":{"node":">=18.0.0"},"dependencies":{"@radix-ui/colors":"1.0.1","@radix-ui/react-collapsible":"1.0.3","@radix-ui/react-popover":"1.0.6","@radix-ui/react-slot":"1.0.2","@radix-ui/react-toggle-group":"1.0.4","@radix-ui/react-tooltip":"1.0.6","@react-email/components":"0.0.15","@react-email/render":"0.0.12","@swc/core":"1.3.101","@types/react":"^18.2.0","@types/react-dom":"^18.2.0","@types/webpack":"5.28.5","autoprefixer":"10.4.14","chalk":"4.1.2","chokidar":"3.5.3","clsx":"2.1.0","commander":"11.1.0","debounce":"2.0.0","esbuild":"0.19.11","eslint-config-prettier":"9.0.0","eslint-config-turbo":"1.10.12","framer-motion":"10.17.4","glob":"10.3.4","log-symbols":"4.1.0","mime-types":"2.1.35","next":"14.1.0","normalize-path":"3.0.0","ora":"5.4.1","postcss":"8.4.35","prism-react-renderer":"2.1.0","react":"^18.2.0","react-dom":"^18.2.0","shelljs":"0.8.5","socket.io":"4.7.3","socket.io-client":"4.7.3","sonner":"1.3.1","source-map-js":"1.0.2","stacktrace-parser":"0.1.10","tailwind-merge":"2.2.0","tailwindcss":"3.4.0","tree-cli":"0.6.7","typescript":"5.1.6","sharp":"0.33.2"},"devDependencies":{"@types/fs-extra":"11.0.1","@types/mime-types":"2.1.4","@types/node":"18.0.0","@types/normalize-path":"3.0.2","@types/shelljs":"0.8.15","@vercel/style-guide":"5.1.0","eslint":"8.50.0","tsup":"7.2.0","tsx":"4.7.0","vitest":"1.1.3","watch":"1.0.2"},"scripts":{"build":"next build","dev":"tsup --watch","test":"vitest run","clean":"rm -rf dist","lint":"eslint . && tsc","start":"next start"}}

package/.react-email/postcss.config.js

@@ -1,8 +0,0 @@
-const path = require('node:path');
-
-module.exports = {
-  plugins: {
-    tailwindcss: { config: path.resolve(__dirname, 'tailwind.config.ts') },
-    autoprefixer: {},
-  },
-}

package/.react-email/readme.md

@@ -1,44 +0,0 @@
-![React email cover](https://react.email/static/covers/react-email.png)
-
-<div align="center"><strong>React Email</strong></div>
-<div align="center">The next generation of writing emails.<br />High-quality, unstyled components for creating emails.</div>
-<br />
-<div align="center">
-<a href="https://react.email">Website</a> 
-<span> · </span>
-<a href="https://github.com/resend/react-email">GitHub</a> 
-<span> · </span>
-<a href="https://react.email/discord">Discord</a>
-</div>
-
-## Getting started
-
-To get started, open a new shell and run:
-
-```sh
-npx create-email
-```
-
-This will create a new folder called `emails` with a few email templates.
-
-## Commands
-
-### `email dev`
-
-Starts a local development server that will watch your files and automatically rebuild your email when you make changes.
-
-```sh
-npx react-email dev
-```
-
-### `email export`
-
-Generates the plain HTML files of your emails into a `out` directory.
-
-```sh
-npx react-email export
-```
-
-## License
-
-MIT License

package/.react-email/src/actions/get-email-path-from-slug.ts

@@ -1,26 +0,0 @@
-'use server';
-import path from 'node:path';
-import fs from 'node:fs';
-import { emailsDirectoryAbsolutePath } from '../utils/emails-directory-absolute-path';
-
-// eslint-disable-next-line @typescript-eslint/require-await
-export const getEmailPathFromSlug = async (slug: string) => {
-  if (['.tsx', '.jsx', '.js'].includes(path.extname(slug)))
-    return path.join(emailsDirectoryAbsolutePath, slug);
-
-  const pathWithoutExtension = path.join(emailsDirectoryAbsolutePath, slug);
-
-  if (fs.existsSync(`${pathWithoutExtension}.tsx`)) {
-    return `${pathWithoutExtension}.tsx`;
-  } else if (fs.existsSync(`${pathWithoutExtension}.jsx`)) {
-    return `${pathWithoutExtension}.jsx`;
-  } else if (fs.existsSync(`${pathWithoutExtension}.js`)) {
-    return `${pathWithoutExtension}.jsx`;
-  }
-
-  throw new Error(
-    `Could not find your email file based on the slug by guessing the file extension. Tried .tsx, .jsx and .js.
-
-    This is most likely not an issue with the preview server. It most likely is that the email doesn't exist.`,
-  );
-};

package/.react-email/src/actions/get-emails-directory-metadata.spec.ts

@@ -1,73 +0,0 @@
-import path from 'node:path';
-import { getEmailsDirectoryMetadata } from './get-emails-directory-metadata';
-
-test('getEmailsDirectoryMetadata on demo emails', async () => {
-  const emailsDirectoryPath = path.resolve(
-    __dirname,
-    '../../../../apps/demo/emails/',
-  );
-  expect(await getEmailsDirectoryMetadata(emailsDirectoryPath)).toEqual({
-    absolutePath: emailsDirectoryPath,
-    directoryName: 'emails',
-    emailFilenames: [],
-    subDirectories: [
-      {
-        absolutePath: `${emailsDirectoryPath}/magic-links`,
-        directoryName: 'magic-links',
-        emailFilenames: [
-          'aws-verify-email',
-          'linear-login-code',
-          'notion-magic-link',
-          'plaid-verify-identity',
-          'raycast-magic-link',
-          'slack-confirm',
-        ],
-        subDirectories: [],
-      },
-      {
-        absolutePath: `${emailsDirectoryPath}/newsletters`,
-        directoryName: 'newsletters',
-        emailFilenames: [
-          'codepen-challengers',
-          'google-play-policy-update',
-          'stack-overflow-tips',
-        ],
-        subDirectories: [],
-      },
-      {
-        absolutePath: `${emailsDirectoryPath}/notifications`,
-        directoryName: 'notifications',
-        emailFilenames: [
-          'github-access-token',
-          'vercel-invite-user',
-          'yelp-recent-login',
-        ],
-        subDirectories: [],
-      },
-      {
-        absolutePath: `${emailsDirectoryPath}/receipts`,
-        directoryName: 'receipts',
-        emailFilenames: ['apple-receipt', 'nike-receipt'],
-        subDirectories: [],
-      },
-      {
-        absolutePath: `${emailsDirectoryPath}/reset-password`,
-        directoryName: 'reset-password',
-        emailFilenames: ['dropbox-reset-password', 'twitch-reset-password'],
-        subDirectories: [],
-      },
-      {
-        absolutePath: `${emailsDirectoryPath}/reviews`,
-        directoryName: 'reviews',
-        emailFilenames: ['airbnb-review', 'amazon-review'],
-        subDirectories: [],
-      },
-      {
-        absolutePath: `${emailsDirectoryPath}/welcome`,
-        directoryName: 'welcome',
-        emailFilenames: ['koala-welcome', 'netlify-welcome', 'stripe-welcome'],
-        subDirectories: [],
-      },
-    ],
-  });
-});

package/.react-email/src/actions/get-emails-directory-metadata.ts

@@ -1,91 +0,0 @@
-'use server';
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import fs from 'node:fs';
-import path from 'node:path';
-
-const isFileAnEmail = (fullPath: string): boolean => {
-  const stat = fs.statSync(fullPath);
-
-  if (stat.isDirectory()) return false;
-
-  const { ext } = path.parse(fullPath);
-
-  if (!['.js', '.tsx', '.jsx'].includes(ext)) return false;
-
-  // check with a heuristic to see if the file has at least
-  // a default export
-  const fileContents = fs.readFileSync(fullPath, 'utf8');
-
-  return /\bexport\s+default\b/gm.test(fileContents);
-};
-
-export interface EmailsDirectory {
-  absolutePath: string;
-  directoryName: string;
-  emailFilenames: string[];
-  subDirectories: EmailsDirectory[];
-}
-
-const mergeDirectoriesWithSubDirectories = (
-  emailsDirectoryMetadata: EmailsDirectory,
-): EmailsDirectory => {
-  let currentResultingMergedDirectory: EmailsDirectory =
-    emailsDirectoryMetadata;
-
-  while (
-    currentResultingMergedDirectory.emailFilenames.length === 0 &&
-    currentResultingMergedDirectory.subDirectories.length === 1
-  ) {
-    const onlySubDirectory = currentResultingMergedDirectory.subDirectories[0]!;
-    currentResultingMergedDirectory = {
-      subDirectories: onlySubDirectory.subDirectories,
-      emailFilenames: onlySubDirectory.emailFilenames,
-      absolutePath: onlySubDirectory.absolutePath,
-      directoryName: path.join(
-        currentResultingMergedDirectory.directoryName,
-        onlySubDirectory.directoryName,
-      ),
-    };
-  }
-
-  return currentResultingMergedDirectory;
-};
-
-export const getEmailsDirectoryMetadata = async (
-  absolutePathToEmailsDirectory: string,
-): Promise<EmailsDirectory | undefined> => {
-  if (!fs.existsSync(absolutePathToEmailsDirectory)) return;
-
-  const dirents = await fs.promises.readdir(absolutePathToEmailsDirectory, {
-    withFileTypes: true,
-  });
-
-  const emailFilenames = dirents
-    .filter((dirent) =>
-      isFileAnEmail(path.join(absolutePathToEmailsDirectory, dirent.name)),
-    )
-    .map((dirent) => dirent.name.replace(path.extname(dirent.name), ''));
-
-  const subDirectories = await Promise.all(
-    dirents
-      .filter(
-        (dirent) =>
-          dirent.isDirectory() &&
-          !dirent.name.startsWith('_') &&
-          dirent.name !== 'static',
-      )
-      .map(
-        (dirent) =>
-          getEmailsDirectoryMetadata(
-            path.join(absolutePathToEmailsDirectory, dirent.name),
-          ) as Promise<EmailsDirectory>,
-      ),
-  );
-
-  return mergeDirectoriesWithSubDirectories({
-    absolutePath: absolutePathToEmailsDirectory,
-    directoryName: absolutePathToEmailsDirectory.split(path.sep).pop()!,
-    emailFilenames,
-    subDirectories,
-  });
-};

package/.react-email/src/actions/render-email-by-path.tsx

@@ -1,59 +0,0 @@
-'use server';
-import fs from 'node:fs';
-import { renderAsync } from '@react-email/render';
-import { getEmailComponent } from '../utils/get-email-component';
-import type { ErrorObject } from '../utils/types/error-object';
-import { improveErrorWithSourceMap } from '../utils/improve-error-with-sourcemap';
-
-export interface RenderedEmailMetadata {
-  markup: string;
-  plainText: string;
-  reactMarkup: string;
-}
-
-export type EmailRenderingResult =
-  | RenderedEmailMetadata
-  | {
-      error: ErrorObject;
-    };
-
-export const renderEmailByPath = async (
-  emailPath: string,
-): Promise<EmailRenderingResult> => {
-  const result = await getEmailComponent(emailPath);
-
-  if ('error' in result) {
-    return { error: result.error };
-  }
-
-  const { emailComponent: Email, sourceMapToOriginalFile } = result;
-
-  const previewProps = Email.PreviewProps || {};
-  const EmailComponent = Email as React.FC;
-  try {
-    const markup = await renderAsync(<EmailComponent {...previewProps} />, {
-      pretty: true,
-    });
-    const plainText = await renderAsync(<EmailComponent {...previewProps} />, {
-      plainText: true,
-    });
-
-    const reactMarkup = await fs.promises.readFile(emailPath, 'utf-8');
-
-    return {
-      markup,
-      plainText,
-      reactMarkup,
-    };
-  } catch (exception) {
-    const error = exception as Error;
-
-    return {
-      error: improveErrorWithSourceMap(
-        error,
-        emailPath,
-        sourceMapToOriginalFile,
-      ),
-    };
-  }
-};

package/.react-email/src/app/globals.css

@@ -1,35 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
-
-.popup-open iframe {
-  pointer-events: none;
-}
-
-nav > div > div > .line {
-  display: none;
-}