spoko-design-system 1.18.1 → 1.20.0

package/index.ts

@@ -1,78 +1,78 @@
-// Do not write code directly here, instead use the `src` folder!
-// Then, use this file to export everything you want your user to access.
-
-// src/index.ts
-
-// Vue Components
-export { default as FuckRussia } from './src/components/FuckRussia.vue';
-export { default as FlagPL } from './src/components/flags/FlagPL.vue';
-export { default as Badges } from './src/components/Badges.vue';
-export { default as SlimBanner } from './src/components/SlimBanner.vue';
-
-export { default as Jumbotron } from './src/components/Jumbotron.astro';
-export { default as Button } from './src/components/Button.vue';
-export { default as Breadcrumbs } from './src/components/Breadcrumbs.vue';
-export { default as ProductDetailsList } from './src/components/ProductDetailsList.vue';
-export { default as FeaturesList } from './src/components/FeaturesList.vue';
-export { default as ProductCodes } from './src/components/ProductCodes.vue';
-export { default as Headline } from './src/components/Headline.vue';
-export { default as Quote } from './src/components/Quote.vue';
-
-export { default as ProductEngineType } from './src/components/Product/ProductEngineType.vue';
-// ProductEngine and ProductEngines are now Astro components (see Astro Components section below)
-export { default as ProductButton } from './src/components/Product/ProductButton.vue';
-export { default as ProductColors } from './src/components/Product/ProductColors.vue';
-export { default as ProductDetailName } from './src/components/Product/ProductDetailName.vue';
-// export { default as ProductDetails } from './src/components/Product/ProductDetails.vue';
-export { default as ProductDoc } from './src/components/Product/ProductDoc.vue';
-export { default as ProductModel } from './src/components/Product/ProductModel.vue';
-export { default as ProductModels } from './src/components/Product/ProductModels.vue';
-export { default as ProductName } from './src/components/Product/ProductName.vue';
-export { default as ProductPositions } from './src/components/Product/ProductPositions.vue';
-export { default as ProductNumber } from './src/components/Product/ProductNumber.astro';
-export { default as ProductLink } from './src/components/Product/ProductLink.vue';
-// export { default as ProductCarousel } from './src/components/Product/ProductCarousel.astro';
-export { default as LanguageSuggestion } from './src/components/LanguageSuggestion.astro';
-export { default as Input } from './src/components/Input.vue';
-
-export { default as PostCategories } from './src/components/Post/PostCategories.vue';
-export { default as CategorySidebarToggler } from './src/components/Category/CategorySidebarToggler.vue';
-export { default as SubCategoryLink } from './src/components/Category/SubCategoryLink.vue';
-export { default as CategoryLink } from './src/components/Category/CategoryLink.vue';
-
-// Astro Components
-export { default as Copyright } from './src/components/Copyright.astro'; 
-export { default as HandDrive } from './src/components/HandDrive.astro';
-export { default as Faq } from './src/components/Faq.astro';
-export { default as FaqItem } from './src/components/FaqItem.astro';
-export { default as ButtonCopy } from './src/components/ButtonCopy.astro';
-export { default as CallToAction } from './src/components/layout/CallToAction.astro';
-
-export { default as ProductImage } from './src/components/Product/ProductImage.astro';
-export { default as ProductEngine } from './src/components/Product/ProductEngine.astro';
-export { default as ProductEngines } from './src/components/Product/ProductEngines.astro';
-
-export { default as CategoryDetails } from './src/components/Category/CategoryDetails.astro';
-export { default as CategoryTile } from './src/components/Category/CategoryTile.astro';
-
-
-// Utils: Product
-export { default as getPriceFormatted } from './src/utils/product/getPriceFormatted';
-export { default as getProductChecklist } from './src/utils/product/getProductChecklist';
-export { getEngineTooltipContent } from './src/utils/product/getEngineTooltipContent';
-export type { Engine, EngineTranslations } from './src/utils/product/getEngineTooltipContent';
-
-// Utils: SEO
-export { default as getShorterDescription } from './src/utils/seo/getShorterDescription';
-
-// Utils: Text
-
-export { text2paragraphs, countWords, firstSentence, removeSemicolon } from './src/utils/text';
-export { default as formatDate } from './src/utils/text/formatDate';
-export { default as formatLocaleNumber } from './src/utils/text/formatLocaleNumber';
-export { default as formatPad } from './src/utils/text/formatPad';
-export { default as getNumberFormatted } from './src/utils/text/getNumberFormatted';
-export { default as getTranslatedLink } from './src/utils/text/getTranslatedLink';
-
-// Scripts
-export { initTooltips } from './src/scripts/tooltips';
+// Do not write code directly here, instead use the `src` folder!
+// Then, use this file to export everything you want your user to access.
+
+// src/index.ts
+
+// Vue Components
+export { default as FuckRussia } from './src/components/FuckRussia.vue';
+export { default as FlagPL } from './src/components/flags/FlagPL.vue';
+export { default as Badges } from './src/components/Badges.vue';
+export { default as SlimBanner } from './src/components/SlimBanner.vue';
+
+export { default as Jumbotron } from './src/components/Jumbotron.astro';
+export { default as Button } from './src/components/Button.vue';
+export { default as Breadcrumbs } from './src/components/Breadcrumbs.vue';
+export { default as ProductDetailsList } from './src/components/ProductDetailsList.vue';
+export { default as FeaturesList } from './src/components/FeaturesList.vue';
+export { default as ProductCodes } from './src/components/ProductCodes.vue';
+export { default as Headline } from './src/components/Headline.vue';
+export { default as Quote } from './src/components/Quote.vue';
+
+export { default as ProductEngineType } from './src/components/Product/ProductEngineType.vue';
+// ProductEngine and ProductEngines are now Astro components (see Astro Components section below)
+export { default as ProductButton } from './src/components/Product/ProductButton.vue';
+export { default as ProductColors } from './src/components/Product/ProductColors.vue';
+export { default as ProductDetailName } from './src/components/Product/ProductDetailName.vue';
+// export { default as ProductDetails } from './src/components/Product/ProductDetails.vue';
+export { default as ProductDoc } from './src/components/Product/ProductDoc.vue';
+export { default as ProductModel } from './src/components/Product/ProductModel.vue';
+export { default as ProductModels } from './src/components/Product/ProductModels.vue';
+export { default as ProductName } from './src/components/Product/ProductName.vue';
+export { default as ProductPositions } from './src/components/Product/ProductPositions.vue';
+export { default as ProductNumber } from './src/components/Product/ProductNumber.astro';
+export { default as ProductLink } from './src/components/Product/ProductLink.vue';
+// export { default as ProductCarousel } from './src/components/Product/ProductCarousel.astro';
+export { default as LanguageSuggestion } from './src/components/LanguageSuggestion.astro';
+export { default as Input } from './src/components/Input.vue';
+
+export { default as PostCategories } from './src/components/Post/PostCategories.vue';
+export { default as CategorySidebarToggler } from './src/components/Category/CategorySidebarToggler.vue';
+export { default as SubCategoryLink } from './src/components/Category/SubCategoryLink.vue';
+export { default as CategoryLink } from './src/components/Category/CategoryLink.vue';
+
+// Astro Components
+export { default as Copyright } from './src/components/Copyright.astro'; 
+export { default as HandDrive } from './src/components/HandDrive.astro';
+export { default as Faq } from './src/components/Faq.astro';
+export { default as FaqItem } from './src/components/FaqItem.astro';
+export { default as ButtonCopy } from './src/components/ButtonCopy.astro';
+export { default as CallToAction } from './src/components/layout/CallToAction.astro';
+
+export { default as ProductImage } from './src/components/Product/ProductImage.astro';
+export { default as ProductEngine } from './src/components/Product/ProductEngine.astro';
+export { default as ProductEngines } from './src/components/Product/ProductEngines.astro';
+
+export { default as CategoryDetails } from './src/components/Category/CategoryDetails.astro';
+export { default as CategoryTile } from './src/components/Category/CategoryTile.astro';
+
+
+// Utils: Product
+export { default as getPriceFormatted } from './src/utils/product/getPriceFormatted';
+export { default as getProductChecklist } from './src/utils/product/getProductChecklist';
+export { getEngineTooltipContent } from './src/utils/product/getEngineTooltipContent';
+export type { Engine, EngineTranslations } from './src/utils/product/getEngineTooltipContent';
+
+// Utils: SEO
+export { default as getShorterDescription } from './src/utils/seo/getShorterDescription';
+
+// Utils: Text
+
+export { text2paragraphs, countWords, firstSentence, removeSemicolon } from './src/utils/text';
+export { default as formatDate } from './src/utils/text/formatDate';
+export { default as formatLocaleNumber } from './src/utils/text/formatLocaleNumber';
+export { default as formatPad } from './src/utils/text/formatPad';
+export { default as getNumberFormatted } from './src/utils/text/getNumberFormatted';
+export { default as getTranslatedLink } from './src/utils/text/getTranslatedLink';
+
+// Scripts
+export { initTooltips } from './src/scripts/tooltips';

package/package.json

@@ -1,160 +1,160 @@
-{
-  "name": "spoko-design-system",
-  "version": "1.18.1",
-  "type": "module",
-  "private": false,
-  "main": "./index.ts",
-  "module": "./index.ts",
-  "types": "./index.ts",
-  "exports": {
-    ".": {
-      "import": "./index.ts",
-      "require": "./index.ts"
-    },
-    "./styles/*": "./src/styles/*",
-    "./scripts/*": "./src/scripts/*",
-    "./icons": "./icon.config.ts",
-    "./icon-collections": "./icon.collections.ts",
-    "./uno-config": "./uno-config/index.ts"
-  },
-  "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build",
-    "preview": "astro preview",
-    "semantic-release": "semantic-release",
-    "prepublishOnly": "pnpm run build",
-    "format": "prettier --write \"src/**/*.{js,ts,jsx,tsx,vue,astro,json,css,md}\"",
-    "format:check": "prettier --check \"src/**/*.{js,ts,jsx,tsx,vue,astro,json,css,md}\"",
-    "lint": "eslint \"src/**/*.{js,ts,jsx,tsx,vue,astro}\"",
-    "lint:fix": "eslint \"src/**/*.{js,ts,jsx,tsx,vue,astro}\" --fix",
-    "check": "astro check",
-    "prepare": "husky"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/polo-blue/sds"
-  },
-  "author": {
-    "name": "spokospace",
-    "email": "szymon@spoko.space",
-    "url": "https://spoko.space"
-  },
-  "homepage": "https://sds.spoko.space/",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "keywords": [
-    "astro-starter",
-    "seo",
-    "astro",
-    "sds design system",
-    "spoko design system"
-  ],
-  "dependencies": {
-    "@algolia/client-search": "^5.44.0",
-    "@astrojs/mdx": "^4.3.11",
-    "@astrojs/node": "^9.5.1",
-    "@astrojs/sitemap": "^3.6.0",
-    "@astrojs/ts-plugin": "^1.10.5",
-    "@astrojs/vue": "^5.1.3",
-    "@docsearch/css": "^4.3.2",
-    "@floating-ui/vue": "^1.1.9",
-    "@iconify-json/ant-design": "^1.2.5",
-    "@iconify-json/bi": "^1.2.6",
-    "@iconify-json/bx": "^1.2.2",
-    "@iconify-json/carbon": "^1.2.14",
-    "@iconify-json/circle-flags": "^1.2.10",
-    "@iconify-json/ei": "^1.2.2",
-    "@iconify-json/el": "^1.2.2",
-    "@iconify-json/eos-icons": "^1.2.4",
-    "@iconify-json/et": "^1.2.1",
-    "@iconify-json/flowbite": "^1.2.7",
-    "@iconify-json/fluent": "^1.2.34",
-    "@iconify-json/fluent-emoji": "1.2.7",
-    "@iconify-json/ic": "^1.2.4",
-    "@iconify-json/icon-park-outline": "^1.2.4",
-    "@iconify-json/la": "^1.2.1",
-    "@iconify-json/lucide": "^1.2.73",
-    "@iconify-json/material-symbols-light": "^1.2.46",
-    "@iconify-json/mdi": "^1.2.3",
-    "@iconify-json/noto-v1": "^1.2.5",
-    "@iconify-json/octicon": "^1.2.19",
-    "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/simple-icons": "^1.2.59",
-    "@iconify-json/streamline": "^1.2.5",
-    "@iconify-json/streamline-emojis": "^1.2.4",
-    "@iconify-json/streamline-freehand-color": "^1.2.2",
-    "@iconify-json/system-uicons": "^1.2.4",
-    "@iconify-json/uil": "^1.2.3",
-    "@iconify-json/vscode-icons": "^1.2.35",
-    "@iconify/json": "^2.2.408",
-    "@iconify/vue": "^5.0.0",
-    "@playform/compress": "^0.2.0",
-    "@playform/inline": "^0.1.2",
-    "@unocss/astro": "66.5.7",
-    "@unocss/preset-attributify": "66.5.7",
-    "@unocss/preset-typography": "66.5.7",
-    "@unocss/preset-uno": "66.5.7",
-    "@unocss/preset-web-fonts": "66.5.7",
-    "@unocss/preset-wind": "66.5.7",
-    "@unocss/reset": "66.5.7",
-    "@vite-pwa/astro": "^1.1.1",
-    "@vueuse/core": "^14.0.0",
-    "astro-icon": "^1.1.5",
-    "astro-meta-tags": "^0.4.0",
-    "astro-navbar": "^2.4.0",
-    "astro-pagefind": "^1.8.5",
-    "astro-remote": "^0.3.4",
-    "dotenv": "^17.2.3",
-    "swiper": "^12.0.3",
-    "tippy.js": "^6.3.7",
-    "unocss": "66.5.7",
-    "vite-plugin-pwa": "^1.1.0",
-    "vue": "^3.5.24"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/git": "^10.0.1",
-    "@types/gtag.js": "^0.0.20",
-    "@types/node": "^24.10.1",
-    "@typescript-eslint/eslint-plugin": "^8.47.0",
-    "@typescript-eslint/parser": "^8.47.0",
-    "@unocss/transformer-variant-group": "66.5.7",
-    "@vitejs/plugin-vue": "^6.0.2",
-    "@vue/compiler-sfc": "^3.5.24",
-    "@vue/eslint-config-typescript": "^14.6.0",
-    "astro": "^5.15.9",
-    "conventional-changelog-conventionalcommits": "^9.1.0",
-    "eslint": "^9.39.1",
-    "eslint-plugin-astro": "^1.5.0",
-    "eslint-plugin-vue": "^10.5.1",
-    "husky": "^9.1.7",
-    "prettier": "^3.6.2",
-    "prettier-plugin-astro": "^0.14.1",
-    "semantic-release": "^25.0.2",
-    "unocss": "^0.65.0",
-    "vite": "^7.2.2"
-  },
-  "packageManager": "pnpm@10.17.1",
-  "pnpm": {
-    "default": "9.15.3",
-    "overrides": {
-      "file-type@>=17.0.0 <17.1.3": ">=17.1.3",
-      "sharp@<0.30.5": ">=0.30.5"
-    },
-    "ignoredBuiltDependencies": [
-      "esbuild",
-      "sharp",
-      "vue-demi"
-    ]
-  },
-  "engines": {
-    "node": ">=22.17.0",
-    "pnpm": ">=10.16.1"
-  }
-}
+{
+  "name": "spoko-design-system",
+  "version": "1.20.0",
+  "type": "module",
+  "private": false,
+  "main": "./index.ts",
+  "module": "./index.ts",
+  "types": "./index.ts",
+  "exports": {
+    ".": {
+      "import": "./index.ts",
+      "require": "./index.ts"
+    },
+    "./styles/*": "./src/styles/*",
+    "./scripts/*": "./src/scripts/*",
+    "./icons": "./icon.config.ts",
+    "./icon-collections": "./icon.collections.ts",
+    "./uno-config": "./uno-config/index.ts"
+  },
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "semantic-release": "semantic-release",
+    "prepublishOnly": "pnpm run build",
+    "format": "prettier --write \"src/**/*.{js,ts,jsx,tsx,vue,astro,json,css,md}\"",
+    "format:check": "prettier --check \"src/**/*.{js,ts,jsx,tsx,vue,astro,json,css,md}\"",
+    "lint": "eslint \"src/**/*.{js,ts,jsx,tsx,vue,astro}\"",
+    "lint:fix": "eslint \"src/**/*.{js,ts,jsx,tsx,vue,astro}\" --fix",
+    "check": "astro check",
+    "prepare": "husky"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/polo-blue/sds"
+  },
+  "author": {
+    "name": "spokospace",
+    "email": "szymon@spoko.space",
+    "url": "https://spoko.space"
+  },
+  "homepage": "https://sds.spoko.space/",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "astro-starter",
+    "seo",
+    "astro",
+    "sds design system",
+    "spoko design system"
+  ],
+  "dependencies": {
+    "@algolia/client-search": "^5.46.0",
+    "@astrojs/mdx": "^4.3.13",
+    "@astrojs/node": "^9.5.1",
+    "@astrojs/sitemap": "^3.6.0",
+    "@astrojs/ts-plugin": "^1.10.6",
+    "@astrojs/vue": "^5.1.3",
+    "@docsearch/css": "^4.3.2",
+    "@floating-ui/vue": "^1.1.9",
+    "@iconify-json/ant-design": "^1.2.5",
+    "@iconify-json/bi": "^1.2.7",
+    "@iconify-json/bx": "^1.2.2",
+    "@iconify-json/carbon": "^1.2.15",
+    "@iconify-json/circle-flags": "^1.2.10",
+    "@iconify-json/ei": "^1.2.2",
+    "@iconify-json/el": "^1.2.2",
+    "@iconify-json/eos-icons": "^1.2.4",
+    "@iconify-json/et": "^1.2.1",
+    "@iconify-json/flowbite": "^1.2.7",
+    "@iconify-json/fluent": "^1.2.36",
+    "@iconify-json/fluent-emoji": "1.2.7",
+    "@iconify-json/ic": "^1.2.4",
+    "@iconify-json/icon-park-outline": "^1.2.4",
+    "@iconify-json/la": "^1.2.1",
+    "@iconify-json/lucide": "^1.2.81",
+    "@iconify-json/material-symbols-light": "^1.2.50",
+    "@iconify-json/mdi": "^1.2.3",
+    "@iconify-json/noto-v1": "^1.2.5",
+    "@iconify-json/octicon": "^1.2.19",
+    "@iconify-json/ph": "^1.2.2",
+    "@iconify-json/simple-icons": "^1.2.63",
+    "@iconify-json/streamline": "^1.2.5",
+    "@iconify-json/streamline-emojis": "^1.2.4",
+    "@iconify-json/streamline-freehand-color": "^1.2.2",
+    "@iconify-json/system-uicons": "^1.2.4",
+    "@iconify-json/uil": "^1.2.3",
+    "@iconify-json/vscode-icons": "^1.2.37",
+    "@iconify/json": "^2.2.418",
+    "@iconify/vue": "^5.0.0",
+    "@playform/compress": "^0.2.0",
+    "@playform/inline": "^0.1.2",
+    "@unocss/astro": "66.5.10",
+    "@unocss/preset-attributify": "66.5.10",
+    "@unocss/preset-typography": "66.5.10",
+    "@unocss/preset-uno": "66.5.10",
+    "@unocss/preset-web-fonts": "66.5.10",
+    "@unocss/preset-wind": "66.5.10",
+    "@unocss/reset": "66.5.10",
+    "@vite-pwa/astro": "^1.2.0",
+    "@vueuse/core": "^14.1.0",
+    "astro-icon": "^1.1.5",
+    "astro-meta-tags": "^0.4.0",
+    "astro-navbar": "^2.4.0",
+    "astro-pagefind": "^1.8.5",
+    "astro-remote": "^0.3.4",
+    "dotenv": "^17.2.3",
+    "swiper": "^12.0.3",
+    "tippy.js": "^6.3.7",
+    "unocss": "66.5.10",
+    "vite-plugin-pwa": "^1.2.0",
+    "vue": "^3.5.25"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@types/gtag.js": "^0.0.20",
+    "@types/node": "^25.0.2",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
+    "@typescript-eslint/parser": "^8.49.0",
+    "@unocss/transformer-variant-group": "66.5.10",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/compiler-sfc": "^3.5.25",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "astro": "^5.16.5",
+    "conventional-changelog-conventionalcommits": "^9.1.0",
+    "eslint": "^9.39.2",
+    "eslint-plugin-astro": "^1.5.0",
+    "eslint-plugin-vue": "^10.6.2",
+    "husky": "^9.1.7",
+    "prettier": "^3.7.4",
+    "prettier-plugin-astro": "^0.14.1",
+    "semantic-release": "^25.0.2",
+    "unocss": "^0.65.0",
+    "vite": "^7.2.7"
+  },
+  "packageManager": "pnpm@10.17.1",
+  "pnpm": {
+    "default": "9.15.3",
+    "overrides": {
+      "file-type@>=17.0.0 <17.1.3": ">=17.1.3",
+      "sharp@<0.30.5": ">=0.30.5"
+    },
+    "ignoredBuiltDependencies": [
+      "esbuild",
+      "sharp",
+      "vue-demi"
+    ]
+  },
+  "engines": {
+    "node": ">=22.17.0",
+    "pnpm": ">=10.16.1"
+  }
+}

package/public/arrow-bottom.svg

@@ -1,7 +1,7 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 18 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g transform="matrix(-0.0247114,-3.02628e-18,2.90782e-18,-0.0237442,23.7506,13.5573)">
-        <path d="M254.6,477.479C259.711,473.272 561.717,170.223 561.717,170.223C561.717,170.223 576.205,153.951 597.839,153.983C621.181,154.019 636.425,170.096 636.425,170.096C636.425,170.096 939.167,475.94 940.854,477.463C967.2,501.255 956.012,536.939 942.827,551.356C928.606,566.906 896.33,575.498 868.319,549.101C865.351,546.304 604.846,285.516 604.846,285.516C604.846,285.516 601.137,280.823 597.481,280.661C594.25,280.517 589.683,285.449 589.683,285.449C589.683,285.449 332.794,543.858 326.478,549.801C312.614,562.847 276.463,576.895 252.279,552.019C218.24,517.006 250.72,480.673 254.6,477.479Z" style="fill:rgb(48,53,59);"/>
-    </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 18 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(-0.0247114,-3.02628e-18,2.90782e-18,-0.0237442,23.7506,13.5573)">
+        <path d="M254.6,477.479C259.711,473.272 561.717,170.223 561.717,170.223C561.717,170.223 576.205,153.951 597.839,153.983C621.181,154.019 636.425,170.096 636.425,170.096C636.425,170.096 939.167,475.94 940.854,477.463C967.2,501.255 956.012,536.939 942.827,551.356C928.606,566.906 896.33,575.498 868.319,549.101C865.351,546.304 604.846,285.516 604.846,285.516C604.846,285.516 601.137,280.823 597.481,280.661C594.25,280.517 589.683,285.449 589.683,285.449C589.683,285.449 332.794,543.858 326.478,549.801C312.614,562.847 276.463,576.895 252.279,552.019C218.24,517.006 250.72,480.673 254.6,477.479Z" style="fill:rgb(48,53,59);"/>
+    </g>
+</svg>