🌭 Creative Commons
" + +# [params.author] +# name = "Your name here" +# email = "youremail@example.com" +# image = "img/blowfish_logo.png" +# imageQuality = 96 +# headline = "I'm only human" +# bio = "A little bit about you" +# links = [ +# { email = "mailto:hello@your_domain.com" }, +# { link = "https://link-to-some-website.com/" }, +# { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" }, +# { apple = "https://www.apple.com" }, +# { blogger = "https://username.blogspot.com/" }, +# { bluesky = "https://bsky.app/profile/username" }, +# { codepen = "https://codepen.io/username" }, +# { dev = "https://dev.to/username" }, +# { discord = "https://discord.gg/invitecode" }, +# { dribbble = "https://dribbble.com/username" }, +# { facebook = "https://facebook.com/username" }, +# { flickr = "https://www.flickr.com/photos/username/" }, +# { foursquare = "https://foursquare.com/username" }, +# { github = "https://github.com/username" }, +# { gitlab = "https://gitlab.com/username" }, +# { google = "https://www.google.com/" }, +# { hashnode = "https://username.hashnode.dev" }, +# { instagram = "https://instagram.com/username" }, +# { itch-io = "https://username.itch.io" }, +# { keybase = "https://keybase.io/username" }, +# { kickstarter = "https://www.kickstarter.com/profile/username" }, +# { lastfm = "https://lastfm.com/user/username" }, +# { linkedin = "https://linkedin.com/in/username" }, +# { mastodon = "https://mastodon.instance/@username" }, +# { medium = "https://medium.com/username" }, +# { microsoft = "https://www.microsoft.com/" }, +# { orcid = "https://orcid.org/userid" }, +# { patreon = "https://www.patreon.com/username" }, +# { pinterest = "https://pinterest.com/username" }, +# { reddit = "https://reddit.com/user/username" }, +# { researchgate = "https://www.researchgate.net/profile/username" }, +# { slack = "https://workspace.url/team/userid" }, +# { snapchat = "https://snapchat.com/add/username" }, +# { soundcloud = "https://soundcloud.com/username" }, +# { spotify = "https://open.spotify.com/user/userid" }, +# { stack-overflow = "https://stackoverflow.com/users/userid/username" }, +# { steam = "https://steamcommunity.com/profiles/userid" }, +# { telegram = "https://t.me/username" }, +# { threads = "https://www.threads.net/@username" }, +# { tiktok = "https://tiktok.com/@username" }, +# { tumblr = "https://username.tumblr.com" }, +# { twitch = "https://twitch.tv/username" }, +# { twitter = "https://twitter.com/username" }, +# { x-twitter = "https://twitter.com/username" }, +# { whatsapp = "https://wa.me/phone-number" }, +# { youtube = "https://youtube.com/username" }, +# { ko-fi = "https://ko-fi.com/username" }, +# { codeberg = "https://codeberg.org/username"}, +# ] diff --git a/config/_default/languages.en.toml.bak b/config/_default/languages.en.toml.bak new file mode 100644 index 0000000..4eb19c9 --- /dev/null +++ b/config/_default/languages.en.toml.bak @@ -0,0 +1,73 @@ +disabled = false +languageCode = "en" +languageName = "English" +weight = 1 +title = "Blowfish" + +[params] + displayName = "EN" + isoCode = "en" + rtl = false + dateFormat = "2 January 2006" + # logo = "img/logo.png" + # secondaryLogo = "img/secondary-logo.png" + # description = "welcome to the melmverse" + copyright = "" + +# [params.author] +# name = "Your name here" +# email = "youremail@example.com" +# image = "img/blowfish_logo.png" +# imageQuality = 96 +# headline = "I'm only human" +# bio = "A little bit about you" +# links = [ +# { email = "mailto:hello@your_domain.com" }, +# { link = "https://link-to-some-website.com/" }, +# { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" }, +# { apple = "https://www.apple.com" }, +# { blogger = "https://username.blogspot.com/" }, +# { bluesky = "https://bsky.app/profile/username" }, +# { codepen = "https://codepen.io/username" }, +# { dev = "https://dev.to/username" }, +# { discord = "https://discord.gg/invitecode" }, +# { dribbble = "https://dribbble.com/username" }, +# { facebook = "https://facebook.com/username" }, +# { flickr = "https://www.flickr.com/photos/username/" }, +# { foursquare = "https://foursquare.com/username" }, +# { github = "https://github.com/username" }, +# { gitlab = "https://gitlab.com/username" }, +# { google = "https://www.google.com/" }, +# { hashnode = "https://username.hashnode.dev" }, +# { instagram = "https://instagram.com/username" }, +# { itch-io = "https://username.itch.io" }, +# { keybase = "https://keybase.io/username" }, +# { kickstarter = "https://www.kickstarter.com/profile/username" }, +# { lastfm = "https://lastfm.com/user/username" }, +# { linkedin = "https://linkedin.com/in/username" }, +# { mastodon = "https://mastodon.instance/@username" }, +# { medium = "https://medium.com/username" }, +# { microsoft = "https://www.microsoft.com/" }, +# { orcid = "https://orcid.org/userid" }, +# { patreon = "https://www.patreon.com/username" }, +# { pinterest = "https://pinterest.com/username" }, +# { reddit = "https://reddit.com/user/username" }, +# { researchgate = "https://www.researchgate.net/profile/username" }, +# { slack = "https://workspace.url/team/userid" }, +# { snapchat = "https://snapchat.com/add/username" }, +# { soundcloud = "https://soundcloud.com/username" }, +# { spotify = "https://open.spotify.com/user/userid" }, +# { stack-overflow = "https://stackoverflow.com/users/userid/username" }, +# { steam = "https://steamcommunity.com/profiles/userid" }, +# { telegram = "https://t.me/username" }, +# { threads = "https://www.threads.net/@username" }, +# { tiktok = "https://tiktok.com/@username" }, +# { tumblr = "https://username.tumblr.com" }, +# { twitch = "https://twitch.tv/username" }, +# { twitter = "https://twitter.com/username" }, +# { x-twitter = "https://twitter.com/username" }, +# { whatsapp = "https://wa.me/phone-number" }, +# { youtube = "https://youtube.com/username" }, +# { ko-fi = "https://ko-fi.com/username" }, +# { codeberg = "https://codeberg.org/username"}, +# ] diff --git a/config/_default/markup.toml b/config/_default/markup.toml new file mode 100644 index 0000000..c5449fc --- /dev/null +++ b/config/_default/markup.toml @@ -0,0 +1,13 @@ +# -- Markup -- +# These settings are required for the theme to function. + +[goldmark] +[goldmark.renderer] + unsafe = true + +[highlight] + noClasses = false + +[tableOfContents] + startLevel = 2 + endLevel = 4 diff --git a/config/_default/menus.en.toml b/config/_default/menus.en.toml new file mode 100644 index 0000000..579cedd --- /dev/null +++ b/config/_default/menus.en.toml @@ -0,0 +1,69 @@ +# -- Main Menu -- +# The main menu is displayed in the header at the top of the page. +# Acceptable parameters are name, pageRef, page, url, title, weight. +# +# The simplest menu configuration is to provide: +# name = The name to be displayed for this menu link +# pageRef = The identifier of the page or section to link to +# +# By default the menu is ordered alphabetically. This can be +# overridden by providing a weight value. The menu will then be +# ordered by weight from lowest to highest. + +#[[main]] +# name = "Blog" +# pageRef = "posts" +# weight = 10 + +#[[main]] +# name = "Parent" +# weight = 20 + +#[[main]] +# name = "example sub-menu 1" +# parent = "Parent" +# pageRef = "posts" +# weight = 20 + +#[[main]] +# name = "example sub-menu 2" +# parent = "Parent" +# pageRef = "posts" +# weight = 20 + +#[[subnavigation]] +# name = "An interesting topic" +# pageRef = "tags/interesting-topic" +# weight = 10 + +#[[subnavigation]] +# name = "My Awesome Category" +# pre = "github" +# pageRef = "categories/awesome" +# weight = 20 + +#[[main]] +# name = "Categories" +# pageRef = "categories" +# weight = 20 + +#[[main]] +# name = "Tags" +# pageRef = "tags" +# weight = 30 + + +# -- Footer Menu -- +# The footer menu is displayed at the bottom of the page, just before +# the copyright notice. Configure as per the main menu above. + + +# [[footer]] +# name = "Tags" +# pageRef = "tags" +# weight = 10 + +# [[footer]] +# name = "Categories" +# pageRef = "categories" +# weight = 20 diff --git a/config/_default/module.toml b/config/_default/module.toml new file mode 100644 index 0000000..74f7727 --- /dev/null +++ b/config/_default/module.toml @@ -0,0 +1,3 @@ +[hugoVersion] + extended = false + min = "0.87.0" diff --git a/config/_default/params.toml b/config/_default/params.toml new file mode 100644 index 0000000..bc6a37a --- /dev/null +++ b/config/_default/params.toml @@ -0,0 +1,167 @@ +# -- Theme Options -- +# These options control how the theme functions and allow you to +# customise the display of your website. +# +# Refer to the theme docs for more details about each of these parameters. +# https://blowfish.page/docs/configuration/#theme-parameters + +colorScheme = "moth" +defaultAppearance = "dark" # valid options: light or dark +autoSwitchAppearance = true + +enableSearch = false +enableCodeCopy = false + +replyByEmail = false + +# mainSections = ["section1", "section2"] +# robots = "" + +disableImageOptimization = false +disableTextInHeader = false +# backgroundImageWidth = 1200 + +# defaultBackgroundImage = "IMAGE.jpg" # used as default for background images +# defaultFeaturedImage = "IMAGE.jpg" # used as default for featured images in all articles + +# highlightCurrentMenuArea = true +# smartTOC = true +# smartTOCHideUnfocusedChildren = true + +giteaDefaultServer = "https://git.fsfe.org" +forgejoDefaultServer = "https://v8.next.forgejo.org" + +[header] + layout = "basic" # valid options: basic, fixed, fixed-fill, fixed-gradient, fixed-fill-blur + +[footer] + showMenu = false + showCopyright = true + showThemeAttribution = true + showAppearanceSwitcher = true + showScrollToTop = true + +[homepage] + layout = "custom" # valid options: page, profile, hero, card, background, custom + #homepageImage = "IMAGE.jpg" # used in: hero, and card + showRecent = false + showRecentItems = 5 + showMoreLink = false + showMoreLinkDest = "/posts/" + cardView = false + cardViewScreenWidth = false + layoutBackgroundBlur = false # only used when layout equals background + +[article] + showDate = true + showViews = false + showLikes = false + showDateOnlyInArticle = false + showDateUpdated = false + showAuthor = true + # showAuthorBottom = false + showHero = false + # heroStyle = "basic" # valid options: basic, big, background, thumbAndBackground + layoutBackgroundBlur = true # only used when heroStyle equals background or thumbAndBackground + layoutBackgroundHeaderSpace = true # only used when heroStyle equals background + showBreadcrumbs = false + showDraftLabel = true + showEdit = false + # editURL = "https://github.com/username/repo/" + editAppendPath = true + seriesOpened = false + showHeadingAnchors = true + showPagination = true + invertPagination = false + showReadingTime = true + showTableOfContents = false + # showRelatedContent = false + # relatedContentLimit = 3 + showTaxonomies = false + showAuthorsBadges = false + showWordCount = true + # sharingLinks = [ "linkedin", "twitter", "bluesky", "mastodon", "reddit", "pinterest", "facebook", "email", "whatsapp", "telegram"] + showZenMode = false + +[list] + showHero = false + # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground + layoutBackgroundBlur = true # only used when heroStyle equals background or thumbAndBackground + layoutBackgroundHeaderSpace = true # only used when heroStyle equals background + showBreadcrumbs = false + showSummary = false + showViews = false + showLikes = false + showTableOfContents = false + showCards = false + orderByWeight = false + groupByYear = true + cardView = false + cardViewScreenWidth = false + constrainItemsWidth = false + +[sitemap] + excludedKinds = ["taxonomy", "term"] + +[taxonomy] + showTermCount = true + showHero = false + # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground + showBreadcrumbs = false + showViews = false + showLikes = false + showTableOfContents = false + cardView = false + +[term] + showHero = false + # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground + showBreadcrumbs = false + showViews = false + showLikes = false + showTableOfContents = true + groupByYear = false + cardView = false + cardViewScreenWidth = false + +[firebase] + # apiKey = "XXXXXX" + # authDomain = "XXXXXX" + # projectId = "XXXXXX" + # storageBucket = "XXXXXX" + # messagingSenderId = "XXXXXX" + # appId = "XXXXXX" + # measurementId = "XXXXXX" + +[fathomAnalytics] + # site = "ABC12345" + # domain = "llama.yoursite.com" + +[umamiAnalytics] + # websiteid = "ABC12345" + # domain = "llama.yoursite.com" + # dataDomains = "yoursite.com,yoursite2.com" + # scriptName = "" + # enableTrackEvent = true + +[selineAnalytics] + # token = "XXXXXX" + # enableTrackEvent = true + +[buymeacoffee] + # identifier = "" + # globalWidget = true + # globalWidgetMessage = "Hello" + # globalWidgetColor = "#FFDD00" + # globalWidgetPosition = "Right" + +[verification] + # google = "" + # bing = "" + # pinterest = "" + # yandex = "" + # fediverse = "" + +[rssnext] + # feedId = "" + # userId = "" \ No newline at end of file diff --git a/config/_default/params.toml.bak b/config/_default/params.toml.bak new file mode 100644 index 0000000..74f79f0 --- /dev/null +++ b/config/_default/params.toml.bak @@ -0,0 +1,167 @@ +# -- Theme Options -- +# These options control how the theme functions and allow you to +# customise the display of your website. +# +# Refer to the theme docs for more details about each of these parameters. +# https://blowfish.page/docs/configuration/#theme-parameters + +colorScheme = "neon" +defaultAppearance = "dark" # valid options: light or dark +autoSwitchAppearance = true + +enableSearch = false +enableCodeCopy = false + +replyByEmail = false + +# mainSections = ["section1", "section2"] +# robots = "" + +disableImageOptimization = false +disableTextInHeader = false +# backgroundImageWidth = 1200 + +# defaultBackgroundImage = "IMAGE.jpg" # used as default for background images +# defaultFeaturedImage = "IMAGE.jpg" # used as default for featured images in all articles + +# highlightCurrentMenuArea = true +# smartTOC = true +# smartTOCHideUnfocusedChildren = true + +giteaDefaultServer = "https://git.fsfe.org" +forgejoDefaultServer = "https://v8.next.forgejo.org" + +[header] + layout = "basic" # valid options: basic, fixed, fixed-fill, fixed-gradient, fixed-fill-blur + +[footer] + showMenu = false + showCopyright = true + showThemeAttribution = true + showAppearanceSwitcher = true + showScrollToTop = true + +[homepage] + layout = "profile" # valid options: page, profile, hero, card, background, custom + #homepageImage = "IMAGE.jpg" # used in: hero, and card + showRecent = false + showRecentItems = 5 + showMoreLink = false + showMoreLinkDest = "/posts/" + cardView = false + cardViewScreenWidth = false + layoutBackgroundBlur = false # only used when layout equals background + +[article] + showDate = true + showViews = false + showLikes = false + showDateOnlyInArticle = false + showDateUpdated = false + showAuthor = true + # showAuthorBottom = false + showHero = false + # heroStyle = "basic" # valid options: basic, big, background, thumbAndBackground + layoutBackgroundBlur = true # only used when heroStyle equals background or thumbAndBackground + layoutBackgroundHeaderSpace = true # only used when heroStyle equals background + showBreadcrumbs = false + showDraftLabel = true + showEdit = false + # editURL = "https://github.com/username/repo/" + editAppendPath = true + seriesOpened = false + showHeadingAnchors = true + showPagination = true + invertPagination = false + showReadingTime = true + showTableOfContents = false + # showRelatedContent = false + # relatedContentLimit = 3 + showTaxonomies = false + showAuthorsBadges = false + showWordCount = true + # sharingLinks = [ "linkedin", "twitter", "bluesky", "mastodon", "reddit", "pinterest", "facebook", "email", "whatsapp", "telegram"] + showZenMode = false + +[list] + showHero = false + # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground + layoutBackgroundBlur = true # only used when heroStyle equals background or thumbAndBackground + layoutBackgroundHeaderSpace = true # only used when heroStyle equals background + showBreadcrumbs = false + showSummary = false + showViews = false + showLikes = false + showTableOfContents = false + showCards = false + orderByWeight = false + groupByYear = true + cardView = false + cardViewScreenWidth = false + constrainItemsWidth = false + +[sitemap] + excludedKinds = ["taxonomy", "term"] + +[taxonomy] + showTermCount = true + showHero = false + # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground + showBreadcrumbs = false + showViews = false + showLikes = false + showTableOfContents = false + cardView = false + +[term] + showHero = false + # heroStyle = "background" # valid options: basic, big, background, thumbAndBackground + showBreadcrumbs = false + showViews = false + showLikes = false + showTableOfContents = true + groupByYear = false + cardView = false + cardViewScreenWidth = false + +[firebase] + # apiKey = "XXXXXX" + # authDomain = "XXXXXX" + # projectId = "XXXXXX" + # storageBucket = "XXXXXX" + # messagingSenderId = "XXXXXX" + # appId = "XXXXXX" + # measurementId = "XXXXXX" + +[fathomAnalytics] + # site = "ABC12345" + # domain = "llama.yoursite.com" + +[umamiAnalytics] + # websiteid = "ABC12345" + # domain = "llama.yoursite.com" + # dataDomains = "yoursite.com,yoursite2.com" + # scriptName = "" + # enableTrackEvent = true + +[selineAnalytics] + # token = "XXXXXX" + # enableTrackEvent = true + +[buymeacoffee] + # identifier = "" + # globalWidget = true + # globalWidgetMessage = "Hello" + # globalWidgetColor = "#FFDD00" + # globalWidgetPosition = "Right" + +[verification] + # google = "" + # bing = "" + # pinterest = "" + # yandex = "" + # fediverse = "" + +[rssnext] + # feedId = "" + # userId = "" \ No newline at end of file diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..83bc6ba --- /dev/null +++ b/content/_index.md @@ -0,0 +1,41 @@ +### welcome, friends of melm +___ +{{< button href="https://searx.melm.xyz" target="_blank" >}} +{{< icon "search" >}} search.xyz +{{< /button >}} +*search for things* + +{{< button href="https://jellyfin.melm.xyz" target="_blank" >}} +{{< icon "eye" >}} jellyfin +{{< /button >}} +*watch things* + +{{< button href="https://jellyseerr.melm.xyz" target="_blank" >}} +{{< icon "bug" >}} jellyseerr +{{< /button >}} +*request things report media issues* + +{{< button href="https://wiki.melm.xyz" target="_blank" >}} +{{< icon "edit" >}} melm wiki +{{< /button >}} +*a wiki* + +{{< button href="https://forge.melm.xyz" target="_blank" >}} +{{< icon "fork" >}} forge +{{< /button >}} +*software* + +{{< button href="https://auth.melm.xyz" target="_blank" >}} +{{< icon "pgpkey" >}} authelia +{{< /button >}} +*sign in and password reset* + +{{< button href="https://nextcloud.melm.xyz" target="_blank" >}} +{{< icon "mug-hot" >}} nextcloud +{{< /button >}} +*no such thing as the cloud just other peoples computers* + +{{< button href="https://speed.melm.xyz" target="_blank" >}} +{{< icon "check" >}} speed +{{< /button >}} +*test yo speed to home* diff --git a/hugo.toml b/hugo.toml new file mode 100644 index 0000000..a0543b6 --- /dev/null +++ b/hugo.toml @@ -0,0 +1,3 @@ +baseURL = 'https://melm.xyz/' +languageCode = 'en' +title = 'melm' diff --git a/hugo.toml.bak b/hugo.toml.bak new file mode 100644 index 0000000..7e568b8 --- /dev/null +++ b/hugo.toml.bak @@ -0,0 +1,3 @@ +baseURL = 'https://example.org/' +languageCode = 'en-us' +title = 'My New Hugo Site' diff --git a/index.html b/index.html deleted file mode 100644 index 5c7788d..0000000 --- a/index.html +++ /dev/null @@ -1,16 +0,0 @@ - - - -+ Error 404 +
+It seems that the page you've requested does not exist.
++ + + + + + + + + search.xyz + + + +search for things
++ + + + + + + + jellyfin + + + +watch things
++ + + + + + + + + jellyseerr + + + +request things report media issues
++ + + + + + + + melm wiki + + + +a wiki
++ + + + + + + + forge + + + +software
++ + + + + + + + authelia + + + +sign in and password reset
++ + + + + + + + nextcloud + + + +no such thing as the cloud just other peoples computers
++ + + + + + + + + speed + + + +test yo speed to home
+
+
+
+
+
+## 機能
+
+- Tailwind CSS 3.0 で構築された、完璧なレスポンシブデザイン
+- 複数の配色 (または、自分で完全にカスタマイズ可能)
+- ダークモード (強制オン/オフ か 自動選択・ユーザー切り替え)
+- 高度なカスタマイズが可能な設定
+- Firebase 連携で動的データをサポート
+- 閲覧数といいね機能
+- 関連記事
+- 複数のホームページレイアウト
+- 複数人の著者
+- シリーズ記事
+- 日付と価値付けによる記事の並べ替え
+- 記事を読むための Zen モード
+- あらゆるコンテンツタイプ、分類、メニューに柔軟に対応
+- ヘッダー/フッターメニュー
+- 階層化されたメニューとサブナビゲーションメニュー
+- スクロール可能な目次
+- RTL 言語を含む多言語コンテンツのサポート
+- サードパーティー ウェブサイトの投稿へのリンク
+- ギャラリー、タイムライン、GitHub カード、カルーセルなど、複数のショートコードに対応
+- Buy Me a Coffee 連携
+- Fuse.js を利用したクライアントサイドのサイト内検索
+- Mermaid を使用したダイアグラムや視覚化
+- Chart.js を使用したグラフ表示
+- TypeIt 連携
+- パフォーマンスを改善した YouTube 埋め込み
+- KaTeX を使用した数式表現
+- FontAwesome 6 の SVG アイコン
+- Hugo Pipes を使用した画像の自動リサイズ
+- アンカーリンク、目次、コードコピー、ボタン、バッジなど
+- 記事内での HTML と絵文字のサポート 🎉
+- ソーシャルメディアへの共有リンクを備えた SEO フレンドリーな設計
+- Fathom Analytics と Google Analytics のサポート
+- RSS フィード、ファビコン、コメント機能のサポート
+- Tailwind の色定義とスタイルを使った高度なカスタマイズ
+- Lighthouse で満点評価を獲得したパフォーマンスとアクセシビリティの最適化
+- 充実したドキュメントと定期的なアップデート
+
+---
+
+
+
+## ドキュメント
+
+Blowfish には、テーマのあらゆる側面を網羅した[詳細なドキュメント](https://blowfish.page/docs/)があります。テーマの使い方や機能を詳しく知るために、必ず[ドキュメントを読んで](https://blowfish.page/docs/)ください。
+
+---
+
+## インストール
+
+Blowfish は、git サブモジュール、Hugo モジュール、または完全な手動インストールなど、いくつかのインストール方法をサポートしています。
+
+各方法の詳細な手順は、[インストール](https://blowfish.page/docs/installation)ドキュメントに記載されています。最も簡単なセットアップ方法については、ドキュメントを参照してください。以下にクイックスタートガイドを示します。git を使用している場合はサブモジュール、Hugo テーマのインストールに慣れている場合は Hugo モジュールを使用するのがおすすめです。
+
+### Blowfish Tools を使ったクイックスタート
+
+> **注意:** **Node.js**、**Git**、**Go**、**Hugo** がインストールされていること、そして先に進む前に新しい Hugo プロジェクトが作成されていることを確認してください。
+
+Blowfish を使い始めるのに役立つ新しい CLI ツールをリリースしました。このツールは、新しい Hugo プロジェクトを作成し、テーマをインストールし、テーマ設定ファイルをセットアップします。まだベータ版なので、[問題を見つけたら報告してください](https://github.com/nunocoracao/blowfish-tools)。
+
+npm（または他のパッケージマネージャー）を使って CLI ツールをグローバルにインストールします:
+```shell
+npm i -g blowfish-tools
+```
+
+`blowfish-tools` コマンドを実行すると、対話形式でプロジェクトの作成と設定をガイドするツールが起動します。
+```shell
+blowfish-tools
+```
+
+`blowfish-tools new` コマンドを実行すると、新しい Hugo プロジェクトを作成し、テーマを一度にインストールすることもできます。詳細については、CLI のヘルプを参照してください。
+```shell
+blowfish-tools new mynewsite
+```
+
+### git サブモジュールを使ったクイックスタート
+
+> **注意:** **Git**、**Go**、**Hugo** がインストールされていること、そして先に進む前に新しい Hugo プロジェクトが作成されていることを確認してください。
+
+1. プロジェクトディレクトリで、git を初期化します。
+
+ ```shell
+ git init
+ ```
+
+2. Blowfish を git サブモジュールとして設定します。
+
+ ```shell
+ git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
+ ```
+
+3. ウェブサイトのルートフォルダで、Hugo によって生成された `config.toml` ファイルを削除します。テーマから `*.toml` 設定ファイルをコピーして、`config/_default/` フォルダに保存します。
+
+ これらのテーマ設定ファイルは、Hugo キャッシュディレクトリにあります。または、GitHub から[コピーをダウンロード](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip)できます。
+
+4. [Getting Started](https://blowfish.page/docs/getting-started/) の手順に従って、ウェブサイトを設定します。
+
+### Hugo を使ったクイックスタート
+
+> **注意:** **Go** と **Hugo** がインストールされていること、そして先に進む前に新しい Hugo プロジェクトが作成されていることを確認してください。
+
+1. プロジェクトディレクトリから、Hugo Modules を初期化します。
+
+ ```shell
+ hugo mod init github.com/
+
+
+
+
+## Features
+
+- Fully responsive layout built with Tailwind CSS 3.0
+- Multiple colour schemes (or fully customise your own)
+- Dark mode (forced on/off or auto-switching with user toggle)
+- Highly customisable configuration
+- Firebase integration to support dynamic data
+- Views count & like mechanism
+- Related articles
+- Multiple homepage layouts
+- Multiple authors
+- Series of articles
+- Date and weight based article sorting
+- Zen mode for article reading
+- Flexible with any content types, taxonomies and menus
+- Header and footer menus
+- Nested menus & sub-navigation menu
+- Scrollable table of contents
+- Multilingual content support including support for RTL languages
+- Ability to link to posts on third-party websites
+- Support for several shortcodes like Gallery, Timeline, GitHub cards, and Carousels
+- Buymeacoffee integration
+- Client-side site search powered by Fuse.js
+- Diagrams and visualisations using Mermaid
+- Charts using Chart.js
+- TypeIt integration
+- Youtube embeds with performance improvements
+- Mathematical notation using KaTeX
+- SVG icons from FontAwesome 6
+- Automatic image resizing using Hugo Pipes
+- Heading anchors, Tables of Contents, Code copy, Buttons, Badges and more
+- HTML and Emoji support in articles 🎉
+- SEO friendly with links for sharing to social media
+- Fathom Analytics and Google Analytics support
+- RSS feeds, Favicons and comments support
+- Advanced customisation using simple Tailwind colour definitions and styles
+- Optimised for performance and accessibility with perfect Lighthouse scores
+- Fully documented with regular updates
+
+---
+
+
+
+## Documentation
+
+Blowfish has [extensive documentation](https://blowfish.page/docs/) that covers all aspects of the theme. Be sure to [read the docs](https://blowfish.page/docs/) to learn more about how to use the theme and its features.
+
+---
+
+## Installation
+
+Blowfish supports several installation methods - as a git submodule, a Hugo Module, or as a completely manual install.
+
+Detailed instructions for each method can be found in the [Installation](https://blowfish.page/docs/installation) docs. You should consult the documentation for the simplest setup experience. Below is a quick start guide using submodules if you are using git, or Hugo modules if you're already confident installing Hugo themes.
+
+### Quick start using Blowfish Tools
+
+> **Note:** Ensure you have **Node.js**, **Git**, **Go** and **Hugo** installed, and that you have created a new Hugo project before proceeding.
+
+We just launched a new CLI tool to help you get started with Blowfish. It will create a new Hugo project, install the theme and set up the theme configuration files for you. It's still in beta so please [report any issues you find](https://github.com/nunocoracao/blowfish-tools).
+
+Install the CLI tool globally using npm (or other package manager):
+```shell
+npm i -g blowfish-tools
+```
+
+Then run the command `blowfish-tools` to start an interactive run which will guide you through creation and configuration use-cases.
+```shell
+blowfish-tools
+```
+
+You can also run the command `blowfish-tools new` to create a new Hugo project and install the theme in one go. Check the CLI help for more information.
+```shell
+blowfish-tools new mynewsite
+```
+
+### Quick start using git submodules
+
+> **Note:** Ensure you have **Git**, **Go**, and **Hugo** installed, and that you have created a new Hugo project before proceeding.
+
+1. From your project directory, initialise git:
+
+ ```shell
+ git init
+ ```
+
+2. Configure Blowfish as a git submodule:
+
+ ```shell
+ git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
+ ```
+
+3. In the root folder of your website, delete the `config.toml` file that was generated by Hugo. Copy the `*.toml` config files from the theme into your `config/_default/` folder.
+
+ You will find these theme config files in the Hugo cache directory, or [download a copy](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip) from GitHub.
+
+4. Follow the [Getting Started](https://blowfish.page/docs/getting-started/) instructions to configure your website.
+
+### Quick start using Hugo
+
+> **Note:** Ensure you have **Go** and **Hugo** installed, and that you have created a new Hugo project before proceeding.
+
+1. From your project directory, initialise Hugo Modules:
+
+ ```shell
+ hugo mod init github.com/
+
+
+
+
+## 特性
+
+- 使用 Tailwind CSS 3.0 构建全面响应式布局
+- 多种配色方案，亦可完全由你定义
+- 夜间模式支持（手动开启/关闭或根据用户设备自动切换）
+- 高度自主的配置方式
+- 集成 Firebase 以支持动态数据统计
+- 集成浏览次数统计和点赞机制
+- “相关文章”列表生成
+- 多种主页布局
+- 多作者模式支持
+- 可将文章整理成选集列表
+- 禅模式支持
+- 可灵活定义各种内容类型、分类标准和菜单
+- 页眉和页脚双重菜单可选
+- 支持嵌套菜单和子导航菜单
+- 支持多语言内容，包括 RTL 语言
+- 可链接到第三方网站上的帖子
+- 支持多种简码，如图库、时间轴、GitHub 卡片和图片灯箱
+- 支持 Buymeacoffee
+- 拥有由 Fuse.js 支持的客户端一侧网站搜索功能
+- 植入了基于 Mermaid 的图表功能
+- 植入了基于 Chart.js 的图表功能
+- 集成逼真的自动打字效果
+- 集成性能优化的 Youtube 卡片简码
+- 集成 KaTeX 的公式
+- 集成 FontAwesome 6 的矢量图标引用
+- 使用 Hugo Pipes 自动调整图像大小
+- 拥有标题锚点、目录、代码复制、按钮、分类徽章等功能
+- 文章内部支持 HTML 和 Emoji 🎉
+- 便于搜索引擎优化，文章可一键分享到社交媒体
+- 支持 Fathom Analytics 和 Google Analytics
+- 支持 RSS 订阅、网站图标和评论功能
+- 可使用简单的 Tailwind 对颜色和样式进行高级定制
+- 优化了性能和可访问性，拥有极高的 Lighthouse 评分
+- 文档齐全，定期更新
+
+---
+
+
+
+## 文档
+Blowfish 有 [全面的文档](https://blowfish.page/zh-cn/docs/)，覆盖主题的任何一个方面。 请确保 [阅读文档](https://blowfish.page/zh-cn/docs/) 以详细了解本主题有哪些功能。
+
+---
+
+## 安装
+
+Blowfish 支持多种安装方式，既能作为 git 子模块、Hugo 模块，也可完全手动安装。
+
+每种方法的详细说明都可以在 [安装](https://blowfish.page/zh-cn/docs/installation) 文档中找到。为了获得最简单的安装体验，请查阅文档。如果你使用的是 git，请阅读下面使用子模块的快速开始指南；如果你能安装 Hugo 主题，请阅读下面 Hugo 模块的快速开始指南。
+
+### 使用 Blowfish Tools 快速开始
+
+> **注：** 请确保你已安装 **Node.js**、 **Git**、 **Go** 和 **Hugo** ，且已经创建了一个 Hugo 工程。
+
+我们最新推出了一个新的 CLI 工具，帮助你开始使用 Blowfish。它将为你创建一个新的 Hugo 项目、安装主题并设置主题配置文件。它仍处于测试阶段，因此请 [报告你发现的任何问题](https://github.com/nunocoracao/blowfish-tools)。
+
+使用 npm（或其他软件包管理器）全局安装 CLI 工具：
+```shell
+npm i -g blowfish-tools
+```
+
+然后运行 "blowfish-tools "命令，开启一个交互式进程，引导你完成创建和配置。
+```shell
+blowfish-tools
+```
+
+你也可以运行命令 `blowfish-tools new` 来创建一个新的 Hugo 项目，并一次性安装主题。更多信息请查看 CLI 帮助。
+```shell
+blowfish-tools new mynewsite
+```
+
+### 使用 git 子模块快速开始
+
+> **注：** 请确保你已安装 **Node.js**、 **Git**、 **Go** 和 **Hugo** ，且已经创建了一个 Hugo 工程。
+
+1. 从你工程的所在目录初始化 git 仓库
+
+ ```shell
+ git init
+ ```
+
+2. 配置 Blowfish 作为 git 子模块
+
+ ```shell
+ git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
+ ```
+
+3. 在你网站的根目录中删除由 Hugo 自动生成的 `config.toml`文件，并把主题文件夹中的`*.toml`配置文件复制到你的 `config/_default/`文件夹中
+
+ 你可在 Hugo 缓存目录中找到主题配置文件，或者也可以从[这里](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip)下载一份。
+
+4. 按照[入门指南](https://blowfish.page/zh-cn/docs/getting-started/)来配置你的网站
+
+### 使用 Hugo 快速开始
+
+> **注：** 确保你已经安装了 **Go** 和 **Hugo**，且已创建了一个 Hugo 工程。
+
+1. 从你工程的所在目录初始化 Hugo 模块
+
+ ```shell
+ hugo mod init github.com/<用户名>/<仓库名>
+ ```
+
+2. 新建 `config/_default/module.toml` 并写入以下内容:
+
+ ```toml
+ [[imports]]
+ path = "github.com/nunocoracao/blowfish/v2"
+ ```
+
+3. 运行 `hugo server` 启动你的本地服务器，本主题就会自动下载。
+
+4. 在你网站的根目录中删除由 Hugo 自动生成的 `config.toml`文件，并把主题文件夹中的`*.toml`配置文件复制到你的 `config/_default/`文件夹中
+
+ > **注** 不要覆盖之前的 `module.toml` ！
+
+ 你可在 Hugo 缓存目录中找到主题配置文件，或者也可以从[这里](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip)下载一份。
+
+5. 按照[入门指南](https://blowfish.page/zh-cn/docs/getting-started/)来配置你的网站
+
+### Installing theme updates
+
+当新的主题版本发布，你可以在你网站的根目录使用 Hugo 命令`hugo mod get -u`来简单地把主题更新到最新版本。
+
+详细的[更新指南](https://blowfish.page/zh-cn/docs/installation/#%E6%9B%B4%E6%96%B0%E4%B8%BB%E9%A2%98)在文档中。
+
+---
+
+## 贡献
+
+Blowfish 将会持续进化。我打算不断增加功能，并按需进行修改。
+
+如有任何问题或对新功能的建议，请随时联系我。
+
+- 🐛 **Bug 问题报告** 使用 [GitHub Issues](https://github.com/nunocoracao/blowfish/issues)
+- 💡 **发表关于新功能的想法：** 在 [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions) 发起讨论
+- 🙋♀️ **一般问题：** 查看 [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions)
+
+如果你有能力修补 Bug 或者实现新功能，欢迎提交 PR。[了解更多](https://github.com/nunocoracao/blowfish/blob/main/CONTRIBUTING.md).
+
+---
+
+## Star 数量统计
+
+[](https://starchart.cc/nunocoracao/blowfish)
+
+Mastodon
diff --git a/themes/blowfish/archetypes/default.md b/themes/blowfish/archetypes/default.md
new file mode 100644
index 0000000..97f90a6
--- /dev/null
+++ b/themes/blowfish/archetypes/default.md
@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+description: ""
+---
diff --git a/themes/blowfish/archetypes/external.md b/themes/blowfish/archetypes/external.md
new file mode 100644
index 0000000..80f16dc
--- /dev/null
+++ b/themes/blowfish/archetypes/external.md
@@ -0,0 +1,10 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+externalUrl: ""
+summary: ""
+showReadingTime: false
+_build:
+ render: "false"
+ list: "local"
+---
diff --git a/themes/blowfish/assets/css/compiled/main.css b/themes/blowfish/assets/css/compiled/main.css
new file mode 100644
index 0000000..aa5dac5
--- /dev/null
+++ b/themes/blowfish/assets/css/compiled/main.css
@@ -0,0 +1,5635 @@
+/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
+
+#zen-mode-button {
+ cursor:pointer
+}
+
+.zen-mode {
+ position: relative;
+}
+
+body.zen-mode-enable {
+ #bmc-wbtn, .author {
+ display:none !important;
+ }
+}
+
+*, ::before, ::after {
+ --tw-border-spacing-x:0;
+ --tw-border-spacing-y:0;
+ --tw-translate-x:0;
+ --tw-translate-y:0;
+ --tw-rotate:0;
+ --tw-skew-x:0;
+ --tw-skew-y:0;
+ --tw-scale-x:1;
+ --tw-scale-y:1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness:proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width:0px;
+ --tw-ring-offset-color:#fff;
+ --tw-ring-color:rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow:0 0 #0000;
+ --tw-ring-shadow:0 0 #0000;
+ --tw-shadow:0 0 #0000;
+ --tw-shadow-colored:0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style:
+}
+
+::backdrop {
+ --tw-border-spacing-x:0;
+ --tw-border-spacing-y:0;
+ --tw-translate-x:0;
+ --tw-translate-y:0;
+ --tw-rotate:0;
+ --tw-skew-x:0;
+ --tw-skew-y:0;
+ --tw-scale-x:1;
+ --tw-scale-y:1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness:proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width:0px;
+ --tw-ring-offset-color:#fff;
+ --tw-ring-color:rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow:0 0 #0000;
+ --tw-ring-shadow:0 0 #0000;
+ --tw-shadow:0 0 #0000;
+ --tw-shadow-colored:0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style:
+}
+
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+ box-sizing: border-box;
+ /* 1 */
+ border-width: 0;
+ /* 2 */
+ border-style: solid;
+ /* 2 */
+ border-color: currentColor;
+ /* 2 */
+}
+
+::before,
+::after {
+ --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+ line-height: 1.5;
+ /* 1 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+ -moz-tab-size: 4;
+ /* 3 */
+ -o-tab-size: 4;
+ tab-size: 4;
+ /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ /* 4 */
+ font-feature-settings: normal;
+ /* 5 */
+ font-variation-settings: normal;
+ /* 6 */
+ -webkit-tap-highlight-color: transparent;
+ /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+ margin: 0;
+ /* 1 */
+ line-height: inherit;
+ /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+ height: 0;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ border-top-width: 1px;
+ /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ /* 1 */
+ font-feature-settings: normal;
+ /* 2 */
+ font-variation-settings: normal;
+ /* 3 */
+ font-size: 1em;
+ /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+ font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+ text-indent: 0;
+ /* 1 */
+ border-color: inherit;
+ /* 2 */
+ border-collapse: collapse;
+ /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ /* 1 */
+ font-feature-settings: inherit;
+ /* 1 */
+ font-variation-settings: inherit;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ font-weight: inherit;
+ /* 1 */
+ line-height: inherit;
+ /* 1 */
+ letter-spacing: inherit;
+ /* 1 */
+ color: inherit;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+ padding: 0;
+ /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+ -webkit-appearance: button;
+ /* 1 */
+ background-color: transparent;
+ /* 2 */
+ background-image: none;
+ /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+ outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+ vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+ display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+legend {
+ padding: 0;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+ padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+ resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+ cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ /* 1 */
+ vertical-align: middle;
+ /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden]:where(:not([hidden="until-found"])) {
+ display: none;
+}
+
+[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none;
+ background-color:#fff;
+ border-color:#6b7280;
+ border-width:1px;
+ border-radius:0px;
+ padding-top:0.5rem;
+ padding-right:0.75rem;
+ padding-bottom:0.5rem;
+ padding-left:0.75rem;
+ font-size:1rem;
+ line-height:1.5rem;
+ --tw-shadow:0 0 #0000;
+}
+
+[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+ outline:2px solid transparent;
+ outline-offset:2px;
+ --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width:0px;
+ --tw-ring-offset-color:#fff;
+ --tw-ring-color:#2563eb;
+ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ border-color:#2563eb
+}
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+ color:#6b7280;
+ opacity:1
+}
+
+input::placeholder,textarea::placeholder {
+ color:#6b7280;
+ opacity:1
+}
+
+::-webkit-datetime-edit-fields-wrapper {
+ padding:0
+}
+
+::-webkit-date-and-time-value {
+ min-height:1.5em;
+ text-align:inherit
+}
+
+::-webkit-datetime-edit {
+ display:inline-flex
+}
+
+::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
+ padding-top:0;
+ padding-bottom:0
+}
+
+select {
+ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+ background-position:right 0.5rem center;
+ background-repeat:no-repeat;
+ background-size:1.5em 1.5em;
+ padding-right:2.5rem;
+ -webkit-print-color-adjust:exact;
+ print-color-adjust:exact
+}
+
+[multiple],[size]:where(select:not([size="1"])) {
+ background-image:initial;
+ background-position:initial;
+ background-repeat:unset;
+ background-size:initial;
+ padding-right:0.75rem;
+ -webkit-print-color-adjust:unset;
+ print-color-adjust:unset
+}
+
+[type='checkbox'],[type='radio'] {
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none;
+ padding:0;
+ -webkit-print-color-adjust:exact;
+ print-color-adjust:exact;
+ display:inline-block;
+ vertical-align:middle;
+ background-origin:border-box;
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ user-select:none;
+ flex-shrink:0;
+ height:1rem;
+ width:1rem;
+ color:#2563eb;
+ background-color:#fff;
+ border-color:#6b7280;
+ border-width:1px;
+ --tw-shadow:0 0 #0000
+}
+
+[type='checkbox'] {
+ border-radius:0px
+}
+
+[type='radio'] {
+ border-radius:100%
+}
+
+[type='checkbox']:focus,[type='radio']:focus {
+ outline:2px solid transparent;
+ outline-offset:2px;
+ --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width:2px;
+ --tw-ring-offset-color:#fff;
+ --tw-ring-color:#2563eb;
+ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
+}
+
+[type='checkbox']:checked,[type='radio']:checked {
+ border-color:transparent;
+ background-color:currentColor;
+ background-size:100% 100%;
+ background-position:center;
+ background-repeat:no-repeat
+}
+
+[type='checkbox']:checked {
+ background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+@media (forced-colors: active) {
+ [type='checkbox']:checked {
+ -webkit-appearance:auto;
+ -moz-appearance:auto;
+ appearance:auto
+ }
+}
+
+[type='radio']:checked {
+ background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+
+@media (forced-colors: active) {
+ [type='radio']:checked {
+ -webkit-appearance:auto;
+ -moz-appearance:auto;
+ appearance:auto
+ }
+}
+
+[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
+ border-color:transparent;
+ background-color:currentColor
+}
+
+[type='checkbox']:indeterminate {
+ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+ border-color:transparent;
+ background-color:currentColor;
+ background-size:100% 100%;
+ background-position:center;
+ background-repeat:no-repeat;
+}
+
+@media (forced-colors: active) {
+ [type='checkbox']:indeterminate {
+ -webkit-appearance:auto;
+ -moz-appearance:auto;
+ appearance:auto
+ }
+}
+
+[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
+ border-color:transparent;
+ background-color:currentColor
+}
+
+[type='file'] {
+ background:unset;
+ border-color:inherit;
+ border-width:0;
+ border-radius:0;
+ padding:0;
+ font-size:unset;
+ line-height:inherit
+}
+
+[type='file']:focus {
+ outline:1px solid ButtonText;
+ outline:1px auto -webkit-focus-ring-color
+}
+
+@supports (-moz-appearance:none) {
+ * {
+ scrollbar-color:initial;
+ scrollbar-width:initial
+ }
+}
+
+.container {
+ width:100%
+}
+
+@media (min-width: 640px) {
+ .container {
+ max-width:640px
+ }
+}
+
+@media (min-width: 853px) {
+ .container {
+ max-width:853px
+ }
+}
+
+@media (min-width: 1024px) {
+ .container {
+ max-width:1024px
+ }
+}
+
+@media (min-width: 1280px) {
+ .container {
+ max-width:1280px
+ }
+}
+
+@media (min-width: 1536px) {
+ .container {
+ max-width:1536px
+ }
+}
+
+.prose {
+ color:var(--tw-prose-body);
+ max-width:65ch;
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:1.25em;
+ margin-bottom:1.25em
+}
+
+.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-lead);
+ font-size:1.25em;
+ line-height:1.6;
+ margin-top:1.2em;
+ margin-bottom:1.2em
+}
+
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-links);
+ text-decoration:none;
+ font-weight:500;
+ text-decoration-color:rgba(var(--color-primary-300), 1);
+}
+
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+ color:rgba(var(--color-primary-600), 1);
+ text-decoration:none;
+ border-radius:0.09rem
+}
+
+.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-bold);
+ font-weight:600
+}
+
+.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
+}
+
+.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
+}
+
+.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
+}
+
+.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:decimal;
+ margin-top:1.25em;
+ margin-bottom:1.25em;
+ padding-inline-start:1.625em
+}
+
+.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:upper-alpha
+}
+
+.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:lower-alpha
+}
+
+.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:upper-alpha
+}
+
+.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:lower-alpha
+}
+
+.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:upper-roman
+}
+
+.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:lower-roman
+}
+
+.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:upper-roman
+}
+
+.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:lower-roman
+}
+
+.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:decimal
+}
+
+.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type:disc;
+ margin-top:1.25em;
+ margin-bottom:1.25em;
+ padding-inline-start:1.625em
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ font-weight:400;
+ color:var(--tw-prose-counters)
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ color:var(--tw-prose-bullets)
+}
+
+.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:600;
+ margin-top:1.25em
+}
+
+.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-color:var(--tw-prose-hr);
+ border-top-width:1px;
+ margin-top:3em;
+ margin-bottom:3em
+}
+
+.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:500;
+ font-style:italic;
+ color:var(--tw-prose-quotes);
+ border-inline-start-width:0.25rem;
+ border-inline-start-color:var(--tw-prose-quote-borders);
+ quotes:"\201C""\201D""\2018""\2019";
+ margin-top:1.6em;
+ margin-bottom:1.6em;
+ padding-inline-start:1em
+}
+
+.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content:open-quote
+}
+
+.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content:close-quote
+}
+
+.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:800;
+ font-size:2.25em;
+ margin-top:0;
+ margin-bottom:0.8888889em;
+ line-height:1.1111111
+}
+
+.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:900;
+ color:inherit
+}
+
+.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:700;
+ font-size:1.5em;
+ margin-top:2em;
+ margin-bottom:1em;
+ line-height:1.3333333
+}
+
+.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:800;
+ color:inherit
+}
+
+.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:600;
+ font-size:1.25em;
+ margin-top:1.6em;
+ margin-bottom:0.6em;
+ line-height:1.6
+}
+
+.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:700;
+ color:inherit
+}
+
+.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:600;
+ margin-top:1.5em;
+ margin-bottom:0.5em;
+ line-height:1.5
+}
+
+.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:700;
+ color:inherit
+}
+
+.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:2em;
+ margin-bottom:2em
+}
+
+.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ display:block;
+ margin-top:2em;
+ margin-bottom:2em
+}
+
+.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:2em;
+ margin-bottom:2em
+}
+
+.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight:600;
+ font-family:inherit;
+ color:var(--tw-prose-kbd);
+ box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
+ font-size:0.9rem;
+ border-radius:0.25rem;
+ padding-top:0.1875em;
+ padding-inline-end:0.375em;
+ padding-bottom:0.1875em;
+ padding-inline-start:0.375em;
+ background-color:rgba(var(--color-neutral-200), 1);
+ padding:0.1rem 0.4rem
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-code);
+ font-weight:600;
+ font-size:0.875em;
+ background-color:rgba(var(--color-neutral-50), 1);
+ padding-top:3px;
+ padding-bottom:3px;
+ padding-left:5px;
+ padding-right:5px;
+ border-radius:0.25rem
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content:"`";
+ display:none
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content:"`";
+ display:none
+}
+
+.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-code)
+}
+
+.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
+}
+
+.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit;
+ font-size:0.875em
+}
+
+.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit;
+ font-size:0.9em
+}
+
+.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
+}
+
+.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
+}
+
+.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:inherit
+}
+
+.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-pre-code);
+ background-color:var(--tw-prose-pre-bg);
+ overflow-x:auto;
+ font-weight:400;
+ font-size:0.875em;
+ line-height:1.7142857;
+ margin-top:1.7142857em;
+ margin-bottom:1.7142857em;
+ border-radius:0.375rem;
+ padding-top:0.8571429em;
+ padding-inline-end:1.1428571em;
+ padding-bottom:0.8571429em;
+ padding-inline-start:1.1428571em
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color:transparent;
+ border-width:0;
+ border-radius:0;
+ padding:0;
+ font-weight:inherit;
+ color:inherit;
+ font-size:inherit;
+ font-family:inherit;
+ line-height:inherit
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content:none
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content:none
+}
+
+.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ width:100%;
+ table-layout:auto;
+ margin-top:2em;
+ margin-bottom:2em;
+ font-size:0.875em;
+ line-height:1.7142857
+}
+
+.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width:1px;
+ border-bottom-color:var(--tw-prose-th-borders)
+}
+
+.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-headings);
+ font-weight:600;
+ vertical-align:bottom;
+ padding-inline-end:0.5714286em;
+ padding-bottom:0.5714286em;
+ padding-inline-start:0.5714286em
+}
+
+.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width:1px;
+ border-bottom-color:var(--tw-prose-td-borders)
+}
+
+.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width:0
+}
+
+.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align:baseline
+}
+
+.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-top-width:1px;
+ border-top-color:var(--tw-prose-th-borders)
+}
+
+.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align:top
+}
+
+.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-align:start
+}
+
+.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0;
+ margin-bottom:0
+}
+
+.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:var(--tw-prose-captions);
+ font-size:0.875em;
+ line-height:1.4285714;
+ margin-top:0.8571429em
+}
+
+.prose {
+ --tw-prose-body:rgba(var(--color-neutral-700), 1);
+ --tw-prose-headings:rgba(var(--color-neutral-800), 1);
+ --tw-prose-lead:rgba(var(--color-neutral-500), 1);
+ --tw-prose-links:rgba(var(--color-primary-600), 1);
+ --tw-prose-bold:rgba(var(--color-neutral-900), 1);
+ --tw-prose-counters:rgba(var(--color-neutral-800), 1);
+ --tw-prose-bullets:rgba(var(--color-neutral-500), 1);
+ --tw-prose-hr:rgba(var(--color-neutral-200), 1);
+ --tw-prose-quotes:rgba(var(--color-neutral-700), 1);
+ --tw-prose-quote-borders:rgba(var(--color-primary-200), 1);
+ --tw-prose-captions:rgba(var(--color-neutral-500), 1);
+ --tw-prose-kbd:#111827;
+ --tw-prose-kbd-shadows:17 24 39;
+ --tw-prose-code:rgba(var(--color-secondary-700), 1);
+ --tw-prose-pre-code:rgba(var(--color-neutral-700), 1);
+ --tw-prose-pre-bg:rgba(var(--color-neutral-50), 1);
+ --tw-prose-th-borders:rgba(var(--color-neutral-500), 1);
+ --tw-prose-td-borders:rgba(var(--color-neutral-300), 1);
+ --tw-prose-invert-body:rgba(var(--color-neutral-300), 1);
+ --tw-prose-invert-headings:rgba(var(--color-neutral-50), 1);
+ --tw-prose-invert-lead:rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-links:rgba(var(--color-primary-400), 1);
+ --tw-prose-invert-bold:rgba(var(--color-neutral), 1);
+ --tw-prose-invert-counters:rgba(var(--color-neutral-400), 1);
+ --tw-prose-invert-bullets:rgba(var(--color-neutral-600), 1);
+ --tw-prose-invert-hr:rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-quotes:rgba(var(--color-neutral-200), 1);
+ --tw-prose-invert-quote-borders:rgba(var(--color-primary-900), 1);
+ --tw-prose-invert-captions:rgba(var(--color-neutral-400), 1);
+ --tw-prose-invert-kbd:#fff;
+ --tw-prose-invert-kbd-shadows:255 255 255;
+ --tw-prose-invert-code:rgba(var(--color-secondary-400), 1);
+ --tw-prose-invert-pre-code:rgba(var(--color-neutral-200), 1);
+ --tw-prose-invert-pre-bg:rgba(var(--color-neutral-700), 1);
+ --tw-prose-invert-th-borders:rgba(var(--color-neutral-500), 1);
+ --tw-prose-invert-td-borders:rgba(var(--color-neutral-700), 1);
+ font-size:1rem;
+ line-height:1.75
+}
+
+.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0;
+ margin-bottom:0
+}
+
+.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0.5em;
+ margin-bottom:0.5em
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start:0.375em
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start:0.375em
+}
+
+.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0.75em;
+ margin-bottom:0.75em
+}
+
+.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:1.25em
+}
+
+.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom:1.25em
+}
+
+.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:1.25em
+}
+
+.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom:1.25em
+}
+
+.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0.75em;
+ margin-bottom:0.75em
+}
+
+.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:1.25em;
+ margin-bottom:1.25em
+}
+
+.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0.5em;
+ padding-inline-start:1.625em
+}
+
+.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
+}
+
+.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
+}
+
+.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
+}
+
+.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
+}
+
+.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start:0
+}
+
+.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-end:0
+}
+
+.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-top:0.5714286em;
+ padding-inline-end:0.5714286em;
+ padding-bottom:0.5714286em;
+ padding-inline-start:0.5714286em
+}
+
+.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start:0
+}
+
+.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-end:0
+}
+
+.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:2em;
+ margin-bottom:2em
+}
+
+.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top:0
+}
+
+.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom:0
+}
+
+.prose :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:rgba(var(--color-neutral-800), 1);
+ background-color:rgba(var(--color-primary-600), 1);
+ padding:0.1rem 0.2rem;
+ border-radius:0.25rem
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ display:none
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ display:none
+}
+
+.prose :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-600), 1)
+}
+
+.prose :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-600), 1)
+}
+
+.prose-invert {
+ --tw-prose-body:var(--tw-prose-invert-body);
+ --tw-prose-headings:var(--tw-prose-invert-headings);
+ --tw-prose-lead:var(--tw-prose-invert-lead);
+ --tw-prose-links:var(--tw-prose-invert-links);
+ --tw-prose-bold:var(--tw-prose-invert-bold);
+ --tw-prose-counters:var(--tw-prose-invert-counters);
+ --tw-prose-bullets:var(--tw-prose-invert-bullets);
+ --tw-prose-hr:var(--tw-prose-invert-hr);
+ --tw-prose-quotes:var(--tw-prose-invert-quotes);
+ --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
+ --tw-prose-captions:var(--tw-prose-invert-captions);
+ --tw-prose-kbd:var(--tw-prose-invert-kbd);
+ --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
+ --tw-prose-code:var(--tw-prose-invert-code);
+ --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
+ --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
+ --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
+ --tw-prose-td-borders:var(--tw-prose-invert-td-borders);
+}
+
+.prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-neutral-600), 1);
+}
+
+.prose-invert :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+ color:rgba(var(--color-primary-400), 1)
+}
+
+.prose-invert :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:rgba(var(--color-neutral-200), 1);
+ background-color:rgba(var(--color-neutral-700), 1)
+}
+
+.prose-invert :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color:rgba(var(--color-primary-400), 1)
+}
+
+.prose-invert :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color:rgba(var(--color-neutral-700), 1)
+}
+
+.prose-invert :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+.prose-invert :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+.sr-only {
+ position:absolute;
+ width:1px;
+ height:1px;
+ padding:0;
+ margin:-1px;
+ overflow:hidden;
+ clip:rect(0, 0, 0, 0);
+ white-space:nowrap;
+ border-width:0
+}
+
+.pointer-events-none {
+ pointer-events:none
+}
+
+.pointer-events-auto {
+ pointer-events:auto
+}
+
+.\!visible {
+ visibility:visible !important
+}
+
+.visible {
+ visibility:visible
+}
+
+.invisible {
+ visibility:hidden
+}
+
+.collapse {
+ visibility:collapse
+}
+
+.static {
+ position:static
+}
+
+.fixed {
+ position:fixed
+}
+
+.\!absolute {
+ position:absolute !important
+}
+
+.absolute {
+ position:absolute
+}
+
+.relative {
+ position:relative
+}
+
+.sticky {
+ position:sticky
+}
+
+.inset-0 {
+ inset:0px
+}
+
+.inset-x-0 {
+ left:0px;
+ right:0px
+}
+
+.bottom-0 {
+ bottom:0px
+}
+
+.left-0 {
+ left:0px
+}
+
+.right-0 {
+ right:0px
+}
+
+.top-0 {
+ top:0px
+}
+
+.top-20 {
+ top:5rem
+}
+
+.top-\[110vh\] {
+ top:110vh
+}
+
+.top-\[calc\(100vh-5\.5rem\)\] {
+ top:calc(100vh - 5.5rem)
+}
+
+.z-10 {
+ z-index:10
+}
+
+.z-30 {
+ z-index:30
+}
+
+.z-\[1040\] {
+ z-index:1040
+}
+
+.z-\[1070\] {
+ z-index:1070
+}
+
+.z-\[1080\] {
+ z-index:1080
+}
+
+.z-\[1\] {
+ z-index:1
+}
+
+.z-\[2\] {
+ z-index:2
+}
+
+.z-\[999\] {
+ z-index:999
+}
+
+.order-first {
+ order:-9999
+}
+
+.float-left {
+ float:left
+}
+
+.\!-m-px {
+ margin:-1px !important
+}
+
+.m-0 {
+ margin:0px
+}
+
+.m-1 {
+ margin:0.25rem
+}
+
+.m-2 {
+ margin:0.5rem
+}
+
+.m-auto {
+ margin:auto
+}
+
+.-mx-2 {
+ margin-left:-0.5rem;
+ margin-right:-0.5rem
+}
+
+.-my-2 {
+ margin-top:-0.5rem;
+ margin-bottom:-0.5rem
+}
+
+.mx-1 {
+ margin-left:0.25rem;
+ margin-right:0.25rem
+}
+
+.mx-\[15\%\] {
+ margin-left:15%;
+ margin-right:15%
+}
+
+.mx-\[3px\] {
+ margin-left:3px;
+ margin-right:3px
+}
+
+.mx-auto {
+ margin-left:auto;
+ margin-right:auto
+}
+
+.my-0 {
+ margin-top:0px;
+ margin-bottom:0px
+}
+
+.my-3 {
+ margin-top:0.75rem;
+ margin-bottom:0.75rem
+}
+
+.\!mb-0 {
+ margin-bottom:0px !important
+}
+
+.\!mb-9 {
+ margin-bottom:2.25rem !important
+}
+
+.\!mt-0 {
+ margin-top:0px !important
+}
+
+.-mb-1 {
+ margin-bottom:-0.25rem
+}
+
+.-ml-12 {
+ margin-left:-3rem
+}
+
+.-mr-48 {
+ margin-right:-12rem
+}
+
+.-mr-\[100\%\] {
+ margin-right:-100%
+}
+
+.mb-0 {
+ margin-bottom:0px
+}
+
+.mb-1 {
+ margin-bottom:0.25rem
+}
+
+.mb-10 {
+ margin-bottom:2.5rem
+}
+
+.mb-12 {
+ margin-bottom:3rem
+}
+
+.mb-16 {
+ margin-bottom:4rem
+}
+
+.mb-2 {
+ margin-bottom:0.5rem
+}
+
+.mb-20 {
+ margin-bottom:5rem
+}
+
+.mb-3 {
+ margin-bottom:0.75rem
+}
+
+.mb-5 {
+ margin-bottom:1.25rem
+}
+
+.mb-6 {
+ margin-bottom:1.5rem
+}
+
+.mb-\[2px\] {
+ margin-bottom:2px
+}
+
+.ml-2 {
+ margin-left:0.5rem
+}
+
+.ml-3 {
+ margin-left:0.75rem
+}
+
+.ml-6 {
+ margin-left:1.5rem
+}
+
+.ml-auto {
+ margin-left:auto
+}
+
+.mr-1 {
+ margin-right:0.25rem
+}
+
+.mr-2 {
+ margin-right:0.5rem
+}
+
+.mr-3 {
+ margin-right:0.75rem
+}
+
+.mr-5 {
+ margin-right:1.25rem
+}
+
+.mr-auto {
+ margin-right:auto
+}
+
+.mt-0 {
+ margin-top:0px
+}
+
+.mt-1 {
+ margin-top:0.25rem
+}
+
+.mt-10 {
+ margin-top:2.5rem
+}
+
+.mt-12 {
+ margin-top:3rem
+}
+
+.mt-2 {
+ margin-top:0.5rem
+}
+
+.mt-20 {
+ margin-top:5rem
+}
+
+.mt-3 {
+ margin-top:0.75rem
+}
+
+.mt-4 {
+ margin-top:1rem
+}
+
+.mt-5 {
+ margin-top:1.25rem
+}
+
+.mt-6 {
+ margin-top:1.5rem
+}
+
+.mt-8 {
+ margin-top:2rem
+}
+
+.mt-\[-2px\] {
+ margin-top:-2px
+}
+
+.mt-\[0\.1rem\] {
+ margin-top:0.1rem
+}
+
+.box-border {
+ box-sizing:border-box
+}
+
+.box-content {
+ box-sizing:content-box
+}
+
+.\!block {
+ display:block !important
+}
+
+.block {
+ display:block
+}
+
+.inline-block {
+ display:inline-block
+}
+
+.inline {
+ display:inline
+}
+
+.flex {
+ display:flex
+}
+
+.table {
+ display:table
+}
+
+.grid {
+ display:grid
+}
+
+.hidden {
+ display:none
+}
+
+.\!h-px {
+ height:1px !important
+}
+
+.h-0 {
+ height:0px
+}
+
+.h-1\/2 {
+ height:50%
+}
+
+.h-12 {
+ height:3rem
+}
+
+.h-24 {
+ height:6rem
+}
+
+.h-3 {
+ height:0.75rem
+}
+
+.h-36 {
+ height:9rem
+}
+
+.h-48 {
+ height:12rem
+}
+
+.h-6 {
+ height:1.5rem
+}
+
+.h-8 {
+ height:2rem
+}
+
+.h-\[1000px\] {
+ height:1000px
+}
+
+.h-\[150px\] {
+ height:150px
+}
+
+.h-\[3px\] {
+ height:3px
+}
+
+.h-\[800px\] {
+ height:800px
+}
+
+.h-auto {
+ height:auto
+}
+
+.h-full {
+ height:100%
+}
+
+.h-screen {
+ height:100vh
+}
+
+.max-h-3 {
+ max-height:0.75rem
+}
+
+.max-h-\[5rem\] {
+ max-height:5rem
+}
+
+.min-h-0 {
+ min-height:0px
+}
+
+.min-h-\[130px\] {
+ min-height:130px
+}
+
+.min-h-\[148px\] {
+ min-height:148px
+}
+
+.min-h-full {
+ min-height:100%
+}
+
+.\!w-px {
+ width:1px !important
+}
+
+.w-0 {
+ width:0px
+}
+
+.w-12 {
+ width:3rem
+}
+
+.w-2 {
+ width:0.5rem
+}
+
+.w-24 {
+ width:6rem
+}
+
+.w-3 {
+ width:0.75rem
+}
+
+.w-36 {
+ width:9rem
+}
+
+.w-6 {
+ width:1.5rem
+}
+
+.w-8 {
+ width:2rem
+}
+
+.w-\[15\%\] {
+ width:15%
+}
+
+.w-\[30px\] {
+ width:30px
+}
+
+.w-auto {
+ width:auto
+}
+
+.w-full {
+ width:100%
+}
+
+.w-screen {
+ width:100vw
+}
+
+.min-w-0 {
+ min-width:0px
+}
+
+.min-w-\[1\.8rem\] {
+ min-width:1.8rem
+}
+
+.min-w-\[220px\] {
+ min-width:220px
+}
+
+.min-w-\[30px\] {
+ min-width:30px
+}
+
+.min-w-full {
+ min-width:100%
+}
+
+.max-w-3xl {
+ max-width:48rem
+}
+
+.max-w-7xl {
+ max-width:80rem
+}
+
+.max-w-\[1600px\] {
+ max-width:1600px
+}
+
+.max-w-\[200px\] {
+ max-width:200px
+}
+
+.max-w-\[267px\] {
+ max-width:267px
+}
+
+.max-w-\[5rem\] {
+ max-width:5rem
+}
+
+.max-w-\[64rem\] {
+ max-width:64rem
+}
+
+.max-w-\[calc\(100\%-1rem\)\] {
+ max-width:calc(100% - 1rem)
+}
+
+.max-w-fit {
+ max-width:-moz-fit-content;
+ max-width:fit-content
+}
+
+.max-w-full {
+ max-width:100%
+}
+
+.max-w-prose {
+ max-width:65ch
+}
+
+.max-w-xl {
+ max-width:36rem
+}
+
+.flex-1 {
+ flex:1 1 0%
+}
+
+.flex-auto {
+ flex:1 1 auto
+}
+
+.flex-initial {
+ flex:0 1 auto
+}
+
+.flex-none {
+ flex:none
+}
+
+.shrink-0 {
+ flex-shrink:0
+}
+
+.grow {
+ flex-grow:1
+}
+
+.grow-0 {
+ flex-grow:0
+}
+
+.basis-auto {
+ flex-basis:auto
+}
+
+.-translate-x-full {
+ --tw-translate-x:-100%;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.-translate-y-8 {
+ --tw-translate-y:-2rem;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.translate-x-full {
+ --tw-translate-x:100%;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.scale-0 {
+ --tw-scale-x:0;
+ --tw-scale-y:0;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.scale-100 {
+ --tw-scale-x:1;
+ --tw-scale-y:1;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.scale-\[1\.02\] {
+ --tw-scale-x:1.02;
+ --tw-scale-y:1.02;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.transform {
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.transform-none {
+ transform:none
+}
+
+@keyframes pulse {
+ 50% {
+ opacity:.5
+ }
+}
+
+.animate-pulse {
+ animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
+}
+
+.cursor-default {
+ cursor:default
+}
+
+.cursor-pointer {
+ cursor:pointer
+}
+
+.touch-none {
+ touch-action:none
+}
+
+.touch-pan-y {
+ --tw-pan-y:pan-y;
+ touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
+}
+
+.resize {
+ resize:both
+}
+
+.list-none {
+ list-style-type:none
+}
+
+.appearance-none {
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none
+}
+
+.flex-row {
+ flex-direction:row
+}
+
+.flex-col {
+ flex-direction:column
+}
+
+.flex-wrap {
+ flex-wrap:wrap
+}
+
+.items-end {
+ align-items:flex-end
+}
+
+.items-center {
+ align-items:center
+}
+
+.justify-center {
+ justify-content:center
+}
+
+.justify-between {
+ justify-content:space-between
+}
+
+.gap-4 {
+ gap:1rem
+}
+
+.gap-x-3 {
+ -moz-column-gap:0.75rem;
+ column-gap:0.75rem
+}
+
+.gap-x-5 {
+ -moz-column-gap:1.25rem;
+ column-gap:1.25rem
+}
+
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse:0;
+ margin-right:calc(0.5rem * var(--tw-space-x-reverse));
+ margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse:0;
+ margin-right:calc(0.75rem * var(--tw-space-x-reverse));
+ margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse:0;
+ margin-right:calc(1.25rem * var(--tw-space-x-reverse));
+ margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse:0;
+ margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
+}
+
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse:0;
+ margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
+}
+
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse:0;
+ margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
+}
+
+.place-self-center {
+ place-self:center
+}
+
+.self-center {
+ align-self:center
+}
+
+.overflow-auto {
+ overflow:auto
+}
+
+.\!overflow-hidden {
+ overflow:hidden !important
+}
+
+.overflow-hidden {
+ overflow:hidden
+}
+
+.overflow-visible {
+ overflow:visible
+}
+
+.overflow-y-scroll {
+ overflow-y:scroll
+}
+
+.overscroll-contain {
+ overscroll-behavior:contain
+}
+
+.scroll-smooth {
+ scroll-behavior:smooth
+}
+
+.whitespace-normal {
+ white-space:normal
+}
+
+.\!whitespace-nowrap {
+ white-space:nowrap !important
+}
+
+.break-normal {
+ overflow-wrap:normal;
+ word-break:normal
+}
+
+.break-words {
+ overflow-wrap:break-word
+}
+
+.\!rounded-md {
+ border-radius:0.375rem !important
+}
+
+.rounded {
+ border-radius:0.25rem
+}
+
+.rounded-2xl {
+ border-radius:1rem
+}
+
+.rounded-\[50\%\] {
+ border-radius:50%
+}
+
+.rounded-full {
+ border-radius:9999px
+}
+
+.rounded-lg {
+ border-radius:0.5rem
+}
+
+.rounded-md {
+ border-radius:0.375rem
+}
+
+.rounded-xl {
+ border-radius:0.75rem
+}
+
+.rounded-b-lg {
+ border-bottom-right-radius:0.5rem;
+ border-bottom-left-radius:0.5rem
+}
+
+.rounded-e-\[0\.25rem\] {
+ border-start-end-radius:0.25rem;
+ border-end-end-radius:0.25rem
+}
+
+.rounded-s-\[0\.25rem\] {
+ border-start-start-radius:0.25rem;
+ border-end-start-radius:0.25rem
+}
+
+.rounded-t-lg {
+ border-top-left-radius:0.5rem;
+ border-top-right-radius:0.5rem
+}
+
+.\!border-0 {
+ border-width:0px !important
+}
+
+.border {
+ border-width:1px
+}
+
+.border-0 {
+ border-width:0px
+}
+
+.border-2 {
+ border-width:2px
+}
+
+.border-y-\[10px\] {
+ border-top-width:10px;
+ border-bottom-width:10px
+}
+
+.border-b-2 {
+ border-bottom-width:2px
+}
+
+.border-e-0 {
+ border-inline-end-width:0px
+}
+
+.border-l-2 {
+ border-left-width:2px
+}
+
+.border-s-0 {
+ border-inline-start-width:0px
+}
+
+.border-s-\[0\.125rem\] {
+ border-inline-start-width:0.125rem
+}
+
+.border-t {
+ border-top-width:1px
+}
+
+.border-solid {
+ border-style:solid
+}
+
+.border-dotted {
+ border-style:dotted
+}
+
+.border-neutral-100 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-neutral-100), var(--tw-border-opacity, 1))
+}
+
+.border-neutral-200 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-neutral-200), var(--tw-border-opacity, 1))
+}
+
+.border-neutral-300 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity, 1))
+}
+
+.border-primary-400 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-primary-400), var(--tw-border-opacity, 1))
+}
+
+.border-primary-500 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-primary-500), var(--tw-border-opacity, 1))
+}
+
+.border-secondary-500 {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-secondary-500), var(--tw-border-opacity, 1))
+}
+
+.border-transparent {
+ border-color:transparent
+}
+
+.border-t-transparent {
+ border-top-color:transparent
+}
+
+.bg-\[\#6d6d6d\] {
+ --tw-bg-opacity:1;
+ background-color:rgb(109 109 109 / var(--tw-bg-opacity, 1))
+}
+
+.bg-neutral {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral), var(--tw-bg-opacity, 1))
+}
+
+.bg-neutral-100 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-100), var(--tw-bg-opacity, 1))
+}
+
+.bg-neutral-100\/50 {
+ background-color:rgba(var(--color-neutral-100), 0.5)
+}
+
+.bg-neutral-300 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-300), var(--tw-bg-opacity, 1))
+}
+
+.bg-neutral-500\/50 {
+ background-color:rgba(var(--color-neutral-500), 0.5)
+}
+
+.bg-neutral\/50 {
+ background-color:rgba(var(--color-neutral), 0.5)
+}
+
+.bg-primary-100 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
+}
+
+.bg-primary-200 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-200), var(--tw-bg-opacity, 1))
+}
+
+.bg-primary-500 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1))
+}
+
+.bg-primary-600 {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
+}
+
+.bg-transparent {
+ background-color:transparent
+}
+
+.bg-gradient-to-b {
+ background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
+}
+
+.bg-gradient-to-r {
+ background-image:linear-gradient(to right, var(--tw-gradient-stops))
+}
+
+.bg-gradient-to-t {
+ background-image:linear-gradient(to top, var(--tw-gradient-stops))
+}
+
+.bg-none {
+ background-image:none
+}
+
+.from-neutral {
+ --tw-gradient-from:rgba(var(--color-neutral), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to:rgba(var(--color-neutral), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+.from-primary-500 {
+ --tw-gradient-from:rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to:rgba(var(--color-primary-500), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+.from-60\% {
+ --tw-gradient-from-position:60%
+}
+
+.to-neutral {
+ --tw-gradient-to:rgba(var(--color-neutral), 1) var(--tw-gradient-to-position)
+}
+
+.to-neutral-100 {
+ --tw-gradient-to:rgba(var(--color-neutral-100), 1) var(--tw-gradient-to-position)
+}
+
+.to-secondary-600 {
+ --tw-gradient-to:rgba(var(--color-secondary-600), 1) var(--tw-gradient-to-position)
+}
+
+.to-transparent {
+ --tw-gradient-to:transparent var(--tw-gradient-to-position)
+}
+
+.bg-clip-padding {
+ background-clip:padding-box
+}
+
+.object-cover {
+ -o-object-fit:cover;
+ object-fit:cover
+}
+
+.object-scale-down {
+ -o-object-fit:scale-down;
+ object-fit:scale-down
+}
+
+.object-left {
+ -o-object-position:left;
+ object-position:left
+}
+
+.\!p-0 {
+ padding:0px !important
+}
+
+.p-0 {
+ padding:0px
+}
+
+.p-1\.5 {
+ padding:0.375rem
+}
+
+.p-4 {
+ padding:1rem
+}
+
+.p-5 {
+ padding:1.25rem
+}
+
+.p-6 {
+ padding:1.5rem
+}
+
+.px-0 {
+ padding-left:0px;
+ padding-right:0px
+}
+
+.px-1 {
+ padding-left:0.25rem;
+ padding-right:0.25rem
+}
+
+.px-1\.5 {
+ padding-left:0.375rem;
+ padding-right:0.375rem
+}
+
+.px-2 {
+ padding-left:0.5rem;
+ padding-right:0.5rem
+}
+
+.px-3 {
+ padding-left:0.75rem;
+ padding-right:0.75rem
+}
+
+.px-4 {
+ padding-left:1rem;
+ padding-right:1rem
+}
+
+.px-6 {
+ padding-left:1.5rem;
+ padding-right:1.5rem
+}
+
+.px-\[0\.4rem\] {
+ padding-left:0.4rem;
+ padding-right:0.4rem
+}
+
+.px-\[30px\] {
+ padding-left:30px;
+ padding-right:30px
+}
+
+.py-1 {
+ padding-top:0.25rem;
+ padding-bottom:0.25rem
+}
+
+.py-1\.5 {
+ padding-top:0.375rem;
+ padding-bottom:0.375rem
+}
+
+.py-10 {
+ padding-top:2.5rem;
+ padding-bottom:2.5rem
+}
+
+.py-16 {
+ padding-top:4rem;
+ padding-bottom:4rem
+}
+
+.py-2 {
+ padding-top:0.5rem;
+ padding-bottom:0.5rem
+}
+
+.py-3 {
+ padding-top:0.75rem;
+ padding-bottom:0.75rem
+}
+
+.py-4 {
+ padding-top:1rem;
+ padding-bottom:1rem
+}
+
+.py-6 {
+ padding-top:1.5rem;
+ padding-bottom:1.5rem
+}
+
+.py-8 {
+ padding-top:2rem;
+ padding-bottom:2rem
+}
+
+.py-\[0\.4rem\] {
+ padding-top:0.4rem;
+ padding-bottom:0.4rem
+}
+
+.py-\[1px\] {
+ padding-top:1px;
+ padding-bottom:1px
+}
+
+.pb-2 {
+ padding-bottom:0.5rem
+}
+
+.pb-3 {
+ padding-bottom:0.75rem
+}
+
+.pb-32 {
+ padding-bottom:8rem
+}
+
+.pb-4 {
+ padding-bottom:1rem
+}
+
+.pl-2 {
+ padding-left:0.5rem
+}
+
+.pl-\[24px\] {
+ padding-left:24px
+}
+
+.pr-\[24px\] {
+ padding-right:24px
+}
+
+.pt-16 {
+ padding-top:4rem
+}
+
+.pt-2 {
+ padding-top:0.5rem
+}
+
+.pt-3 {
+ padding-top:0.75rem
+}
+
+.pt-4 {
+ padding-top:1rem
+}
+
+.pt-8 {
+ padding-top:2rem
+}
+
+.text-left {
+ text-align:left
+}
+
+.text-center {
+ text-align:center
+}
+
+.text-right {
+ text-align:right
+}
+
+.-indent-\[999px\] {
+ text-indent:-999px
+}
+
+.align-top {
+ vertical-align:top
+}
+
+.align-middle {
+ vertical-align:middle
+}
+
+.align-bottom {
+ vertical-align:bottom
+}
+
+.align-text-bottom {
+ vertical-align:text-bottom
+}
+
+.text-2xl {
+ font-size:1.5rem;
+ line-height:2rem
+}
+
+.text-4xl {
+ font-size:2.25rem;
+ line-height:2.5rem
+}
+
+.text-\[0\.6rem\] {
+ font-size:0.6rem
+}
+
+.text-base {
+ font-size:1rem;
+ line-height:1.5rem
+}
+
+.text-lg {
+ font-size:1.125rem;
+ line-height:1.75rem
+}
+
+.text-sm {
+ font-size:0.875rem;
+ line-height:1.25rem
+}
+
+.text-xl {
+ font-size:1.25rem;
+ line-height:1.75rem
+}
+
+.text-xs {
+ font-size:0.75rem;
+ line-height:1rem
+}
+
+.font-bold {
+ font-weight:700
+}
+
+.font-extrabold {
+ font-weight:800
+}
+
+.font-light {
+ font-weight:300
+}
+
+.font-medium {
+ font-weight:500
+}
+
+.font-normal {
+ font-weight:400
+}
+
+.font-semibold {
+ font-weight:600
+}
+
+.uppercase {
+ text-transform:uppercase
+}
+
+.normal-case {
+ text-transform:none
+}
+
+.italic {
+ font-style:italic
+}
+
+.not-italic {
+ font-style:normal
+}
+
+.leading-3 {
+ line-height:.75rem
+}
+
+.leading-6 {
+ line-height:1.5rem
+}
+
+.leading-7 {
+ line-height:1.75rem
+}
+
+.leading-\[1\.6\] {
+ line-height:1.6
+}
+
+.tracking-normal {
+ letter-spacing:0em
+}
+
+.\!text-neutral {
+ --tw-text-opacity:1 !important;
+ color:rgba(var(--color-neutral), var(--tw-text-opacity, 1)) !important
+}
+
+.text-neutral-200 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
+}
+
+.text-neutral-300 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
+}
+
+.text-neutral-400 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
+}
+
+.text-neutral-50 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-50), var(--tw-text-opacity, 1))
+}
+
+.text-neutral-500 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
+}
+
+.text-neutral-700 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
+}
+
+.text-neutral-800 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
+}
+
+.text-neutral-900 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-900), var(--tw-text-opacity, 1))
+}
+
+.text-primary-100 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-100), var(--tw-text-opacity, 1))
+}
+
+.text-primary-300 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
+}
+
+.text-primary-400 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
+
+.text-primary-500 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-500), var(--tw-text-opacity, 1))
+}
+
+.text-primary-600 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
+}
+
+.text-primary-700 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-700), var(--tw-text-opacity, 1))
+}
+
+.text-primary-800 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
+}
+
+.text-transparent {
+ color:transparent
+}
+
+.\!no-underline {
+ text-decoration-line:none !important
+}
+
+.no-underline {
+ text-decoration-line:none
+}
+
+.decoration-neutral-300 {
+ text-decoration-color:rgba(var(--color-neutral-300), 1)
+}
+
+.decoration-primary-500 {
+ text-decoration-color:rgba(var(--color-primary-500), 1)
+}
+
+.underline-offset-auto {
+ text-underline-offset:auto
+}
+
+.\!opacity-0 {
+ opacity:0 !important
+}
+
+.\!opacity-100 {
+ opacity:1 !important
+}
+
+.opacity-0 {
+ opacity:0
+}
+
+.opacity-100 {
+ opacity:1
+}
+
+.opacity-30 {
+ opacity:0.3
+}
+
+.opacity-50 {
+ opacity:0.5
+}
+
+.opacity-60 {
+ opacity:0.6
+}
+
+.opacity-65 {
+ opacity:0.65
+}
+
+.mix-blend-normal {
+ mix-blend-mode:normal
+}
+
+.mix-blend-multiply {
+ mix-blend-mode:multiply
+}
+
+.shadow {
+ --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-2xl {
+ --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
+ --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-lg {
+ --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.shadow-xl {
+ --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.blur {
+ --tw-blur:blur(8px);
+ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
+.filter {
+ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
+.backdrop-blur {
+ --tw-backdrop-blur:blur(8px);
+ -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.backdrop-blur-2xl {
+ --tw-backdrop-blur:blur(40px);
+ -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.backdrop-blur-sm {
+ --tw-backdrop-blur:blur(4px);
+ -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
+.transition-\[height\] {
+ transition-property:height;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
+
+.transition-\[transform\2c _opacity\] {
+ transition-property:transform, opacity;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
+
+.transition-\[width\] {
+ transition-property:width;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
+
+.transition-all {
+ transition-property:all;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
+
+.transition-opacity {
+ transition-property:opacity;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
+
+.transition-transform {
+ transition-property:transform;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
+
+.duration-150 {
+ transition-duration:150ms
+}
+
+.duration-200 {
+ transition-duration:200ms
+}
+
+.duration-300 {
+ transition-duration:300ms
+}
+
+.duration-\[350ms\] {
+ transition-duration:350ms
+}
+
+.duration-\[600ms\] {
+ transition-duration:600ms
+}
+
+.ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\] {
+ transition-timing-function:cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1)
+}
+
+.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
+ transition-timing-function:cubic-bezier(0.25,0.1,0.25,1.0)
+}
+
+.ease-in-out {
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
+}
+
+.ease-linear {
+ transition-timing-function:linear
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+ background-color:var(--scrollbar-track);
+ border-radius:var(--scrollbar-track-radius)
+}
+
+.scrollbar-thin::-webkit-scrollbar-track:hover {
+ background-color:var(--scrollbar-track-hover, var(--scrollbar-track))
+}
+
+.scrollbar-thin::-webkit-scrollbar-track:active {
+ background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb {
+ background-color:var(--scrollbar-thumb);
+ border-radius:var(--scrollbar-thumb-radius)
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb:hover {
+ background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb:active {
+ background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
+}
+
+.scrollbar-thin::-webkit-scrollbar-corner {
+ background-color:var(--scrollbar-corner);
+ border-radius:var(--scrollbar-corner-radius)
+}
+
+.scrollbar-thin::-webkit-scrollbar-corner:hover {
+ background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))
+}
+
+.scrollbar-thin::-webkit-scrollbar-corner:active {
+ background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
+}
+
+@supports (-moz-appearance:none) {
+ .scrollbar-thin {
+ scrollbar-width:thin;
+ scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
+ }
+}
+
+.scrollbar-thin::-webkit-scrollbar {
+ display:block;
+ width:8px;
+ height:8px
+}
+
+.scrollbar-track-neutral-200 {
+ --scrollbar-track:rgba(var(--color-neutral-200), 1) !important
+}
+
+.scrollbar-thumb-neutral-400 {
+ --scrollbar-thumb:rgba(var(--color-neutral-400), 1) !important
+}
+
+.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
+ clip:rect(0,0,0,0) !important
+}
+
+body a,
+body button {
+ transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration:150ms
+}
+
+/* Scale SVG icons to text size */
+
+.icon svg {
+ height:1em;
+ width:1em
+}
+
+/* Scale SVG logos to appropriate size */
+
+.logo svg {
+ height:5rem;
+ width:5rem
+}
+
+/* Search */
+
+#search-query::-webkit-search-cancel-button,
+#search-query::-webkit-search-decoration,
+#search-query::-webkit-search-results-button,
+#search-query::-webkit-search-results-decoration {
+ display:none
+}
+
+/* RTL support */
+
+.prose blockquote:where([dir="rtl"], [dir="rtl"] *) {
+ border-left-width:0px;
+ border-right-width:4px;
+ padding-right:1rem
+}
+
+.prose ul>li:where([dir="rtl"], [dir="rtl"] *),
+.prose ol>li:where([dir="rtl"], [dir="rtl"] *) {
+ margin-right:1.75rem;
+ padding-left:0px;
+ padding-right:0.5rem
+}
+
+.prose ol>li:where([dir="rtl"], [dir="rtl"] *):before,
+.prose ul>li:where([dir="rtl"], [dir="rtl"] *):before {
+ left:auto;
+ right:0.25rem
+}
+
+.prose thead td:first-child:where([dir="rtl"], [dir="rtl"] *),
+.prose thead th:first-child:where([dir="rtl"], [dir="rtl"] *) {
+ padding-right:0px
+}
+
+.prose thead td:last-child:where([dir="rtl"], [dir="rtl"] *),
+.prose thead th:last-child:where([dir="rtl"], [dir="rtl"] *) {
+ padding-left:0px
+}
+
+/* Adjust first child within prose */
+
+.prose div.min-w-0.max-w-prose>*:first-child {
+ margin-top:0.75rem
+}
+
+/* Table of Contents */
+
+.toc ul,
+.toc li {
+ list-style-type:none;
+ padding-left:0px;
+ padding-right:0px;
+ line-height:1.375
+}
+
+.toc ul ul:where([dir="ltr"], [dir="ltr"] *) {
+ padding-left:1rem
+}
+
+.toc ul ul:where([dir="rtl"], [dir="rtl"] *) {
+ padding-right:1rem
+}
+
+.toc a {
+ font-weight:400;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
+}
+
+.toc a:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
+}
+
+.toc ul>li:where([dir="rtl"], [dir="rtl"] *) {
+ margin-right:0px
+}
+
+/* Code Copy */
+
+.highlight-wrapper {
+ display:block
+}
+
+.highlight {
+ position:relative;
+ z-index:0
+}
+
+.highlight:hover>.copy-button {
+ visibility:visible
+}
+
+.copy-button {
+ visibility:hidden;
+ position:absolute;
+ top:0px;
+ right:0px;
+ z-index:10;
+ width:5rem;
+ cursor:pointer;
+ white-space:nowrap;
+ border-bottom-left-radius:0.375rem;
+ border-top-right-radius:0.375rem;
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity, 1));
+ padding-top:0.25rem;
+ padding-bottom:0.25rem;
+ font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-size:0.875rem;
+ line-height:1.25rem;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1));
+ opacity:0.9
+}
+
+.copy-button:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity, 1));
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
+}
+
+.copy-button:hover,
+.copy-button:focus,
+.copy-button:active,
+.copy-button:active:hover {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
+}
+
+.copy-button:hover:is(.dark *),
+.copy-button:focus:is(.dark *),
+.copy-button:active:is(.dark *),
+.copy-button:active:hover:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
+}
+
+.copy-textarea {
+ position:absolute;
+ z-index:-10;
+ opacity:0.05
+}
+
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
+
+.katex-display {
+ overflow: auto hidden
+}
+
+/* Fix long tables breaking out of article on mobile */
+
+table {
+ display: block;
+ overflow: auto;
+}
+
+/* Fix long inline code sections breaking out of article on mobile */
+
+code {
+ word-wrap: break-word;
+ /* All browsers since IE 5.5+ */
+ overflow-wrap: break-word;
+ /* Renamed property in CSS3 draft spec */
+}
+
+/* Fix long URLs breaking out of article bounds on mobile */
+
+a {
+ word-break: break-word;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+}
+
+/* -- Chroma Highlight -- */
+
+/* Background */
+
+.prose .chroma {
+ position:static;
+ border-radius:0.375rem;
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity, 1));
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
+}
+
+.prose .chroma:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity, 1));
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
+}
+
+/* LineTableTD */
+
+.chroma .lntd,
+.chroma .lntd pre {
+ margin:0px;
+ border-style:none;
+ padding:0px;
+ vertical-align:top
+}
+
+/* LineTable */
+
+.chroma .lntable {
+ display:block;
+ width:auto;
+ overflow:hidden;
+ padding-left:1rem;
+ padding-right:1rem;
+ padding-top:0.75rem;
+ padding-bottom:0.75rem;
+ font-size:1rem;
+ line-height:1.5rem;
+ border-spacing: 0
+}
+
+/* LineHighlight */
+
+.chroma .hl {
+ margin-left:-1rem;
+ margin-right:-1rem;
+ display:block;
+ width:auto;
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1));
+ padding-left:1rem;
+ padding-right:1rem
+}
+
+.chroma .hl:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
+}
+
+.chroma .lntd .hl {
+ margin:0px;
+ padding:0px
+}
+
+/* LineNumbersTable */
+
+/* LineNumbers */
+
+.chroma .lnt,
+.chroma .ln {
+ margin-right:0.4em;
+ padding-left:0.4em;
+ padding-right:0.4em;
+ padding-top:0px;
+ padding-bottom:0px;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-600), var(--tw-text-opacity, 1))
+}
+
+.chroma .lnt:is(.dark *),
+.chroma .ln:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
+}
+
+/* Keyword */
+
+/* KeywordDeclaration */
+
+/* KeywordNamespace */
+
+/* KeywordPseudo */
+
+/* KeywordReserved */
+
+/* NameClass */
+
+/* NameFunctionMagic */
+
+/* NameNamespace */
+
+/* NameVariableClass */
+
+/* Operator */
+
+.chroma .k,
+.chroma .kd,
+.chroma .kn,
+.chroma .kp,
+.chroma .kr,
+.chroma .nc,
+.chroma .fm,
+.chroma .nn,
+.chroma .vc,
+.chroma .o {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
+}
+
+.chroma .k:is(.dark *),
+.chroma .kd:is(.dark *),
+.chroma .kn:is(.dark *),
+.chroma .kp:is(.dark *),
+.chroma .kr:is(.dark *),
+.chroma .nc:is(.dark *),
+.chroma .fm:is(.dark *),
+.chroma .nn:is(.dark *),
+.chroma .vc:is(.dark *),
+.chroma .o:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
+}
+
+/* KeywordConstant */
+
+.chroma .kc {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
+}
+
+.chroma .kc:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
+}
+
+/* KeywordType */
+
+/* NameVariable */
+
+/* NameVariableInstance */
+
+/* NameVariableMagic */
+
+/* LiteralNumber */
+
+/* LiteralNumberBin */
+
+/* LiteralNumberFloat */
+
+/* LiteralNumberHex */
+
+/* LiteralNumberInteger */
+
+/* LiteralNumberIntegerLong */
+
+/* LiteralNumberOct */
+
+.chroma .kt,
+.chroma .nv,
+.chroma .vi,
+.chroma .vm,
+.chroma .m,
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .il,
+.chroma .mo {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
+}
+
+.chroma .kt:is(.dark *),
+.chroma .nv:is(.dark *),
+.chroma .vi:is(.dark *),
+.chroma .vm:is(.dark *),
+.chroma .m:is(.dark *),
+.chroma .mb:is(.dark *),
+.chroma .mf:is(.dark *),
+.chroma .mh:is(.dark *),
+.chroma .mi:is(.dark *),
+.chroma .il:is(.dark *),
+.chroma .mo:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-600), var(--tw-text-opacity, 1))
+}
+
+/* Name */
+
+/* NameDecorator */
+
+/* NameEntity */
+
+/* NameLabel */
+
+.chroma .n,
+.chroma .nd,
+.chroma .ni,
+.chroma .nl {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-900), var(--tw-text-opacity, 1))
+}
+
+.chroma .n:is(.dark *),
+.chroma .nd:is(.dark *),
+.chroma .ni:is(.dark *),
+.chroma .nl:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-200), var(--tw-text-opacity, 1))
+}
+
+/* NameAttribute */
+
+/* NameBuiltin */
+
+/* NameBuiltinPseudo */
+
+/* NameOther */
+
+/* NameProperty */
+
+/* NameTag */
+
+.chroma .na,
+.chroma .nb,
+.chroma .bp,
+.chroma .nx,
+.chroma .py,
+.chroma .nt {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-800), var(--tw-text-opacity, 1))
+}
+
+.chroma .na:is(.dark *),
+.chroma .nb:is(.dark *),
+.chroma .bp:is(.dark *),
+.chroma .nx:is(.dark *),
+.chroma .py:is(.dark *),
+.chroma .nt:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-300), var(--tw-text-opacity, 1))
+}
+
+/* NameConstant */
+
+/* NameException */
+
+/* NameVariableGlobal */
+
+.chroma .no,
+.chroma .ne,
+.chroma .vg {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
+}
+
+.chroma .no:is(.dark *),
+.chroma .ne:is(.dark *),
+.chroma .vg:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
+}
+
+/* NameFunction */
+
+.chroma .nf {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-600), var(--tw-text-opacity, 1))
+}
+
+.chroma .nf:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
+}
+
+/* Literal */
+
+/* LiteralDate */
+
+/* LiteralString */
+
+/* LiteralStringAffix */
+
+/* LiteralStringBacktick */
+
+/* LiteralStringChar */
+
+/* LiteralStringDelimiter */
+
+/* LiteralStringDoc */
+
+/* LiteralStringDouble */
+
+/* LiteralStringHeredoc */
+
+/* LiteralStringInterpol */
+
+/* LiteralStringOther */
+
+/* LiteralStringSingle */
+
+/* GenericInserted */
+
+/* GenericOutput */
+
+/* GenericPrompt */
+
+.chroma .l,
+.chroma .ld,
+.chroma .s,
+.chroma .sa,
+.chroma .sb,
+.chroma .sc,
+.chroma .dl,
+.chroma .sd,
+.chroma .s2,
+.chroma .sh,
+.chroma .si,
+.chroma .sx,
+.chroma .s1,
+.chroma .gi,
+.chroma .go,
+.chroma .gp {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
+}
+
+.chroma .l:is(.dark *),
+.chroma .ld:is(.dark *),
+.chroma .s:is(.dark *),
+.chroma .sa:is(.dark *),
+.chroma .sb:is(.dark *),
+.chroma .sc:is(.dark *),
+.chroma .dl:is(.dark *),
+.chroma .sd:is(.dark *),
+.chroma .s2:is(.dark *),
+.chroma .sh:is(.dark *),
+.chroma .si:is(.dark *),
+.chroma .sx:is(.dark *),
+.chroma .s1:is(.dark *),
+.chroma .gi:is(.dark *),
+.chroma .go:is(.dark *),
+.chroma .gp:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
+
+/* LiteralStringEscape */
+
+.chroma .se {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-400), var(--tw-text-opacity, 1))
+}
+
+.chroma .se:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-secondary-500), var(--tw-text-opacity, 1))
+}
+
+/* LiteralStringRegex */
+
+/* LiteralStringSymbol */
+
+.chroma .sr,
+.chroma .ss {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-800), var(--tw-text-opacity, 1))
+}
+
+.chroma .sr:is(.dark *),
+.chroma .ss:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
+
+/* OperatorWord */
+
+.chroma .ow {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
+
+.chroma .ow:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
+}
+
+/* Comment */
+
+/* CommentMultiline */
+
+/* CommentSingle */
+
+/* CommentSpecial */
+
+/* CommentPreproc */
+
+/* CommentPreprocFile */
+
+.chroma .c,
+.chroma .cm,
+.chroma .c1,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf {
+ font-style:italic;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
+}
+
+.chroma .c:is(.dark *),
+.chroma .cm:is(.dark *),
+.chroma .c1:is(.dark *),
+.chroma .cs:is(.dark *),
+.chroma .cp:is(.dark *),
+.chroma .cpf:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
+}
+
+/* CommentHashbang */
+
+.chroma .ch {
+ font-weight:600;
+ font-style:italic;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
+}
+
+.chroma .ch:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
+}
+
+/* GenericEmph */
+
+.chroma .ge {
+ font-style:italic
+}
+
+/* GenericHeading */
+
+.chroma .gh {
+ font-weight:600;
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
+}
+
+/* GenericStrong */
+
+.chroma .gs {
+ font-weight:600
+}
+
+/* GenericSubheading */
+
+/* GenericTraceback */
+
+.chroma .gu,
+.chroma .gt {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
+}
+
+/* GenericUnderline */
+
+.chroma .gl {
+ text-decoration-line:underline
+}
+
+/* Custom */
+
+pre {
+ text-align: left;
+}
+
+.thumbnail {
+ min-width: 300px;
+ height: 180px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.thumbnail_card {
+ height: 200px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.thumbnail_card_related {
+ height: 150px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.thumbnail_card_term {
+ height: 150px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.single_hero_basic {
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.single_hero_round {
+ max-height: 50vh;
+ -o-object-fit: cover;
+ object-fit: cover;
+}
+
+.single_hero_background {
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+ width: calc(100% + 40px);
+ z-index: -10;
+ margin-left: -20px;
+}
+
+.hero_gradient {
+ width: 100%;
+ height: 100%;
+}
+
+.thumbnailshadow {
+ box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
+}
+
+.anchor {
+ display: block;
+ position: relative;
+ top: -150px;
+ height: 0px;
+ visibility: hidden;
+}
+
+@media (min-width: 640px) {
+ .thumbnail {
+ min-width: 100%;
+ height: 180px;
+ }
+
+ .article {
+ flex-wrap: wrap;
+ }
+}
+
+@media (min-width: 853px) {
+ .thumbnail {
+ min-width: 300px;
+ min-height: 180px;
+ height: auto;
+ }
+
+ .article {
+ flex-wrap: nowrap;
+ }
+}
+
+.medium-zoom-image--opened {
+ z-index: 100;
+}
+
+.nested-menu:hover + .menuhide {
+ visibility: visible;
+ opacity: 1;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+}
+
+.menuhide:hover {
+ visibility: visible;
+ opacity: 1;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+}
+
+.menuhide {
+ visibility: hidden;
+ opacity: 0;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+ z-index: 1000;
+}
+
+.active {
+ text-decoration-line: underline;
+ text-decoration-thickness: 3px;
+ text-underline-offset: 4px;
+}
+
+/* Gallery Specific Styles */
+
+.grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+}
+
+.grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+}
+
+@media (min-width: 640px) {
+ .sm\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
+
+ .sm\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
+}
+
+@media (min-width: 853px) {
+ .md\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
+
+ .md\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
+}
+
+@media (min-width: 1024px) {
+ .lg\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
+
+ .lg\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
+}
+
+@media (min-width: 1280px) {
+ .xl\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
+
+ .xl\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
+}
+
+@media (min-width: 1536px) {
+ .2xl\:grid-w10 {
+ width: calc(10% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w15 {
+ width: calc(15% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w20 {
+ width: calc(20% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w25 {
+ width: calc(25% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w30 {
+ width: calc(30% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w33 {
+ width: calc(33% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w35 {
+ width: calc(35% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w40 {
+ width: calc(40% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w45 {
+ width: calc(45% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w50 {
+ width: calc(50% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w55 {
+ width: calc(55% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w60 {
+ width: calc(60% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w65 {
+ width: calc(65% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w66 {
+ width: calc(66% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w70 {
+ width: calc(70% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w75 {
+ width: calc(75% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w80 {
+ width: calc(80% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w85 {
+ width: calc(85% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w90 {
+ width: calc(90% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w95 {
+ width: calc(95% - 5px);
+ margin: 0px !important;
+ }
+
+ .2xl\:grid-w100 {
+ width: calc(100% - 5px);
+ margin: 0px !important;
+ }
+}
+
+/* Carousel Specific Styles */
+
+.ratio-16-9 {
+ padding-top: 56.25%;
+}
+
+/* 16:9 Aspect Ratio */
+
+.ratio-21-9 {
+ padding-top: 42.85%;
+}
+
+/* 21:9 Aspect Ratio */
+
+.ratio-32-9 {
+ padding-top: 28.125%;
+}
+
+/* 32:9 Aspect Ratio */
+
+@media (min-width: 640px) {
+ .sm\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
+
+ /* 16:9 Aspect Ratio */
+
+ .sm\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
+
+ /* 21:9 Aspect Ratio */
+
+ .sm\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
+
+ /* 32:9 Aspect Ratio */
+}
+
+@media (min-width: 853px) {
+ .md\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
+
+ /* 16:9 Aspect Ratio */
+
+ .md\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
+
+ /* 21:9 Aspect Ratio */
+
+ .md\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
+
+ /* 32:9 Aspect Ratio */
+}
+
+@media (min-width: 1024px) {
+ .lg\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
+
+ /* 16:9 Aspect Ratio */
+
+ .lg\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
+
+ /* 21:9 Aspect Ratio */
+
+ .lg\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
+
+ /* 32:9 Aspect Ratio */
+}
+
+@media (min-width: 1280px) {
+ .xl\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
+
+ /* 16:9 Aspect Ratio */
+
+ .xl\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
+
+ /* 21:9 Aspect Ratio */
+
+ .xl\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
+
+ /* 32:9 Aspect Ratio */
+}
+
+@media (min-width: 1536px) {
+ .2xl\:ratio-16-9 {
+ padding-top: 56.25%;
+ }
+
+ /* 16:9 Aspect Ratio */
+
+ .2xl\:ratio-21-9 {
+ padding-top: 42.85%;
+ }
+
+ /* 21:9 Aspect Ratio */
+
+ .2xl\:ratio-32-9 {
+ padding-top: 28.125%;
+ }
+
+ /* 32:9 Aspect Ratio */
+}
+
+.dark\:prose-invert:is(.dark *) {
+ --tw-prose-body:var(--tw-prose-invert-body);
+ --tw-prose-headings:var(--tw-prose-invert-headings);
+ --tw-prose-lead:var(--tw-prose-invert-lead);
+ --tw-prose-links:var(--tw-prose-invert-links);
+ --tw-prose-bold:var(--tw-prose-invert-bold);
+ --tw-prose-counters:var(--tw-prose-invert-counters);
+ --tw-prose-bullets:var(--tw-prose-invert-bullets);
+ --tw-prose-hr:var(--tw-prose-invert-hr);
+ --tw-prose-quotes:var(--tw-prose-invert-quotes);
+ --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
+ --tw-prose-captions:var(--tw-prose-invert-captions);
+ --tw-prose-kbd:var(--tw-prose-invert-kbd);
+ --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
+ --tw-prose-code:var(--tw-prose-invert-code);
+ --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
+ --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
+ --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
+ --tw-prose-td-borders:var(--tw-prose-invert-td-borders);
+}
+
+.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-neutral-600), 1);
+}
+
+.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+ color:rgba(var(--color-primary-400), 1)
+}
+
+.dark\:prose-invert:is(.dark *) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color:rgba(var(--color-neutral-200), 1);
+ background-color:rgba(var(--color-neutral-700), 1)
+}
+
+.dark\:prose-invert:is(.dark *) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color:rgba(var(--color-primary-400), 1)
+}
+
+.dark\:prose-invert:is(.dark *) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color:rgba(var(--color-neutral-700), 1)
+}
+
+.dark\:prose-invert:is(.dark *) :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+.dark\:prose-invert:is(.dark *) :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+.after\:clear-both::after {
+ content:var(--tw-content);
+ clear:both
+}
+
+.after\:block::after {
+ content:var(--tw-content);
+ display:block
+}
+
+.after\:content-\[\'\'\]::after {
+ --tw-content:'';
+ content:var(--tw-content)
+}
+
+.first\:mt-8:first-child {
+ margin-top:2rem
+}
+
+.empty\:hidden:empty {
+ display:none
+}
+
+.group:hover .group-hover\:text-primary-300 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-300), var(--tw-text-opacity, 1))
+}
+
+.group:hover .group-hover\:text-primary-600 {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
+}
+
+.group:hover .group-hover\:underline {
+ text-decoration-line:underline
+}
+
+.group:hover .group-hover\:decoration-primary-500 {
+ text-decoration-color:rgba(var(--color-primary-500), 1)
+}
+
+.group:hover .group-hover\:opacity-100 {
+ opacity:1
+}
+
+.data-\[twe-carousel-fade\]\:z-0[data-twe-carousel-fade] {
+ z-index:0
+}
+
+.data-\[twe-carousel-fade\]\:z-\[1\][data-twe-carousel-fade] {
+ z-index:1
+}
+
+.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] {
+ display:none
+}
+
+.data-\[twe-carousel-fade\]\:opacity-0[data-twe-carousel-fade] {
+ opacity:0
+}
+
+.data-\[twe-carousel-fade\]\:opacity-100[data-twe-carousel-fade] {
+ opacity:1
+}
+
+.data-\[twe-carousel-fade\]\:duration-\[600ms\][data-twe-carousel-fade] {
+ transition-duration:600ms
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-x-0 {
+ border-left-width:0px;
+ border-right-width:0px
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-x-0 {
+ border-left-width:0px;
+ border-right-width:0px
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-e-0 {
+ border-inline-end-width:0px
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-s-0 {
+ border-inline-start-width:0px
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t {
+ border-top-width:1px
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-e-0 {
+ border-inline-end-width:0px
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-s-0 {
+ border-inline-start-width:0px
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t {
+ border-top-width:1px
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-solid {
+ border-style:solid
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-solid {
+ border-style:solid
+}
+
+.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent {
+ border-top-color:transparent
+}
+
+.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t-transparent {
+ border-top-color:transparent
+}
+
+.hover\:border-transparent:hover {
+ border-color:transparent
+}
+
+.hover\:\!bg-primary-500:hover {
+ --tw-bg-opacity:1 !important;
+ background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1)) !important
+}
+
+.hover\:bg-primary-100:hover {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
+}
+
+.hover\:bg-primary-500:hover {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-500), var(--tw-bg-opacity, 1))
+}
+
+.hover\:bg-primary-600:hover {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
+}
+
+.hover\:text-neutral:hover {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral), var(--tw-text-opacity, 1))
+}
+
+.hover\:text-primary-400:hover {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
+
+.hover\:text-primary-500:hover {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-500), var(--tw-text-opacity, 1))
+}
+
+.hover\:text-primary-600:hover {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
+}
+
+.hover\:text-primary-700:hover {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-700), var(--tw-text-opacity, 1))
+}
+
+.hover\:underline:hover {
+ text-decoration-line:underline
+}
+
+.hover\:no-underline:hover {
+ text-decoration-line:none
+}
+
+.hover\:decoration-primary-400:hover {
+ text-decoration-color:rgba(var(--color-primary-400), 1)
+}
+
+.hover\:decoration-2:hover {
+ text-decoration-thickness:2px
+}
+
+.hover\:underline-offset-2:hover {
+ text-underline-offset:2px
+}
+
+.hover\:opacity-90:hover {
+ opacity:0.9
+}
+
+.hover\:outline-none:hover {
+ outline:2px solid transparent;
+ outline-offset:2px
+}
+
+.focus\:translate-y-0:focus {
+ --tw-translate-y:0px;
+ transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.focus\:bg-primary-100:focus {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity, 1))
+}
+
+.focus\:no-underline:focus {
+ text-decoration-line:none
+}
+
+.focus\:opacity-90:focus {
+ opacity:0.9
+}
+
+.focus\:outline-none:focus {
+ outline:2px solid transparent;
+ outline-offset:2px
+}
+
+.focus\:outline-dotted:focus {
+ outline-style:dotted
+}
+
+.focus\:outline-2:focus {
+ outline-width:2px
+}
+
+.focus\:outline-transparent:focus {
+ outline-color:transparent
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .motion-reduce\:transition-none {
+ transition-property:none
+ }
+}
+
+.dark\:flex:is(.dark *) {
+ display:flex
+}
+
+.dark\:hidden:is(.dark *) {
+ display:none
+}
+
+.dark\:border-neutral-400:is(.dark *) {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-neutral-400), var(--tw-border-opacity, 1))
+}
+
+.dark\:border-neutral-600:is(.dark *) {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity, 1))
+}
+
+.dark\:border-neutral-700:is(.dark *) {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity, 1))
+}
+
+.dark\:border-primary-300:is(.dark *) {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-primary-300), var(--tw-border-opacity, 1))
+}
+
+.dark\:border-primary-600:is(.dark *) {
+ --tw-border-opacity:1;
+ border-color:rgba(var(--color-primary-600), var(--tw-border-opacity, 1))
+}
+
+.dark\:bg-neutral-400:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-400), var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-neutral-600:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-neutral-700:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-neutral-800:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-neutral-800), var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-neutral-800\/50:is(.dark *) {
+ background-color:rgba(var(--color-neutral-800), 0.5)
+}
+
+.dark\:bg-neutral-900\/50:is(.dark *) {
+ background-color:rgba(var(--color-neutral-900), 0.5)
+}
+
+.dark\:bg-primary-300:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-primary-400:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-primary-800:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity, 1))
+}
+
+.dark\:bg-primary-900:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
+}
+
+.dark\:from-neutral-800:is(.dark *) {
+ --tw-gradient-from:rgba(var(--color-neutral-800), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to:rgba(var(--color-neutral-800), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+.dark\:from-primary-600:is(.dark *) {
+ --tw-gradient-from:rgba(var(--color-primary-600), 1) var(--tw-gradient-from-position);
+ --tw-gradient-to:rgba(var(--color-primary-600), 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+.dark\:to-neutral-800:is(.dark *) {
+ --tw-gradient-to:rgba(var(--color-neutral-800), 1) var(--tw-gradient-to-position)
+}
+
+.dark\:to-secondary-800:is(.dark *) {
+ --tw-gradient-to:rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position)
+}
+
+.dark\:text-neutral:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-neutral-100:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-100), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-neutral-200:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-neutral-300:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-neutral-400:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-neutral-500:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-neutral-700:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-neutral-800:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-primary-200:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-200), var(--tw-text-opacity, 1))
+}
+
+.dark\:text-primary-400:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
+
+.dark\:opacity-60:is(.dark *) {
+ opacity:0.6
+}
+
+.dark\:scrollbar-track-neutral-800:is(.dark *) {
+ --scrollbar-track:rgba(var(--color-neutral-800), 1) !important
+}
+
+.dark\:scrollbar-thumb-neutral-600:is(.dark *) {
+ --scrollbar-thumb:rgba(var(--color-neutral-600), 1) !important
+}
+
+.group:hover .dark\:group-hover\:text-neutral-700:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
+}
+
+.group:hover .dark\:group-hover\:text-primary-400:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
+
+.dark\:hover\:\!bg-primary-700:hover:is(.dark *) {
+ --tw-bg-opacity:1 !important;
+ background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity, 1)) !important
+}
+
+.dark\:hover\:bg-primary-400:hover:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity, 1))
+}
+
+.dark\:hover\:bg-primary-900:hover:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
+}
+
+.dark\:hover\:text-neutral-800:hover:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
+}
+
+.dark\:hover\:text-primary-400:hover:is(.dark *) {
+ --tw-text-opacity:1;
+ color:rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
+}
+
+.dark\:focus\:bg-primary-900:focus:is(.dark *) {
+ --tw-bg-opacity:1;
+ background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity, 1))
+}
+
+@media (min-width: 640px) {
+ .sm\:mb-0 {
+ margin-bottom:0px
+ }
+
+ .sm\:mt-16 {
+ margin-top:4rem
+ }
+
+ .sm\:w-1\/2 {
+ width:50%
+ }
+
+ .sm\:grid-cols-2 {
+ grid-template-columns:repeat(2, minmax(0, 1fr))
+ }
+
+ .sm\:flex-row {
+ flex-direction:row
+ }
+
+ .sm\:overflow-hidden {
+ overflow:hidden
+ }
+
+ .sm\:p-6 {
+ padding:1.5rem
+ }
+
+ .sm\:px-14 {
+ padding-left:3.5rem;
+ padding-right:3.5rem
+ }
+
+ .sm\:px-6 {
+ padding-left:1.5rem;
+ padding-right:1.5rem
+ }
+
+ .sm\:py-24 {
+ padding-top:6rem;
+ padding-bottom:6rem
+ }
+
+ .sm\:text-lg {
+ font-size:1.125rem;
+ line-height:1.75rem
+ }
+}
+
+@media (min-width: 853px) {
+ .md\:-mr-16 {
+ margin-right:-4rem
+ }
+
+ .md\:ml-12 {
+ margin-left:3rem
+ }
+
+ .md\:mr-7 {
+ margin-right:1.75rem
+ }
+
+ .md\:mt-0 {
+ margin-top:0px
+ }
+
+ .md\:flex {
+ display:flex
+ }
+
+ .md\:hidden {
+ display:none
+ }
+
+ .md\:h-56 {
+ height:14rem
+ }
+
+ .md\:h-\[200px\] {
+ height:200px
+ }
+
+ .md\:w-1\/3 {
+ width:33.333333%
+ }
+
+ .md\:w-auto {
+ width:auto
+ }
+
+ .md\:grid-cols-3 {
+ grid-template-columns:repeat(3, minmax(0, 1fr))
+ }
+
+ .md\:justify-start {
+ justify-content:flex-start
+ }
+
+ .md\:p-\[10vh\] {
+ padding:10vh
+ }
+
+ .md\:px-24 {
+ padding-left:6rem;
+ padding-right:6rem
+ }
+}
+
+@media (min-width: 1024px) {
+ .lg\:absolute {
+ position:absolute
+ }
+
+ .lg\:relative {
+ position:relative
+ }
+
+ .lg\:sticky {
+ position:sticky
+ }
+
+ .lg\:left-0 {
+ left:0px
+ }
+
+ .lg\:top-10 {
+ top:2.5rem
+ }
+
+ .lg\:top-\[140px\] {
+ top:140px
+ }
+
+ .lg\:order-last {
+ order:9999
+ }
+
+ .lg\:m-0 {
+ margin:0px
+ }
+
+ .lg\:mx-0 {
+ margin-left:0px;
+ margin-right:0px
+ }
+
+ .lg\:mx-auto {
+ margin-left:auto;
+ margin-right:auto
+ }
+
+ .lg\:ml-auto {
+ margin-left:auto
+ }
+
+ .lg\:mt-0 {
+ margin-top:0px
+ }
+
+ .lg\:block {
+ display:block
+ }
+
+ .lg\:grid {
+ display:grid
+ }
+
+ .lg\:hidden {
+ display:none
+ }
+
+ .lg\:h-72 {
+ height:18rem
+ }
+
+ .lg\:h-full {
+ height:100%
+ }
+
+ .lg\:w-1\/4 {
+ width:25%
+ }
+
+ .lg\:w-auto {
+ width:auto
+ }
+
+ .lg\:max-w-7xl {
+ max-width:80rem
+ }
+
+ .lg\:max-w-none {
+ max-width:none
+ }
+
+ .lg\:max-w-xs {
+ max-width:20rem
+ }
+
+ .lg\:grid-flow-col-dense {
+ grid-auto-flow:column dense
+ }
+
+ .lg\:grid-cols-2 {
+ grid-template-columns:repeat(2, minmax(0, 1fr))
+ }
+
+ .lg\:flex-row {
+ flex-direction:row
+ }
+
+ .lg\:gap-24 {
+ gap:6rem
+ }
+
+ .lg\:p-\[12vh\] {
+ padding:12vh
+ }
+
+ .lg\:px-0 {
+ padding-left:0px;
+ padding-right:0px
+ }
+
+ .lg\:px-32 {
+ padding-left:8rem;
+ padding-right:8rem
+ }
+
+ .lg\:px-8 {
+ padding-left:2rem;
+ padding-right:2rem
+ }
+
+ .lg\:py-16 {
+ padding-top:4rem;
+ padding-bottom:4rem
+ }
+
+ .lg\:py-32 {
+ padding-top:8rem;
+ padding-bottom:8rem
+ }
+}
+
+@media (min-width: 1280px) {
+ .xl\:w-1\/4 {
+ width:25%
+ }
+
+ .xl\:grid-cols-4 {
+ grid-template-columns:repeat(4, minmax(0, 1fr))
+ }
+}
+
+@media (min-width: 1536px) {
+ .\32xl\:grid-cols-5 {
+ grid-template-columns:repeat(5, minmax(0, 1fr))
+ }
+}
+
+.ltr\:-left-6:where([dir="ltr"], [dir="ltr"] *) {
+ left:-1.5rem
+}
+
+.ltr\:right-0:where([dir="ltr"], [dir="ltr"] *) {
+ right:0px
+}
+
+.ltr\:-ml-5:where([dir="ltr"], [dir="ltr"] *) {
+ margin-left:-1.25rem
+}
+
+.ltr\:ml-2:where([dir="ltr"], [dir="ltr"] *) {
+ margin-left:0.5rem
+}
+
+.ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *) {
+ margin-right:0.25rem
+}
+
+.ltr\:mr-4:where([dir="ltr"], [dir="ltr"] *) {
+ margin-right:1rem
+}
+
+.ltr\:block:where([dir="ltr"], [dir="ltr"] *) {
+ display:block
+}
+
+.ltr\:inline:where([dir="ltr"], [dir="ltr"] *) {
+ display:inline
+}
+
+.ltr\:hidden:where([dir="ltr"], [dir="ltr"] *) {
+ display:none
+}
+
+.ltr\:border-l:where([dir="ltr"], [dir="ltr"] *) {
+ border-left-width:1px
+}
+
+.ltr\:pl-5:where([dir="ltr"], [dir="ltr"] *) {
+ padding-left:1.25rem
+}
+
+.ltr\:pr-2:where([dir="ltr"], [dir="ltr"] *) {
+ padding-right:0.5rem
+}
+
+.ltr\:pr-3:where([dir="ltr"], [dir="ltr"] *) {
+ padding-right:0.75rem
+}
+
+.ltr\:text-right:where([dir="ltr"], [dir="ltr"] *) {
+ text-align:right
+}
+
+@media (min-width: 640px) {
+ .ltr\:sm\:mr-7:where([dir="ltr"], [dir="ltr"] *) {
+ margin-right:1.75rem
+ }
+
+ .ltr\:sm\:last\:mr-0:last-child:where([dir="ltr"], [dir="ltr"] *) {
+ margin-right:0px
+ }
+}
+
+@media (min-width: 1024px) {
+ .ltr\:lg\:pl-8:where([dir="ltr"], [dir="ltr"] *) {
+ padding-left:2rem
+ }
+}
+
+.rtl\:-right-6:where([dir="rtl"], [dir="rtl"] *) {
+ right:-1.5rem
+}
+
+.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *) {
+ left:0px
+}
+
+.rtl\:-mr-5:where([dir="rtl"], [dir="rtl"] *) {
+ margin-right:-1.25rem
+}
+
+.rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *) {
+ margin-left:0.25rem
+}
+
+.rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {
+ margin-left:1rem
+}
+
+.rtl\:mr-2:where([dir="rtl"], [dir="rtl"] *) {
+ margin-right:0.5rem
+}
+
+.rtl\:block:where([dir="rtl"], [dir="rtl"] *) {
+ display:block
+}
+
+.rtl\:inline:where([dir="rtl"], [dir="rtl"] *) {
+ display:inline
+}
+
+.rtl\:hidden:where([dir="rtl"], [dir="rtl"] *) {
+ display:none
+}
+
+.rtl\:border-r:where([dir="rtl"], [dir="rtl"] *) {
+ border-right-width:1px
+}
+
+.rtl\:pl-2:where([dir="rtl"], [dir="rtl"] *) {
+ padding-left:0.5rem
+}
+
+.rtl\:pl-3:where([dir="rtl"], [dir="rtl"] *) {
+ padding-left:0.75rem
+}
+
+.rtl\:pr-5:where([dir="rtl"], [dir="rtl"] *) {
+ padding-right:1.25rem
+}
+
+.rtl\:text-left:where([dir="rtl"], [dir="rtl"] *) {
+ text-align:left
+}
+
+@media (min-width: 640px) {
+ .rtl\:sm\:ml-7:where([dir="rtl"], [dir="rtl"] *) {
+ margin-left:1.75rem
+ }
+
+ .rtl\:sm\:last\:ml-0:last-child:where([dir="rtl"], [dir="rtl"] *) {
+ margin-left:0px
+ }
+}
+
+@media (min-width: 1024px) {
+ .rtl\:lg\:pr-8:where([dir="rtl"], [dir="rtl"] *) {
+ padding-right:2rem
+ }
+}
+
+@media print {
+ .print\:hidden {
+ display:none
+ }
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/components/zen-mode.css b/themes/blowfish/assets/css/components/zen-mode.css
new file mode 100644
index 0000000..bf0c31c
--- /dev/null
+++ b/themes/blowfish/assets/css/components/zen-mode.css
@@ -0,0 +1,16 @@
+#zen-mode-button {
+ cursor:pointer
+}
+
+.zen-mode {
+ position: relative;
+}
+
+body.zen-mode-enable {
+ #bmc-wbtn, .author {
+ display:none !important;
+ }
+}
+
+
+
diff --git a/themes/blowfish/assets/css/main.css b/themes/blowfish/assets/css/main.css
new file mode 100644
index 0000000..0dd36a1
--- /dev/null
+++ b/themes/blowfish/assets/css/main.css
@@ -0,0 +1,654 @@
+/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
+
+@import 'components/zen-mode.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body a,
+body button {
+ @apply transition-colors;
+}
+
+/* Scale SVG icons to text size */
+.icon svg {
+ @apply h-[1em] w-[1em];
+}
+
+/* Scale SVG logos to appropriate size */
+.logo svg {
+ @apply h-[5rem] w-[5rem];
+}
+
+/* Search */
+#search-query::-webkit-search-cancel-button,
+#search-query::-webkit-search-decoration,
+#search-query::-webkit-search-results-button,
+#search-query::-webkit-search-results-decoration {
+ @apply hidden;
+}
+
+/* RTL support */
+.prose blockquote {
+ @apply rtl:pr-4 rtl:border-l-0 rtl:border-r-4;
+}
+
+.prose ul>li,
+.prose ol>li {
+ @apply rtl:pl-0 rtl:pr-2 rtl:mr-7;
+}
+
+.prose ol>li:before,
+.prose ul>li:before {
+ @apply rtl:left-auto rtl:right-1;
+}
+
+.prose thead td:first-child,
+.prose thead th:first-child {
+ @apply rtl:pr-0;
+}
+
+.prose thead td:last-child,
+.prose thead th:last-child {
+ @apply rtl:pl-0;
+}
+
+/* Adjust first child within prose */
+.prose div.min-w-0.max-w-prose>*:first-child {
+ @apply mt-3;
+}
+
+/* Table of Contents */
+.toc ul,
+.toc li {
+ @apply px-0 leading-snug list-none;
+}
+
+.toc ul ul {
+ @apply ltr:pl-4 rtl:pr-4;
+}
+
+.toc a {
+ @apply font-normal text-neutral-700 dark:text-neutral-400;
+}
+
+.toc ul>li {
+ @apply rtl:mr-0;
+}
+
+/* Code Copy */
+.highlight-wrapper {
+ @apply block;
+}
+
+.highlight {
+ @apply relative z-0;
+}
+
+.highlight:hover>.copy-button {
+ @apply visible;
+}
+
+.copy-button {
+ @apply absolute top-0 right-0 z-10 invisible w-20 py-1 font-mono text-sm cursor-pointer opacity-90 bg-neutral-200 whitespace-nowrap rounded-bl-md rounded-tr-md text-neutral-700 dark:bg-neutral-600 dark:text-neutral-200;
+}
+
+.copy-button:hover,
+.copy-button:focus,
+.copy-button:active,
+.copy-button:active:hover {
+ @apply bg-primary-100 dark:bg-primary-600;
+}
+
+.copy-textarea {
+ @apply absolute opacity-5 -z-10;
+}
+
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
+.katex-display { overflow: auto hidden }
+
+/* Fix long tables breaking out of article on mobile */
+table {
+ display: block;
+ overflow: auto;
+}
+
+/* Fix long inline code sections breaking out of article on mobile */
+code {
+ word-wrap: break-word; /* All browsers since IE 5.5+ */
+ overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
+}
+
+/* Fix long URLs breaking out of article bounds on mobile */
+a {
+ word-break: break-word;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+}
+
+/* -- Chroma Highlight -- */
+/* Background */
+.prose .chroma {
+ @apply static rounded-md text-neutral-700 bg-neutral-50 dark:bg-neutral-700 dark:text-neutral-200;
+}
+
+/* LineTableTD */
+.chroma .lntd,
+.chroma .lntd pre {
+ @apply p-0 m-0 align-top border-none;
+}
+
+/* LineTable */
+.chroma .lntable {
+ @apply block w-auto px-4 py-3 overflow-hidden text-base;
+ border-spacing: 0;
+}
+
+/* LineHighlight */
+.chroma .hl {
+ @apply block w-auto px-4 -mx-4 bg-primary-100 dark:bg-primary-900;
+}
+
+.chroma .lntd .hl {
+ @apply p-0 m-0;
+}
+
+/* LineNumbersTable */
+/* LineNumbers */
+.chroma .lnt,
+.chroma .ln {
+ @apply text-neutral-600 dark:text-neutral-300 mr-[0.4em] px-[0.4em] py-0;
+}
+
+/* Keyword */
+/* KeywordDeclaration */
+/* KeywordNamespace */
+/* KeywordPseudo */
+/* KeywordReserved */
+/* NameClass */
+/* NameFunctionMagic */
+/* NameNamespace */
+/* NameVariableClass */
+/* Operator */
+.chroma .k,
+.chroma .kd,
+.chroma .kn,
+.chroma .kp,
+.chroma .kr,
+.chroma .nc,
+.chroma .fm,
+.chroma .nn,
+.chroma .vc,
+.chroma .o {
+ @apply text-primary-600 dark:text-primary-300;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+ @apply font-semibold text-secondary-400 dark:text-secondary-500;
+}
+
+/* KeywordType */
+/* NameVariable */
+/* NameVariableInstance */
+/* NameVariableMagic */
+/* LiteralNumber */
+/* LiteralNumberBin */
+/* LiteralNumberFloat */
+/* LiteralNumberHex */
+/* LiteralNumberInteger */
+/* LiteralNumberIntegerLong */
+/* LiteralNumberOct */
+.chroma .kt,
+.chroma .nv,
+.chroma .vi,
+.chroma .vm,
+.chroma .m,
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .il,
+.chroma .mo {
+ @apply text-secondary-400 dark:text-secondary-600;
+}
+
+/* Name */
+/* NameDecorator */
+/* NameEntity */
+/* NameLabel */
+.chroma .n,
+.chroma .nd,
+.chroma .ni,
+.chroma .nl {
+ @apply text-secondary-900 dark:text-secondary-200;
+}
+
+/* NameAttribute */
+/* NameBuiltin */
+/* NameBuiltinPseudo */
+/* NameOther */
+/* NameProperty */
+/* NameTag */
+.chroma .na,
+.chroma .nb,
+.chroma .bp,
+.chroma .nx,
+.chroma .py,
+.chroma .nt {
+ @apply text-secondary-800 dark:text-secondary-300;
+}
+
+/* NameConstant */
+/* NameException */
+/* NameVariableGlobal */
+.chroma .no,
+.chroma .ne,
+.chroma .vg {
+ @apply font-semibold text-secondary-400 dark:text-secondary-500;
+}
+
+/* NameFunction */
+.chroma .nf {
+ @apply text-secondary-600 dark:text-secondary-500;
+}
+
+/* Literal */
+/* LiteralDate */
+/* LiteralString */
+/* LiteralStringAffix */
+/* LiteralStringBacktick */
+/* LiteralStringChar */
+/* LiteralStringDelimiter */
+/* LiteralStringDoc */
+/* LiteralStringDouble */
+/* LiteralStringHeredoc */
+/* LiteralStringInterpol */
+/* LiteralStringOther */
+/* LiteralStringSingle */
+/* GenericInserted */
+/* GenericOutput */
+/* GenericPrompt */
+.chroma .l,
+.chroma .ld,
+.chroma .s,
+.chroma .sa,
+.chroma .sb,
+.chroma .sc,
+.chroma .dl,
+.chroma .sd,
+.chroma .s2,
+.chroma .sh,
+.chroma .si,
+.chroma .sx,
+.chroma .s1,
+.chroma .gi,
+.chroma .go,
+.chroma .gp {
+ @apply text-primary-800 dark:text-primary-400;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+ @apply font-semibold text-secondary-400 dark:text-secondary-500;
+}
+
+/* LiteralStringRegex */
+/* LiteralStringSymbol */
+.chroma .sr,
+.chroma .ss {
+ @apply font-semibold text-primary-800 dark:text-primary-400;
+}
+
+/* OperatorWord */
+.chroma .ow {
+ @apply font-semibold text-primary-400 dark:text-primary-600;
+}
+
+/* Comment */
+/* CommentMultiline */
+/* CommentSingle */
+/* CommentSpecial */
+/* CommentPreproc */
+/* CommentPreprocFile */
+.chroma .c,
+.chroma .cm,
+.chroma .c1,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf {
+ @apply italic text-neutral-500 dark:text-neutral-400;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+ @apply italic font-semibold text-neutral-500 dark:text-neutral-400;
+}
+
+/* GenericEmph */
+.chroma .ge {
+ @apply italic;
+}
+
+/* GenericHeading */
+.chroma .gh {
+ @apply font-semibold text-neutral-500;
+}
+
+/* GenericStrong */
+.chroma .gs {
+ @apply font-semibold;
+}
+
+/* GenericSubheading */
+/* GenericTraceback */
+.chroma .gu,
+.chroma .gt {
+ @apply text-neutral-500;
+}
+
+/* GenericUnderline */
+.chroma .gl {
+ @apply underline;
+}
+
+/* Custom */
+
+pre {
+ text-align: left;
+}
+
+.thumbnail {
+ min-width: 300px;
+ height: 180px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.thumbnail_card {
+ height: 200px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.thumbnail_card_related {
+ height: 150px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.thumbnail_card_term {
+ height: 150px;
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.single_hero_basic {
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+}
+
+.single_hero_round {
+ max-height: 50vh;
+ object-fit: cover;
+}
+
+.single_hero_background {
+ background-repeat:no-repeat;
+ background-size:cover;
+ background-position:center;
+ width: calc(100% + 40px);
+ z-index: -10;
+ margin-left: -20px;
+}
+
+.hero_gradient {
+ width: 100%;
+ height: 100%;
+}
+
+.thumbnailshadow {
+ box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
+}
+
+.anchor {
+ display: block;
+ position: relative;
+ top: -150px;
+ height: 0px;
+ visibility: hidden;
+}
+
+@screen sm {
+ .thumbnail {
+ min-width: 100%;
+ height: 180px;
+ }
+ .article {
+ flex-wrap: wrap;
+ }
+}
+
+@screen md {
+ .thumbnail {
+ min-width: 300px;
+ min-height: 180px;
+ height: auto;
+ }
+ .article {
+ flex-wrap: nowrap;
+ }
+}
+
+.medium-zoom-image--opened {
+ z-index: 100;
+}
+
+.nested-menu:hover + .menuhide {
+ visibility: visible;
+ opacity: 1;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+}
+
+.menuhide:hover {
+ visibility: visible;
+ opacity: 1;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+}
+
+.menuhide {
+ visibility: hidden;
+ opacity: 0;
+ transition: visibility 0.3s, opacity 0.3s ease-in-out ;
+ z-index: 1000;
+}
+
+.active {
+ text-decoration-line: underline;
+ text-decoration-thickness: 3px;
+ text-underline-offset: 4px;
+}
+
+/* Gallery Specific Styles */
+.grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+.grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+.grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+.grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+.grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+.grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+.grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+.grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+.grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+.grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+.grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+.grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+.grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+.grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+.grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+.grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+.grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+.grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+.grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+.grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+.grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+
+@screen sm {
+ .sm\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+ .sm\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+ .sm\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+ .sm\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+ .sm\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+ .sm\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+ .sm\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+ .sm\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+ .sm\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+ .sm\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+ .sm\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+ .sm\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+ .sm\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+ .sm\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+ .sm\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+ .sm\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+ .sm\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+ .sm\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+ .sm\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+ .sm\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+ .sm\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+@screen md {
+ .md\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+ .md\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+ .md\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+ .md\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+ .md\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+ .md\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+ .md\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+ .md\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+ .md\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+ .md\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+ .md\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+ .md\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+ .md\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+ .md\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+ .md\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+ .md\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+ .md\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+ .md\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+ .md\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+ .md\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+ .md\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+@screen lg {
+ .lg\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+ .lg\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+ .lg\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+ .lg\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+ .lg\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+ .lg\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+ .lg\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+ .lg\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+ .lg\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+ .lg\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+ .lg\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+ .lg\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+ .lg\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+ .lg\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+ .lg\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+ .lg\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+ .lg\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+ .lg\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+ .lg\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+ .lg\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+ .lg\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+@screen xl {
+ .xl\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+ .xl\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+ .xl\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+ .xl\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+ .xl\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+ .xl\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+ .xl\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+ .xl\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+ .xl\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+ .xl\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+ .xl\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+ .xl\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+ .xl\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+ .xl\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+ .xl\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+ .xl\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+ .xl\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+ .xl\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+ .xl\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+ .xl\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+ .xl\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+@screen 2xl {
+ .2xl\:grid-w10 { width: calc(10% - 5px); margin: 0px !important; }
+ .2xl\:grid-w15 { width: calc(15% - 5px); margin: 0px !important; }
+ .2xl\:grid-w20 { width: calc(20% - 5px); margin: 0px !important; }
+ .2xl\:grid-w25 { width: calc(25% - 5px); margin: 0px !important; }
+ .2xl\:grid-w30 { width: calc(30% - 5px); margin: 0px !important; }
+ .2xl\:grid-w33 { width: calc(33% - 5px); margin: 0px !important; }
+ .2xl\:grid-w35 { width: calc(35% - 5px); margin: 0px !important; }
+ .2xl\:grid-w40 { width: calc(40% - 5px); margin: 0px !important; }
+ .2xl\:grid-w45 { width: calc(45% - 5px); margin: 0px !important; }
+ .2xl\:grid-w50 { width: calc(50% - 5px); margin: 0px !important; }
+ .2xl\:grid-w55 { width: calc(55% - 5px); margin: 0px !important; }
+ .2xl\:grid-w60 { width: calc(60% - 5px); margin: 0px !important; }
+ .2xl\:grid-w65 { width: calc(65% - 5px); margin: 0px !important; }
+ .2xl\:grid-w66 { width: calc(66% - 5px); margin: 0px !important; }
+ .2xl\:grid-w70 { width: calc(70% - 5px); margin: 0px !important; }
+ .2xl\:grid-w75 { width: calc(75% - 5px); margin: 0px !important; }
+ .2xl\:grid-w80 { width: calc(80% - 5px); margin: 0px !important; }
+ .2xl\:grid-w85 { width: calc(85% - 5px); margin: 0px !important; }
+ .2xl\:grid-w90 { width: calc(90% - 5px); margin: 0px !important; }
+ .2xl\:grid-w95 { width: calc(95% - 5px); margin: 0px !important; }
+ .2xl\:grid-w100 { width: calc(100% - 5px); margin: 0px !important; }
+}
+
+/* Carousel Specific Styles */
+.ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+.ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+.ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+
+@screen sm {
+ .sm\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+ .sm\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+ .sm\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
+
+@screen md {
+ .md\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+ .md\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+ .md\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
+
+@screen lg {
+ .lg\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+ .lg\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+ .lg\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
+
+@screen xl {
+ .xl\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+ .xl\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+ .xl\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
+
+@screen 2xl {
+ .2xl\:ratio-16-9 { padding-top: 56.25%; } /* 16:9 Aspect Ratio */
+ .2xl\:ratio-21-9 { padding-top: 42.85%; } /* 21:9 Aspect Ratio */
+ .2xl\:ratio-32-9 { padding-top: 28.125%; } /* 32:9 Aspect Ratio */
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/schemes/autumn.css b/themes/blowfish/assets/css/schemes/autumn.css
new file mode 100644
index 0000000..7f88604
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/autumn.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50: 255,255,255;
+--color-neutral-100: 214,251,252;
+--color-neutral-200: 142,245,247;
+--color-neutral-300: 70,239,243;
+--color-neutral-400: 15,217,222;
+--color-neutral-500: 10,147,150;
+--color-neutral-600: 7,110,112;
+--color-neutral-700: 5,72,74;
+--color-neutral-800: 2,35,35;
+--color-neutral-900: 0,0,0;
+--color-primary-50: 255,255,255;
+--color-primary-100: 255,255,255;
+--color-primary-200: 255,240,212;
+--color-primary-300: 255,213,136;
+--color-primary-400: 255,187,59;
+--color-primary-500: 238,155,0;
+--color-primary-600: 197,128,0;
+--color-primary-700: 156,102,0;
+--color-primary-800: 116,75,0;
+--color-primary-900: 75,49,0;
+--color-secondary-50: 255,255,255;
+--color-secondary-100: 255,246,241;
+--color-secondary-200: 254,194,166;
+--color-secondary-300: 252,142,91;
+--color-secondary-400: 251,91,15;
+--color-secondary-500: 187,62,3;
+--color-secondary-600: 147,49,2;
+--color-secondary-700: 107,35,2;
+--color-secondary-800: 67,22,1;
+--color-secondary-900: 26,9,0;
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/schemes/avocado.css b/themes/blowfish/assets/css/schemes/avocado.css
new file mode 100644
index 0000000..911e895
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/avocado.css
@@ -0,0 +1,37 @@
+/* Avocado scheme */
+:root {
+ --color-neutral: 255, 255, 255;
+ /* Stone */
+ --color-neutral-50: 250, 250, 249;
+ --color-neutral-100: 245, 245, 244;
+ --color-neutral-200: 231, 229, 228;
+ --color-neutral-300: 214, 211, 209;
+ --color-neutral-400: 168, 162, 158;
+ --color-neutral-500: 120, 113, 108;
+ --color-neutral-600: 87, 83, 78;
+ --color-neutral-700: 68, 64, 60;
+ --color-neutral-800: 41, 37, 36;
+ --color-neutral-900: 28, 25, 23;
+ /* Lime */
+ --color-primary-50: 247, 254, 231;
+ --color-primary-100: 236, 252, 203;
+ --color-primary-200: 217, 249, 157;
+ --color-primary-300: 190, 242, 100;
+ --color-primary-400: 163, 230, 53;
+ --color-primary-500: 132, 204, 22;
+ --color-primary-600: 101, 163, 13;
+ --color-primary-700: 77, 124, 15;
+ --color-primary-800: 63, 98, 18;
+ --color-primary-900: 54, 83, 20;
+ /* Emerald */
+ --color-secondary-50: 236, 253, 245;
+ --color-secondary-100: 209, 250, 229;
+ --color-secondary-200: 167, 243, 208;
+ --color-secondary-300: 110, 231, 183;
+ --color-secondary-400: 52, 211, 153;
+ --color-secondary-500: 16, 185, 129;
+ --color-secondary-600: 5, 150, 105;
+ --color-secondary-700: 4, 120, 87;
+ --color-secondary-800: 6, 95, 70;
+ --color-secondary-900: 6, 78, 59;
+}
diff --git a/themes/blowfish/assets/css/schemes/bloody.css b/themes/blowfish/assets/css/schemes/bloody.css
new file mode 100644
index 0000000..5d0de8a
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/bloody.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50: 255,255,255;
+--color-neutral-100: 254,197,207;
+--color-neutral-200: 253,121,144;
+--color-neutral-300: 251,46,82;
+--color-neutral-400: 217,4,41;
+--color-neutral-500: 177,3,33;
+--color-neutral-600: 137,3,26;
+--color-neutral-700: 97,2,18;
+--color-neutral-800: 57,1,11;
+--color-neutral-900: 17,0,3;
+--color-primary-50: 255,255,255;
+--color-primary-100: 255,255,255;
+--color-primary-200: 230,233,238;
+--color-primary-300: 186,193,206;
+--color-primary-400: 141,153,174;
+--color-primary-500: 117,132,157;
+--color-primary-600: 97,111,136;
+--color-primary-700: 80,92,113;
+--color-primary-800: 63,72,89;
+--color-primary-900: 46,53,65;
+--color-secondary-50: 255,255,255;
+--color-secondary-100: 217,230,238;
+--color-secondary-200: 164,195,215;
+--color-secondary-300: 111,160,192;
+--color-secondary-400: 69,123,157;
+--color-secondary-500: 57,101,129;
+--color-secondary-600: 44,79,100;
+--color-secondary-700: 32,56,72;
+--color-secondary-800: 19,34,44;
+--color-secondary-900: 7,12,15;
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/schemes/blowfish.css b/themes/blowfish/assets/css/schemes/blowfish.css
new file mode 100644
index 0000000..e5dc5aa
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/blowfish.css
@@ -0,0 +1,37 @@
+/* Blowfish scheme */
+:root {
+ --color-neutral: 255, 255, 255;
+ /* Gray */
+ --color-neutral-50: 248, 250, 252;
+ --color-neutral-100: 241, 245, 249;
+ --color-neutral-200: 226, 232, 240;
+ --color-neutral-300: 203, 213, 225;
+ --color-neutral-400: 148, 163, 184;
+ --color-neutral-500: 100, 116, 139;
+ --color-neutral-600: 71, 85, 105;
+ --color-neutral-700: 51, 65, 85;
+ --color-neutral-800: 30, 41, 59;
+ --color-neutral-900: 15, 23, 42;
+ /* Blue */
+ --color-primary-50: 239, 246, 255;
+ --color-primary-100: 219, 234, 254;
+ --color-primary-200: 191, 219, 254;
+ --color-primary-300: 147, 197, 253;
+ --color-primary-400: 96, 165, 250;
+ --color-primary-500: 59, 130, 246;
+ --color-primary-600: 37, 99, 235;
+ --color-primary-700: 29, 78, 216;
+ --color-primary-800: 30, 64, 175;
+ --color-primary-900: 30, 58, 138;
+ /* Cyan */
+ --color-secondary-50: 236, 254, 255;
+ --color-secondary-100: 207, 250, 254;
+ --color-secondary-200: 165, 243, 252;
+ --color-secondary-300: 103, 232, 249;
+ --color-secondary-400: 34, 211, 238;
+ --color-secondary-500: 6, 182, 212;
+ --color-secondary-600: 8, 145, 178;
+ --color-secondary-700: 14, 116, 144;
+ --color-secondary-800: 21, 94, 117;
+ --color-secondary-900: 22, 78, 99;
+}
diff --git a/themes/blowfish/assets/css/schemes/congo.css b/themes/blowfish/assets/css/schemes/congo.css
new file mode 100644
index 0000000..c98055e
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/congo.css
@@ -0,0 +1,37 @@
+/* Blowfish scheme */
+:root {
+ --color-neutral: 255, 255, 255;
+ /* Gray */
+ --color-neutral-50: 250, 250, 250;
+ --color-neutral-100: 244, 244, 245;
+ --color-neutral-200: 228, 228, 231;
+ --color-neutral-300: 212, 212, 216;
+ --color-neutral-400: 161, 161, 170;
+ --color-neutral-500: 113, 113, 122;
+ --color-neutral-600: 82, 82, 91;
+ --color-neutral-700: 63, 63, 70;
+ --color-neutral-800: 39, 39, 42;
+ --color-neutral-900: 24, 24, 27;
+ /* Violet */
+ --color-primary-50: 245, 243, 255;
+ --color-primary-100: 237, 233, 254;
+ --color-primary-200: 221, 214, 254;
+ --color-primary-300: 196, 181, 253;
+ --color-primary-400: 167, 139, 250;
+ --color-primary-500: 139, 92, 246;
+ --color-primary-600: 124, 58, 237;
+ --color-primary-700: 109, 40, 217;
+ --color-primary-800: 91, 33, 182;
+ --color-primary-900: 76, 29, 149;
+ /* Fuchsia */
+ --color-secondary-50: 253, 244, 255;
+ --color-secondary-100: 250, 232, 255;
+ --color-secondary-200: 245, 208, 254;
+ --color-secondary-300: 240, 171, 252;
+ --color-secondary-400: 232, 121, 249;
+ --color-secondary-500: 217, 70, 239;
+ --color-secondary-600: 192, 38, 211;
+ --color-secondary-700: 162, 28, 175;
+ --color-secondary-800: 134, 25, 143;
+ --color-secondary-900: 112, 26, 117;
+}
diff --git a/themes/blowfish/assets/css/schemes/fire.css b/themes/blowfish/assets/css/schemes/fire.css
new file mode 100644
index 0000000..ed69d5c
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/fire.css
@@ -0,0 +1,37 @@
+/* Fire scheme */
+:root {
+ --color-neutral: 255, 255, 255;
+ /* Stone */
+ --color-neutral-50: 250, 250, 249;
+ --color-neutral-100: 245, 245, 244;
+ --color-neutral-200: 231, 229, 228;
+ --color-neutral-300: 214, 211, 209;
+ --color-neutral-400: 168, 162, 158;
+ --color-neutral-500: 120, 113, 108;
+ --color-neutral-600: 87, 83, 78;
+ --color-neutral-700: 68, 64, 60;
+ --color-neutral-800: 41, 37, 36;
+ --color-neutral-900: 28, 25, 23;
+ /* Orange */
+ --color-primary-50: 255, 247, 237;
+ --color-primary-100: 255, 237, 213;
+ --color-primary-200: 254, 215, 170;
+ --color-primary-300: 253, 186, 116;
+ --color-primary-400: 251, 146, 60;
+ --color-primary-500: 249, 115, 22;
+ --color-primary-600: 234, 88, 12;
+ --color-primary-700: 194, 65, 12;
+ --color-primary-800: 154, 52, 18;
+ --color-primary-900: 124, 45, 18;
+ /* Rose */
+ --color-secondary-50: 255, 241, 242;
+ --color-secondary-100: 255, 228, 230;
+ --color-secondary-200: 254, 205, 211;
+ --color-secondary-300: 253, 164, 175;
+ --color-secondary-400: 251, 113, 133;
+ --color-secondary-500: 244, 63, 94;
+ --color-secondary-600: 225, 29, 72;
+ --color-secondary-700: 190, 18, 60;
+ --color-secondary-800: 159, 18, 57;
+ --color-secondary-900: 136, 19, 55;
+}
diff --git a/themes/blowfish/assets/css/schemes/forest.css b/themes/blowfish/assets/css/schemes/forest.css
new file mode 100644
index 0000000..784895f
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/forest.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50: 255,255,255;
+--color-neutral-100: 232,238,237;
+--color-neutral-200: 188,206,203;
+--color-neutral-300: 143,174,170;
+--color-neutral-400: 101,140,134;
+--color-neutral-500: 84,116,111;
+--color-neutral-600: 67,93,89;
+--color-neutral-700: 50,69,66;
+--color-neutral-800: 33,45,43;
+--color-neutral-900: 16,21,21;
+--color-primary-50: 255,255,255;
+--color-primary-100: 255,255,255;
+--color-primary-200: 205,252,247;
+--color-primary-300: 132,249,235;
+--color-primary-400: 59,245,223;
+--color-primary-500: 20,243,217;
+--color-primary-600: 11,212,188;
+--color-primary-700: 9,173,153;
+--color-primary-800: 7,134,119;
+--color-primary-900: 5,95,84;
+--color-secondary-50: 255,255,255;
+--color-secondary-100: 194,253,219;
+--color-secondary-200: 120,251,175;
+--color-secondary-300: 45,249,130;
+--color-secondary-400: 6,212,92;
+--color-secondary-500: 5,172,75;
+--color-secondary-600: 4,133,58;
+--color-secondary-700: 3,93,40;
+--color-secondary-800: 2,53,23;
+--color-secondary-900: 0,14,6;
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/schemes/marvel.css b/themes/blowfish/assets/css/schemes/marvel.css
new file mode 100644
index 0000000..b6ec5a8
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/marvel.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50: 255,255,255;
+--color-neutral-100: 255,255,255;
+--color-neutral-200: 201,209,244;
+--color-neutral-300: 137,156,231;
+--color-neutral-400: 74,103,217;
+--color-neutral-500: 37,65,178;
+--color-neutral-600: 30,53,144;
+--color-neutral-700: 23,40,110;
+--color-neutral-800: 16,28,77;
+--color-neutral-900: 9,16,43;
+--color-primary-50: 255,255,255;
+--color-primary-100: 255,255,255;
+--color-primary-200: 252,211,226;
+--color-primary-300: 246,140,178;
+--color-primary-400: 240,69,131;
+--color-primary-500: 216,17,89;
+--color-primary-600: 178,14,73;
+--color-primary-700: 140,11,58;
+--color-primary-800: 103,8,42;
+--color-primary-900: 65,5,27;
+--color-secondary-50: 255,255,255;
+--color-secondary-100: 255,255,255;
+--color-secondary-200: 255,255,255;
+--color-secondary-300: 255,242,219;
+--color-secondary-400: 255,215,143;
+--color-secondary-500: 255,188,66;
+--color-secondary-600: 255,174,25;
+--color-secondary-700: 239,155,0;
+--color-secondary-800: 199,128,0;
+--color-secondary-900: 158,102,0;
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/schemes/neon.css b/themes/blowfish/assets/css/schemes/neon.css
new file mode 100644
index 0000000..c04284d
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/neon.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50: 255,255,255;
+--color-neutral-100: 255,255,255;
+--color-neutral-200: 218,196,249;
+--color-neutral-300: 175,126,243;
+--color-neutral-400: 131,56,236;
+--color-neutral-500: 108,22,229;
+--color-neutral-600: 91,18,192;
+--color-neutral-700: 73,15,155;
+--color-neutral-800: 56,11,118;
+--color-neutral-900: 38,8,80;
+--color-primary-50: 255,255,255;
+--color-primary-100: 255,230,241;
+--color-primary-200: 255,153,197;
+--color-primary-300: 255,77,154;
+--color-primary-400: 255,0,110;
+--color-primary-500: 214,0,92;
+--color-primary-600: 173,0,75;
+--color-primary-700: 133,0,57;
+--color-primary-800: 92,0,40;
+--color-primary-900: 51,0,22;
+--color-secondary-50: 255,255,255;
+--color-secondary-100: 255,255,255;
+--color-secondary-200: 211,228,255;
+--color-secondary-300: 135,181,255;
+--color-secondary-400: 58,134,255;
+--color-secondary-500: 17,109,255;
+--color-secondary-600: 0,89,231;
+--color-secondary-700: 0,74,191;
+--color-secondary-800: 0,58,150;
+--color-secondary-900: 0,42,109;
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/schemes/noir.css b/themes/blowfish/assets/css/schemes/noir.css
new file mode 100644
index 0000000..3ce7ac0
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/noir.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50: 255,255,255;
+--color-neutral-100: 255,255,255;
+--color-neutral-200: 214,219,222;
+--color-neutral-300: 172,183,188;
+--color-neutral-400: 129,146,154;
+--color-neutral-500: 92,107,115;
+--color-neutral-600: 74,86,92;
+--color-neutral-700: 56,65,70;
+--color-neutral-800: 38,44,47;
+--color-neutral-900: 19,23,24;
+--color-primary-50: 255,255,255;
+--color-primary-100: 255,255,255;
+--color-primary-200: 255,255,255;
+--color-primary-300: 250,251,252;
+--color-primary-400: 204,216,222;
+--color-primary-500: 157,180,192;
+--color-primary-600: 132,161,176;
+--color-primary-700: 107,142,160;
+--color-primary-800: 89,121,138;
+--color-primary-900: 73,99,113;
+--color-secondary-50: 255,255,255;
+--color-secondary-100: 255,255,255;
+--color-secondary-200: 182,240,255;
+--color-secondary-300: 105,225,255;
+--color-secondary-400: 28,209,255;
+--color-secondary-500: 0,165,207;
+--color-secondary-600: 0,132,166;
+--color-secondary-700: 0,100,125;
+--color-secondary-800: 0,67,85;
+--color-secondary-900: 0,35,44;
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/schemes/ocean.css b/themes/blowfish/assets/css/schemes/ocean.css
new file mode 100644
index 0000000..cc6d2d6
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/ocean.css
@@ -0,0 +1,37 @@
+/* Ocean scheme */
+:root {
+ --color-neutral: 255, 255, 255;
+ /* Gray */
+ --color-neutral-50: 248, 250, 252;
+ --color-neutral-100: 241, 245, 249;
+ --color-neutral-200: 226, 232, 240;
+ --color-neutral-300: 203, 213, 225;
+ --color-neutral-400: 148, 163, 184;
+ --color-neutral-500: 100, 116, 139;
+ --color-neutral-600: 71, 85, 105;
+ --color-neutral-700: 51, 65, 85;
+ --color-neutral-800: 30, 41, 59;
+ --color-neutral-900: 15, 23, 42;
+ /* Blue */
+ --color-primary-50: 239, 246, 255;
+ --color-primary-100: 219, 234, 254;
+ --color-primary-200: 191, 219, 254;
+ --color-primary-300: 147, 197, 253;
+ --color-primary-400: 96, 165, 250;
+ --color-primary-500: 59, 130, 246;
+ --color-primary-600: 37, 99, 235;
+ --color-primary-700: 29, 78, 216;
+ --color-primary-800: 30, 64, 175;
+ --color-primary-900: 30, 58, 138;
+ /* Cyan */
+ --color-secondary-50: 236, 254, 255;
+ --color-secondary-100: 207, 250, 254;
+ --color-secondary-200: 165, 243, 252;
+ --color-secondary-300: 103, 232, 249;
+ --color-secondary-400: 34, 211, 238;
+ --color-secondary-500: 6, 182, 212;
+ --color-secondary-600: 8, 145, 178;
+ --color-secondary-700: 14, 116, 144;
+ --color-secondary-800: 21, 94, 117;
+ --color-secondary-900: 22, 78, 99;
+}
diff --git a/themes/blowfish/assets/css/schemes/princess.css b/themes/blowfish/assets/css/schemes/princess.css
new file mode 100644
index 0000000..ebe38b4
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/princess.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50: 255,255,255;
+--color-neutral-100: 238,232,238;
+--color-neutral-200: 206,188,206;
+--color-neutral-300: 174,143,174;
+--color-neutral-400: 140,101,140;
+--color-neutral-500: 116,84,116;
+--color-neutral-600: 93,67,93;
+--color-neutral-700: 69,50,69;
+--color-neutral-800: 45,33,45;
+--color-neutral-900: 21,16,21;
+--color-primary-50: 255,255,255;
+--color-primary-100: 255,255,255;
+--color-primary-200: 252,205,252;
+--color-primary-300: 249,132,247;
+--color-primary-400: 245,59,242;
+--color-primary-500: 243,20,239;
+--color-primary-600: 212,11,208;
+--color-primary-700: 173,9,170;
+--color-primary-800: 134,7,132;
+--color-primary-900: 95,5,94;
+--color-secondary-50: 255,255,255;
+--color-secondary-100: 227,194,253;
+--color-secondary-200: 192,120,251;
+--color-secondary-300: 157,45,249;
+--color-secondary-400: 119,6,212;
+--color-secondary-500: 97,5,172;
+--color-secondary-600: 74,4,133;
+--color-secondary-700: 52,3,93;
+--color-secondary-800: 30,2,53;
+--color-secondary-900: 8,0,14;
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/css/schemes/slate.css b/themes/blowfish/assets/css/schemes/slate.css
new file mode 100644
index 0000000..54831e8
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/slate.css
@@ -0,0 +1,37 @@
+/* Slate scheme */
+:root {
+ --color-neutral: 255, 255, 255;
+ /* Gray */
+ --color-neutral-50: 249, 250, 251;
+ --color-neutral-100: 243, 244, 246;
+ --color-neutral-200: 229, 231, 235;
+ --color-neutral-300: 209, 213, 219;
+ --color-neutral-400: 156, 163, 175;
+ --color-neutral-500: 107, 114, 128;
+ --color-neutral-600: 75, 85, 99;
+ --color-neutral-700: 55, 65, 81;
+ --color-neutral-800: 31, 41, 55;
+ --color-neutral-900: 17, 24, 39;
+ /* Slate */
+ --color-primary-50: 248, 250, 252;
+ --color-primary-100: 241, 245, 249;
+ --color-primary-200: 226, 232, 240;
+ --color-primary-300: 203, 213, 225;
+ --color-primary-400: 148, 163, 184;
+ --color-primary-500: 100, 116, 139;
+ --color-primary-600: 71, 85, 105;
+ --color-primary-700: 51, 65, 85;
+ --color-primary-800: 30, 41, 59;
+ --color-primary-900: 15, 23, 42;
+ /* Gray */
+ --color-secondary-50: 249, 250, 251;
+ --color-secondary-100: 243, 244, 246;
+ --color-secondary-200: 229, 231, 235;
+ --color-secondary-300: 209, 213, 219;
+ --color-secondary-400: 156, 163, 175;
+ --color-secondary-500: 107, 114, 128;
+ --color-secondary-600: 75, 85, 99;
+ --color-secondary-700: 55, 65, 81;
+ --color-secondary-800: 31, 41, 55;
+ --color-secondary-900: 17, 24, 39;
+}
diff --git a/themes/blowfish/assets/css/schemes/terminal.css b/themes/blowfish/assets/css/schemes/terminal.css
new file mode 100644
index 0000000..b96872d
--- /dev/null
+++ b/themes/blowfish/assets/css/schemes/terminal.css
@@ -0,0 +1,32 @@
+:root { --color-neutral: 255, 255, 255;
+--color-neutral-50: 203,255,227;
+--color-neutral-100: 126,255,186;
+--color-neutral-200: 49,255,145;
+--color-neutral-300: 0,228,106;
+--color-neutral-400: 0,152,71;
+--color-neutral-500: 0,75,35;
+--color-neutral-600: 0,50,23;
+--color-neutral-700: 0,24,11;
+--color-neutral-800: 0,24,11;
+--color-neutral-900: 0,0,0;
+--color-primary-50: 255,255,255;
+--color-primary-100: 236,255,227;
+--color-primary-200: 184,255,150;
+--color-primary-300: 132,255,74;
+--color-primary-400: 80,252,0;
+--color-primary-500: 56,176,0;
+--color-primary-600: 48,151,0;
+--color-primary-700: 40,125,0;
+--color-primary-800: 40,125,0;
+--color-primary-900: 7,23,0;
+--color-secondary-50: 255,255,255;
+--color-secondary-100: 239,248,252;
+--color-secondary-200: 173,220,242;
+--color-secondary-300: 107,192,231;
+--color-secondary-400: 41,164,220;
+--color-secondary-500: 26,117,159;
+--color-secondary-600: 22,101,137;
+--color-secondary-700: 19,85,115;
+--color-secondary-800: 19,85,115;
+--color-secondary-900: 4,20,28;
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/amazon.svg b/themes/blowfish/assets/icons/amazon.svg
new file mode 100644
index 0000000..32047db
--- /dev/null
+++ b/themes/blowfish/assets/icons/amazon.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/apple.svg b/themes/blowfish/assets/icons/apple.svg
new file mode 100644
index 0000000..d1c2233
--- /dev/null
+++ b/themes/blowfish/assets/icons/apple.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/bars.svg b/themes/blowfish/assets/icons/bars.svg
new file mode 100644
index 0000000..6e5941d
--- /dev/null
+++ b/themes/blowfish/assets/icons/bars.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/bell.svg b/themes/blowfish/assets/icons/bell.svg
new file mode 100644
index 0000000..ea35572
--- /dev/null
+++ b/themes/blowfish/assets/icons/bell.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/blogger.svg b/themes/blowfish/assets/icons/blogger.svg
new file mode 100644
index 0000000..194dd9b
--- /dev/null
+++ b/themes/blowfish/assets/icons/blogger.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/bluesky.svg b/themes/blowfish/assets/icons/bluesky.svg
new file mode 100644
index 0000000..ea7143d
--- /dev/null
+++ b/themes/blowfish/assets/icons/bluesky.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/bomb.svg b/themes/blowfish/assets/icons/bomb.svg
new file mode 100644
index 0000000..2ac7dbb
--- /dev/null
+++ b/themes/blowfish/assets/icons/bomb.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/bug.svg b/themes/blowfish/assets/icons/bug.svg
new file mode 100644
index 0000000..97cae6e
--- /dev/null
+++ b/themes/blowfish/assets/icons/bug.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/check.svg b/themes/blowfish/assets/icons/check.svg
new file mode 100644
index 0000000..a6938bd
--- /dev/null
+++ b/themes/blowfish/assets/icons/check.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/chevron-down.svg b/themes/blowfish/assets/icons/chevron-down.svg
new file mode 100644
index 0000000..9368d7f
--- /dev/null
+++ b/themes/blowfish/assets/icons/chevron-down.svg
@@ -0,0 +1,12 @@
+
diff --git a/themes/blowfish/assets/icons/circle-info.svg b/themes/blowfish/assets/icons/circle-info.svg
new file mode 100644
index 0000000..bd32225
--- /dev/null
+++ b/themes/blowfish/assets/icons/circle-info.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/code.svg b/themes/blowfish/assets/icons/code.svg
new file mode 100644
index 0000000..f9ee250
--- /dev/null
+++ b/themes/blowfish/assets/icons/code.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/codeberg.svg b/themes/blowfish/assets/icons/codeberg.svg
new file mode 100644
index 0000000..e2516ec
--- /dev/null
+++ b/themes/blowfish/assets/icons/codeberg.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/themes/blowfish/assets/icons/codepen.svg b/themes/blowfish/assets/icons/codepen.svg
new file mode 100644
index 0000000..52ec58a
--- /dev/null
+++ b/themes/blowfish/assets/icons/codepen.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/comment.svg b/themes/blowfish/assets/icons/comment.svg
new file mode 100644
index 0000000..2305041
--- /dev/null
+++ b/themes/blowfish/assets/icons/comment.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/dev.svg b/themes/blowfish/assets/icons/dev.svg
new file mode 100644
index 0000000..7311e84
--- /dev/null
+++ b/themes/blowfish/assets/icons/dev.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/discord.svg b/themes/blowfish/assets/icons/discord.svg
new file mode 100644
index 0000000..75f1fc7
--- /dev/null
+++ b/themes/blowfish/assets/icons/discord.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/discourse.svg b/themes/blowfish/assets/icons/discourse.svg
new file mode 100644
index 0000000..d217008
--- /dev/null
+++ b/themes/blowfish/assets/icons/discourse.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/docker.svg b/themes/blowfish/assets/icons/docker.svg
new file mode 100644
index 0000000..9a82fb0
--- /dev/null
+++ b/themes/blowfish/assets/icons/docker.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/download.svg b/themes/blowfish/assets/icons/download.svg
new file mode 100644
index 0000000..f1d5796
--- /dev/null
+++ b/themes/blowfish/assets/icons/download.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/dribbble.svg b/themes/blowfish/assets/icons/dribbble.svg
new file mode 100644
index 0000000..c2613fe
--- /dev/null
+++ b/themes/blowfish/assets/icons/dribbble.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/edit.svg b/themes/blowfish/assets/icons/edit.svg
new file mode 100644
index 0000000..50be4d2
--- /dev/null
+++ b/themes/blowfish/assets/icons/edit.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/email.svg b/themes/blowfish/assets/icons/email.svg
new file mode 100644
index 0000000..fa215c6
--- /dev/null
+++ b/themes/blowfish/assets/icons/email.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/envelope.svg b/themes/blowfish/assets/icons/envelope.svg
new file mode 100644
index 0000000..9285f23
--- /dev/null
+++ b/themes/blowfish/assets/icons/envelope.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/expand.svg b/themes/blowfish/assets/icons/expand.svg
new file mode 100644
index 0000000..c307f42
--- /dev/null
+++ b/themes/blowfish/assets/icons/expand.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/eye.svg b/themes/blowfish/assets/icons/eye.svg
new file mode 100644
index 0000000..c54e996
--- /dev/null
+++ b/themes/blowfish/assets/icons/eye.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/facebook.svg b/themes/blowfish/assets/icons/facebook.svg
new file mode 100644
index 0000000..1535831
--- /dev/null
+++ b/themes/blowfish/assets/icons/facebook.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/fire.svg b/themes/blowfish/assets/icons/fire.svg
new file mode 100644
index 0000000..a4d8f4f
--- /dev/null
+++ b/themes/blowfish/assets/icons/fire.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/flickr.svg b/themes/blowfish/assets/icons/flickr.svg
new file mode 100644
index 0000000..fcd57c4
--- /dev/null
+++ b/themes/blowfish/assets/icons/flickr.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/forgejo.svg b/themes/blowfish/assets/icons/forgejo.svg
new file mode 100644
index 0000000..495ac8b
--- /dev/null
+++ b/themes/blowfish/assets/icons/forgejo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/fork.svg b/themes/blowfish/assets/icons/fork.svg
new file mode 100644
index 0000000..38b9e05
--- /dev/null
+++ b/themes/blowfish/assets/icons/fork.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/foursquare.svg b/themes/blowfish/assets/icons/foursquare.svg
new file mode 100644
index 0000000..74c28e6
--- /dev/null
+++ b/themes/blowfish/assets/icons/foursquare.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/ghost.svg b/themes/blowfish/assets/icons/ghost.svg
new file mode 100644
index 0000000..1c1b841
--- /dev/null
+++ b/themes/blowfish/assets/icons/ghost.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/gitea.svg b/themes/blowfish/assets/icons/gitea.svg
new file mode 100644
index 0000000..7985d93
--- /dev/null
+++ b/themes/blowfish/assets/icons/gitea.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/github.svg b/themes/blowfish/assets/icons/github.svg
new file mode 100644
index 0000000..ed8c470
--- /dev/null
+++ b/themes/blowfish/assets/icons/github.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/gitlab.svg b/themes/blowfish/assets/icons/gitlab.svg
new file mode 100644
index 0000000..998e306
--- /dev/null
+++ b/themes/blowfish/assets/icons/gitlab.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/globe.svg b/themes/blowfish/assets/icons/globe.svg
new file mode 100644
index 0000000..1b4af7a
--- /dev/null
+++ b/themes/blowfish/assets/icons/globe.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/goodreads.svg b/themes/blowfish/assets/icons/goodreads.svg
new file mode 100644
index 0000000..0960d13
--- /dev/null
+++ b/themes/blowfish/assets/icons/goodreads.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/google.svg b/themes/blowfish/assets/icons/google.svg
new file mode 100644
index 0000000..7e10132
--- /dev/null
+++ b/themes/blowfish/assets/icons/google.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/graduation-cap.svg b/themes/blowfish/assets/icons/graduation-cap.svg
new file mode 100644
index 0000000..4c50bd0
--- /dev/null
+++ b/themes/blowfish/assets/icons/graduation-cap.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/hackernews.svg b/themes/blowfish/assets/icons/hackernews.svg
new file mode 100644
index 0000000..67a1e74
--- /dev/null
+++ b/themes/blowfish/assets/icons/hackernews.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/hashnode.svg b/themes/blowfish/assets/icons/hashnode.svg
new file mode 100644
index 0000000..6ebe2db
--- /dev/null
+++ b/themes/blowfish/assets/icons/hashnode.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/heart-empty.svg b/themes/blowfish/assets/icons/heart-empty.svg
new file mode 100644
index 0000000..b9476ef
--- /dev/null
+++ b/themes/blowfish/assets/icons/heart-empty.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/heart.svg b/themes/blowfish/assets/icons/heart.svg
new file mode 100644
index 0000000..ed7e8c8
--- /dev/null
+++ b/themes/blowfish/assets/icons/heart.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/image.svg b/themes/blowfish/assets/icons/image.svg
new file mode 100644
index 0000000..507f65e
--- /dev/null
+++ b/themes/blowfish/assets/icons/image.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/instagram.svg b/themes/blowfish/assets/icons/instagram.svg
new file mode 100644
index 0000000..3cd3d33
--- /dev/null
+++ b/themes/blowfish/assets/icons/instagram.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/itch-io.svg b/themes/blowfish/assets/icons/itch-io.svg
new file mode 100644
index 0000000..d1ca9a5
--- /dev/null
+++ b/themes/blowfish/assets/icons/itch-io.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/keybase.svg b/themes/blowfish/assets/icons/keybase.svg
new file mode 100644
index 0000000..998110e
--- /dev/null
+++ b/themes/blowfish/assets/icons/keybase.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/kickstarter.svg b/themes/blowfish/assets/icons/kickstarter.svg
new file mode 100644
index 0000000..4496981
--- /dev/null
+++ b/themes/blowfish/assets/icons/kickstarter.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/ko-fi.svg b/themes/blowfish/assets/icons/ko-fi.svg
new file mode 100644
index 0000000..c91ce51
--- /dev/null
+++ b/themes/blowfish/assets/icons/ko-fi.svg
@@ -0,0 +1,21 @@
+
+
+
diff --git a/themes/blowfish/assets/icons/language.svg b/themes/blowfish/assets/icons/language.svg
new file mode 100644
index 0000000..03bddd6
--- /dev/null
+++ b/themes/blowfish/assets/icons/language.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/lastfm.svg b/themes/blowfish/assets/icons/lastfm.svg
new file mode 100644
index 0000000..2b53341
--- /dev/null
+++ b/themes/blowfish/assets/icons/lastfm.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/lightbulb.svg b/themes/blowfish/assets/icons/lightbulb.svg
new file mode 100644
index 0000000..5ffc710
--- /dev/null
+++ b/themes/blowfish/assets/icons/lightbulb.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/link.svg b/themes/blowfish/assets/icons/link.svg
new file mode 100644
index 0000000..eb283c2
--- /dev/null
+++ b/themes/blowfish/assets/icons/link.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/linkedin.svg b/themes/blowfish/assets/icons/linkedin.svg
new file mode 100644
index 0000000..4e3948b
--- /dev/null
+++ b/themes/blowfish/assets/icons/linkedin.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/list.svg b/themes/blowfish/assets/icons/list.svg
new file mode 100644
index 0000000..f7a7df4
--- /dev/null
+++ b/themes/blowfish/assets/icons/list.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/location-dot.svg b/themes/blowfish/assets/icons/location-dot.svg
new file mode 100644
index 0000000..764a4b9
--- /dev/null
+++ b/themes/blowfish/assets/icons/location-dot.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/lock.svg b/themes/blowfish/assets/icons/lock.svg
new file mode 100644
index 0000000..e0f2ee9
--- /dev/null
+++ b/themes/blowfish/assets/icons/lock.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/mastodon.svg b/themes/blowfish/assets/icons/mastodon.svg
new file mode 100644
index 0000000..2c9db56
--- /dev/null
+++ b/themes/blowfish/assets/icons/mastodon.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/medium.svg b/themes/blowfish/assets/icons/medium.svg
new file mode 100644
index 0000000..07d095d
--- /dev/null
+++ b/themes/blowfish/assets/icons/medium.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/microsoft.svg b/themes/blowfish/assets/icons/microsoft.svg
new file mode 100644
index 0000000..1bdb0c2
--- /dev/null
+++ b/themes/blowfish/assets/icons/microsoft.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/moon.svg b/themes/blowfish/assets/icons/moon.svg
new file mode 100644
index 0000000..8356307
--- /dev/null
+++ b/themes/blowfish/assets/icons/moon.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/mug-hot.svg b/themes/blowfish/assets/icons/mug-hot.svg
new file mode 100644
index 0000000..30a69cc
--- /dev/null
+++ b/themes/blowfish/assets/icons/mug-hot.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/music.svg b/themes/blowfish/assets/icons/music.svg
new file mode 100644
index 0000000..cdf3124
--- /dev/null
+++ b/themes/blowfish/assets/icons/music.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/orcid.svg b/themes/blowfish/assets/icons/orcid.svg
new file mode 100644
index 0000000..b7f1b25
--- /dev/null
+++ b/themes/blowfish/assets/icons/orcid.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/patreon.svg b/themes/blowfish/assets/icons/patreon.svg
new file mode 100644
index 0000000..bd2e994
--- /dev/null
+++ b/themes/blowfish/assets/icons/patreon.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/paypal.svg b/themes/blowfish/assets/icons/paypal.svg
new file mode 100644
index 0000000..889ed3b
--- /dev/null
+++ b/themes/blowfish/assets/icons/paypal.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/pencil.svg b/themes/blowfish/assets/icons/pencil.svg
new file mode 100644
index 0000000..29bd525
--- /dev/null
+++ b/themes/blowfish/assets/icons/pencil.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/pgpkey.svg b/themes/blowfish/assets/icons/pgpkey.svg
new file mode 100644
index 0000000..4adaeb4
--- /dev/null
+++ b/themes/blowfish/assets/icons/pgpkey.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/phone.svg b/themes/blowfish/assets/icons/phone.svg
new file mode 100644
index 0000000..fb8ebdd
--- /dev/null
+++ b/themes/blowfish/assets/icons/phone.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/pinterest.svg b/themes/blowfish/assets/icons/pinterest.svg
new file mode 100644
index 0000000..386481c
--- /dev/null
+++ b/themes/blowfish/assets/icons/pinterest.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/poo.svg b/themes/blowfish/assets/icons/poo.svg
new file mode 100644
index 0000000..5489fb4
--- /dev/null
+++ b/themes/blowfish/assets/icons/poo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/reddit.svg b/themes/blowfish/assets/icons/reddit.svg
new file mode 100644
index 0000000..bb55eb5
--- /dev/null
+++ b/themes/blowfish/assets/icons/reddit.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/researchgate.svg b/themes/blowfish/assets/icons/researchgate.svg
new file mode 100644
index 0000000..ad176db
--- /dev/null
+++ b/themes/blowfish/assets/icons/researchgate.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/rss-square.svg b/themes/blowfish/assets/icons/rss-square.svg
new file mode 100644
index 0000000..d074561
--- /dev/null
+++ b/themes/blowfish/assets/icons/rss-square.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/rss.svg b/themes/blowfish/assets/icons/rss.svg
new file mode 100644
index 0000000..a4f1848
--- /dev/null
+++ b/themes/blowfish/assets/icons/rss.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/scale-balanced.svg b/themes/blowfish/assets/icons/scale-balanced.svg
new file mode 100644
index 0000000..67d365f
--- /dev/null
+++ b/themes/blowfish/assets/icons/scale-balanced.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/search.svg b/themes/blowfish/assets/icons/search.svg
new file mode 100644
index 0000000..15fe892
--- /dev/null
+++ b/themes/blowfish/assets/icons/search.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/shield.svg b/themes/blowfish/assets/icons/shield.svg
new file mode 100644
index 0000000..955806a
--- /dev/null
+++ b/themes/blowfish/assets/icons/shield.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/skull-crossbones.svg b/themes/blowfish/assets/icons/skull-crossbones.svg
new file mode 100644
index 0000000..4e19f6e
--- /dev/null
+++ b/themes/blowfish/assets/icons/skull-crossbones.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/slack.svg b/themes/blowfish/assets/icons/slack.svg
new file mode 100644
index 0000000..69909d8
--- /dev/null
+++ b/themes/blowfish/assets/icons/slack.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/snapchat.svg b/themes/blowfish/assets/icons/snapchat.svg
new file mode 100644
index 0000000..b6efeef
--- /dev/null
+++ b/themes/blowfish/assets/icons/snapchat.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/soundcloud.svg b/themes/blowfish/assets/icons/soundcloud.svg
new file mode 100644
index 0000000..301c3d1
--- /dev/null
+++ b/themes/blowfish/assets/icons/soundcloud.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/spotify.svg b/themes/blowfish/assets/icons/spotify.svg
new file mode 100644
index 0000000..11f71d1
--- /dev/null
+++ b/themes/blowfish/assets/icons/spotify.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/stack-overflow.svg b/themes/blowfish/assets/icons/stack-overflow.svg
new file mode 100644
index 0000000..bba4159
--- /dev/null
+++ b/themes/blowfish/assets/icons/stack-overflow.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/star.svg b/themes/blowfish/assets/icons/star.svg
new file mode 100644
index 0000000..7b974c4
--- /dev/null
+++ b/themes/blowfish/assets/icons/star.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/steam.svg b/themes/blowfish/assets/icons/steam.svg
new file mode 100644
index 0000000..6efd1fd
--- /dev/null
+++ b/themes/blowfish/assets/icons/steam.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/stripe.svg b/themes/blowfish/assets/icons/stripe.svg
new file mode 100644
index 0000000..1fc477d
--- /dev/null
+++ b/themes/blowfish/assets/icons/stripe.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/substack.svg b/themes/blowfish/assets/icons/substack.svg
new file mode 100644
index 0000000..fa0a954
--- /dev/null
+++ b/themes/blowfish/assets/icons/substack.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/sun.svg b/themes/blowfish/assets/icons/sun.svg
new file mode 100644
index 0000000..34a57ec
--- /dev/null
+++ b/themes/blowfish/assets/icons/sun.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/tag.svg b/themes/blowfish/assets/icons/tag.svg
new file mode 100644
index 0000000..c78e65b
--- /dev/null
+++ b/themes/blowfish/assets/icons/tag.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/telegram.svg b/themes/blowfish/assets/icons/telegram.svg
new file mode 100644
index 0000000..4101aef
--- /dev/null
+++ b/themes/blowfish/assets/icons/telegram.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/threads.svg b/themes/blowfish/assets/icons/threads.svg
new file mode 100644
index 0000000..668d4b8
--- /dev/null
+++ b/themes/blowfish/assets/icons/threads.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/tiktok.svg b/themes/blowfish/assets/icons/tiktok.svg
new file mode 100644
index 0000000..792a850
--- /dev/null
+++ b/themes/blowfish/assets/icons/tiktok.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/triangle-exclamation.svg b/themes/blowfish/assets/icons/triangle-exclamation.svg
new file mode 100644
index 0000000..f501ce9
--- /dev/null
+++ b/themes/blowfish/assets/icons/triangle-exclamation.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/tumblr.svg b/themes/blowfish/assets/icons/tumblr.svg
new file mode 100644
index 0000000..1457d68
--- /dev/null
+++ b/themes/blowfish/assets/icons/tumblr.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/twitch.svg b/themes/blowfish/assets/icons/twitch.svg
new file mode 100644
index 0000000..a35fa55
--- /dev/null
+++ b/themes/blowfish/assets/icons/twitch.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/twitter.svg b/themes/blowfish/assets/icons/twitter.svg
new file mode 100644
index 0000000..3ab4c1c
--- /dev/null
+++ b/themes/blowfish/assets/icons/twitter.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/wand-magic-sparkles.svg b/themes/blowfish/assets/icons/wand-magic-sparkles.svg
new file mode 100644
index 0000000..9655689
--- /dev/null
+++ b/themes/blowfish/assets/icons/wand-magic-sparkles.svg
@@ -0,0 +1,2 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/whatsapp.svg b/themes/blowfish/assets/icons/whatsapp.svg
new file mode 100644
index 0000000..c1df966
--- /dev/null
+++ b/themes/blowfish/assets/icons/whatsapp.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/x-twitter.svg b/themes/blowfish/assets/icons/x-twitter.svg
new file mode 100644
index 0000000..627453e
--- /dev/null
+++ b/themes/blowfish/assets/icons/x-twitter.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/xing.svg b/themes/blowfish/assets/icons/xing.svg
new file mode 100644
index 0000000..403a205
--- /dev/null
+++ b/themes/blowfish/assets/icons/xing.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/icons/xmark.svg b/themes/blowfish/assets/icons/xmark.svg
new file mode 100644
index 0000000..a4c5121
--- /dev/null
+++ b/themes/blowfish/assets/icons/xmark.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/icons/youtube.svg b/themes/blowfish/assets/icons/youtube.svg
new file mode 100644
index 0000000..3fa4dad
--- /dev/null
+++ b/themes/blowfish/assets/icons/youtube.svg
@@ -0,0 +1 @@
+
diff --git a/themes/blowfish/assets/img/background.svg b/themes/blowfish/assets/img/background.svg
new file mode 100644
index 0000000..a3dc3e7
--- /dev/null
+++ b/themes/blowfish/assets/img/background.svg
@@ -0,0 +1,574 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/img/blowfish_banner.png b/themes/blowfish/assets/img/blowfish_banner.png
new file mode 100644
index 0000000..d97bbf2
Binary files /dev/null and b/themes/blowfish/assets/img/blowfish_banner.png differ
diff --git a/themes/blowfish/assets/img/blowfish_banner_transparent.png b/themes/blowfish/assets/img/blowfish_banner_transparent.png
new file mode 100644
index 0000000..73079b7
Binary files /dev/null and b/themes/blowfish/assets/img/blowfish_banner_transparent.png differ
diff --git a/themes/blowfish/assets/img/blowfish_logo.png b/themes/blowfish/assets/img/blowfish_logo.png
new file mode 100644
index 0000000..26fa15d
Binary files /dev/null and b/themes/blowfish/assets/img/blowfish_logo.png differ
diff --git a/themes/blowfish/assets/img/blowfish_logo_transparent.png b/themes/blowfish/assets/img/blowfish_logo_transparent.png
new file mode 100644
index 0000000..197a309
Binary files /dev/null and b/themes/blowfish/assets/img/blowfish_logo_transparent.png differ
diff --git a/themes/blowfish/assets/img/featured.svg b/themes/blowfish/assets/img/featured.svg
new file mode 100644
index 0000000..e4db6eb
--- /dev/null
+++ b/themes/blowfish/assets/img/featured.svg
@@ -0,0 +1,10 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/img/fireflies.svg b/themes/blowfish/assets/img/fireflies.svg
new file mode 100644
index 0000000..dbe91ea
--- /dev/null
+++ b/themes/blowfish/assets/img/fireflies.svg
@@ -0,0 +1,2312 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/img/lavalamp.svg b/themes/blowfish/assets/img/lavalamp.svg
new file mode 100644
index 0000000..0a282d3
--- /dev/null
+++ b/themes/blowfish/assets/img/lavalamp.svg
@@ -0,0 +1,24 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/img/rain.svg b/themes/blowfish/assets/img/rain.svg
new file mode 100644
index 0000000..a7c0b54
--- /dev/null
+++ b/themes/blowfish/assets/img/rain.svg
@@ -0,0 +1,17 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/img/ripples.svg b/themes/blowfish/assets/img/ripples.svg
new file mode 100644
index 0000000..f3b1277
--- /dev/null
+++ b/themes/blowfish/assets/img/ripples.svg
@@ -0,0 +1,257 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/img/traffic.svg b/themes/blowfish/assets/img/traffic.svg
new file mode 100644
index 0000000..eb5069f
--- /dev/null
+++ b/themes/blowfish/assets/img/traffic.svg
@@ -0,0 +1,18 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/img/waves.svg b/themes/blowfish/assets/img/waves.svg
new file mode 100644
index 0000000..a8624b7
--- /dev/null
+++ b/themes/blowfish/assets/img/waves.svg
@@ -0,0 +1,24 @@
+
\ No newline at end of file
diff --git a/themes/blowfish/assets/js/appearance.js b/themes/blowfish/assets/js/appearance.js
new file mode 100644
index 0000000..f29e8f4
--- /dev/null
+++ b/themes/blowfish/assets/js/appearance.js
@@ -0,0 +1,111 @@
+const sitePreference = document.documentElement.getAttribute("data-default-appearance");
+const userPreference = localStorage.getItem("appearance");
+
+if ((sitePreference === "dark" && userPreference === null) || userPreference === "dark") {
+ document.documentElement.classList.add("dark");
+}
+
+if (document.documentElement.getAttribute("data-auto-appearance") === "true") {
+ if (
+ window.matchMedia &&
+ window.matchMedia("(prefers-color-scheme: dark)").matches &&
+ userPreference !== "light"
+ ) {
+ document.documentElement.classList.add("dark");
+ }
+ window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (event) => {
+ if (event.matches) {
+ document.documentElement.classList.add("dark");
+ } else {
+ document.documentElement.classList.remove("dark");
+ }
+ });
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+ const switcher = document.getElementById("appearance-switcher");
+ const switcherMobile = document.getElementById("appearance-switcher-mobile");
+
+ updateMeta();
+ this.updateLogo?.(getTargetAppearance());
+
+ if (switcher) {
+ switcher.addEventListener("click", () => {
+ document.documentElement.classList.toggle("dark");
+ var targetAppearance = getTargetAppearance();
+ localStorage.setItem(
+ "appearance",
+ targetAppearance
+ );
+ updateMeta();
+ this.updateLogo?.(targetAppearance);
+ });
+ switcher.addEventListener("contextmenu", (event) => {
+ event.preventDefault();
+ localStorage.removeItem("appearance");
+ });
+ }
+ if (switcherMobile) {
+ switcherMobile.addEventListener("click", () => {
+ document.documentElement.classList.toggle("dark");
+ var targetAppearance = getTargetAppearance();
+ localStorage.setItem(
+ "appearance",
+ targetAppearance
+ );
+ updateMeta();
+ this.updateLogo?.(targetAppearance);
+ });
+ switcherMobile.addEventListener("contextmenu", (event) => {
+ event.preventDefault();
+ localStorage.removeItem("appearance");
+ });
+ }
+});
+
+
+var updateMeta = () => {
+ var elem, style;
+ elem = document.querySelector('body');
+ style = getComputedStyle(elem);
+ document.querySelector('meta[name="theme-color"]').setAttribute('content', style.backgroundColor);
+}
+
+{{ if and (.Site.Params.Logo) (.Site.Params.SecondaryLogo) }}
+{{ $primaryLogo := resources.Get .Site.Params.Logo }}
+{{ $secondaryLogo := resources.Get .Site.Params.SecondaryLogo }}
+{{ if and ($primaryLogo) ($secondaryLogo) }}
+var updateLogo = (targetAppearance) => {
+ var imgElems = document.querySelectorAll("img.logo");
+ var logoContainers = document.querySelectorAll("span.logo");
+
+ targetLogoPath =
+ targetAppearance == "{{ .Site.Params.DefaultAppearance }}" ?
+ "{{ $primaryLogo.RelPermalink }}" : "{{ $secondaryLogo.RelPermalink }}"
+ for (const elem of imgElems) {
+ elem.setAttribute("src", targetLogoPath)
+ }
+
+ {{ if eq $primaryLogo.MediaType.SubType "svg" }}
+ targetContent =
+ targetAppearance == "{{ .Site.Params.DefaultAppearance }}" ?
+ `{{ $primaryLogo.Content | safeHTML }}` : `{{ $secondaryLogo.Content | safeHTML }}`
+ for (const container of logoContainers) {
+ container.innerHTML = targetContent;
+ }
+ {{ end }}
+}
+{{ end }}
+{{- end }}
+
+var getTargetAppearance = () => {
+ return document.documentElement.classList.contains("dark") ? "dark" : "light"
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+ const scroller = document.getElementById("top-scroller");
+ const footer = document.getElementById("site-footer");
+ if(scroller && footer && scroller.getBoundingClientRect().top > footer.getBoundingClientRect().top) {
+ scroller.hidden = true;
+ }
+});
diff --git a/themes/blowfish/assets/js/chart.js b/themes/blowfish/assets/js/chart.js
new file mode 100644
index 0000000..ccf950d
--- /dev/null
+++ b/themes/blowfish/assets/js/chart.js
@@ -0,0 +1,13 @@
+function css(name) {
+ return "rgb(" + getComputedStyle(document.documentElement).getPropertyValue(name) + ")";
+}
+
+Chart.defaults.font.size = 14;
+Chart.defaults.backgroundColor = css("--color-primary-300");
+Chart.defaults.elements.point.borderColor = css("--color-primary-400");
+Chart.defaults.elements.bar.borderColor = css("--color-primary-500");
+Chart.defaults.elements.bar.borderWidth = 1;
+Chart.defaults.elements.line.borderColor = css("--color-primary-400");
+Chart.defaults.elements.arc.backgroundColor = css("--color-primary-200");
+Chart.defaults.elements.arc.borderColor = css("--color-primary-500");
+Chart.defaults.elements.arc.borderWidth = 1;
diff --git a/themes/blowfish/assets/js/code.js b/themes/blowfish/assets/js/code.js
new file mode 100644
index 0000000..88ae18d
--- /dev/null
+++ b/themes/blowfish/assets/js/code.js
@@ -0,0 +1,66 @@
+var scriptBundle = document.getElementById("script-bundle");
+var copyText = scriptBundle && scriptBundle.getAttribute("data-copy")? scriptBundle.getAttribute("data-copy") : "Copy";
+var copiedText = scriptBundle && scriptBundle.getAttribute("data-copied")? scriptBundle.getAttribute("data-copied") : "Copied";
+
+function createCopyButton(highlightDiv) {
+ const button = document.createElement("button");
+ button.className = "copy-button";
+ button.type = "button";
+ button.ariaLabel = copyText;
+ button.innerText = copyText;
+ button.addEventListener("click", () => copyCodeToClipboard(button, highlightDiv));
+ addCopyButtonToDom(button, highlightDiv);
+}
+
+async function copyCodeToClipboard(button, highlightDiv) {
+ const codeToCopy = highlightDiv.querySelector(":last-child").innerText;
+ try {
+ result = await navigator.permissions.query({ name: "clipboard-write" });
+ if (result.state == "granted" || result.state == "prompt") {
+ await navigator.clipboard.writeText(codeToCopy);
+ } else {
+ copyCodeBlockExecCommand(codeToCopy, highlightDiv);
+ }
+ } catch (_) {
+ copyCodeBlockExecCommand(codeToCopy, highlightDiv);
+ } finally {
+ codeWasCopied(button);
+ }
+}
+
+function copyCodeBlockExecCommand(codeToCopy, highlightDiv) {
+ const textArea = document.createElement("textArea");
+ textArea.contentEditable = "true";
+ textArea.readOnly = "false";
+ textArea.className = "copy-textarea";
+ textArea.value = codeToCopy;
+ highlightDiv.insertBefore(textArea, highlightDiv.firstChild);
+ const range = document.createRange();
+ range.selectNodeContents(textArea);
+ const sel = window.getSelection();
+ sel.removeAllRanges();
+ sel.addRange(range);
+ textArea.setSelectionRange(0, 999999);
+ document.execCommand("copy");
+ highlightDiv.removeChild(textArea);
+}
+
+function codeWasCopied(button) {
+ button.blur();
+ button.innerText = copiedText;
+ setTimeout(function () {
+ button.innerText = copyText;
+ }, 2000);
+}
+
+function addCopyButtonToDom(button, highlightDiv) {
+ highlightDiv.insertBefore(button, highlightDiv.firstChild);
+ const wrapper = document.createElement("div");
+ wrapper.className = "highlight-wrapper";
+ highlightDiv.parentNode.insertBefore(wrapper, highlightDiv);
+ wrapper.appendChild(highlightDiv);
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+ document.querySelectorAll(".highlight").forEach((highlightDiv) => createCopyButton(highlightDiv));
+});
diff --git a/themes/blowfish/assets/js/mermaid.js b/themes/blowfish/assets/js/mermaid.js
new file mode 100644
index 0000000..cd41e5a
--- /dev/null
+++ b/themes/blowfish/assets/js/mermaid.js
@@ -0,0 +1,20 @@
+function css(name) {
+ return "rgb(" + getComputedStyle(document.documentElement).getPropertyValue(name) + ")";
+}
+
+mermaid.initialize({
+ theme: "base",
+ themeVariables: {
+ background: css("--color-neutral"),
+ primaryColor: css("--color-primary-200"),
+ secondaryColor: css("--color-secondary-200"),
+ tertiaryColor: css("--color-neutral-100"),
+ primaryBorderColor: css("--color-primary-400"),
+ secondaryBorderColor: css("--color-secondary-400"),
+ tertiaryBorderColor: css("--color-neutral-400"),
+ lineColor: css("--color-neutral-600"),
+ fontFamily:
+ "ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif",
+ fontSize: "16px",
+ },
+});
\ No newline at end of file
diff --git a/themes/blowfish/assets/js/mobilemenu.js b/themes/blowfish/assets/js/mobilemenu.js
new file mode 100644
index 0000000..a9d9590
--- /dev/null
+++ b/themes/blowfish/assets/js/mobilemenu.js
@@ -0,0 +1,33 @@
+var menuButton = document.getElementById("menu-button");
+var menuCloseButton = document.getElementById("menu-close-button");
+var menuWrapper = document.getElementById("menu-wrapper");
+
+var menuOpen = false;
+
+var openMenu = function (e) {
+ if (!menuOpen) {
+ menuOpen = true;
+ document.body.style.overflowY = "hidden";
+ menuButton.style.visibility = "hidden";
+ menuWrapper.style.visibility = "visible";
+ menuWrapper.style.opacity = "1";
+ window.onbeforeunload = function (event) {
+ closeMenu()
+ }
+ }
+};
+
+var closeMenu = function (e) {
+ if (menuOpen) {
+ menuOpen = false;
+ document.body.style.overflowY = "auto";
+ menuButton.style.visibility = "visible";
+ menuWrapper.style.visibility = "hidden";
+ menuWrapper.style.opacity = "0";
+ window.onbeforeunload = function (event) { }
+ e.stopPropagation();
+ }
+}
+
+menuButton.addEventListener("click", openMenu);
+menuCloseButton.addEventListener("click", closeMenu);
\ No newline at end of file
diff --git a/themes/blowfish/assets/js/page.js b/themes/blowfish/assets/js/page.js
new file mode 100644
index 0000000..e3cb979
--- /dev/null
+++ b/themes/blowfish/assets/js/page.js
@@ -0,0 +1,106 @@
+var liked_page = false
+var id = oid ? oid.replaceAll("/", "-") : oid
+var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
+
+if (typeof auth !== 'undefined') {
+
+ var viewed = localStorage.getItem(id);
+
+ if (!viewed) {
+ auth.signInAnonymously()
+ .then(() => {
+ var docRef = db.collection('views').doc(id)
+ localStorage.setItem(id, true);
+ docRef.get().then((doc) => {
+ if (doc.exists) {
+ db.collection('views').doc(id).update({
+ views: firebase.firestore.FieldValue.increment(1)
+ });
+ } else {
+ db.collection('views').doc(id).set({ views: 1 })
+ }
+ }).catch((error) => {
+ console.log("Error getting document:", error);
+ });
+ })
+ .catch((error) => {
+ var errorCode = error.code;
+ var errorMessage = error.message;
+ console.error(errorCode, errorMessage)
+ });
+ }
+
+ var liked = localStorage.getItem(id_likes);
+
+ if (liked) {
+ liked_page = true
+ document.querySelectorAll("span[id='button_likes_heart']")[0].style.display = ""
+ document.querySelectorAll("span[id='button_likes_emtpty_heart']")[0].style.display = "none"
+ document.querySelectorAll("span[id='button_likes_text']")[0].innerText = ""
+ }
+
+}
+
+function like_article(id_likes) {
+ auth.signInAnonymously()
+ .then(() => {
+ var docRef = db.collection('likes').doc(id_likes)
+ docRef.get().then((doc) => {
+ liked_page = true
+ localStorage.setItem(id_likes, true);
+ document.querySelectorAll("span[id='button_likes_heart']")[0].style.display = ""
+ document.querySelectorAll("span[id='button_likes_emtpty_heart']")[0].style.display = "none"
+ document.querySelectorAll("span[id='button_likes_text']")[0].innerText = ""
+ if (doc.exists) {
+ db.collection('likes').doc(id_likes).update({
+ likes: firebase.firestore.FieldValue.increment(1)
+ });
+ } else {
+ db.collection('likes').doc(id_likes).set({ likes: 1 })
+ }
+ }).catch((error) => {
+ console.log("Error getting document:", error);
+ });
+ })
+ .catch((error) => {
+ var errorCode = error.code;
+ var errorMessage = error.message;
+ console.error(errorCode, errorMessage)
+ });
+}
+
+function remove_like_article(id_likes) {
+ auth.signInAnonymously()
+ .then(() => {
+ var docRef = db.collection('likes').doc(id_likes)
+ docRef.get().then((doc) => {
+ liked_page = false
+ localStorage.removeItem(id_likes);
+ document.querySelectorAll("span[id='button_likes_heart']")[0].style.display = "none"
+ document.querySelectorAll("span[id='button_likes_emtpty_heart']")[0].style.display = ""
+ document.querySelectorAll("span[id='button_likes_text']")[0].innerText = "\xa0Like"
+ if (doc.exists) {
+ db.collection('likes').doc(id_likes).update({
+ likes: firebase.firestore.FieldValue.increment(-1)
+ });
+ } else {
+ db.collection('likes').doc(id_likes).set({ likes: 0 })
+ }
+ }).catch((error) => {
+ console.log("Error getting document:", error);
+ });
+ })
+ .catch((error) => {
+ var errorCode = error.code;
+ var errorMessage = error.message;
+ console.error(errorCode, errorMessage)
+ });
+}
+
+function process_article() {
+ if (!liked_page) {
+ like_article(id_likes)
+ } else {
+ remove_like_article(id_likes)
+ }
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/js/process.js b/themes/blowfish/assets/js/process.js
new file mode 100644
index 0000000..a91afa7
--- /dev/null
+++ b/themes/blowfish/assets/js/process.js
@@ -0,0 +1,71 @@
+if (typeof auth !== 'undefined') {
+ var viewsCollection = db.collection('views');
+ var likesCollection = db.collection('likes');
+
+ function numberWithCommas(x) {
+ return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+ }
+
+ function toggleLoaders(node){
+ var classesString = node.className;
+ if(classesString == "") return
+ var classes = classesString.split(" ");
+ for(var i in classes){
+ node.classList.toggle(classes[i])
+ }
+ }
+
+ var update_views = function (node, id) {
+ viewsCollection.doc(id).onSnapshot(doc => {
+ var data = doc.data();
+ if (data) {
+ node.innerText = numberWithCommas(data.views)
+ } else {
+ node.innerText = 0
+ }
+ toggleLoaders(node)
+ })
+ }
+
+ var update_likes = function (node, id) {
+ likesCollection.doc(id).onSnapshot(doc => {
+ var data = doc.data();
+ if (data) {
+ node.innerText = numberWithCommas(data.likes)
+ } else {
+ node.innerText = 0
+ }
+ toggleLoaders(node)
+
+ })
+ }
+
+
+ auth.signInAnonymously()
+ .then(() => {
+ var views_nodes = document.querySelectorAll("span[id^='views_']")
+
+ for (var i in views_nodes) {
+ var node = views_nodes[i]
+ var id = node.id ? node.id.replaceAll("/", "-") : node.id
+ if (id) {
+ update_views(node, id)
+ }
+ }
+
+ var likes_nodes = document.querySelectorAll("span[id^='likes_']")
+
+ for (var i in likes_nodes) {
+ var node = likes_nodes[i]
+ var id = node.id ? node.id.replaceAll("/", "-") : node.id
+ if (id) {
+ update_likes(node, id)
+ }
+ }
+ })
+ .catch((error) => {
+ var errorCode = error.code;
+ var errorMessage = error.message;
+ console.error(errorCode, errorMessage)
+ });
+}
\ No newline at end of file
diff --git a/themes/blowfish/assets/js/rtl.js b/themes/blowfish/assets/js/rtl.js
new file mode 100644
index 0000000..26852d4
--- /dev/null
+++ b/themes/blowfish/assets/js/rtl.js
@@ -0,0 +1,3 @@
+window.addEventListener("DOMContentLoaded", (event) => {
+ document.querySelectorAll("pre, .highlight-wrapper").forEach((tag) => (tag.dir = "auto"));
+});
diff --git a/themes/blowfish/assets/js/search.js b/themes/blowfish/assets/js/search.js
new file mode 100644
index 0000000..593d95d
--- /dev/null
+++ b/themes/blowfish/assets/js/search.js
@@ -0,0 +1,191 @@
+var fuse;
+var showButton = document.getElementById("search-button");
+var showButtonMobile = document.getElementById("search-button-mobile");
+var hideButton = document.getElementById("close-search-button");
+var wrapper = document.getElementById("search-wrapper");
+var modal = document.getElementById("search-modal");
+var input = document.getElementById("search-query");
+var output = document.getElementById("search-results");
+var first = output.firstChild;
+var last = output.lastChild;
+var searchVisible = false;
+var indexed = false;
+var hasResults = false;
+
+// Listen for events
+showButton? showButton.addEventListener("click", displaySearch) : null;
+showButtonMobile? showButtonMobile.addEventListener("click", displaySearch) : null;
+hideButton.addEventListener("click", hideSearch);
+wrapper.addEventListener("click", hideSearch);
+modal.addEventListener("click", function (event) {
+ event.stopPropagation();
+ event.stopImmediatePropagation();
+ return false;
+});
+document.addEventListener("keydown", function (event) {
+ // Forward slash to open search wrapper
+ if (event.key == "/") {
+ if (!searchVisible) {
+ event.preventDefault();
+ displaySearch();
+ }
+ }
+
+ // Esc to close search wrapper
+ if (event.key == "Escape") {
+ hideSearch();
+ }
+
+ // Down arrow to move down results list
+ if (event.key == "ArrowDown") {
+ if (searchVisible && hasResults) {
+ event.preventDefault();
+ if (document.activeElement == input) {
+ first.focus();
+ } else if (document.activeElement == last) {
+ last.focus();
+ } else {
+ document.activeElement.parentElement.nextSibling.firstElementChild.focus();
+ }
+ }
+ }
+
+ // Up arrow to move up results list
+ if (event.key == "ArrowUp") {
+ if (searchVisible && hasResults) {
+ event.preventDefault();
+ if (document.activeElement == input) {
+ input.focus();
+ } else if (document.activeElement == first) {
+ input.focus();
+ } else {
+ document.activeElement.parentElement.previousSibling.firstElementChild.focus();
+ }
+ }
+ }
+
+ // Enter to get to results
+ if (event.key == "Enter") {
+ if (searchVisible && hasResults) {
+ event.preventDefault();
+ if (document.activeElement == input) {
+ first.focus();
+ } else {
+ document.activeElement.click();
+ }
+ }
+ }
+
+});
+
+// Update search on each keypress
+input.onkeyup = function (event) {
+ executeQuery(this.value);
+};
+
+function displaySearch() {
+ if (!indexed) {
+ buildIndex();
+ }
+ if (!searchVisible) {
+ document.body.style.overflow = "hidden";
+ wrapper.style.visibility = "visible";
+ input.focus();
+ searchVisible = true;
+ }
+}
+
+function hideSearch() {
+ if (searchVisible) {
+ document.body.style.overflow = "visible";
+ wrapper.style.visibility = "hidden";
+ input.value = "";
+ output.innerHTML = "";
+ document.activeElement.blur();
+ searchVisible = false;
+ }
+}
+
+function fetchJSON(path, callback) {
+ var httpRequest = new XMLHttpRequest();
+ httpRequest.onreadystatechange = function () {
+ if (httpRequest.readyState === 4) {
+ if (httpRequest.status === 200) {
+ var data = JSON.parse(httpRequest.responseText);
+ if (callback) callback(data);
+ }
+ }
+ };
+ httpRequest.open("GET", path);
+ httpRequest.send();
+}
+
+function buildIndex() {
+ var baseURL = wrapper.getAttribute("data-url");
+ baseURL = baseURL.replace(/\/?$/, '/');
+ fetchJSON(baseURL + "index.json", function (data) {
+ var options = {
+ shouldSort: true,
+ ignoreLocation: true,
+ threshold: 0.0,
+ includeMatches: true,
+ keys: [
+ { name: "title", weight: 0.8 },
+ { name: "section", weight: 0.2 },
+ { name: "summary", weight: 0.6 },
+ { name: "content", weight: 0.4 },
+ ],
+ };
+ /*var finalIndex = [];
+ for (var i in data) {
+ if(data[i].type != "users" && data[i].type != "tags" && data[i].type != "categories"){
+ finalIndex.push(data[i]);
+ }
+ }*/
+ fuse = new Fuse(data, options);
+ indexed = true;
+ });
+}
+
+function executeQuery(term) {
+ let results = fuse.search(term);
+ let resultsHTML = "";
+
+ if (results.length > 0) {
+ results.forEach(function (value, key) {
+ console.log(value.item.summary);
+ var html = value.item.summary;
+ var div = document.createElement("div");
+ div.innerHTML = html;
+ value.item.summary = div.textContent || div.innerText || "";
+ var title = value.item.externalUrl? value.item.title + ''+value.item.externalUrl+'' : value.item.title;
+ var linkconfig = value.item.externalUrl? 'target="_blank" rel="noopener" href="'+value.item.externalUrl+'"' : 'href="'+value.item.permalink+'"';
+ resultsHTML =
+ resultsHTML +
+ `