feat: 优化数据分析页面时间戳处理并改进日期格式

- 在 formatDate 函数中添加时间戳单位自动检测（秒/毫秒）
- 将日期格式从 M/D 改为 YYYY/M/D，提供更完整的时间信息

.cursorindexingignore

@@ -0,0 +1,2 @@
+# Don't index SpecStory auto-save files, but allow explicit context inclusion via @ references
+.specstory/**

.cursorrules

@@ -0,0 +1,28 @@
+- @src/api/api-models.ts: 定义了系统中使用的数据模型
+- @src/api/query.ts: 提供了API请求的基础函数
+- @src/api/account.ts: 账户管理相关API
+
+## 主要目录结构
+
+- `src/`: 源代码目录
+  - `api/`: API调用和模型定义
+  - `assets/`: 静态资源文件
+  - `client/`: 客户端相关组件和服务
+  - `components/`: Vue组件
+  - `composables/`: Vue组合式API函数
+  - `data/`: 数据相关模块，包括聊天和弹幕客户端
+  - `router/`: 路由配置
+  - `store/`: 状态管理
+  - `views/`: 页面视图组件
+    - `open_live/`: 直播相关视图，包括点歌系统
+    - `obs/`: OBS相关视图组件
+- `public/`: 公共静态资源
+
+## 项目使用的库
+
+- @vueuse/core: 提供了一系列的 Vue 3 的实用函数
+- @vicons/fluent: 图标
+- naive-ui: 组件库
+- pinia: 状态管理
+- vue-router: 路由
+- vue-echarts: 图表

.editorconfig

@@ -1,4 +1,4 @@
-[*.{js,jsx,ts,tsx,vue}]
+[*]
 indent_style = space
 indent_size = 2
 end_of_line = lf

.github/workflows/bun.yml

@@ -5,7 +5,7 @@ name: Bun CI
 
 on:
   push:
-    branches: [ "master" ]
+    branches: [master]
 
 env:
   DOCKERHUB_SLUG: megghy/vtsuru_live
@@ -21,47 +21,44 @@ jobs:
       packages: write
 
     steps:
-    - uses: actions/checkout@v4
+      - uses: actions/checkout@v4
 
-    - name: Use bun
-      uses: oven-sh/setup-bun@v2
+      - name: Use bun
+        uses: oven-sh/setup-bun@v2
 
-    - name: 📥 Install dependencies
-      run: bun install
+      - name: 📥 Install dependencies
+        run: bun install
 
-    - name: 📦 Build
-      run: bun run build
+      - name: 📦 Build
+        run: bun run build
 
-    - name: 📦 Upload SourceMap
-      run: bunx @hyperdx/cli upload-sourcemaps --serviceKey ${{ secrets.HYPERDX_SERVICE_KEY }} --path dist/assets
-      
-    - name: Login to GitHub Container Registry
-      uses: docker/login-action@v2
-      with:
-        registry: ghcr.io
-        username: ${{ github.actor }}
-        password: ${{ secrets.GITHUB_TOKEN }}
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
 
-    - name: Docker meta
-      id: meta
-      uses: docker/metadata-action@v4
-      with:
-        images: |
-          ${{ env.DOCKERHUB_SLUG }}
-          ${{ env.GHCR_SLUG }}
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            ${{ env.DOCKERHUB_SLUG }}
+            ${{ env.GHCR_SLUG }}
 
-    - name: Get current time
-      uses: josStorer/get-current-time@v2
-      id: time
-      with:
-        format: YYYYMMDD_HHmmss
-        utcOffset: "+08:00"
+      - name: Get current time
+        uses: josStorer/get-current-time@v2
+        id: time
+        with:
+          format: YYYYMMDD_HHmmss
+          utcOffset: '+08:00'
 
-    - name: Build Docker image and push
-      uses: docker/build-push-action@v4
-      with:
-        context: .
-        push: true
-        tags: |
-          ${{ env.GHCR_SLUG }}:latest
-          ${{ env.GHCR_SLUG }}:${{ steps.time.outputs.formattedTime }}
+      - name: Build Docker image and push
+        uses: docker/build-push-action@v4
+        with:
+          context: .
+          push: true
+          tags: |
+            ${{ env.GHCR_SLUG }}:latest
+            ${{ env.GHCR_SLUG }}:${{ steps.time.outputs.formattedTime }}

.gitignore

@@ -23,3 +23,7 @@ pnpm-debug.log*
 *.sln
 *.sw?
 env.d.ts
+/.specstory
+/.cursor
+# SpecStory explanation file
+.specstory/.what-is-this.md

.oxlintrc.json

@@ -1,43 +1,9 @@
 {
   "$schema": "./node_modules/oxlint/configuration_schema.json",
-  "plugins": [
-    "typescript"
-  ],
-  "categories": {
-    "correctness": "off"
-  },
+  "plugins": ["typescript", "vue"],
   "env": {
     "builtin": true,
     "browser": true
   },
-  "rules": {
-
-  },
-
-  "overrides": [
-    {
-      "files": [
-        "**/*.js",
-        "**/*.jsx"
-      ],
-      "rules": {
-        "no-console": "off",
-        "no-debugger": "off",
-        "vue/no-mutating-props": "off",
-        "@typescript-eslint/no-explicit-any": "off",
-        "@typescript-eslint/no-var-requires": "warn"
-      }
-    },
-    {
-      "files": [
-        "**/*.ts",
-        "**/*.tsx",
-        "**/*.vue"
-      ],
-      "rules": {
-        "@typescript-eslint/no-explicit-any": "off",
-        "vue/no-mutating-props": "off"
-      }
-    }
-  ]
-}
+  "rules": {}
+}

.prettierrc.json

@@ -1,7 +0,0 @@
-{
-    "tabWidth": 2,
-    "semi": false,
-    "singleQuote": true,
-    "trailingComma": "none",
-    "printWidth": 80
-}

README.md

@@ -2,22 +2,22 @@
 
 ## Project setup
 ```
-yarn install
+bun install
 ```
 
 ### Compiles and hot-reloads for development
 ```
-yarn serve
+bun dev
 ```
 
 ### Compiles and minifies for production
 ```
-yarn build
+bun run build
 ```
 
 ### Lints and fixes files
 ```
-yarn lint
+bun run lint
 ```
 
 ### Customize configuration

default.d.ts

@@ -1,5 +1,4 @@
-
-import type { LoadingBarProviderInst, MessageProviderInst, ModalProviderInst } from 'naive-ui'
+import type { DialogProviderInst, LoadingBarProviderInst, MessageProviderInst, ModalProviderInst, NotificationProviderInst } from 'naive-ui'
 import type { useRoute } from 'vue-router'
 
 declare module 'vue3-aplayer' {
@@ -15,6 +14,12 @@ declare module '*.js' {
   export = content
 }
 
+declare module 'naive-ui' {
+  interface TabPaneSlots {
+    tab?: () => VNode[]
+  }
+}
+
 declare global {
   interface Window {
     $message: MessageProviderInst
@@ -22,5 +27,17 @@ declare global {
     $route: ReturnType<typeof useRoute>
     $modal: ModalProviderInst
     $mitt: Emitter<MittType>
+    $notification: NotificationProviderInst
+    $dialog: DialogProviderInst
   }
 }
+
+// Vite worker 与样式类型声明
+declare module '*?worker' {
+  const workerConstructor: { new(): Worker }
+  export default workerConstructor
+}
+declare module '*.css' {
+  const content: string
+  export default content
+}

env.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-svg-loader" />
 interface ImportMeta {
   env: {
     VITE_DEBUG_DEV_API?: string

eslint.config.mjs

@@ -1,28 +1,98 @@
-import oxlint from 'eslint-plugin-oxlint';
-import vue from 'eslint-plugin-vue';
-import ts from 'typescript-eslint';
-
-// `VueVine()` 返回一个 ESLint flat config
+import antfu from '@antfu/eslint-config'
 import VueVine from '@vue-vine/eslint-config'
+import oxlint from 'eslint-plugin-oxlint'
 
-export default [
+export default antfu(
   {
-    languageOptions: {
-      ecmaVersion: 'latest',
+    // 项目类型: app (默认) 或 lib
+    type: 'app',
+
+    // 启用 TypeScript 支持 (自动检测)
+    typescript: {
+      tsconfigPath: 'tsconfig.json',
     },
+
+    // 启用 Vue 支持 (自动检测)
+    vue: true,
+
+    // 启用格式化规则
+    stylistic: {
+      indent: 2,
+      quotes: 'single',
+      semi: false,
+    },
+
+    // 禁用某些文件类型的支持
+    jsonc: true,
+    yaml: true,
+    markdown: true,
+
+    // 忽略的文件
+    ignores: [
+      '**/node_modules',
+      '**/dist',
+      '**/output',
+      '**/.vitepress/cache',
+      '**/.nuxt',
+      '**/.next',
+      '**/.vercel',
+      '**/.changeset',
+      '**/.idea',
+      '**/.cache',
+      '**/.output',
+      '**/.vite-inspect',
+      '**/CHANGELOG*.md',
+      '**/*.min.*',
+      '**/LICENSE*',
+      '**/__snapshots__',
+      '**/auto-import?(s).d.ts',
+      '**/components.d.ts',
+    ],
   },
-  ...vue.configs['flat/recommended'],
   {
-    // files: ['*.vue', '**/*.vue'],
-    languageOptions: {
-      parserOptions: {
-        parser: ts.parser,
-      },
-    },
+    // 自定义规则
     rules: {
-      "vue/no-mutating-props": "off",
+      // Vue 相关规则
+      'vue/multi-word-component-names': 'off',
+      'vue/no-mutating-props': 'off',
+      'vue/no-v-html': 'off',
+      'vue/require-default-prop': 'off',
+
+      // TypeScript 相关规则
+      'ts/no-explicit-any': 'off',
+      'ts/ban-ts-comment': 'off',
+      'ts/no-floating-promises': 'off', // 允许不 await Promise
+      'ts/no-misused-promises': 'off', // 允许在条件表达式中使用 Promise
+      '@typescript-eslint/no-floating-promises': 'off',
+      '@typescript-eslint/no-misused-promises': 'off',
+
+      // 通用规则
+      'no-console': 'off',
+      'unused-imports/no-unused-vars': 'warn',
+      'eqeqeq': 'off', // 允许使用 == 和 !=
+      'no-eq-null': 'off', // 允许使用 == null
+      '@typescript-eslint/strict-boolean-expressions': 'off', // 允许宽松的布尔表达式
+
+      // 关闭一些过于严格的规则
+      'antfu/if-newline': 'off',
+      'style/brace-style': ['error', '1tbs'],
+      'prefer-promise-reject-errors': 'off', // 允许 reject 任何值
+      'no-throw-literal': 'off', // 允许 throw 任何值
+      'ts/no-unsafe-assignment': 'off', // 允许不安全的赋值
+      'ts/no-unsafe-member-access': 'off', // 允许不安全的成员访问
+      'ts/no-unsafe-call': 'off', // 允许不安全的调用
+      'ts/switch-exhaustiveness-check': 'warn', // 允许 switch 不覆盖所有情况
+      'ts/restrict-template-expressions': 'off', // 允许模板字符串表达式不受限制
+
+      'perfectionist/sort-imports': 'off',
+      'ts/no-unsafe-argument': 'off', // 允许不安全的参数传递
+
+      // JSON 相关规则
+      'jsonc/sort-keys': 'off', // 关闭 JSON key 排序要求
     },
   },
+  // 集成 VueVine 配置
   ...VueVine(),
-  ...oxlint.configs['flat/recommended'], // oxlint should be the last one
-]
+  // 集成 oxlint 配置 - 必须放在最后以禁用与 oxlint 冲突的 ESLint 规则
+  oxlint.buildFromOxlintConfigFile('./.oxlintrc.json'),
+)

index.html

@@ -5,11 +5,14 @@
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="Permissions-Policy" content="interest-cohort=()" />
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
     <title>vtsuru.live</title>
     <meta name="description" content="为主播提供便利功能" />
     <script
       async
-      src="https://umami.vtsuru.live/script.js"
+      src="https://analytics.suki.club/script.js"
       data-website-id="05567214-d234-4076-9228-e4d69e3d202f"
     ></script>
 

package.json

@@ -1,90 +1,101 @@
 {
   "name": "vtsuru.live",
+  "type": "module",
   "version": "0.1.0",
   "private": true,
-  "type": "module",
   "scripts": {
     "dev": "bunx --bun vite",
     "build": "vite build",
-    "lint": "vite lint"
+    "lint": "oxlint && eslint .",
+    "lint:fix": "oxlint --fix && eslint . --fix",
+    "knip": "knip"
   },
   "dependencies": {
-    "@antfu/ni": "^24.3.0",
-    "@hyperdx/browser": "^0.21.2",
+    "@hyperdx/browser": "^0.22.0",
     "@hyperdx/cli": "^0.1.0",
-    "@microsoft/signalr": "^8.0.7",
-    "@microsoft/signalr-protocol-msgpack": "^8.0.7",
+    "@microsoft/signalr": "^10.0.0",
+    "@microsoft/signalr-protocol-msgpack": "^10.0.0",
     "@mixer/postmessage-rpc": "^1.1.4",
-    "@tauri-apps/api": "^2.4.0",
-    "@tauri-apps/plugin-http": "^2.4.2",
-    "@typescript-eslint/eslint-plugin": "^8.27.0",
+    "@oneidentity/zstd-js": "^1.0.3",
+    "@tauri-apps/api": "^2.9.0",
+    "@tauri-apps/plugin-autostart": "^2.5.1",
+    "@tauri-apps/plugin-http": "^2.5.4",
+    "@tauri-apps/plugin-log": "^2.7.1",
+    "@tauri-apps/plugin-notification": "^2.3.3",
+    "@tauri-apps/plugin-opener": "^2.5.2",
+    "@tauri-apps/plugin-os": "^2.3.2",
+    "@tauri-apps/plugin-process": "^2.3.1",
+    "@tauri-apps/plugin-store": "^2.4.1",
+    "@tauri-apps/plugin-updater": "^2.9.0",
+    "@types/crypto-js": "^4.2.2",
+    "@types/md5": "^2.3.6",
     "@vicons/fluent": "^0.13.0",
-    "@vitejs/plugin-basic-ssl": "^2.0.0",
-    "@vitejs/plugin-vue": "^5.2.3",
-    "@vue/cli": "^5.0.8",
-    "@vueuse/core": "^13.0.0",
-    "@vueuse/router": "^13.0.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vueuse/core": "^14.0.0",
+    "@vueuse/integrations": "^14.0.0",
+    "@vueuse/router": "^14.0.0",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
-    "bilibili-live-ws": "^6.3.1",
-    "brotli-compress": "^1.3.3",
+    "bilibili-live-danmaku": "^0.7.14",
+    "crypto-js": "^4.2.0",
     "date-fns": "^4.1.0",
     "easy-speech": "^2.4.0",
-    "echarts": "^5.6.0",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-oxlint": "^0.16.2",
-    "eslint-plugin-prettier": "^5.2.4",
-    "fast-xml-parser": "^5.0.9",
+    "echarts": "^6.0.0",
+    "fast-xml-parser": "^5.3.2",
     "file-saver": "^2.0.5",
     "grapheme-splitter": "^1.0.4",
     "html2canvas": "^1.4.1",
-    "linqts": "^2.0.0",
+    "idb-keyval": "^6.2.2",
+    "jszip": "^3.10.1",
+    "linqts": "^3.2.0",
+    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
+    "md5": "^2.3.0",
     "mitt": "^3.0.1",
-    "monaco-editor": "^0.52.2",
-    "music-metadata-browser": "^2.5.11",
-    "oxlint": "^0.16.2",
-    "peerjs": "^1.5.4",
-    "pinia": "^3.0.1",
-    "prettier": "^3.5.3",
+    "monaco-editor": "^0.54.0",
+    "naive-ui": "^2.43.2",
+    "nanoid": "^5.1.6",
+    "obs-websocket-js": "^5.0.7",
+    "peerjs": "^1.5.5",
+    "pinia": "^3.0.4",
     "qrcode.vue": "^3.6.0",
-    "queue-typescript": "^1.0.1",
-    "unplugin-auto-import": "^19.1.1",
-    "unplugin-vue-components": "^28.4.1",
-    "unplugin-vue-markdown": "^28.3.1",
-    "uuid": "^11.1.0",
-    "vite": "6.2.2",
-    "vite-plugin-monaco-editor": "^1.1.0",
-    "vite-plugin-oxlint": "^1.3.0",
+    "unplugin-auto-import": "^20.2.0",
+    "unplugin-vue-components": "^30.0.0",
+    "unplugin-vue-markdown": "^29.2.0",
+    "uuid": "^13.0.0",
+    "vite": "npm:rolldown-vite@7.2.5",
+    "vite-plugin-monaco-editor-nls": "^3.0.1",
     "vite-svg-loader": "^5.1.0",
-    "vue": "3.5.13",
-    "vue-echarts": "^7.0.3",
+    "vue": "3.5.24",
+    "vue-echarts": "^8.0.1",
+    "vue-img-cutter": "^3.0.7",
     "vue-request": "^2.0.4",
-    "vue-router": "^4.5.0",
+    "vue-router": "^4.6.3",
+    "vue-toastification": "^1.7.14",
     "vue-turnstile": "^1.0.11",
     "vue3-aplayer": "^1.7.3",
     "vue3-marquee": "^4.2.2",
-    "vueuc": "^0.4.64",
-    "worker-timers": "^8.0.19",
+    "vueuc": "^0.4.65",
+    "worker-timers": "^8.0.25",
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3.3.1",
-    "@types/bun": "^1.2.5",
-    "@types/eslint": "^9.6.1",
+    "@antfu/eslint-config": "^6.2.0",
+    "@types/bun": "^1.3.2",
     "@types/file-saver": "^2.0.7",
-    "@types/obs-studio": "^2.17.2",
-    "@types/uuid": "^10.0.0",
-    "@typescript-eslint/parser": "^8.27.0",
+    "@types/jszip": "^3.4.1",
+    "@types/uuid": "^11.0.0",
     "@vicons/ionicons5": "^0.13.0",
-    "@vitejs/plugin-vue-jsx": "^4.1.2",
-    "@vue-vine/eslint-config": "^0.2.19",
-    "@vue/eslint-config-typescript": "^14.5.0",
-    "eslint": "^9.23.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-vue": "^10.0.0",
-    "naive-ui": "^2.41.0",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
+    "@vue-vine/eslint-config": "^1.1.11",
+    "eslint": "^9.39.1",
+    "eslint-plugin-oxlint": "^1.28.0",
+    "oxlint": "^1.28.0",
+    "rollup-plugin-visualizer": "^6.0.5",
     "stylus": "^0.64.0",
-    "typescript": "^5.8.2",
-    "vue-vine": "^0.3.19"
+    "typescript": "^5.9.3",
+    "vite-plugin-cdn-import": "^1.0.1",
+    "vscode-loc": "git+https://github.com/microsoft/vscode-loc.git",
+    "vue-vine": "^1.7.23"
   }
 }

plugins/vite-plugin-caddy.ts

@@ -1,49 +0,0 @@
-// src/index.ts
-import chalk from 'chalk'
-import { spawn } from 'child_process'
-
-// src/utils.ts
-import { execSync } from 'child_process'
-function validateCaddyIsInstalled() {
-  let caddyInstalled = false
-  try {
-    execSync('caddy version')
-    caddyInstalled = true
-  } catch {
-    caddyInstalled = false
-    console.error('caddy cli is not installed')
-  }
-  return caddyInstalled
-}
-
-// src/index.ts
-function viteCaddyTlsPlugin(url?:string) {
-  return {
-    name: 'vite:caddy-tls',
-    async configResolved({ command }) {
-      if (command !== 'serve') return
-      console.log('starting caddy plugin...')
-      validateCaddyIsInstalled()
-      const handle = spawn(
-        `caddy reverse-proxy ${url ? `--from ${url}` : ''} --to http://localhost:5173`,
-        {
-          shell: true
-        }
-      )
-      handle.stdout.on('data', (data) => {
-        console.log(`stdout: ${data}`)
-      })
-      handle.stderr.on('data', () => {})
-      //const servers = parseNamesFromCaddyFile(`${cwd}/Caddyfile`);
-      console.log()
-      console.log(
-        chalk.green('\u{1F512} Caddy is running to proxy your traffic on https')
-      )
-      console.log()
-      console.log(`\u{1F517} Access your local server `)
-      console.log(chalk.blue(`\u{1F30D} https://${url ?? 'localhost'}`))
-      console.log()
-    }
-  }
-}
-export { viteCaddyTlsPlugin as default }

src/App.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import ManageLayout from '@/views/ManageLayout.vue'
-import ViewerLayout from '@/views/ViewerLayout.vue'
 import {
   dateZhCN,
   NConfigProvider,
@@ -14,63 +12,103 @@ import {
   NSpin,
   zhCN,
 } from 'naive-ui'
-import { computed } from 'vue'
+import { computed, defineAsyncComponent } from 'vue'
 import { useRoute } from 'vue-router'
+import { ThemeType } from './api/api-models'
 import TempComponent from './components/TempComponent.vue'
 import { isDarkMode, theme } from './Utils'
-import OBSLayout from './views/OBSLayout.vue'
-import OpenLiveLayout from './views/OpenLiveLayout.vue'
-import { ThemeType } from './api/api-models';
 
-  const route = useRoute()
-  const themeType = useStorage('Settings.Theme', ThemeType.Auto)
+// 将大型布局组件改为异步组件，避免打入入口包
+const ManageLayout = defineAsyncComponent(() => import('@/views/ManageLayout.vue'))
+const ViewerLayout = defineAsyncComponent(() => import('@/views/ViewerLayout.vue'))
+const ClientLayout = defineAsyncComponent(() => import('./client/ClientLayout.vue'))
+const OBSLayout = defineAsyncComponent(() => import('./views/OBSLayout.vue'))
+const OpenLiveLayout = defineAsyncComponent(() => import('./views/OpenLiveLayout.vue'))
+
+const route = useRoute()
+const themeType = useStorage('Settings.Theme', ThemeType.Auto)
 
 const layout = computed(() => {
   if (route.path.startsWith('/user') || route.name == 'user' || route.path.startsWith('/@')) {
     document.title = `${route.meta.title} · ${route.params.id} · VTsuru`
     return 'viewer'
-  }
-  else if (route.path.startsWith('/manage')) {
+  } else if (route.path.startsWith('/manage')) {
     document.title = `${route.meta.title} · 管理 · VTsuru`
     return 'manage'
-  }
-  else if (route.path.startsWith('/open-live')) {
+  } else if (route.path.startsWith('/open-live')) {
     document.title = `${route.meta.title} · 开放平台 · VTsuru`
     return 'open-live'
-  }
-  else if (route.path.startsWith('/obs')) {
+  } else if (route.path.startsWith('/obs')) {
     document.title = `${route.meta.title} · OBS · VTsuru`
     return 'obs'
-  }
-  else {
+  } else if (route.path.startsWith('/client')) {
+    document.title = `${route.meta.title} · 客户端 · VTsuru`
+    return 'client'
+  } else {
     document.title = `${route.meta.title} · VTsuru`
     return ''
   }
 })
 watchEffect(() => {
   if (isDarkMode.value) {
-    document.documentElement.classList.add('dark');
-    console.log('Added dark class to HTML'); // For debugging
+    document.documentElement.classList.add('dark')
   } else {
-    document.documentElement.classList.remove('dark');
-    console.log('Removed dark class from HTML'); // For debugging
+    document.documentElement.classList.remove('dark')
   }
-  // If you dynamically apply Naive UI theme to body or provider, do it here too
-});
+})
 
-const themeOverrides = {
-  common: {
-    // primaryColor: '#9ddddc',
-    fontFamily:
-      'Inter ,"Noto Sans SC",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important',
-  },
-  // ...
+const themeOverrides = computed(() => {
+  return {
+    common: {
+      // 主色调 (中蓝色基调，提升可读性并增强对比)
+      primaryColor: '#4D6E9C',
+      primaryColorHover: '#6483A9', // 略微提亮悬浮色
+      primaryColorPressed: '#365A7D', // 调整按下色，避免在暗色模式下过暗
+      primaryColorSuppl: '#809BC1', // 调整补充色，使其与背景有区分
+
+      // 信息色 (浅蓝色基调，提升对比度)
+      infoColorHover: '#79AFDE', // 提亮悬浮色
+      infoColorPressed: '#4B8AC3', // 调整按下色
+
+      // 成功色 (柔和青绿, 增强对比)
+      successColor: '#3AA89C',
+      successColorHover: '#5AB9AE', // 调整悬浮色
+      successColorPressed: '#2C8C82', // 调整按下色
+      successColorSuppl: '#B4E4DF', // 调整补充色
+
+      // 警告色 (柔和橙色, 微调对比)
+      warningColor: '#FFA64D',
+      warningColorHover: '#FFBA70', // 调整悬浮色
+      warningColorPressed: '#E89530', // 调整按下色
+      warningColorSuppl: '#FFE2C2', // 调整补充色
+
+      // 错误色 (柔和红色, 微调对比)
+      errorColor: '#E16565',
+      errorColorHover: '#EA8282', // 调整悬浮色
+      errorColorPressed: '#D44848', // 调整按下色
+      errorColorSuppl: '#F3C0C0', // 调整补充色
+
+      // 保持字体设置
+      fontFamily:
+        'Inter ,"Noto Sans SC",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important',
+
+      // 文本颜色 (提升可读性, 但不过度突兀)
+      textColorBase: isDarkMode.value ? '#ECECEC' : '#333333',
+      textColor1: isDarkMode.value ? '#E6E6E6' : '#333333',
+      textColor2: isDarkMode.value ? '#CCCCCC' : '#4F4F4F',
+      textColor3: isDarkMode.value ? '#AAAAAA' : '#656565',
+    },
+    Tooltip: {
+      color: isDarkMode.value ? '#48484e' : '#FFFFFF',
+      textColor: isDarkMode.value ? '#FFFFFF' : '#333333',
+    },
   }
+})
+const body = document.body
 
 onMounted(() => {
   if (isDarkMode.value) {
-    document.documentElement.classList.add('dark');
-    console.log('Added dark class to HTML'); // For debugging
+    document.documentElement.classList.add('dark')
   }
 })
 </script>
@@ -82,6 +120,7 @@ onMounted(() => {
     style="height: 100vh"
     :locale="zhCN"
     :date-locale="dateZhCN"
+    inline-theme-disabled
   >
     <NMessageProvider>
       <NNotificationProvider>
@@ -91,11 +130,15 @@ onMounted(() => {
               <Suspense>
                 <TempComponent>
                   <NLayoutContent>
-                    <NElement>
+                    <NElement
+                      style="height: 100vh;"
+                      :theme-overrides="themeOverrides"
+                    >
                       <ViewerLayout v-if="layout == 'viewer'" />
                       <ManageLayout v-else-if="layout == 'manage'" />
                       <OpenLiveLayout v-else-if="layout == 'open-live'" />
                       <OBSLayout v-else-if="layout == 'obs'" />
+                      <ClientLayout v-else-if="layout == 'client'" />
                       <template v-else>
                         <RouterView />
                       </template>
@@ -121,7 +164,7 @@ onMounted(() => {
 :root {
   font-feature-settings: 'liga' 1, 'calt' 1;
   --vtsuru-header-height: 50px;
-  --vtsuru-content-padding: 16px;
+  --vtsuru-content-padding: 12px;
 }
 
 @supports (font-variation-settings: normal) {

src/Utils.ts

@@ -1,31 +1,34 @@
+import type {
+  ConfigProviderProps,
+  UploadFileInfo,
+} from 'naive-ui'
+import type { DiscreteApiType } from 'naive-ui/es/discrete/src/interface'
+import type { SongsInfo } from './api/api-models'
+import { SquareArrowForward24Filled } from '@vicons/fluent'
 import { useStorage } from '@vueuse/core'
 import {
-  ConfigProviderProps,
-  NButton,
-  NIcon,
-  NTooltip,
-  UploadFileInfo,
   createDiscreteApi,
   darkTheme,
   dateZhCN,
+  NButton,
+  NIcon,
+  NTooltip,
   useOsTheme,
-  zhCN
+  zhCN,
 } from 'naive-ui'
-import { SongFrom, SongsInfo, ThemeType } from './api/api-models'
 import { computed } from 'vue'
-import { VTSURU_API_URL } from './data/constants'
-import { DiscreteApiType } from 'naive-ui/es/discrete/src/interface'
-import { SquareArrowForward24Filled } from '@vicons/fluent';
 import FiveSingIcon from '@/svgs/fivesing.svg'
 import NeteaseIcon from '@/svgs/netease.svg'
+import { SongFrom, ThemeType } from './api/api-models'
+import { VTSURU_API_URL } from './data/constants'
 
 const { message } = createDiscreteApi(['message'])
 
-const osThemeRef = useOsTheme() //获取当前系统主题
+const osThemeRef = useOsTheme() // 获取当前系统主题
 const themeType = useStorage('Settings.Theme', ThemeType.Auto)
 export const theme = computed(() => {
   if (themeType.value == ThemeType.Auto) {
-    var osThemeRef = useOsTheme() //获取当前系统主题
+    const osThemeRef = useOsTheme() // 获取当前系统主题
     return osThemeRef.value === 'dark' ? darkTheme : null
   } else {
     return themeType.value == ThemeType.Dark ? darkTheme : null
@@ -39,7 +42,7 @@ export const configProviderPropsRef = computed<ConfigProviderProps>(() => ({
 }))
 export function createNaiveUIApi(types: DiscreteApiType[]) {
   return createDiscreteApi(types, {
-    configProviderProps: configProviderPropsRef
+    configProviderProps: configProviderPropsRef,
   })
 }
 export function NavigateToNewTab(url: string) {
@@ -93,7 +96,7 @@ export function downloadImage(imageSrc: string, filename: string) {
     canvas.width = image.width
     canvas.height = image.height
     const ctx = canvas.getContext('2d')
-    ctx!.drawImage(image, 0, 0)
+    ctx.drawImage(image, 0, 0)
     canvas.toBlob((blob) => {
       if (blob) {
         const link = document.createElement('a')
@@ -107,35 +110,35 @@ export function downloadImage(imageSrc: string, filename: string) {
   }
   image.src = imageSrc
 }
-export function getBase64(
-  file: File | undefined | null
+export async function getBase64(
+  file: File | undefined | null,
 ): Promise<string | undefined> {
-  if (!file) return new Promise((resolve) => resolve(undefined))
+  if (!file) return new Promise(resolve => resolve(undefined))
   return new Promise((resolve, reject) => {
     const reader = new FileReader()
     reader.readAsDataURL(file)
     reader.onload = () =>
       resolve(reader.result?.toString().split(',')[1] || undefined)
-    reader.onerror = (error) => reject(error)
+    reader.onerror = error => reject(error)
   })
 }
 export async function getImageUploadModel(
   files: UploadFileInfo[] | undefined | null,
-  maxSize: number = 10 * 1024 * 1024
+  maxSize: number = 10 * 1024 * 1024,
 ) {
   const result = {
     existImages: [],
-    newImagesBase64: []
-  } as { existImages: string[]; newImagesBase64: string[] }
+    newImagesBase64: [],
+  } as { existImages: string[], newImagesBase64: string[] }
   if (!files) return result
   for (let i = 0; i < files.length; i++) {
     const file = files[i]
     if ((file.file?.size ?? 0) > maxSize) {
-      message.error('文件大小不能超过 ' + maxSize / 1024 / 1024 + 'MB')
+      message.error(`文件大小不能超过 ${maxSize / 1024 / 1024}MB`)
       return result
     }
     if (!file.file) {
-      result.existImages.push(file.id) //用id绝对路径当的文件名
+      result.existImages.push(file.id) // 用id绝对路径当的文件名
     } else {
       const base64 = await getBase64(file.file)
       if (base64) {
@@ -147,15 +150,18 @@ export async function getImageUploadModel(
 }
 export function getUserAvatarUrl(userId: number | undefined | null) {
   if (!userId) return ''
-  return VTSURU_API_URL + 'user-face/' + userId
+  return `${VTSURU_API_URL}user-face/${userId}`
 }
 export function getOUIdAvatarUrl(ouid: string) {
-  return VTSURU_API_URL + 'face/' + ouid
+  return `${VTSURU_API_URL}face/${ouid}`
 }
 
 export class GuidUtils {
   // 将数字转换为GUID
   public static numToGuid(value: number): string {
+    if (!Number.isSafeInteger(value) || value < 0) {
+      throw new Error('输入必须是非负安全整数')
+    }
     const buffer = new ArrayBuffer(16)
     const view = new DataView(buffer)
     view.setBigUint64(8, BigInt(value)) // 将数字写入后8个字节
@@ -164,44 +170,60 @@ export class GuidUtils {
 
   // 检查GUID是否由数字生成
   public static isGuidFromUserId(guid: string): boolean {
-    const buffer = GuidUtils.guidToBuffer(guid)
-    const view = new DataView(buffer)
-    for (let i = 0; i < 8; i++) {
-      if (view.getUint8(i) !== 0) return false // 检查前8个字节是否为0
+    try {
+      const buffer = GuidUtils.guidToBuffer(guid)
+      const view = new DataView(buffer)
+      for (let i = 0; i < 8; i++) {
+        if (view.getUint8(i) !== 0) return false // 检查前8个字节是否为0
+      }
+      return true
+    } catch (e) {
+      return false
     }
-    return true
   }
 
   // 将GUID转换为数字
   public static guidToLong(guid: string): number {
-    const buffer = GuidUtils.guidToBuffer(guid)
-    const view = new DataView(buffer)
-    return Number(view.getBigUint64(8))
+    try {
+      const buffer = GuidUtils.guidToBuffer(guid)
+      const view = new DataView(buffer)
+      return Number(view.getBigUint64(8))
+    } catch (e) {
+      throw new Error('无效的GUID格式')
+    }
   }
 
   // 辅助方法：将ArrayBuffer转换为GUID字符串
   private static bufferToGuid(buffer: ArrayBuffer): string {
     const bytes = new Uint8Array(buffer)
-    const guid = bytes.reduce((str, byte, idx) => {
-      const pair = byte.toString(16).padStart(2, '0')
-      return (
-        str +
-        pair +
-        (idx === 3 || idx === 5 || idx === 7 || idx === 9 ? '-' : '')
-      )
-    }, '')
-    return guid
+    let hex = ''
+
+    for (let i = 0; i < 16; i++) {
+      hex += bytes[i].toString(16).padStart(2, '0')
+    }
+
+    // 标准GUID格式：xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
+    return `${hex.substring(0, 8)}-${
+      hex.substring(8, 12)}-${
+      hex.substring(12, 16)}-${
+      hex.substring(16, 20)}-${
+      hex.substring(20)}`
   }
 
   // 辅助方法：将GUID字符串转换为ArrayBuffer
   private static guidToBuffer(guid: string): ArrayBuffer {
     const hex = guid.replace(/-/g, '')
-    if (hex.length !== 32) throw new Error('Invalid GUID format.')
+    if (hex.length !== 32) throw new Error('无效的GUID格式')
+
     const buffer = new ArrayBuffer(16)
-    const view = new DataView(buffer)
+    const view = new Uint8Array(buffer)
+
     for (let i = 0; i < 16; i++) {
-      view.setUint8(i, parseInt(hex.substr(i * 2, 2), 16))
+      const byteValue = Number.parseInt(hex.substr(i * 2, 2), 16)
+      if (isNaN(byteValue)) throw new Error('GUID包含非法字符')
+      view.set([byteValue], i)
     }
+
     return buffer
   }
 }
@@ -251,23 +273,43 @@ export function GetPlayButton(song: SongsInfo) {
     case SongFrom.Custom:
       return song.url
         ? h(NTooltip, null, {
-          trigger: () =>
-            h(
-              NButton,
-              {
-                size: 'small',
-                color: '#6b95bd',
-                ghost: true,
-                onClick: () => {
-                  window.open(song.url)
+            trigger: () =>
+              h(
+                NButton,
+                {
+                  size: 'small',
+                  color: '#6b95bd',
+                  ghost: true,
+                  onClick: () => {
+                    window.open(song.url)
+                  },
                 },
-              },
-              {
-                icon: () => h(NIcon, { component: SquareArrowForward24Filled }),
-              },
-            ),
-          default: () => '打开链接',
-        })
+                {
+                  icon: () => h(NIcon, { component: SquareArrowForward24Filled }),
+                },
+              ),
+            default: () => '打开链接',
+          })
         : null
   }
-}
+}
+export function getBrowserName() {
+  const userAgent = navigator.userAgent
+  if (userAgent.includes('Opera') || userAgent.includes('OPR')) {
+    return 'Opera'
+  } else if (userAgent.includes('compatible') && userAgent.includes('MSIE')) {
+    return 'IE'
+  } else if (userAgent.includes('Edge')) {
+    return 'Edge'
+  } else if (userAgent.includes('Firefox')) {
+    return 'Firefox'
+  } else if (userAgent.includes('Safari') && !userAgent.includes('Chrome')) {
+    return 'Safari'
+  } else if (userAgent.includes('Chrome') && userAgent.includes('Safari')) {
+    return 'Chrome'
+  } else if (!!window.ActiveXObject || 'ActiveXObject' in window) {
+    return 'IE>=11'
+  } else {
+    return 'Unkonwn'
+  }
+}

src/api/account.ts

@@ -1,23 +1,23 @@
-import { QueryGetAPI, QueryPostAPI, QueryPostAPIWithParams } from '@/api/query'
-import { ACCOUNT_API_URL, VTSURU_API_URL } from '@/data/constants'
-import { useLocalStorage } from '@vueuse/core'
+import type { AccountInfo, APIRoot, FunctionTypes } from './api-models'
+import { StorageSerializers } from '@vueuse/core'
 import { isSameDay } from 'date-fns'
 import { createDiscreteApi } from 'naive-ui'
 import { ref } from 'vue'
-import { APIRoot, AccountInfo, FunctionTypes } from './api-models'
-import { useRoute } from 'vue-router'
+import { QueryGetAPI, QueryPostAPI, QueryPostAPIWithParams } from '@/api/query'
+import { ACCOUNT_API_URL, USER_CONFIG_API_URL } from '@/data/constants'
 
 export const ACCOUNT = ref<AccountInfo>({} as AccountInfo)
 export const isLoadingAccount = ref(true)
-const route = useRoute()
+export const isLoggedIn = computed<boolean>(() => {
+  return ACCOUNT.value.id > 0
+})
 
 const { message } = createDiscreteApi(['message'])
-const cookie = useLocalStorage('JWT_Token', '')
-const cookieRefreshDate = useLocalStorage('JWT_Token_Last_Refresh', Date.now())
+export const cookie = useLocalStorage<{ cookie: string, refreshDate: number }>('Cookie', { cookie: '', refreshDate: 0 }, { serializer: StorageSerializers.object })
 
-export async function GetSelfAccount() {
-  if (cookie.value) {
-    const result = await Self()
+export async function GetSelfAccount(token?: string) {
+  if (cookie.value.cookie || token) {
+    const result = await Self(token)
     if (result.code == 200) {
       if (!ACCOUNT.value.id) {
         ACCOUNT.value = result.data
@@ -26,52 +26,62 @@ export async function GetSelfAccount() {
         ACCOUNT.value = result.data
       }
       isLoadingAccount.value = false
-      //console.log('[vtsuru] 已获取账户信息')
-      if (!isSameDay(new Date(), cookieRefreshDate.value)) {
-        refreshCookie()
+      // console.log('[vtsuru] 已获取账户信息')
+      if (!cookie.value.cookie || !isSameDay(new Date(), cookie.value.refreshDate)) {
+        refreshCookie(token)
       }
       return result.data
     } else if (result.code == 401) {
       localStorage.removeItem('JWT_Token')
-      console.warn('[vtsuru] Cookie 已失效, 需要重新登陆')
-      message.error('Cookie 已失效, 需要重新登陆')
-      setTimeout(() => {
-        location.reload()
-      }, 1500)
+      if (!token) {
+        cookie.value = undefined
+        console.warn('[vtsuru] Cookie 已失效, 需要重新登陆')
+        message.error('Cookie 已失效, 需要重新登陆')
+        setTimeout(() => {
+          location.reload()
+        }, 1500)
+      }
     } else {
-      console.warn('[vtsuru] ' + result.message)
+      console.warn(`[vtsuru] ${result.message}`)
       message.error(result.message)
     }
   }
   isLoadingAccount.value = false
 }
+
 export function UpdateAccountLoop() {
   setInterval(() => {
-    if (ACCOUNT.value && route?.name != 'question-display') {
+    const urlParams = new URLSearchParams(window.location.search)
+    if (urlParams.get('as')) {
+      return
+    }
+    if (ACCOUNT.value && window.$route?.name != 'question-display') {
       // 防止在问题详情页刷新
       GetSelfAccount()
     }
   }, 60 * 1000)
 }
-function refreshCookie() {
-  QueryPostAPI<string>(`${ACCOUNT_API_URL}refresh-token`).then((data) => {
+function refreshCookie(token?: string) {
+  QueryPostAPIWithParams<string>(`${ACCOUNT_API_URL}refresh-token`, { token }).then((data) => {
     if (data.code == 200) {
-      cookie.value = data.data
-      cookieRefreshDate.value = Date.now()
+      cookie.value = {
+        cookie: data.data,
+        refreshDate: new Date().getTime(),
+      }
       console.log('[vtsuru] 已刷新Cookie')
     }
   })
 }
 export async function SaveAccountSettings() {
-  return await QueryPostAPI(
-    ACCOUNT_API_URL + 'update-setting',
-    ACCOUNT.value?.settings
+  return QueryPostAPI(
+    `${ACCOUNT_API_URL}update-setting`,
+    ACCOUNT.value?.settings,
   )
 }
 export async function SaveEnableFunctions(functions: FunctionTypes[]) {
-  return await QueryPostAPI(
-    ACCOUNT_API_URL + 'update-enable-functions',
-    functions
+  return QueryPostAPI(
+    `${ACCOUNT_API_URL}update-enable-functions`,
+    functions,
   )
 }
 export async function SaveSetting(
@@ -84,25 +94,25 @@ export async function SaveSetting(
     | 'SongRequest'
     | 'QuestionBox'
     | 'SendEmail',
-  setting: unknown
+  setting: unknown,
 ) {
   const result = await QueryPostAPIWithParams(
-    ACCOUNT_API_URL + 'update-single-setting',
+    `${ACCOUNT_API_URL}update-single-setting`,
     {
-      name
+      name,
     },
-    setting
+    setting,
   )
   return result.message
 }
 export async function UpdateFunctionEnable(func: FunctionTypes) {
   if (ACCOUNT.value) {
     const oldValue = JSON.parse(
-      JSON.stringify(ACCOUNT.value.settings.enableFunctions)
+      JSON.stringify(ACCOUNT.value.settings.enableFunctions),
     )
     if (ACCOUNT.value?.settings.enableFunctions.includes(func)) {
-      ACCOUNT.value.settings.enableFunctions =
-        ACCOUNT.value.settings.enableFunctions.filter((f) => f != func)
+      ACCOUNT.value.settings.enableFunctions
+        = ACCOUNT.value.settings.enableFunctions.filter(f => f != func)
     } else {
       ACCOUNT.value.settings.enableFunctions.push(func)
     }
@@ -110,20 +120,20 @@ export async function UpdateFunctionEnable(func: FunctionTypes) {
       .then((data) => {
         if (data.code == 200) {
           message.success(
-            `已${ACCOUNT.value?.settings.enableFunctions.includes(func) ? '启用' : '禁用'}`
+            `已${ACCOUNT.value?.settings.enableFunctions.includes(func) ? '启用' : '禁用'}`,
           )
         } else {
           if (ACCOUNT.value) {
             ACCOUNT.value.settings.enableFunctions = oldValue
           }
           message.error(
-            `${ACCOUNT.value?.settings.enableFunctions.includes(func) ? '启用' : '禁用'}失败: ${data.message}`
+            `${ACCOUNT.value?.settings.enableFunctions.includes(func) ? '启用' : '禁用'}失败: ${data.message}`,
           )
         }
       })
       .catch((err) => {
         message.error(
-          `${ACCOUNT.value?.settings.enableFunctions.includes(func) ? '启用' : '禁用'}失败: ${err}`
+          `${ACCOUNT.value?.settings.enableFunctions.includes(func) ? '启用' : '禁用'}失败: ${err}`,
         )
       })
   }
@@ -136,118 +146,135 @@ export async function Register(
   name: string,
   email: string,
   password: string,
-  token: string
+  token: string,
 ): Promise<APIRoot<string>> {
   return QueryPostAPI<string>(`${ACCOUNT_API_URL}register`, {
     name,
     email,
     password,
-    token
+    token,
   })
 }
 
 export async function Login(
   nameOrEmail: string,
-  password: string
+  password: string,
 ): Promise<APIRoot<string>> {
   return QueryPostAPI<string>(`${ACCOUNT_API_URL}login`, {
     nameOrEmail,
-    password
+    password,
   })
 }
-export async function Self(): Promise<APIRoot<AccountInfo>> {
-  return QueryPostAPI<AccountInfo>(`${ACCOUNT_API_URL}self`)
+export async function Self(token?: string): Promise<APIRoot<AccountInfo>> {
+  return QueryPostAPIWithParams<AccountInfo>(`${ACCOUNT_API_URL}self`, token ? { token } : undefined)
 }
 export async function AddBiliBlackList(
   id: number,
-  name: string
+  name: string,
 ): Promise<APIRoot<unknown>> {
   return QueryGetAPI<AccountInfo>(`${ACCOUNT_API_URL}black-list/add-bili`, {
-    id: id,
-    name: name
+    id,
+    name,
   })
 }
 export async function DelBiliBlackList(id: number): Promise<APIRoot<unknown>> {
   return QueryGetAPI<AccountInfo>(`${ACCOUNT_API_URL}black-list/del-bili`, {
-    id: id
+    id,
   })
 }
 export async function DelBlackList(id: number): Promise<APIRoot<unknown>> {
   return QueryGetAPI<AccountInfo>(`${ACCOUNT_API_URL}black-list/del`, {
-    id: id
+    id,
   })
 }
-export function downloadConfigDirect(name: string) {
-  return QueryGetAPI<string>(VTSURU_API_URL + 'get-config', {
-    name: name
+export async function downloadConfigDirect(name: string) {
+  return QueryGetAPI<string>(`${USER_CONFIG_API_URL}get`, {
+    name,
   })
 }
 export type ConfigStatus = 'success' | 'error' | 'notfound'
 export async function DownloadConfig<T>(name: string, id?: number): Promise<
   | {
-      msg: undefined
-      status: ConfigStatus
-      data: T
-    }
+    msg: undefined
+    status: ConfigStatus
+    data: T
+  }
   | {
-      msg: string
-      status: ConfigStatus
-      data: undefined
-    }
+    msg: string
+    status: ConfigStatus
+    data: undefined
+  }
 > {
   try {
-    const resp = await QueryGetAPI<string>(VTSURU_API_URL + (id ? 'get-user-config' : 'get-config'), {
-      name: name,
-      id: id
+    const resp = await QueryGetAPI<string>(USER_CONFIG_API_URL + (id ? 'get-user' : 'get'), {
+      name,
+      id,
     })
     if (resp.code == 200) {
-      console.log('已获取配置文件: ' + name)
+      console.log(`已获取配置文件: ${name}`)
       return {
         msg: undefined,
         status: 'success',
-        data: JSON.parse(resp.data) as T
+        data: JSON.parse(resp.data) as T,
       }
     } else if (resp.code == 404) {
       console.error(`未找到名为 ${name} 的配置文件`)
       return {
         msg: `未找到名为 ${name} 的配置文件, 需要先上传`,
         status: 'notfound',
-        data: undefined
+        data: undefined,
       }
     } else {
-      console.error(`无法获取配置文件 [${name}]: ` + resp.message)
+      console.error(`无法获取配置文件 [${name}]: ${resp.message}`)
       return {
-        msg: `无法获取配置文件 [${name}]: ` + resp.message,
+        msg: `无法获取配置文件 [${name}]: ${resp.message}`,
         status: 'error',
-        data: undefined
+        data: undefined,
       }
     }
   } catch (err) {
-    console.error(`无法获取配置文件 [${name}]: ` + err)
+    console.error(`无法获取配置文件 [${name}]: ${err}`)
     return {
-      msg: `无法获取配置文件 [${name}]: ` + err,
+      msg: `无法获取配置文件 [${name}]: ${err}`,
       status: 'error',
-      data: undefined
+      data: undefined,
     }
   }
 }
-export async function UploadConfig(name: string, data: unknown) {
+export async function UploadConfig(name: string, data: unknown, isPublic: boolean = false) {
   try {
-    const resp = await QueryPostAPI(VTSURU_API_URL + 'set-config', {
-      name: name,
-      json: JSON.stringify(data)
+    const resp = await QueryPostAPI(`${USER_CONFIG_API_URL}set`, {
+      name,
+      json: JSON.stringify(data),
+      public: isPublic,
     })
     if (resp.code == 200) {
-      console.log('已保存配置文件至服务器:' + name)
+      console.log(`已保存配置文件至服务器:${name}`)
       return true
     } else {
-      console.error('保存失败: ' + resp.message)
+      console.error(`保存失败: ${resp.message}`)
     }
   } catch (err) {
-    console.error(`保存配置文件失败: ` + err)
+    console.error(`保存配置文件失败: ${err}`)
   }
   return false
 }
+export async function GetConfigHash(name: string) {
+  try {
+    const resp = await QueryGetAPI<string>(`${USER_CONFIG_API_URL}hash`, {
+      name,
+    })
+    if (resp.code == 200) {
+      return resp.data
+    } else {
+      console.error(`获取配置文件hash失败: ${resp.message}`)
+      return null
+    }
+  } catch (err) {
+    console.error(`获取配置文件hash失败: ${err}`)
+    return null
+  }
+}
 export async function EnableFunction(func: FunctionTypes) {
   if (ACCOUNT.value) {
     if (ACCOUNT.value.settings.enableFunctions.includes(func)) {
@@ -259,7 +286,7 @@ export async function EnableFunction(func: FunctionTypes) {
       } else {
         ACCOUNT.value.settings.enableFunctions.splice(
           ACCOUNT.value.settings.enableFunctions.indexOf(func),
-          1
+          1,
         )
         return false
       }
@@ -274,7 +301,7 @@ export async function DisableFunction(func: FunctionTypes) {
     } else {
       ACCOUNT.value.settings.enableFunctions.splice(
         ACCOUNT.value.settings.enableFunctions.indexOf(func),
-        1
+        1,
       )
       if (await updateFunctionEnable()) {
         return true
@@ -290,7 +317,7 @@ async function updateFunctionEnable() {
   if (ACCOUNT.value) {
     try {
       const data = await SaveEnableFunctions(
-        ACCOUNT.value.settings.enableFunctions
+        ACCOUNT.value.settings.enableFunctions,
       )
       if (data.code == 200) {
         return true

src/api/api-models.ts

@@ -1,5 +1,4 @@
-import { ExtendedDock24Filled } from '@vicons/fluent'
-import { UserConsumptionSetting } from './models/consumption'
+import type { UserConsumptionSetting } from './models/consumption'
 
 export interface APIRoot<T> {
   code: number
@@ -13,16 +12,16 @@ export interface PaginationResponse<T> extends APIRoot<T> {
   more: boolean
 }
 export enum IndexTypes {
-  Default
+  Default,
 }
 export enum SongListTypes {
-  Default
+  Default,
 }
 export enum GuardLevel {
   None = 0,
   Zongdu = 1,
   Tidu = 2,
-  Jianzhang = 3
+  Jianzhang = 3,
 }
 export interface UserBasicInfo {
   name: string
@@ -40,6 +39,8 @@ export interface UserInfo extends UserBasicInfo {
     isInBlackList: boolean
     templateTypes: { [key: string]: string }
     streamerInfo?: StreamerModel
+    allowCheckInRanking?: boolean // 是否允许查看签到排行
+    allowQuestionBoxUploadImage?: boolean // 是否允许问题箱上传图片
   }
 }
 export interface EventFetcherStateModel {
@@ -54,7 +55,8 @@ export interface EventFetcherStateModel {
 export enum EventFetcherType {
   Application,
   OBS,
-  Server
+  Tauri,
+  Server,
 }
 export interface AccountInfo extends UserInfo {
   isEmailVerified: boolean
@@ -102,22 +104,23 @@ export enum BiliAuthCodeStatusType {
   NotBind,
   Active,
   Notfound,
-  Inactive
+  Inactive,
 }
 export interface Setting_SendEmail {
   recieveQA: boolean
   recieveQAReply: boolean
+  receiveOrder: boolean
 }
 export enum SaftyLevels {
   Disabled,
   Low,
   Medium,
-  High
+  High,
 }
 export interface Setting_QuestionBox {
   allowUnregistedUser: boolean
-
   saftyLevel: SaftyLevels
+  allowImageUpload: boolean
 }
 export interface UserSetting {
   sendEmail: Setting_SendEmail
@@ -139,6 +142,11 @@ export interface Setting_Index {
   videos: string[]
   notification: string
   links: { [key: string]: string }
+  /**
+   * 自定义链接顺序（存储链接名称的有序数组）
+   * 旧数据无此字段时在前端初始化为 Object.keys(links)
+   */
+  linkOrder?: string[]
 }
 export interface Setting_LiveRequest {
   orderPrefix: string
@@ -163,6 +171,8 @@ export interface Setting_LiveRequest {
   zongduCooldownSecond: number
   tiduCooldownSecond: number
   jianzhangCooldownSecond: number
+  enableWebCooldown: boolean
+  webCooldownSecond: number
 
   allowGift: boolean
   giftNames?: string[]
@@ -224,6 +234,30 @@ export interface Setting_Point {
   scPointPercent: number // double maps to number in TypeScript
   giftPointPercent: number // double maps to number in TypeScript
   giftAllowType: SettingPointGiftAllowType
+  shouldDiscontinueWhenSoldOut: boolean
+
+  // 签到系统设置
+  enableCheckIn: boolean // 是否启用签到功能
+  checkInKeyword: string // 签到关键词
+  givePointsForCheckIn: boolean // 是否为签到提供积分
+  baseCheckInPoints: number // 基础签到积分
+  enableConsecutiveBonus: boolean // 是否启用连续签到奖励
+  bonusPointsPerDay: number // 每天额外奖励积分
+  maxBonusPoints: number // 最大奖励积分
+  allowSelfCheckIn: boolean // 是否允许自己签到
+  requireAuth: boolean // 是否需要认证
+
+  // 每日首次互动奖励设置
+  enableDailyFirstDanmaku: boolean // 是否启用每日首次弹幕奖励
+  dailyFirstDanmakuPoints: number // 每日首次弹幕积分
+  enableDailyFirstGift: boolean // 是否启用每日首次礼物奖励
+  dailyFirstGiftPoints: number // 每日首次礼物积分（固定积分）
+  useDailyFirstGiftPercent: boolean // 是否使用礼物价值比例计算
+  dailyFirstGiftPercent: number // 每日首次礼物价值比例
+
+  // 仅开播时生效设置
+  dailyFirstOnlyOnStreaming: boolean
+  checkInOnlyOnStreaming: boolean
 }
 export interface Setting_QuestionDisplay {
   font?: string // Optional string, with a maximum length of 30 characters
@@ -250,37 +284,38 @@ export interface Setting_QuestionDisplay {
 export enum QuestionDisplayAlign {
   Left,
   Right,
-  Center
+  Center,
 }
 export enum SettingPointGiftAllowType {
   All,
-  WhiteList
+  WhiteList,
 }
 export enum KeywordMatchType {
   Full,
   Contains,
-  Regex
+  Regex,
 }
 
 export enum QueueSortType {
   GuardFirst,
   PaymentFist,
   TimeFirst,
-  FansMedalFirst
+  FansMedalFirst,
 }
 
 export enum QueueGiftFilterType {
   Or,
-  And
+  And,
 }
 export enum FunctionTypes {
   SongList,
   QuestionBox,
   Schedule,
-  SongRequest,
+  LiveRequest,
   Queue,
   Point,
-  VideoCollect
+  VideoCollect,
+  CheckInRanking,
 }
 export interface SongAuthorInfo {
   name: string
@@ -290,7 +325,7 @@ export enum SongFrom {
   Custom,
   Netease,
   FiveSing,
-  Kugou
+  Kugou,
 }
 export interface SongsInfo {
   id: number
@@ -305,7 +340,7 @@ export interface SongsInfo {
   tags?: string[]
   createTime: number
   updateTime: number
-  //paidSong: boolean
+  // paidSong: boolean
   options?: SongRequestOption
   cover?: string
 }
@@ -322,13 +357,13 @@ export enum SongLanguage {
   Japanese, // 日文
   Spanish, // 西班牙文
   French, // 法文
-  Other //其他
+  Other, // 其他
 }
 export enum LevelTypes {
   Info,
   Success,
   Warn,
-  Error
+  Error,
 }
 export interface NotifactionInfo {
   id: string
@@ -337,7 +372,7 @@ export interface NotifactionInfo {
   message: string
   type: LevelTypes
 }
-//SENSITIVE_TERM, HATE, VIOLENCE, PORNOGRAPHY, POLITICS, ADVERTISING, AGGRESSION
+// SENSITIVE_TERM, HATE, VIOLENCE, PORNOGRAPHY, POLITICS, ADVERTISING, AGGRESSION
 export enum ViolationTypes {
   SENSITIVE_TERM,
   HATE,
@@ -345,9 +380,9 @@ export enum ViolationTypes {
   PORNOGRAPHY,
   POLITICS,
   ADVERTISING,
-  AGGRESSION
+  AGGRESSION,
 }
-export type QAReviewInfo = {
+export interface QAReviewInfo {
   isApproved: boolean
   saftyScore: number
   violationType: ViolationTypes[]
@@ -356,8 +391,8 @@ export interface QAInfo {
   id: number
   sender: UserBasicInfo
   target: UserBasicInfo
-  question: { message: string; image?: string }
-  answer?: { message: string; image?: string }
+  question: { message: string }
+  answer?: { message: string, createdAt: number }
   isReaded?: boolean
   isSenderRegisted: boolean
   isPublic: boolean
@@ -365,8 +400,13 @@ export interface QAInfo {
   sendAt: number
   isAnonymous: boolean
 
+  answerImages?: UploadFileResponse[]
+  questionImages?: UploadFileResponse[]
+
   tag?: string
   reviewResult?: QAReviewInfo
+  anonymousName?: string
+  anonymousEmail?: string
 }
 export interface LotteryUserInfo {
   name: string
@@ -388,18 +428,27 @@ export interface LotteryUserCardInfo {
 export interface ScheduleWeekInfo {
   year: number
   week: number
-  days: ScheduleDayInfo[]
+  days: ScheduleDayInfo[][]
 }
 export interface ScheduleDayInfo {
   title: string | null
   tag: string | null
   tagColor: string | null
   time: string | null
+  id: string | null
+}
+
+export interface BatchScheduleRequest {
+  startYear: number
+  startWeek: number
+  count: number
+  dayOfWeek: number
+  schedule: ScheduleDayInfo
 }
 export enum ThemeType {
   Auto = 'auto',
   Light = 'light',
-  Dark = 'dark'
+  Dark = 'dark',
 }
 export interface VideoCollectCreateModel {
   id?: string
@@ -433,12 +482,12 @@ export interface VideoCollectVideo {
 }
 export enum VideoFrom {
   Collect,
-  Spam
+  Spam,
 }
 export enum VideoStatus {
   Pending,
   Accepted,
-  Rejected
+  Rejected,
 }
 export interface VideoSender {
   sendAt: number
@@ -454,7 +503,7 @@ export interface VideoInfo {
 }
 export interface VideoCollectDetail {
   table: VideoCollectTable
-  videos: { info: VideoInfo; video: VideoCollectVideo }[]
+  videos: { info: VideoInfo, video: VideoCollectVideo }[]
 }
 export interface GameInfo {
   game_id: string
@@ -485,13 +534,13 @@ export interface OpenLiveLotteryUserInfo {
   level?: number
   avatar: string
   fans_medal_level: number
-  fans_medal_name: string //粉丝勋章名
-  fans_medal_wearing_status: boolean //该房间粉丝勋章佩戴情况
+  fans_medal_name: string // 粉丝勋章名
+  fans_medal_wearing_status: boolean // 该房间粉丝勋章佩戴情况
   guard_level: number
 }
 export enum OpenLiveLotteryType {
   Waiting,
-  Result
+  Result,
 }
 export interface UpdateLiveLotteryUsersModel {
   users: OpenLiveLotteryUserInfo[]
@@ -526,30 +575,30 @@ export enum SongRequestFrom {
   Danmaku,
   SC,
   Web,
-  Gift
+  Gift,
 }
 export enum QueueFrom {
   Manual,
   Danmaku,
   Gift,
-  Web
+  Web,
 }
 
 export enum SongRequestStatus {
   Waiting,
   Singing,
   Finish,
-  Cancel
+  Cancel,
 }
 export enum QueueStatus {
   Waiting,
   Progressing,
   Finish,
-  Cancel
+  Cancel,
 }
 export interface EventModel {
   type: EventDataTypes
-  name: string
+  uname: string
   uface: string
   uid: number
   open_id: string
@@ -557,7 +606,7 @@ export interface EventModel {
   time: number
   num: number
   price: number
-  guard_level: number
+  guard_level: GuardLevel
   fans_medal_level: number
   fans_medal_name: string
   fans_medal_wearing_status: boolean
@@ -571,7 +620,8 @@ export enum EventDataTypes {
   Message,
   Like,
   SCDel,
-  Enter
+  Enter,
+  Follow,
 }
 export interface ResponseQueueModel {
   id: number
@@ -624,7 +674,7 @@ export enum FeedbackType {
   Opinion,
   Bug,
   FunctionRequest,
-  Other
+  Other,
 }
 export enum FeedbackStatus {
   Padding,
@@ -632,7 +682,7 @@ export enum FeedbackStatus {
   Finish,
   Todo,
   Reject,
-  Developing
+  Developing,
 }
 export interface TagInfo {
   name: string
@@ -640,15 +690,23 @@ export interface TagInfo {
 }
 export enum GoodsStatus {
   Normal, // 商品正常
-  //OutOfStock,  // 商品无货
-  Discontinued // 商品下架
+  // OutOfStock,  // 商品无货
+  Discontinued, // 商品下架
 }
 export enum GoodsTypes {
   Physical,
-  Virtual
+  Virtual,
 }
+
+// 添加密钥选择模式枚举
+export enum KeySelectionMode {
+  None,
+  Random, // 随机选择
+  Sequential, // 顺序选择
+}
+
 export interface PointGoodsSetting {
-  guardFree?: { year: number; month: number }
+  guardFree?: { year: number, month: number }
   allowGuardLevel?: GuardLevel
 }
 export interface ResponsePointGoodModel {
@@ -659,7 +717,7 @@ export interface ResponsePointGoodModel {
   count?: number
   price: number
   tags: string[]
-  cover?: string
+  cover?: UploadFileResponse
   images: string[]
   status: GoodsStatus
   type: GoodsTypes
@@ -667,22 +725,30 @@ export interface ResponsePointGoodModel {
   maxBuyCount?: number
   collectUrl?: string
   embedCollectUrl?: boolean
+  isPinned: boolean
 
   canFreeBuy: boolean
   allowGuardLevel: GuardLevel
   setting: PointGoodsSetting
+
+  // 购买状态信息
+  purchasedCount: number
+  hasPurchased: boolean
+  canPurchase: boolean
+  cannotPurchaseReason?: string
+
+  // 添加虚拟礼物多Key支持
+  virtualKeys?: string[]
+  keySelectionMode?: KeySelectionMode
+  currentKeyIndex?: number
 }
-export interface ImageUploadModel {
-  existImages: string[]
-  newImagesBase64: string[]
-}
-export interface PointGoodsModel {
+export interface UploadPointGoodsModel {
   id?: number
   name: string
   count?: number
   price: number
   tags: string[]
-  cover?: ImageUploadModel
+  cover?: UploadFileResponse
   status: GoodsStatus
   type: GoodsTypes
   collectUrl?: string
@@ -691,15 +757,21 @@ export interface PointGoodsModel {
   content?: string
   isAllowRebuy: boolean
   maxBuyCount?: number
+  isPinned: boolean
 
   setting: PointGoodsSetting
+
+  // 添加虚拟礼物多Key支持
+  virtualKeys?: string[]
+  keySelectionMode?: KeySelectionMode
+  currentKeyIndex?: number
 }
 export interface AddressInfo {
   id?: string
   province: string
-  city: string
-  district: string
-  street: string
+  city?: string
+  district?: string
+  street?: string
   address: string
   phone: number
   name: string
@@ -715,6 +787,7 @@ export interface BiliAuthBaseModel {
 export interface BiliAuthModel extends BiliAuthBaseModel {
   address?: AddressInfo[]
   token: string
+  guardInfo: Record<number, GuardLevel>
 }
 export interface ResponsePointUserModel {
   point: number
@@ -735,12 +808,12 @@ export interface ResponsePointOrder2OwnerModel {
   type: GoodsTypes
   customer: BiliAuthModel
   address?: AddressInfo
-  goodsId: number
+  goods: ResponsePointGoodModel
   count: number
   createAt: number
   updateAt: number
   status: PointOrderStatus
-
+  remark?: string
   trackingNumber?: string
   expressCompany?: string
 }
@@ -754,6 +827,7 @@ export interface ResponsePointOrder2UserModel {
   goods: ResponsePointGoodModel
   status: PointOrderStatus
   createAt: number
+  remark?: string
 
   trackingNumber?: string
   expressCompany?: string
@@ -761,8 +835,24 @@ export interface ResponsePointOrder2UserModel {
 export enum PointOrderStatus {
   Pending, // 订单正在等待处理
   Shipped, // 订单已发货
-  Completed // 订单已完成
+  Completed, // 订单已完成
 }
+// 积分历史记录的 extra 字段类型定义
+// 为了保持向后兼容并避免类型检查问题，使用通用的 extra 接口，但提供详细注释
+export interface PointHistoryExtraBase {
+  user?: UserBasicInfo
+  // Danmaku 类型特有字段
+  danmaku?: DanmakuModel
+  // Manual 类型特有字段
+  reason?: string
+  // Use 类型特有字段
+  goods?: ResponsePointGoodModel | null
+  isDiscontinued?: boolean
+  remark?: string
+  // DailyFirstInteraction 类型特有字段
+  interactionType?: string // 'danmaku' | 'gift'
+}
+
 export interface ResponsePointHisrotyModel {
   point: number
   ouId: string
@@ -771,17 +861,164 @@ export interface ResponsePointHisrotyModel {
   createAt: number
   count: number
 
-  extra?: any
+  /**
+   * 根据 from 字段，extra 包含不同的数据：
+   * - PointFrom.Danmaku: { user: UserBasicInfo, danmaku: DanmakuModel }
+   * - PointFrom.Manual: { user: UserBasicInfo, reason?: string }
+   * - PointFrom.Use: { user: UserBasicInfo, goods: ResponsePointGoodModel | null, isDiscontinued: boolean, remark?: string }
+   * - PointFrom.CheckIn: { user: UserBasicInfo }
+   * - PointFrom.DailyFirstInteraction: { user: UserBasicInfo, interactionType: string, danmaku?: DanmakuModel | null }
+   */
+  extra?: PointHistoryExtraBase
 }
 
 export enum PointFrom {
   Danmaku,
   Manual,
-  Use
+  Use,
+  CheckIn,
+  DailyFirstInteraction,
 }
 
 export interface ResponseUserIndexModel {
   notification: string
   videos: VideoCollectVideo[]
   links: { [key: string]: string }
+  linkOrder?: string[]
+}
+
+// 签到排行信息
+export interface CheckInRankingInfo {
+  ouId: string
+  name: string
+  consecutiveDays: number
+  points: number
+  lastCheckInTime: number
+  isAuthed: boolean
+  monthlyCheckInCount?: number // 本月签到次数
+  totalCheckInCount?: number // 总签到次数
+}
+
+// 签到结果
+export interface CheckInResult {
+  success: boolean
+  message: string
+  points: number
+  consecutiveDays: number
+  todayRank: number
+}
+
+/**
+ * 文件类型枚举
+ */
+export enum UserFileTypes {
+  Image = 0,
+  Audio = 1,
+  Video = 2,
+  Document = 3,
+  Other = 4,
+}
+
+/**
+ * 文件存储位置枚举
+ */
+export enum UserFileLocation {
+  Local = 0,
+}
+
+/**
+ * 文件上传响应接口
+ */
+export interface UploadFileResponse {
+  id: number
+  path: string
+  name: string
+  hash: string
+}
+
+/**
+ * 扩展的文件信息接口，用于文件上传组件
+ */
+export interface ExtendedUploadFileInfo {
+  id: string // 文件唯一标识符
+  name: string // 文件名称
+  status: 'uploading' | 'finished' | 'error' | 'removed' // 上传状态
+  thumbnailUrl?: string // 缩略图URL
+  file?: File // 可选的文件对象
+}
+
+// 弹幕投票相关类型定义
+export enum VoteResultMode {
+  ByCount = 0, // 按人数计票
+  ByGiftValue = 1, // 按礼物价值计票
+}
+
+export interface APIFileModel {
+  id: number
+  path: string
+  name: string
+  hash: string
+}
+
+export interface VoteConfig {
+  isEnabled: boolean
+  showResults: boolean
+  voteDurationSeconds: number
+  voteCommand: string
+  voteEndCommand: string
+  voteTitle: string
+  allowMultipleOptions: boolean
+  allowMultipleVotes: boolean
+  allowCustomOptions: boolean
+  logVotes: boolean
+  defaultOptions: string[]
+  backgroundFile?: APIFileModel
+  backgroundColor: string
+  textColor: string
+  optionColor: string
+  roundedCorners: boolean
+  displayPosition: string
+  allowGiftVoting: boolean
+  minGiftPrice?: number
+  voteResultMode: VoteResultMode
+}
+
+export interface VoteOption {
+  text: string
+  count: number
+  voters: string[]
+  percentage?: number // 用于OBS显示
+}
+
+export interface ResponseVoteSession {
+  id: number
+  title: string
+  options: VoteOption[]
+  startTime: number
+  endTime?: number
+  isActive: boolean
+  totalVotes: number
+  creator?: UserBasicInfo
+}
+
+export interface RequestCreateBulletVote {
+  title: string
+  options: string[]
+  allowMultipleVotes: boolean
+  durationSeconds?: number
+}
+
+export interface VoteOBSData {
+  title: string
+  options: VoteOption[]
+  totalVotes: number
+  showResults: boolean
+  isEnding: boolean
+  backgroundImage?: string
+  backgroundColor: string
+  textColor: string
+  optionColor: string
+  roundedCorners: boolean
+  displayPosition: string
+  endTime?: number
 }

src/api/models/consumption.ts

@@ -1,16 +1,16 @@
-export enum ConsumptionTypes{
+export enum ConsumptionTypes {
   DanmakuStorage,
 }
 
 export interface IDeductionSetting {
   isEnabled: boolean
- }
+}
 export interface UserConsumptionSetting {
   danmakuStorage: DanmakuStorageDeductionSetting
 }
 export enum DeductionStorageType {
   Time,
-  Count
+  Count,
 }
 export interface DanmakuStorageDeductionSetting extends IDeductionSetting {
   storageType: DeductionStorageType

src/api/models/forum.ts

@@ -1,4 +1,4 @@
-import { UserBasicInfo } from '../api-models'
+import type { UserBasicInfo } from '../api-models'
 
 export enum ForumTopicSortTypes {
   Time,
@@ -26,9 +26,9 @@ export interface ForumSetting {
   sendTopicDelay: number // Assuming the default value is handled elsewhere
 }
 export interface ForumUserModel extends UserBasicInfo {
- isAdmin: boolean
+  isAdmin: boolean
 }
-export type ForumModel = {
+export interface ForumModel {
   id: number
   name: string
   owner: ForumUserModel
@@ -51,7 +51,7 @@ export type ForumModel = {
   isAdmin: boolean
   isMember: boolean
 }
-export type ForumSectionModel = {
+export interface ForumSectionModel {
   id: number
   name: string
   description: string
@@ -61,7 +61,7 @@ export enum ForumTopicTypes {
   Default,
   Vote,
 }
-export type ForumTopicSetting = {
+export interface ForumTopicSetting {
   canReply?: boolean
 }
 export interface ForumTopicBaseModel {

src/api/query.ts

@@ -1,21 +1,20 @@
-/* eslint-disable indent */
-import { apiFail } from '@/data/constants'
-import { useLocalStorage } from '@vueuse/core'
-import { APIRoot, PaginationResponse } from './api-models'
-
-const cookie = useLocalStorage('JWT_Token', '')
+import type { APIRoot, PaginationResponse } from './api-models'
+import { apiFail, mapToCurrentAPI } from '@/data/constants'
+import { cookie } from './account'
+import { useBiliAuth } from '@/store/useBiliAuth'
 
 export async function QueryPostAPI<T>(
   urlString: string,
   body?: unknown,
-  headers?: [string, string][]
+  headers?: [string, string][],
+  contentType?: string,
 ): Promise<APIRoot<T>> {
-  return await QueryPostAPIWithParams<T>(
+  return QueryPostAPIWithParams<T>(
     urlString,
     undefined,
     body,
-    'application/json',
-    headers
+    contentType || 'application/json',
+    headers,
   )
 }
 export async function QueryPostAPIWithParams<T>(
@@ -23,15 +22,15 @@ export async function QueryPostAPIWithParams<T>(
   params?: any,
   body?: any,
   contentType?: string,
-  headers?: [string, string][]
+  headers?: [string, string][],
 ): Promise<APIRoot<T>> {
   // @ts-expect-error 忽略
-  return await QueryPostAPIWithParamsInternal<APIRoot<T>>(
+  return QueryPostAPIWithParamsInternal<APIRoot<T>>(
     urlString,
     params,
     body,
     contentType,
-    headers
+    headers,
   )
 }
 async function QueryPostAPIWithParamsInternal<T>(
@@ -39,37 +38,47 @@ async function QueryPostAPIWithParamsInternal<T>(
   params?: any,
   body?: any,
   contentType: string = 'application/json',
-  headers: [string, string][] = []
+  headers: [string, string][] = [],
 ) {
   let url: URL
   try {
     url = new URL(urlString.toString())
   } catch (e) {
-    console.error('尝试解析API地址失败: ' + urlString, e)
+    console.error(`尝试解析API地址失败: ${urlString}`, e)
     return {
       code: 400,
-      message: '无效的API地址: ' + urlString,
-      data: {} as T
+      message: `无效的API地址: ${urlString}`,
+      data: {} as T,
     }
   }
   url.search = getParams(params)
   headers ??= []
-  let h = {} as { [key: string]: string }
+  const h = {} as { [key: string]: string }
   headers.forEach((header) => {
     h[header[0]] = header[1]
   })
-  if (cookie.value) h['Authorization'] = `Bearer ${cookie.value}`
+  if (cookie.value.cookie) h.Authorization = `Bearer ${cookie.value.cookie}`
+  const biliAuth = useBiliAuth()
+  if (biliAuth.currentToken) {
+    h['Bili-Auth'] = biliAuth.currentToken
+  }
 
-  h['Content-Type'] = contentType
-  return await QueryAPIInternal<T>(url, {
+  // 当使用FormData时，不手动设置Content-Type，让浏览器自动添加boundary
+  if (!(body instanceof FormData)) {
+    h['Content-Type'] = contentType
+  }
+
+  return QueryAPIInternal<T>(url, {
     method: 'post',
     headers: h,
-    body: typeof body === 'string' ? body : JSON.stringify(body)
+    body: body instanceof FormData ? body : typeof body === 'string' ? body : JSON.stringify(body),
   })
 }
 async function QueryAPIInternal<T>(url: URL, init: RequestInit) {
   try {
-    const data = await fetch(url, init)
+    // 使用用户选择的API
+    const mappedUrl = mapToCurrentAPI(url.toString())
+    const data = await fetch(mappedUrl, init)
     const result = (await data.json()) as T
     return result
   } catch (e) {
@@ -84,36 +93,40 @@ async function QueryAPIInternal<T>(url: URL, init: RequestInit) {
 export async function QueryGetAPI<T>(
   urlString: string,
   params?: any,
-  headers?: [string, string][]
+  headers?: [string, string][],
 ): Promise<APIRoot<T>> {
   // @ts-expect-error 忽略
-  return await QueryGetAPIInternal<APIRoot<T>>(urlString, params, headers)
+  return QueryGetAPIInternal<APIRoot<T>>(urlString, params, headers)
 }
 async function QueryGetAPIInternal<T>(
   urlString: string,
   params?: any,
-  headers?: [string, string][]
+  headers?: [string, string][],
 ) {
   try {
     let url: URL
     try {
       url = new URL(urlString.toString())
     } catch (e) {
-      console.error('尝试解析API地址失败: ' + urlString, e)
+      console.error(`尝试解析API地址失败: ${urlString}`, e)
       return {
         code: 400,
-        message: '无效的API地址: ' + urlString,
-        data: {} as T
+        message: `无效的API地址: ${urlString}`,
+        data: {} as T,
       }
     }
     url.search = getParams(params)
     headers ??= []
-    let h = {} as { [key: string]: string }
+    const h = {} as { [key: string]: string }
     headers.forEach((header) => {
       h[header[0]] = header[1]
     })
-    if (cookie.value) {
-      h['Authorization'] = `Bearer ${cookie.value}`
+    if (cookie.value.cookie) {
+      h.Authorization = `Bearer ${cookie.value.cookie}`
+    }
+    const biliAuth = useBiliAuth()
+    if (biliAuth.currentToken) {
+      h['Bili-Auth'] = biliAuth.currentToken
     }
     return await QueryAPIInternal<T>(url, { method: 'get', headers: h })
   } catch (err) {
@@ -142,26 +155,27 @@ function getParams(params: any) {
   if (urlParams.has('token')) {
     resultParams.set('token', urlParams.get('token') || '')
   }
+
   return resultParams.toString()
 }
 export async function QueryPostPaginationAPI<T>(
   url: string,
-  body?: unknown
+  body?: unknown,
 ): Promise<PaginationResponse<T>> {
   // @ts-expect-error 忽略
-  return await QueryPostAPIWithParamsInternal<PaginationResponse<T>>(
+  return QueryPostAPIWithParamsInternal<PaginationResponse<T>>(
     url,
     undefined,
-    body
+    body,
   )
 }
 export async function QueryGetPaginationAPI<T>(
   urlString: string,
-  params?: unknown
+  params?: unknown,
 ): Promise<PaginationResponse<T>> {
   // @ts-expect-error 忽略
-  return await QueryGetAPIInternal<PaginationResponse<T>>(urlString, params)
+  return QueryGetAPIInternal<PaginationResponse<T>>(urlString, params)
 }
 export function GetHeaders(): [string, string][] {
-  return [['Authorization', `Bearer ${cookie.value}`]]
+  return [['Authorization', `Bearer ${cookie.value?.cookie}`]]
 }

src/api/user.ts

@@ -1,8 +1,8 @@
-import { QueryGetAPI } from '@/api/query'
-import { USER_API_URL, apiFail } from '@/data/constants'
+import type { APIRoot, UserBasicInfo, UserInfo } from './api-models'
 import { ref } from 'vue'
 import { useRoute } from 'vue-router'
-import { APIRoot, UserBasicInfo, UserInfo } from './api-models'
+import { QueryGetAPI } from '@/api/query'
+import { apiFail, USER_API_URL } from '@/data/constants'
 
 export const USERS = ref<{ [id: string]: UserInfo }>({})
 
@@ -24,7 +24,7 @@ export async function useUser(id: string | undefined = undefined) {
     }
     return USERS.value[id]
   } else {
-    console.error('指定id: ' + id + ' 无效')
+    console.error(`指定id: ${id} 无效`)
   }
 }
 export async function useUserWithUId(id: number) {
@@ -45,6 +45,6 @@ export async function getUserBasicInfo(id: string | number | undefined) {
 
 export async function GetInfo(id: string): Promise<APIRoot<UserInfo>> {
   return QueryGetAPI<UserInfo>(`${USER_API_URL}info`, {
-    id: id,
+    id,
   })
 }

src/assets/controller/Body/Joycons/VSCView Right Joycon.svg

@@ -0,0 +1,266 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="85.909302mm"
+   height="246.05598mm"
+   viewBox="0 0 85.909303 246.05599"
+   version="1.1"
+   id="svg910"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   sodipodi:docname="VSCView Right Joycon.svg"
+   xml:space="preserve"
+   inkscape:export-filename="..\Templates\VSCView Switch Left JoyCon.png"
+   inkscape:export-xdpi="95.8863"
+   inkscape:export-ydpi="95.8863"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview912"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.70710678"
+     inkscape:cx="388.90873"
+     inkscape:cy="219.2031"
+     inkscape:window-width="2560"
+     inkscape:window-height="1334"
+     inkscape:window-x="-11"
+     inkscape:window-y="-11"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" /><defs
+     id="defs907"><inkscape:path-effect
+       effect="bspline"
+       id="path-effect4290"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" /><inkscape:path-effect
+       effect="bspline"
+       id="path-effect2694"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" /><inkscape:path-effect
+       effect="bspline"
+       id="path-effect1360"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" /><inkscape:path-effect
+       effect="bspline"
+       id="path-effect1344"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" /></defs><g
+     inkscape:label="Nintendo Switch Joycons"
+     id="layer1"
+     transform="matrix(4.3606292,0,0,4.3606292,-581.87878,-466.8667)"><g
+       id="g729"><g
+         id="g34554-3-4"
+         style="display:inline"
+         transform="matrix(1.076775,0,0,1.076775,20.20017,158.03298)"
+         inkscape:label="Right Joycon Attachment"><g
+           id="path6923"
+           transform="matrix(0.24571831,0,0,0.24571831,60.075534,-46.407457)"
+           inkscape:label="SL"><path
+             style="color:#000000;display:inline;fill:#828282;fill-opacity:1;stroke-width:0.890654;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;-inkscape-stroke:none"
+             d="m 186.50391,132.4043 h -1.73633 c -0.36261,0 -0.66016,0.55034 -0.66016,1.22461 v 14.52734 c 0,0.67386 0.29759,1.22461 0.66016,1.22461 h 2.23828 c 0.002,-0.008 0.004,-0.0158 0.006,-0.0234 0.0223,-0.0934 0.039,-0.18497 0.0508,-0.27344 0.0118,-0.0885 0.0176,-0.17346 0.0176,-0.2539 v -14.71094 c 0,-0.0842 -0.006,-0.17112 -0.0176,-0.26172 -0.0118,-0.0906 -0.0285,-0.18497 -0.0508,-0.2793 -0.0223,-0.0943 -0.0506,-0.18974 -0.082,-0.28515 -0.0314,-0.0954 -0.0662,-0.18934 -0.10547,-0.2832 -0.0393,-0.0939 -0.0831,-0.18767 -0.12891,-0.27735 -0.0458,-0.0897 -0.0935,-0.17496 -0.14453,-0.25781 -0.0151,-0.0245 -0.0314,-0.0465 -0.0469,-0.0703 z"
+             id="path7216"
+             inkscape:label="Color" /><path
+             style="color:#000000;display:inline;fill:#211e1e;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;-inkscape-stroke:none"
+             d="m 184.76758,131.95898 c -0.4066,0 -0.69302,0.28907 -0.85742,0.59375 -0.1644,0.30469 -0.24805,0.67354 -0.24805,1.07618 v 14.52734 c 0,0.40248 0.0837,0.77148 0.24805,1.07617 0.16437,0.3047 0.45065,0.59375 0.85742,0.59375 h 2.23828 a 0.44537155,0.44537155 0 0 0 0.43164,-0.33789 c 0.002,-0.006 0.004,-0.0118 0.006,-0.0176 a 0.44537155,0.44537155 0 0 0 0.002,-0.01 c 0.0259,-0.1085 0.0448,-0.21523 0.0586,-0.31836 0.0142,-0.10656 0.0215,-0.21066 0.0215,-0.3125 v -14.71094 c 0,-0.10535 -0.008,-0.21136 -0.0215,-0.31836 -0.0136,-0.10469 -0.0324,-0.21362 -0.0586,-0.32422 -0.0262,-0.11092 -0.0577,-0.21856 -0.0918,-0.32226 -0.0348,-0.10575 -0.0752,-0.21137 -0.11915,-0.31641 -0.044,-0.1052 -0.0919,-0.20933 -0.14257,-0.30859 -0.0508,-0.0995 -0.10452,-0.19557 -0.16211,-0.28907 -0.0277,-0.045 -0.0467,-0.0688 -0.0527,-0.0781 a 0.44537155,0.44537155 0 0 0 -0.22265,-0.17774 0.44537155,0.44537155 0 0 0 -0.15039,-0.0254 z m 0,0.89063 H 186.25 c 0.0159,0.029 0.0333,0.0555 0.0488,0.0859 0.0409,0.0801 0.0807,0.16349 0.11523,0.24609 0.0346,0.0827 0.0658,0.16495 0.0937,0.25 0.0287,0.0871 0.052,0.17037 0.0703,0.24805 0.0185,0.0781 0.033,0.15786 0.043,0.23437 0.01,0.0742 0.0137,0.14204 0.0137,0.20508 v 14.71094 c 0,0.0319 -0.005,0.07 -0.008,0.10547 h -1.85937 c 0.0442,0 8.4e-4,0.0141 -0.0742,-0.125 -0.0751,-0.13915 -0.14063,-0.38293 -0.14063,-0.6543 v -14.52734 c 0,-0.27163 0.0656,-0.51525 0.14063,-0.6543 0.075,-0.13905 0.11821,-0.125 0.0742,-0.125 z"
+             id="path7218"
+             inkscape:label="Outline" /></g><g
+           id="path6758"
+           transform="matrix(0.24571831,0,0,0.24571831,60.075534,-46.407457)"
+           inkscape:label="SR"><path
+             style="color:#000000;fill:#828282;fill-opacity:1;stroke-width:0.890654;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;-inkscape-stroke:none"
+             d="m 186.52148,51.59375 h -1.7539 c -0.36261,0 -0.66016,0.552294 -0.66016,1.226562 v 14.525391 c 0,0.673902 0.29759,1.22461 0.66016,1.224609 h 1.98437 c 0.0137,-0.02802 0.0279,-0.05546 0.041,-0.08398 0.0213,-0.04638 0.0409,-0.09518 0.0606,-0.142578 0.0196,-0.0474 0.0389,-0.09453 0.0566,-0.142578 0.0178,-0.04805 0.0351,-0.0962 0.0508,-0.144531 0.0157,-0.04833 0.0295,-0.0963 0.043,-0.144532 0.0135,-0.04823 0.026,-0.09677 0.0371,-0.144531 0.0111,-0.04776 0.0207,-0.09566 0.0293,-0.142578 0.009,-0.04692 0.0175,-0.09297 0.0234,-0.138672 0.006,-0.0457 0.009,-0.09066 0.0117,-0.134766 0.002,-0.02205 0.003,-0.04287 0.004,-0.06445 7.6e-4,-0.02158 0.002,-0.04338 0.002,-0.06445 V 53.339844 c 0,-0.02106 -0.001,-0.04288 -0.002,-0.06445 -7.7e-4,-0.02157 -0.002,-0.04241 -0.004,-0.06445 -0.003,-0.04409 -0.006,-0.08908 -0.0117,-0.134766 -0.006,-0.04569 -0.0148,-0.09176 -0.0234,-0.138672 -0.009,-0.04691 -0.0182,-0.09482 -0.0293,-0.142578 -0.0111,-0.04776 -0.0236,-0.0963 -0.0371,-0.144531 -0.0135,-0.04823 -0.0273,-0.0962 -0.043,-0.144532 -0.0157,-0.04833 -0.033,-0.09647 -0.0508,-0.144531 -0.0178,-0.04806 -0.037,-0.09517 -0.0566,-0.142578 -0.0196,-0.04741 -0.0392,-0.09424 -0.0606,-0.140625 -0.0213,-0.04639 -0.0435,-0.09369 -0.0664,-0.138672 -0.0229,-0.04499 -0.046,-0.08765 -0.0703,-0.130859 -0.0243,-0.04321 -0.0507,-0.08589 -0.0762,-0.126953 -0.0189,-0.03045 -0.0391,-0.0588 -0.0586,-0.08789 z"
+             id="path7208"
+             inkscape:label="Color" /><path
+             style="color:#000000;display:inline;fill:#211e1e;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;-inkscape-stroke:none"
+             d="m 184.76758,51.148437 c -0.4074,0 -0.6932,0.288724 -0.85742,0.59375 -0.16423,0.305027 -0.24805,0.675485 -0.24805,1.078125 v 14.525391 c 0,0.402502 0.0837,0.77148 0.24805,1.076172 0.16437,0.304692 0.45066,0.593751 0.85742,0.59375 h 1.98437 a 0.44537155,0.44537155 0 0 0 0.40039,-0.25 c 0.0108,-0.022 0.0261,-0.05276 0.0449,-0.09375 0.0275,-0.05988 0.05,-0.112219 0.0684,-0.15625 a 0.44537155,0.44537155 0 0 0 0,-0.002 c 0.02,-0.04833 0.0412,-0.100261 0.0625,-0.158203 0.0188,-0.05079 0.0381,-0.105013 0.0566,-0.16211 0.0188,-0.05775 0.0348,-0.111825 0.0488,-0.162109 0.0152,-0.0542 0.0283,-0.107346 0.041,-0.162109 0.0128,-0.05527 0.0238,-0.109361 0.0332,-0.160157 v -0.0039 c 0.009,-0.04806 0.0195,-0.101634 0.0273,-0.162109 0.008,-0.05786 0.011,-0.10747 0.0137,-0.150391 l 0.002,-0.01367 c 0.002,-0.02675 0.003,-0.05186 0.004,-0.07031 a 0.44537155,0.44537155 0 0 0 0,-0.0059 c 5.3e-4,-0.0151 0.002,-0.04154 0.002,-0.08008 V 53.339844 c 0,-0.03276 -9.6e-4,-0.05901 -0.002,-0.08008 v -0.0059 c -8.9e-4,-0.0229 -0.004,-0.04767 -0.006,-0.07227 v -0.01172 c -0.003,-0.04185 -0.006,-0.09068 -0.0137,-0.148438 a 0.44537155,0.44537155 0 0 0 0,-0.0039 c -0.008,-0.06311 -0.0191,-0.115378 -0.0273,-0.160156 a 0.44537155,0.44537155 0 0 0 0,-0.0039 c -0.009,-0.04696 -0.0195,-0.101281 -0.0332,-0.160157 -0.0127,-0.05476 -0.0258,-0.107906 -0.041,-0.162109 -0.0141,-0.05028 -0.0301,-0.104358 -0.0488,-0.162109 -0.0186,-0.05711 -0.0378,-0.111353 -0.0566,-0.16211 -0.0211,-0.05698 -0.0423,-0.109427 -0.0625,-0.158203 -0.0199,-0.04809 -0.0429,-0.100911 -0.0684,-0.15625 v -0.002 c -0.0222,-0.04828 -0.0471,-0.09913 -0.0742,-0.152344 -0.0262,-0.05146 -0.0516,-0.101173 -0.0781,-0.148437 -0.0304,-0.05412 -0.0601,-0.101054 -0.0859,-0.142578 -0.0286,-0.04602 -0.0535,-0.07947 -0.0684,-0.101563 l -0.002,0.0039 a 0.44537155,0.44537155 0 0 0 -0.36719,-0.201172 z m 0,0.890625 h 1.50586 c 0.0194,0.03482 0.039,0.06694 0.0566,0.101563 0.0184,0.0362 0.0384,0.07897 0.0586,0.123047 a 0.44537155,0.44537155 0 0 0 0,0.002 c 0.017,0.03678 0.0336,0.07682 0.0527,0.123047 0.019,0.04604 0.0363,0.08782 0.0508,0.126953 0.0168,0.04536 0.0321,0.0874 0.0449,0.126953 0.0126,0.03891 0.0242,0.08077 0.0371,0.126953 0.0118,0.04226 0.0237,0.08619 0.0332,0.126953 0.009,0.03664 0.0164,0.07814 0.0254,0.125 0.009,0.04683 0.0159,0.08593 0.0195,0.113282 0.003,0.02855 0.007,0.06255 0.01,0.105468 a 0.44537155,0.44537155 0 0 0 0,0.01172 c 0.001,0.01324 0.001,0.02417 0.002,0.03906 a 0.44537155,0.44537155 0 0 0 0,0.0059 c 0.001,0.02141 0.002,0.03601 0.002,0.04297 v 13.882812 c 0,0.0036 -9.7e-4,0.02076 -0.002,0.04883 -8e-4,0.01669 -0.001,0.03016 -0.002,0.03906 a 0.44537155,0.44537155 0 0 0 -0.002,0.01367 c -0.003,0.04245 -0.004,0.0762 -0.008,0.103515 a 0.44537155,0.44537155 0 0 0 0,0.002 c -0.004,0.02951 -0.0109,0.06641 -0.0195,0.111329 a 0.44537155,0.44537155 0 0 0 0,0.0039 c -0.008,0.04198 -0.0163,0.08214 -0.0254,0.121094 -0.009,0.04076 -0.0214,0.0847 -0.0332,0.126953 -0.0129,0.04618 -0.0245,0.08805 -0.0371,0.126953 -0.0129,0.03956 -0.0281,0.08164 -0.0449,0.126953 -0.009,0.02348 -0.0205,0.05167 -0.0312,0.07813 h -1.69336 c 0.0442,0 8.4e-4,0.01414 -0.0742,-0.125 -0.0751,-0.139136 -0.14063,-0.382897 -0.14063,-0.654297 V 52.820312 c 0,-0.271627 0.0654,-0.514609 0.14063,-0.654296 0.0752,-0.139687 0.11901,-0.126954 0.0742,-0.126954 z"
+             id="path7210"
+             inkscape:label="Outline" /></g><path
+           style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:0.298422;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1"
+           d="m 107.53552,-2.7967834 c -0.16559,0.0154 -0.42919,0.0226 -0.59486,0.0226 H 106.647 c -0.16559,0 -0.29368,0.13552 -0.29368,0.3012 v 1.68671002 c 0,0.15807 -0.13552,0.29369 -0.3012,0.29369 h -0.40662 c -0.16559,0 -0.29367,-0.13552 -0.29367,-0.29369 V -8.5421334 c 0,-0.16559 0.0904,-0.39911 0.21085,-0.51205 l 0.27107,-0.27861 c 0.11296,-0.11296 0.21085,-0.34638 0.21085,-0.50451 v -3.6143996 c 0,-0.16559 -0.0979,-0.39157 -0.21085,-0.51205 l -0.27107,-0.27107 c -0.12048,-0.12048 -0.21085,-0.34639 -0.21085,-0.51204 v -13.84016 c 0,-0.15807 0.0904,-0.39154 0.21085,-0.50451 l 0.27861,-0.28614 c 0.11296,-0.11296 0.21083,-0.34637 0.21083,-0.51203 v -3.41108 c 0,-0.16558 -0.0979,-0.39909 -0.21083,-0.51205 l -0.31625,-0.31625 c -0.11297,-0.12048 -0.21086,-0.34639 -0.21086,-0.51205 v -7.16854 c 0,-0.15807 0.13552,-0.29366 0.3012,-0.29366 h 1.92014 c 0.16559,0 0.3012,0.13551 0.3012,0.29366 v 38.6815296 c 0,0.16559 -0.13551,0.31626 -0.3012,0.33134 z m 0,0"
+           id="path1893-6-4"
+           inkscape:label="Attachment Body" /></g><g
+         id="g35010"
+         style="display:inline"
+         transform="matrix(0.99999822,0,0,0.99999822,111.18488,113.04987)"
+         inkscape:label="Right Joycon"><path
+           id="path4352-7"
+           style="display:inline;fill:#636363;fill-opacity:1;stroke:#000000;stroke-width:0.27519;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 142.24377,107.20199 c -1.03203,0.001 -2.0015,0.14905 -2.63619,0.38622 -0.44701,0.16703 -0.72778,0.37848 -0.91605,0.60782 h 3.15868 c 0.0327,4.8e-4 0.0655,0.001 0.0981,0.002 0.0327,7.5e-4 0.0653,0.002 0.0979,0.003 0.0326,10e-4 0.0652,0.002 0.0978,0.003 0.0326,10e-4 0.065,0.003 0.0975,0.004 0.0325,0.002 0.0651,0.003 0.0975,0.005 0.0325,0.002 0.0648,0.004 0.0972,0.006 0.0324,0.002 0.0648,0.004 0.0972,0.006 0.0323,0.002 0.0647,0.005 0.0969,0.007 0.0323,0.003 0.0646,0.005 0.0968,0.008 0.0322,0.003 0.0644,0.006 0.0966,0.009 0.0322,0.003 0.0642,0.006 0.0964,0.009 0.0321,0.003 0.0643,0.007 0.0963,0.0102 0.032,0.004 0.064,0.007 0.096,0.011 0.032,0.004 0.064,0.008 0.0959,0.0117 0.0319,0.004 0.0639,0.008 0.0958,0.0124 0.0319,0.004 0.0636,0.009 0.0954,0.0132 0.0318,0.005 0.0635,0.009 0.0953,0.014 0.0317,0.005 0.0635,0.01 0.0952,0.0147 0.0317,0.005 0.0632,0.0101 0.0948,0.0154 0.0316,0.005 0.0632,0.0106 0.0947,0.0161 0.0315,0.005 0.063,0.0112 0.0944,0.0169 0.0315,0.006 0.0628,0.0116 0.0942,0.0175 0.0314,0.006 0.0627,0.0121 0.094,0.0184 0.0313,0.006 0.0626,0.0126 0.0939,0.0191 0.0312,0.006 0.0624,0.0131 0.0935,0.0198 0.0311,0.007 0.0623,0.0135 0.0934,0.0205 0.0311,0.007 0.062,0.0141 0.093,0.0213 0.031,0.007 0.062,0.0145 0.0929,0.0219 0.0309,0.007 0.0617,0.0149 0.0926,0.0226 0.0308,0.008 0.0617,0.0155 0.0924,0.0235 0.0307,0.008 0.0614,0.0159 0.0921,0.0241 0.0307,0.008 0.0613,0.0165 0.0918,0.0249 0.0306,0.008 0.0612,0.0169 0.0917,0.0255 0.0305,0.009 0.0609,0.0173 0.0913,0.0262 0.0304,0.009 0.0608,0.0179 0.0911,0.027 0.0303,0.009 0.0605,0.0183 0.0908,0.0276 0.0302,0.009 0.0604,0.0188 0.0905,0.0283 0.0301,0.01 0.0603,0.0192 0.0903,0.029 0.03,0.01 0.0601,0.0197 0.0901,0.0297 0.03,0.01 0.0599,0.0202 0.0897,0.0305 0.0299,0.0103 0.0597,0.0206 0.0895,0.0311 0.0298,0.0105 0.0594,0.0212 0.0891,0.0319 0.0297,0.0107 0.0593,0.0215 0.0889,0.0325 0.0296,0.011 0.0591,0.022 0.0885,0.0332 0.0295,0.0112 0.0589,0.0225 0.0883,0.0339 0.0294,0.0114 0.0587,0.023 0.0879,0.0346 0.0293,0.0116 0.0585,0.0233 0.0877,0.0352 0.0292,0.0119 0.0583,0.0238 0.0873,0.0359 0.0291,0.0121 0.058,0.0243 0.087,0.0366 0.029,0.0123 0.0579,0.0247 0.0867,0.0372 0.0289,0.0125 0.0576,0.0252 0.0864,0.0379 0.0287,0.0128 0.0574,0.0256 0.086,0.0386 0.0286,0.013 0.0573,0.0261 0.0858,0.0393 0.0285,0.0132 0.057,0.0265 0.0854,0.0399 0.0284,0.0134 0.0568,0.0269 0.0851,0.0405 0.0283,0.0136 0.0565,0.0274 0.0847,0.0412 0.0282,0.0139 0.0563,0.0279 0.0844,0.0419 0.0281,0.0141 0.0561,0.0284 0.084,0.0427 0.028,0.0143 0.0559,0.0287 0.0838,0.0433 0.0279,0.0145 0.0556,0.0291 0.0833,0.0438 0.0277,0.0147 0.0555,0.0296 0.0831,0.0446 0.0276,0.015 0.0551,0.03 0.0826,0.0452 0.0275,0.0152 0.0549,0.0305 0.0822,0.0459 0.0274,0.0154 0.0548,0.031 0.082,0.0466 0.0273,0.0156 0.0544,0.0312 0.0815,0.047 0.0271,0.0158 0.0542,0.0317 0.0812,0.0478 0.027,0.016 0.054,0.0322 0.0808,0.0485 0.0269,0.0162 0.0536,0.0326 0.0803,0.0491 0.0268,0.0165 0.0535,0.033 0.0801,0.0497 0.0266,0.0167 0.0531,0.0335 0.0796,0.0504 0.0265,0.0169 0.0529,0.0339 0.0793,0.051 0.0264,0.0171 0.0526,0.0343 0.0788,0.0515 0.0262,0.0173 0.0524,0.0348 0.0785,0.0523 0.0261,0.0175 0.0521,0.0351 0.0781,0.0529 0.0259,0.0177 0.0519,0.0355 0.0777,0.0534 0.0258,0.0179 0.0516,0.0359 0.0773,0.054 0.0257,0.0181 0.0513,0.0364 0.0768,0.0547 0.0255,0.0183 0.051,0.0368 0.0764,0.0553 0.0254,0.0185 0.0507,0.0372 0.076,0.0559 0.0253,0.0187 0.0505,0.0376 0.0756,0.0565 0.0251,0.0189 0.0502,0.038 0.0751,0.0571 0.025,0.0192 0.0499,0.0385 0.0748,0.0578 0.0248,0.0194 0.0496,0.0389 0.0743,0.0584 0.0247,0.0196 0.0493,0.0391 0.0738,0.0589 0.0245,0.0198 0.0491,0.0396 0.0735,0.0596 0.0244,0.02 0.0488,0.04 0.073,0.0602 0.0242,0.0202 0.0484,0.0404 0.0725,0.0608 0.0241,0.0204 0.0481,0.0408 0.072,0.0614 0.024,0.0206 0.0479,0.0412 0.0717,0.062 0.0238,0.0208 0.0475,0.0416 0.0711,0.0626 0.0237,0.021 0.0473,0.042 0.0708,0.0632 0.0235,0.0211 0.0469,0.0424 0.0703,0.0638 0.0233,0.0214 0.0466,0.0428 0.0698,0.0643 0.0232,0.0216 0.0462,0.0432 0.0692,0.065 0.023,0.0217 0.046,0.0436 0.0688,0.0655 0.0229,0.0219 0.0457,0.044 0.0684,0.0661 0.0227,0.0221 0.0454,0.0443 0.0679,0.0666 0.0225,0.0223 0.0449,0.0448 0.0673,0.0673 0.0224,0.0225 0.0447,0.0451 0.067,0.0678 0.0222,0.0227 0.0443,0.0455 0.0664,0.0684 0.0221,0.0229 0.044,0.0459 0.0659,0.069 0.0219,0.0231 0.0437,0.0463 0.0654,0.0696 0.0217,0.0233 0.0434,0.0467 0.065,0.0701 0.0215,0.0235 0.043,0.047 0.0643,0.0706 0.0214,0.0237 0.0428,0.0474 0.064,0.0712 0.0212,0.0238 0.0422,0.0478 0.0633,0.0718 0.021,0.024 0.0421,0.0481 0.0629,0.0723 0.0209,0.0242 0.0416,0.0486 0.0623,0.073 0.011,0.0129 0.0218,0.026 0.0327,0.039 -0.38781,-0.67647 -0.78572,-1.23949 -1.16729,-1.73968 -0.44121,-0.57838 -0.86052,-1.07284 -1.46332,-1.5695 -0.6028,-0.49667 -1.38902,-0.99542 -2.37796,-1.35383 -0.98895,-0.35842 -2.18041,-0.5764 -3.33028,-0.609 -0.1078,-0.003 -0.21522,-0.005 -0.32198,-0.004 z"
+           transform="matrix(1.0000018,0,0,1.0000018,-111.18508,-113.05007)"
+           inkscape:label="ZR Button" /><g
+           id="g4312"
+           inkscape:label="R Button"
+           style="display:inline"><path
+             id="path4308"
+             style="display:inline;fill:#636363;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333"
+             d="m 203.16992,0.50390625 c -1.00002,0 -1.82485,0.78257385 -1.84375,1.77734375 l -0.0137,1.0351562 0.0312,0.015625 h 12.23828 c 0.37704,0 0.75407,0.00458 1.12891,0.013672 0.37483,0.00909 0.74857,0.022934 1.12109,0.041016 0.37252,0.018082 0.7432,0.041389 1.11328,0.068359 0.37009,0.02697 0.73989,0.057993 1.10742,0.09375 0.36754,0.035757 0.7328,0.076651 1.09766,0.1210938 0.36486,0.044443 0.72777,0.091505 1.08984,0.1445312 0.36208,0.053026 0.72286,0.1103665 1.08204,0.171875 0.35917,0.061508 0.71806,0.1273767 1.07421,0.1972657 0.35616,0.069889 0.70949,0.1444883 1.0625,0.2226562 0.35302,0.078168 0.70493,0.1597486 1.05469,0.2460938 0.34976,0.086345 0.69853,0.1770635 1.04492,0.2714843 0.34639,0.094421 0.69031,0.192527 1.03321,0.2949219 0.3429,0.1023949 0.68414,0.2100451 1.02343,0.3203125 0.3393,0.1102674 0.67615,0.2237586 1.01172,0.3417969 0.33557,0.1180382 0.67023,0.2395268 1.00196,0.3652344 0.33173,0.1257075 0.6605,0.2553967 0.98828,0.3886718 0.32777,0.1332752 0.65481,0.2713682 0.97851,0.4121094 0.3237,0.1407412 0.64534,0.283535 0.96485,0.4316406 0.3195,0.1481057 0.63597,0.3016628 0.95117,0.4570313 0.3152,0.1553685 0.62868,0.3140328 0.93945,0.4765625 0.31077,0.1625297 0.61956,0.3284575 0.92578,0.4980468 0.30623,0.1695894 0.61055,0.3429839 0.91211,0.5195313 0.30157,0.1765474 0.5997,0.3556587 0.89649,0.5390625 0.29679,0.1834039 0.59092,0.3703879 0.88281,0.5605469 0.29189,0.190158 0.58226,0.383266 0.86914,0.580078 0.28688,0.196812 0.57176,0.398199 0.85352,0.601563 0.28175,0.203363 0.55943,0.409327 0.83593,0.61914 0.27651,0.209813 0.55113,0.42251 0.82227,0.638672 0.27114,0.216162 0.53903,0.435795 0.80469,0.658203 0.26566,0.222409 0.529,0.447228 0.78906,0.675781 0.26006,0.228554 0.51714,0.460716 0.77148,0.695313 0.25435,0.234597 0.5054,0.472351 0.75391,0.712891 0.24851,0.240539 0.49376,0.484089 0.73633,0.730468 0.24256,0.24638 0.48225,0.495929 0.71875,0.748047 0.2365,0.252118 0.47086,0.505917 0.70117,0.763672 0.23031,0.257755 0.45763,0.517959 0.68164,0.78125 0.22401,0.263291 0.44452,0.530103 0.66211,0.798828 0.21759,0.268725 0.43152,0.540396 0.64258,0.814453 0.21106,0.274057 0.41864,0.55079 0.62304,0.830078 0.20441,0.279288 0.40588,0.561286 0.60352,0.845704 0.19764,0.284417 0.39128,0.571883 0.58203,0.861328 0.19075,0.289444 0.37876,0.580629 0.5625,0.875 0.18374,0.29437 0.36439,0.59143 0.54102,0.890625 0.17662,0.299194 0.34819,0.600379 0.51757,0.904297 0.16939,0.303917 0.33602,0.60943 0.49805,0.917968 0.16203,0.308539 0.32006,0.620536 0.47461,0.933594 0.15456,0.313058 0.30616,0.627837 0.45313,0.945312 0.14696,0.317476 0.29043,0.637193 0.42968,0.958985 0.0428,0.09896 0.0829,0.19947 0.125,0.298828 l 0.002,0.002 1.29687,-0.002 c 1.13027,0 1.35037,-1.08919 1.0586,-1.755859 -0.43752,-0.999986 -0.90691,-1.973949 -1.41211,-2.9375 -0.44791,-0.822878 -0.9108,-1.634767 -1.40039,-2.431641 C 245.46294,8.9583391 231.1139,0.73823654 215.29102,0.50390625 Z"
+             transform="matrix(0.2645838,0,0,0.2645838,-26.296924,-4.9872889)"
+             inkscape:label="Color" /><path
+             style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;paint-order:normal"
+             d="m 26.966899,-4.1096971 0.004,-0.27423 c 0.005,-0.2632 0.22324,-0.46991 0.48783,-0.46991 h 3.20669 c 4.18648,0.062 7.98298,2.23655 10.15338,5.81532004 0.12954,0.21083996 0.25219,0.42580996 0.3707,0.64353996 0.13367,0.25494 0.25769,0.51264 0.37345,0.77722 0.0772,0.17639 0.0193,0.4644 -0.27975,0.4644 l -0.34313,10e-4"
+             id="path4310"
+             inkscape:label="Outline" /></g><path
+           style="display:inline;fill:#828282;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+           d="m 41.822149,7.2329329 c 0,-6.38444996 -5.22414,-11.3385 -11.60859,-11.3385 h -5.6913 c -0.29903,0 -0.53881,0.24116 -0.53881,0.54019 V 50.038933 c 0,0.14883 0.11989,0.26872 0.26872,0.26872 h 6.23011 c 6.26318,0 11.33987,-5.07532 11.33987,-11.33712 V 7.2329329 c 0,-1.35461 -0.22186,-2.61138 -0.68626,-3.88331"
+           id="path14253-7"
+           inkscape:label="R Joystick Body Color" /><path
+           style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+           d="m 41.822149,7.2329329 c 0,-6.38444996 -5.22414,-11.3385 -11.60859,-11.3385 h -5.6913 c -0.29903,0 -0.53881,0.24116 -0.53881,0.54019 V 50.038933 c 0,0.14883 0.11989,0.26872 0.26872,0.26872 h 6.23011 c 6.26318,0 11.33987,-5.07532 11.33987,-11.33712 V 7.2329329 c 0,-1.35461 -0.22186,-2.61138 -0.68626,-3.88331"
+           id="path14377-8"
+           inkscape:label="R Joystick Outline" /><path
+           style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:0.343988;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.489149,24.725749 c 0,2.3151 -1.87551,4.19061 -4.19062,4.19061 -2.3151,0 -4.19061,-1.87551 -4.19061,-4.19061 0,-2.31373 1.87551,-4.19062 4.19061,-4.19062 2.31511,0 4.19062,1.87689 4.19062,4.19062"
+           id="path14265-8-7"
+           inkscape:label="Joystick Outer" /><g
+           id="g5855-0"
+           inkscape:label="Face Buttons"
+           transform="translate(-111.18482,-113.04983)"><g
+             id="g5860-7"
+             inkscape:label="X Button"><path
+               style="display:inline;fill:#636363;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+               d="m 143.48335,116.63647 c -1.08589,0 -1.96508,0.88057 -1.96508,1.96508 0,1.0859 0.87919,1.96647 1.96508,1.96647 1.08452,0 1.96508,-0.88057 1.96508,-1.96647 0,-1.08451 -0.88056,-1.96508 -1.96508,-1.96508"
+               id="path14257-7"
+               inkscape:label="Color" /><path
+               style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+               d="m 143.48335,116.63647 c -1.08589,0 -1.96508,0.88057 -1.96508,1.96508 0,1.0859 0.87919,1.96647 1.96508,1.96647 1.08452,0 1.96508,-0.88057 1.96508,-1.96647 0,-1.08451 -0.88056,-1.96508 -1.96508,-1.96508 z m 0,0"
+               id="path14403-1"
+               inkscape:label="Outline" /><path
+               style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+               d="m 143.48335,118.40036 0.37621,-0.5898 h 0.26045 l -0.50574,0.74966 0.57464,0.83508 h -0.27974 l -0.43409,-0.66696 -0.42581,0.66696 h -0.27285 l 0.56775,-0.83922 -0.51263,-0.74552 h 0.27285 z m 0,0"
+               id="path14293-1"
+               inkscape:label="X Button Text" /></g><g
+             id="g5875-8"
+             inkscape:label="Y Button"><path
+               style="display:inline;fill:#636363;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+               d="m 137.25324,122.65161 c 0,1.08589 0.87919,1.96508 1.96371,1.96508 1.08589,0 1.96646,-0.87919 1.96646,-1.96508 0,-1.08589 -0.88057,-1.96508 -1.96646,-1.96508 -1.08452,0 -1.96371,0.87919 -1.96371,1.96508"
+               id="path14261-2"
+               inkscape:label="Color" /><path
+               style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+               d="m 137.25324,122.65161 c 0,1.08589 0.87919,1.96508 1.96371,1.96508 1.08589,0 1.96646,-0.87919 1.96646,-1.96508 0,-1.08589 -0.88057,-1.96508 -1.96646,-1.96508 -1.08452,0 -1.96371,0.87919 -1.96371,1.96508 z m 0,0"
+               id="path14407-0"
+               inkscape:label="Outline" /><path
+               style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+               d="m 139.32994,123.44811 h -0.22462 v -0.68901 l -0.59531,-0.90262 h 0.27423 l 0.4396,0.71934 0.44235,-0.71934 h 0.25907 l -0.59532,0.90262 z m 0,0"
+               id="path14297-6"
+               inkscape:label="Y Button Text" /></g><g
+             id="g5865-0"
+             inkscape:label="A Button"><path
+               style="display:inline;fill:#636363;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+               d="m 149.71484,122.65161 c 0,-1.08589 -0.88056,-1.96508 -1.96646,-1.96508 -1.08451,0 -1.96508,0.87919 -1.96508,1.96508 0,1.08589 0.88057,1.96508 1.96508,1.96508 1.0859,0 1.96646,-0.87919 1.96646,-1.96508"
+               id="path14255-2"
+               inkscape:label="Color" /><path
+               style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+               d="m 149.71484,122.65161 c 0,-1.08589 -0.88056,-1.96508 -1.96646,-1.96508 -1.08452,0 -1.96508,0.87919 -1.96508,1.96508 0,1.08589 0.88056,1.96508 1.96508,1.96508 1.0859,0 1.96646,-0.87919 1.96646,-1.96508 z m 0,0"
+               id="path14401-8"
+               inkscape:label="Outline" /><path
+               style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+               d="m 147.44246,122.83351 h 0.59255 l -0.2949,-0.74414 z m -0.23703,0.58429 h -0.24667 l 0.68627,-1.58612 h 0.20257 l 0.68075,1.58612 h -0.2508 l -0.16123,-0.38999 h -0.75241 z m 0,0"
+               id="path14299-1"
+               inkscape:label="A Button Text" /></g><g
+             id="g5870-2"
+             inkscape:label="B Button"><path
+               style="display:inline;fill:#636363;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+               d="m 143.48335,124.7352 c -1.08589,0 -1.96508,0.88057 -1.96508,1.96646 0,1.08452 0.87919,1.96371 1.96508,1.96371 1.08452,0 1.96508,-0.87919 1.96508,-1.96371 0,-1.08589 -0.88056,-1.96646 -1.96508,-1.96646"
+               id="path14259-2"
+               inkscape:label="Color" /><path
+               style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+               d="m 143.48335,124.7352 c -1.08589,0 -1.96508,0.88057 -1.96508,1.96646 0,1.08452 0.87919,1.96371 1.96508,1.96371 1.08452,0 1.96508,-0.87919 1.96508,-1.96371 0,-1.08589 -0.88056,-1.96646 -1.96508,-1.96646 z m 0,0"
+               id="path14405-1"
+               inkscape:label="Outline" /><path
+               style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+               d="m 143.19948,127.31351 h 0.27698 c 0.19017,0 0.39688,-0.0579 0.39688,-0.27423 0,-0.18603 -0.13229,-0.26734 -0.37621,-0.26734 h -0.29765 z m 0,-0.72898 h 0.28939 c 0.17087,0 0.31143,-0.0758 0.31143,-0.24805 0,-0.17087 -0.13642,-0.2384 -0.34726,-0.2384 h -0.25356 z m -0.22325,-0.67248 h 0.54846 c 0.23978,0 0.49885,0.0992 0.49885,0.40238 0,0.17502 -0.11299,0.30042 -0.27836,0.34589 v 0.004 c 0.20395,0.0248 0.35278,0.16399 0.35278,0.38723 0,0.30455 -0.26458,0.45062 -0.59807,0.45062 h -0.52366 z m 0,0"
+               id="path14295-0"
+               inkscape:label="B Button Text" /></g></g><g
+           id="g10066-6"
+           inkscape:label="Home Button"
+           style="display:inline"
+           transform="translate(-111.18482,-113.04983)"><path
+             style="display:inline;fill:#b0b0b0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.446085"
+             d="m 142.55994,147.976 c 0,1.13089 -0.91656,2.04745 -2.04746,2.04745 -1.13088,0 -2.04919,-0.91656 -2.04919,-2.04745 0,-1.13264 0.91831,-2.0492 2.04919,-2.0492 1.1309,0 2.04746,0.91656 2.04746,2.0492"
+             id="path10285-9"
+             inkscape:label="LED - OFF" /><path
+             style="display:inline;fill:#2a4fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.446085"
+             d="m 142.55994,147.976 c 0,1.13089 -0.91656,2.04745 -2.04746,2.04745 -1.13088,0 -2.04919,-0.91656 -2.04919,-2.04745 0,-1.13264 0.91831,-2.0492 2.04919,-2.0492 1.1309,0 2.04746,0.91656 2.04746,2.0492"
+             id="path10265-9"
+             inkscape:label="LED - ON" /><path
+             style="display:inline;fill:#636363;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+             d="m 142.1315,147.97582 c 0,0.89434 -0.72485,1.61919 -1.6192,1.61919 -0.89434,0 -1.62057,-0.72485 -1.62057,-1.61919 0,-0.89573 0.72623,-1.62058 1.62057,-1.62058 0.89435,0 1.6192,0.72485 1.6192,1.62058"
+             id="path14263-7"
+             inkscape:label="Button Color" /><path
+             style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+             d="m 140.84303,148.37407 c 0,0.0482 -0.0193,0.0675 -0.0661,0.0675 h -0.52917 c -0.0469,0 -0.0661,-0.0193 -0.0661,-0.0675 v -0.3955 c 0,-0.0469 0.0193,-0.0661 0.0661,-0.0661 h 0.52917 c 0.0455,0 0.0634,0.0179 0.0661,0.0634 z m 0.70005,-0.64354 c -0.32935,-0.27974 -0.65871,-0.55949 -0.98806,-0.83923 -0.0303,-0.0275 -0.0551,-0.0275 -0.0854,0 -0.32797,0.27974 -0.6587,0.55949 -0.98805,0.83923 -0.0579,0.0496 -0.0345,0.11575 0.0441,0.11575 h 0.12815 c 0.0455,0 0.0648,0.0193 0.0648,0.0661 v 0.85851 c 0,0.0482 0.0193,0.0675 0.0675,0.0675 h 1.45383 c 0.0469,0 0.0661,-0.0193 0.0661,-0.0675 v -0.85851 c 0,-0.0469 0.0193,-0.0661 0.0648,-0.0661 h 0.12816 c 0.0786,0 0.10335,-0.0661 0.0441,-0.11575"
+             id="path14283-7"
+             inkscape:label="Home Icon" /><path
+             style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+             d="m 142.67306,147.97582 c 0,1.192 -0.96738,2.15801 -2.15938,2.15801 -1.19476,0 -2.16076,-0.96601 -2.16076,-2.15801 0,-1.19338 0.966,-2.16077 2.16076,-2.16077 1.192,0 2.15938,0.96739 2.15938,2.16077 z m 0,0"
+             id="path14411-5"
+             inkscape:label="Outline 2" /><path
+             style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+             d="m 142.1315,147.97582 c 0,0.89434 -0.72485,1.61919 -1.6192,1.61919 -0.89434,0 -1.62057,-0.72485 -1.62057,-1.61919 0,-0.89573 0.72623,-1.62058 1.62057,-1.62058 0.89435,0 1.6192,0.72485 1.6192,1.62058 z m 0,0"
+             id="path14409-8"
+             inkscape:label="Outline 1" /></g><g
+           id="g18979-4"
+           inkscape:label="Right Joystick"
+           style="display:inline"
+           transform="translate(-111.18482,-113.04983)"><path
+             style="display:inline;fill:#636363;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+             d="m 147.67397,137.77558 c 0,2.3151 -1.87551,4.19061 -4.19062,4.19061 -2.3151,0 -4.19061,-1.87551 -4.19061,-4.19061 0,-2.31373 1.87551,-4.19062 4.19061,-4.19062 2.31511,0 4.19062,1.87689 4.19062,4.19062"
+             id="path14265-8"
+             inkscape:label="Joystick Color" /><path
+             style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+             d="m 147.67396,137.77558 c 0,2.3151 -1.8755,4.19061 -4.19061,4.19061 -2.3151,0 -4.19061,-1.87551 -4.19061,-4.19061 0,-2.31373 1.87551,-4.19062 4.19061,-4.19062 2.31511,0 4.19061,1.87689 4.19061,4.19062 z m 0,0"
+             id="path14423-5"
+             inkscape:label="Joystick Outline 1" /><path
+             id="path14425-6"
+             style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52275"
+             d="m 221.31836,96.519531 c -0.14285,0.0051 -0.25586,0.04941 -0.25586,0.314453 l -0.004,3.347656 c 0,0.35327 0.004,0.7066 0.004,1.06641 h 0.8125 c 0.004,-0.36008 0.004,-0.71302 0.004,-1.06641 l -0.004,-3.347656 c 0,-0.3617 -0.2082,-0.3125 -0.40625,-0.3125 -0.0508,0 -0.10277,-0.0036 -0.15039,-0.002 z M 206.125,111.89453 c -0.31516,0.0124 -0.2832,0.21549 -0.2832,0.41211 0,0.20326 -0.0325,0.40625 0.31445,0.40625 h 4.26563 l -0.008,-0.81836 h -4.25781 c -0.0109,0 -0.0211,-4e-4 -0.0312,0 z m 26.39648,0.006 -0.006,0.8125 c 0.37384,0 0.74081,1.3e-4 1.10743,0.004 l 3.39843,-0.004 c 0.36624,0 0.33204,-0.20915 0.33204,-0.41211 0,-0.19808 0.0346,-0.40039 -0.33204,-0.40039 z m -11.45898,11.45313 c 0,0.33044 -1.3e-4,0.66129 -0.004,0.99804 l 0.004,3.06055 c 0,0.33109 0.2072,0.29675 0.41016,0.29297 0.19801,0 0.40247,0.0313 0.40625,-0.29297 v -4.05859 z"
+             transform="matrix(0.2645838,0,0,0.2645838,84.887896,108.06254)"
+             inkscape:label="Joystick Outline 2" /><path
+             style="display:inline;fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1"
+             d="m 146.40066,137.77558 c 0,1.61092 -1.305,2.91731 -2.91593,2.91731 -1.61093,0 -2.91593,-1.30639 -2.91593,-2.91731 0,-1.60955 1.305,-2.91455 2.91593,-2.91455 1.61093,0 2.91593,1.305 2.91593,2.91455 z m 0,0"
+             id="path14433-7"
+             inkscape:label="Joystick Outline 3" /></g><g
+           id="g18964-3"
+           inkscape:label="Plus Button"
+           transform="translate(-111.18482,-113.04983)"><path
+             style="display:inline;fill:#636363;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.352778"
+             d="m 136.73923,113.86799 c -0.0758,0 -0.10748,0.0317 -0.10748,0.10749 v 0.61599 c 0,0.0758 0.0317,0.10748 0.10748,0.10748 h 0.79375 c 0.0593,0 0.10887,0.0482 0.10887,0.10887 v 0.79237 c 0,0.0772 0.0303,0.10886 0.10748,0.10886 h 0.61461 c 0.0772,0 0.10887,-0.0317 0.10887,-0.10886 v -0.79237 c 0,-0.0606 0.0482,-0.10887 0.10748,-0.10887 h 0.79513 c 0.0758,0 0.10611,-0.0317 0.10611,-0.10748 v -0.61599 c 0,-0.0758 -0.0303,-0.10749 -0.10611,-0.10749 h -0.79513 c -0.0593,0 -0.10748,-0.0482 -0.10748,-0.10886 v -0.79375 c 0,-0.0772 -0.0317,-0.10749 -0.10887,-0.10749 h -0.61461 c -0.0772,0 -0.10748,0.0303 -0.10748,0.10749 v 0.79375 c 0,0.0606 -0.0496,0.10749 -0.10887,0.10749 z m 0,0"
+             id="path14303-1"
+             inkscape:label="Symbol Color" /><path
+             style="fill:none;stroke:#000000;stroke-width:0.2667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1"
+             d="m 136.73923,113.86799 c -0.0758,0 -0.10748,0.0317 -0.10748,0.10749 v 0.61598 c 0,0.0758 0.0317,0.10749 0.10748,0.10749 h 0.79375 c 0.0593,0 0.10887,0.0482 0.10887,0.10887 v 0.79237 c 0,0.0772 0.0303,0.10886 0.10748,0.10886 h 0.61461 c 0.0772,0 0.10886,-0.0317 0.10886,-0.10886 v -0.79237 c 0,-0.0606 0.0482,-0.10887 0.10749,-0.10887 h 0.79513 c 0.0758,0 0.10611,-0.0317 0.10611,-0.10749 v -0.61598 c 0,-0.0758 -0.0303,-0.10749 -0.10611,-0.10749 h -0.79513 c -0.0593,0 -0.10749,-0.0482 -0.10749,-0.10886 v -0.79375 c 0,-0.0772 -0.0317,-0.10749 -0.10886,-0.10749 h -0.61461 c -0.0772,0 -0.10748,0.0303 -0.10748,0.10749 v 0.79375 c 0,0.0606 -0.0496,0.10749 -0.10887,0.10749 z m 0,0"
+             id="path14437-1"
+             inkscape:label="Symbol Outline" /></g></g></g></g></svg>

src/assets/controller/Body/SwitchPro/Switch Pro Controller VSCView.svg

@@ -0,0 +1,463 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="419.12717mm"
+   height="304.54602mm"
+   viewBox="0 0 419.12717 304.54603"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="Switch Pro Controller VSCView.svg"
+   inkscape:export-filename="C:\Users\AL200\OneDrive\Pictures\AL2009man Work Projects\VSCView - Controller Theme Layout\VSCView - Controller Theme (Ver. 1.20)\Nintendo Switch Controller Images\Switch Pro Controller\Templates\Switch Pro Controller Overlay.png"
+   inkscape:export-xdpi="89.994171"
+   inkscape:export-ydpi="89.994171"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.5"
+     inkscape:cx="709"
+     inkscape:cy="694"
+     inkscape:window-width="1920"
+     inkscape:window-height="995"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5" />
+  <defs
+     id="defs2">
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect11354"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect11187"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect41470"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" />
+  </defs>
+  <g
+     id="layer2"
+     inkscape:label="Nintendo Switch Pro Controller"
+     style="display:inline"
+     transform="translate(-80.073102,14.620127)">
+    <g
+       id="g10592"
+       inkscape:label="Digital Triggers"
+       style="display:inline">
+      <path
+         id="path1458"
+         style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:8.31496;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:label="ZR Trigger"
+         d="m 1193.8594,3.9244459 c -30.6291,0.049759 -51.9558,10.8927201 -82.25,24.1087571 l -30.9864,15.619141 v 0 c 60.6006,-2.534721 177.2868,6.012391 206.2911,17.507812 17.5526,6.941643 47.521,19.514293 73.8007,43.001954 C 1310.1862,40.291377 1254.6354,3.8257017 1193.8594,3.9244459 Z"
+         sodipodi:nodetypes="scccccs"
+         inkscape:export-filename="C:\Users\AL200\OneDrive\Pictures\AL2009man Work Projects\VSCView - Controller Theme Layout\VSCView - Controller Theme (Ver. 1.20)\Nintendo Switch Controller Images\Switch Pro Controller\Theme SVG\Theme Assets\Active Presses\Button Color\NSwitchPro_ZR.png"
+         inkscape:export-xdpi="89.874435"
+         inkscape:export-ydpi="89.874435"
+         transform="matrix(0.26458333,0,0,0.26458333,80.073102,-14.558417)" />
+      <path
+         id="path8519"
+         style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:8.31496;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:label="ZL Trigger"
+         d="M 388.70312,3.9244459 C 327.84634,3.8255797 272.22886,40.385003 221.64648,104.41406 247.97833,80.800743 278.04726,68.120999 295.64844,61.160156 324.65272,49.664735 441.33889,41.117623 501.93945,43.652344 v 0 L 470.95312,28.033203 C 440.65896,14.817164 419.33216,3.9742049 388.70312,3.9244459 Z"
+         transform="matrix(0.26458333,0,0,0.26458333,80.073102,-14.558417)"
+         sodipodi:nodetypes="scccccs"
+         inkscape:export-filename="C:\Users\AL200\OneDrive\Pictures\AL2009man Work Projects\VSCView - Controller Theme Layout\VSCView - Controller Theme (Ver. 1.20)\Nintendo Switch Controller Images\Switch Pro Controller\Theme SVG\Theme Assets\Active Presses\Button Color\NSwitchPro_ZL.png"
+         inkscape:export-xdpi="90.144424"
+         inkscape:export-ydpi="90.144424" />
+    </g>
+    <g
+       id="g3226"
+       style="display:inline"
+       inkscape:label="Controller Body"
+       inkscape:export-filename="C:\Users\AL200\OneDrive\Pictures\AL2009~1\VSCVIE~1\VSCVIE~1.20)\NINTEN~1\SWITCH~1\TEMPLA~1\SWITCH~4.PNG"
+       inkscape:export-xdpi="89.994171"
+       inkscape:export-ydpi="89.994171">
+      <g
+         id="g20999"
+         inkscape:label="Shoulders"
+         style="display:inline">
+        <path
+           style="display:inline;fill:#3a3b40;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:2.8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           d="m 278.583,-2.464337 c -28.76946,0 -85.94915,1.52074839 -111.02858,7.9960404 -25.07936,6.4590456 269.26062,6.4590456 244.18129,0 C 386.63998,-0.94358861 329.46023,-2.464337 300.69077,-2.464337 Z m 0,0"
+           id="path1675-3"
+           inkscape:label="Shoulder Top" />
+        <g
+           id="g3215"
+           inkscape:label="Bumpers"
+           style="display:inline">
+          <path
+             style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:2.2;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+             d="m 349.00293,5.0036016 20.78687,-9.8062225 c 16.0339,-0.670645 43.10528,3.3847582 50.77933,6.426255 7.69035,3.041349 24.39363,10.1544219 30.7451,27.7326099"
+             id="path5183"
+             sodipodi:nodetypes="cccc"
+             inkscape:label="R Bumper" />
+          <path
+             style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:2.2;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+             d="m 229.86272,5.0036016 -20.78687,-9.8062225 c -16.0339,-0.670645 -43.10528,3.3847582 -50.77933,6.426255 -7.69035,3.041349 -24.39363,10.1544219 -30.7451,27.7326099"
+             id="path2365"
+             sodipodi:nodetypes="cccc"
+             inkscape:label="L Bumper" />
+        </g>
+        <path
+           style="display:inline;fill:#3a3b40;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:2.8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           d="m 278.583,3.9619915 c -28.76946,0 -85.94915,1.5206749 -111.02858,7.9795715 -25.07936,6.475292 -47.95454,23.203229 -47.95454,23.203229 -1.22458,2.387321 -2.92887,6.475293 -2.92887,6.475293 27.03871,4.692961 105.59767,6.818626 168.0186,6.93317 54.12641,0.118702 146.98623,3.335721 180.52342,0.01486 0,0 -3.30226,-9.876446 -5.131,-13.441106 0,0 -23.26699,-16.711541 -48.34632,-23.186833 C 386.63998,5.4812083 329.46023,3.9604598 300.69077,3.9604598 Z"
+           id="path1685-5"
+           sodipodi:nodetypes="cccccccccc"
+           inkscape:label="Shoulder Middle" />
+      </g>
+      <path
+         id="path9077"
+         style="color:#000000;display:inline;fill:#303136;fill-opacity:1;stroke-width:6.04724;stroke-linejoin:round;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+         d="m 1492.3419,363.6276 c 0,0 -120.2829,187.36702 -214.886,314.43124 -47.6216,63.96202 -90.2553,112.22577 -99.0594,118.48022 27.4793,18.41386 45.2809,61.44345 90.4551,155.73242 68.1907,142.33002 119.3493,163.89862 176.1855,159.57232 56.836,-4.3279 127.8652,-70.4537 132.1231,-182.56255 2.9038,-76.49795 -44.0083,-367.63608 -84.8183,-565.65365 z"
+         transform="matrix(0.26458333,0,0,0.26458333,80.574244,-5.6765164)"
+         inkscape:label="Secondary Color - Right Grip"
+         sodipodi:nodetypes="cscsccc" />
+      <path
+         id="path9067"
+         style="color:#000000;display:inline;fill:#303136;fill-opacity:1;stroke-width:6.04724;stroke-linejoin:round;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+         d="M 402.42219,795.85127 C 399.38105,793.06819 336.76422,723.08734 320.52137,703.52495 258.47949,628.80361 167.18978,498.80406 115.64482,412.79566 95.419032,379.04672 87.37911,367.31405 87.37911,367.31405 46.574325,565.32969 0.25264151,852.79352 3.15625,929.28125 c 4.2576,112.10885 75.287003,178.23635 132.12305,182.56255 56.836,4.3277 107.99474,-17.2423 176.18554,-159.57232 45.17551,-94.29154 63.47682,-138.00721 90.95735,-156.42021 z"
+         transform="matrix(0.26458333,0,0,0.26458333,80.574244,-5.6765164)"
+         inkscape:label="Secondary Color - Left Grip"
+         sodipodi:nodetypes="csscccsc" />
+      <path
+         id="path9073"
+         style="color:#000000;display:inline;opacity:1;fill:#3a3b40;fill-opacity:1;stroke-width:6.04724;stroke-linejoin:round;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+         d="m 747.63867,60.839844 c -110.83321,0 -331.01859,5.748832 -427.6582,30.222656 -96.57774,24.41158 -184.70117,87.69531 -184.70117,87.69531 -11.01001,20.95955 -28.77243,92.5631 -47.282585,181.69038 0.873431,0.0997 0.707604,2.43957 1.16188,3.1922 0.715225,1.38029 27.588795,50.1741 66.836665,108.25343 66.51882,98.43512 163.05602,227.8697 177.48473,243.46334 32.4081,35.02463 70.21689,79.2567 70.90251,79.45725 12.98151,-7.07235 30.71466,-10.76753 51.98078,-10.76753 h 667.58982 c 21.3568,0 38.2517,2.93993 51.2679,10.08307 1.7345,-0.43644 25.6031,-26.33704 59.4122,-64.27553 13.2152,-14.82933 41.5543,-49.99609 41.5543,-49.99609 0,0 59.0253,-77.54759 113.8892,-157.48009 54.4807,-79.37419 104.8128,-161.13504 101.9565,-161.74543 -18.5107,-89.12547 -35.9671,-160.91574 -46.9961,-181.875 0,0 -88.0614,-63.28373 -184.7012,-87.69531 C 1163.7579,66.588676 943.50977,60.839844 832.73828,60.839844 Z"
+         transform="matrix(0.26458333,0,0,0.26458333,80.574244,-5.6765164)"
+         inkscape:label="Primary Color - Front"
+         sodipodi:nodetypes="sccccsscsscscscccss" />
+      <path
+         id="path44935"
+         style="color:#000000;display:inline;fill:#211e1e;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+         d="m 278.38666,9.1209533 c -29.36903,0 -87.49413,1.4566687 -113.4706,8.0351677 -25.88784,6.543567 -49.30656,23.408391 -49.30655,23.408391 -0.16443,0.117573 -0.29839,0.272371 -0.39274,0.451134 a 0.50005001,0.50005001 0 0 0 -0.002,0 c -1.28805,2.452052 -2.7102,6.774486 -4.34548,12.705167 -1.63548,5.931445 -3.44791,13.429921 -5.35367,22.011576 -3.81155,17.163289 -7.995508,38.658521 -11.851476,60.523441 -3.855972,21.86493 -7.382584,44.0963 -9.876917,62.7326 -2.494304,18.63606 -3.96839,33.60292 -3.677812,41.25743 1.146538,30.19005 20.208895,48.33477 36.160065,49.54891 7.71368,0.58736 15.31861,-0.64567 23.09006,-6.83782 7.76932,-6.19044 15.73229,-17.19509 24.79694,-36.11511 9.02811,-18.84372 13.9548,-29.97353 18.73994,-36.1425 2.39403,-3.08636 4.69,-4.92631 7.52564,-6.06474 2.83367,-1.13765 6.27904,-1.56631 10.89804,-1.56631 h 176.63315 c 4.61903,0 8.06488,0.42866 10.89856,1.56631 2.83565,1.13843 5.1311,2.97839 7.52512,6.06474 4.78521,6.16902 9.71394,17.29881 18.74201,36.1425 9.06463,18.92 17.02604,29.92469 24.79538,36.11511 7.77147,6.1921 15.37586,7.42499 23.08955,6.83782 15.95108,-1.21461 35.01344,-19.35886 36.16006,-49.54891 0.29056,-7.6544 -1.18272,-22.62137 -3.67574,-41.25743 -2.49301,-18.63629 -6.01778,-40.86765 -9.87273,-62.7326 -3.85495,-21.86495 -8.03917,-43.362164 -11.85148,-60.525507 -1.90614,-8.581679 -3.7191,-16.077965 -5.35574,-22.00951 -1.6364,-5.93072 -3.05906,-10.252647 -4.34961,-12.705167 a 0.50005001,0.50005001 0 0 0 -0.002,0 c -0.0944,-0.178761 -0.22833,-0.333558 -0.39275,-0.451134 -0.004,-0.0028 -23.40438,-16.865401 -49.30654,-23.408391 -25.9608,-6.578724 -84.10235,-8.0351677 -113.45509,-8.0351677 z m 0,2.5998407 h 22.51593 c 29.26218,0 87.6711,1.584111 112.8143,7.955071 5.3e-4,1.38e-4 0.001,-1.38e-4 0.002,0 a 0.50005001,0.50005001 0 0 0 0,0.0021 c 24.79081,6.262258 47.36709,22.251704 48.14021,22.802741 1.05212,2.078752 2.46999,6.229985 4.04317,11.931573 1.61812,5.864421 3.42424,13.330539 5.32422,21.884452 3.79997,17.107826 7.97854,38.573109 11.82822,60.408199 3.84968,21.83505 7.36883,44.04288 9.85521,62.62925 2.48634,18.58613 3.92719,33.63042 3.65456,40.81249 -1.10646,29.13294 -19.64105,45.98175 -33.75608,47.05656 -7.32887,0.55788 -14.00144,-0.48695 -21.27105,-6.2792 -7.26742,-5.79049 -15.09723,-16.4695 -24.0745,-35.20716 -9.01368,-18.81362 -13.85919,-29.94323 -19.0314,-36.6112 -2.58745,-3.33571 -5.31452,-5.56064 -8.61291,-6.88485 -3.29649,-1.32345 -7.08838,-1.75183 -11.86543,-1.75183 h -176.6325 c -4.77702,0 -8.56894,0.42838 -11.86543,1.75183 -3.29844,1.32423 -6.02399,3.54923 -8.61136,6.88485 -5.17218,6.66792 -10.01976,17.79755 -19.03346,36.6112 -8.97728,18.73766 -16.80657,29.41662 -24.07399,35.20716 -7.2696,5.7923 -13.94274,6.83726 -21.27156,6.2792 -14.11497,-1.07438 -32.649174,-17.92362 -33.755566,-47.05656 -0.27264,-7.18195 1.16849,-22.22637 3.656108,-40.81249 2.487652,-18.58637 6.008639,-40.79417 9.859345,-62.62925 3.850713,-21.83509 8.031053,-43.300284 11.830283,-60.408199 1.8996,-8.553937 3.70513,-16.019931 5.32216,-21.884452 1.5725,-5.70302 2.99039,-9.854922 4.04109,-11.93364 0.78309,-0.557723 23.367,-16.539757 48.1366,-22.800674 a 0.50005001,0.50005001 0 0 0 0,-5.3e-4 0.50005001,0.50005001 0 0 0 0,-5.29e-4 0.50005001,0.50005001 0 0 0 0,-5.29e-4 0.50005001,0.50005001 0 0 0 0,-5.29e-4 c 5.3e-4,-1.38e-4 10e-4,1.38e-4 0.002,0 25.16012,-6.37119 83.55126,-7.955071 112.8298,-7.955071 z"
+         inkscape:label="Controller Outline" />
+      <path
+         id="path15766"
+         style="color:#000000;display:inline;opacity:1;fill:#211e1e;fill-opacity:1;stroke-width:0.2;stroke-linecap:square;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+         d="m 103.54984,89.758219 c -0.46441,0.240657 -0.80478,0.65855 -0.56351,1.122682 8.42782,16.264539 56.93552,89.848909 83.91219,114.452959 0.38624,0.35299 0.64705,0.10389 0.99937,-0.28288 0.35301,-0.3863 0.66878,-0.77094 0.28172,-1.12321 -26.41372,-24.09041 -75.45466,-98.34021 -83.58167,-114.024199 -0.1369,-0.265665 -0.95889,-0.191562 -1.0481,-0.145352 z m 371.93828,-0.254497 -0.10335,0.0041 c -0.33848,0.01543 -0.64484,0.210875 -0.80099,0.511598 -8.10964,15.68127 -57.07626,89.81787 -83.48999,113.90829 -0.38727,0.35208 -0.30372,0.78502 0.0491,1.17149 0.35227,0.38708 0.84561,0.58765 1.23193,0.2346 26.97647,-24.60363 75.48404,-98.17394 83.89668,-114.441079 0.23913,-0.46419 0.0557,-1.03981 -0.40823,-1.279509 -0.11581,-0.05996 -0.2459,-0.07335 -0.37518,-0.08217 z"
+         sodipodi:nodetypes="ccccccccccccccccc"
+         inkscape:label="Outline Color Blend" />
+      <g
+         id="g20546"
+         style="display:inline"
+         inkscape:label="Joystick Outline">
+        <g
+           id="g20740"
+           style="display:inline"
+           inkscape:label="Analog Stick Outline Body - Right">
+          <path
+             style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+             d="m 377.83935,140.67905 c 0,18.82089 -15.0705,34.07712 -33.66779,34.07712 -18.5973,0 -33.66772,-15.25623 -33.66772,-34.07712 0,-18.82088 15.07042,-34.07703 33.66772,-34.07703 18.59729,0 33.66779,15.25615 33.66779,34.07703 z m 0,0"
+             id="path1711-8"
+             inkscape:label="Outline #2" />
+          <path
+             style="display:inline;fill:#2c2c2c;fill-opacity:1;fill-rule:nonzero;stroke:#211e1e;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+             d="m 370.998,140.67905 c 0,14.99458 -12.00083,27.16027 -26.82644,27.16027 -14.82554,0 -26.82652,-12.16569 -26.82652,-27.16027 0,-14.99457 12.00098,-27.14386 26.82652,-27.14386 14.82561,0 26.82644,12.14929 26.82644,27.14386"
+             id="path1713-1"
+             inkscape:label="Outline #1" />
+        </g>
+        <g
+           id="g20744"
+           style="display:inline"
+           inkscape:label="Analog Stick Outline Body - Left">
+          <path
+             style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+             d="m 207.91654,82.385032 c 0,18.820888 -15.07045,34.077108 -33.66774,34.077108 -18.59729,0 -33.66783,-15.25622 -33.66783,-34.077108 0,-18.82096 15.07054,-34.077037 33.66783,-34.077037 18.59729,0 33.66774,15.256077 33.66774,34.077037 z m 0,0"
+             id="path1695-1"
+             inkscape:label="Outline #2" />
+          <path
+             style="display:inline;fill:#2c2c2c;fill-opacity:1;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+             d="m 201.07528,82.385032 c 0,14.99457 -12.01729,27.143938 -26.82648,27.143938 -14.82564,0 -26.82648,-12.149368 -26.82648,-27.143938 0,-14.99457 12.00084,-27.160262 26.82648,-27.160262 14.80919,0 26.82648,12.165692 26.82648,27.160262 z m 0,0"
+             id="path1699-1"
+             inkscape:label="Outline #1" />
+        </g>
+      </g>
+      <path
+         id="path14321"
+         style="display:inline;fill:#c7c7c7;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.297881"
+         d="m 287.64024,16.987688 v 5.61e-4 h -7.18474 c -4.55541,0 -8.25167,3.691333 -8.25167,8.246746 V 40.91088 c 0,4.555458 3.69626,8.246199 8.25167,8.246199 h 7.18474 c 0.1302,0 0.23893,-0.103795 0.23893,-0.233995 V 17.222229 c 0,-0.1302 -0.10873,-0.234541 -0.23893,-0.234541 z m 3.19589,0 c -0.11456,0 -0.20769,0.09424 -0.20769,0.208785 V 48.92307 c 0,0.1302 0.10381,0.233996 0.23399,0.233996 h 5.26348 c 4.5554,0 8.24674,-3.690743 8.24674,-8.246201 l -5.6e-4,-15.676431 c 0,-4.555413 -3.6908,-8.246746 -8.2462,-8.246746 z m -10.38063,2.74928 h 4.67 v 26.670816 h -4.67 c -1.47336,0 -2.85306,-0.572603 -3.88911,-1.613838 -1.04123,-1.036003 -1.61384,-2.415507 -1.61384,-3.883628 V 25.234434 c 0,-1.46812 0.57261,-2.847867 1.61384,-3.889106 1.03605,-1.036003 2.41575,-1.60836 3.88911,-1.60836 z m -0.14084,3.878693 c -1.67116,0 -3.02437,1.353716 -3.02437,3.02492 0,1.665928 1.35321,3.024922 3.02437,3.024922 1.67121,0 3.02492,-1.358994 3.02492,-3.024922 0,-1.671204 -1.35371,-3.02492 -3.02492,-3.02492 z m 16.90998,8.03851 c 1.67114,0 3.02492,1.35895 3.02492,3.024919 0,1.671206 -1.35378,3.024373 -3.02492,3.024373 -1.67121,0 -3.02492,-1.353167 -3.02492,-3.024373 0,-1.665969 1.35371,-3.024919 3.02492,-3.024919 z m 12.75507,22.209604 c -1.21304,0 -2.19689,0.984148 -2.19689,2.202384 0,1.218235 0.98385,2.207317 2.19689,2.207317 1.21824,0 2.2024,-0.989082 2.2024,-2.207317 0,-1.218236 -0.98416,-2.202384 -2.2024,-2.202384 z m -45.34587,0.135355 v 4.138989 h 0.95791 v -2.519672 l 1.87412,2.519672 h 0.90091 V 53.99913 h -0.95789 v 2.478023 l -1.85331,-2.478023 z m 6.62744,0 v 4.138989 h 1.03625 V 53.99913 Z m 3.93075,0 v 4.138989 h 0.95296 v -2.519672 l 1.87907,2.519672 h 0.89541 V 53.99913 h -0.95788 v 2.478023 l -1.85332,-2.478023 z m 6.46084,0 v 0.994606 h 1.28066 v 3.144383 h 1.00501 v -3.144383 h 1.24943 V 53.99913 Z m 6.34631,0 v 4.138989 h 3.25398 v -0.885007 h -2.2961 V 56.46181 h 2.12402 v -0.869667 h -2.12402 v -0.712937 h 2.2961 V 53.99913 Z m 6.45589,0 v 4.138989 h 0.95242 v -2.519672 l 1.87961,2.519672 h 0.89542 V 53.99913 h -0.95788 v 2.478023 l -1.85332,-2.478023 z m 6.99679,0 v 4.138989 h 1.72891 c 1.17657,0 2.12896,-0.926652 2.12896,-2.07196 0,-1.140206 -0.95239,-2.067029 -2.12896,-2.067029 z m 8.52785,0.895421 c 0.64557,0 1.17162,0.526025 1.17162,1.171608 0,0.650864 -0.52609,1.171061 -1.17162,1.171061 -0.64035,0 -1.16613,-0.520331 -1.16613,-1.171061 0,-0.645537 0.52578,-1.171608 1.16613,-1.171608 z m -7.55956,0.08822 h 0.80226 c 0.5987,0 1.08284,0.484688 1.08284,1.083382 0,0.603927 -0.48414,1.087766 -1.08284,1.087766 h -0.80226 z m -2.38431,4.784525 c -2.30114,0 -4.16475,1.864213 -4.16475,4.165296 0,2.295982 1.86361,4.159815 4.16475,4.159815 1.47859,0 2.78567,-0.775887 3.51975,-1.942089 l -1.4478,-1.259831 c -0.36465,0.739317 -1.13484,1.249423 -2.03031,1.249423 -1.24427,0 -2.25389,-0.98908 -2.25389,-2.207314 0,-1.223426 1.00962,-2.212795 2.25389,-2.212795 0.89547,0 1.66585,0.51015 2.03031,1.249422 l 1.4478,-1.259834 C 302.82151,60.543141 301.51443,59.7673 300.03584,59.7673 Z m -32.22638,0.140836 c -1.61911,0 -3.49289,0.78078 -3.49289,2.40514 0,1.327587 0.95255,1.936495 3.11313,2.311434 1.57748,0.270735 2.24558,0.406117 2.22322,0.921724 -0.0156,0.535922 -0.68738,0.83295 -1.86921,0.83295 -1.67115,0 -2.7438,-0.760066 -2.7438,-0.760066 l -0.84828,1.536022 c 0,0 1.45729,0.87953 3.48249,0.87953 2.76447,0 3.80581,-1.093181 3.80581,-2.540496 0,-1.213046 -0.63007,-1.993651 -3.56634,-2.509259 -0.87986,-0.156193 -1.66074,-0.286757 -1.71796,-0.734309 -0.0312,-0.21333 0.11992,-0.697596 1.6922,-0.697596 1.17659,0 2.37938,0.562239 2.37938,0.562239 l 0.64006,-1.561778 c 0,0 -1.43703,-0.645535 -3.09781,-0.645535 z m 4.25901,0.10905 2.21225,7.809447 h 2.02045 l 1.30148,-4.597113 1.29108,4.597113 h 2.02538 l 2.22813,-7.809447 h -1.93167 l -1.35354,5.09195 -1.4889,-5.09195 h -1.54644 l -1.47848,5.071127 -1.34862,-5.071127 z m 12.67178,0 v 7.809447 h 1.9525 v -7.809447 z m 3.55045,0 v 1.874684 h 2.41062 v 5.934763 h 1.89497 v -5.934763 h 2.35308 v -1.874684 z m 16.7379,0 v 7.814926 h 1.83249 v -3.009573 h 3.24905 v 3.009577 h 1.83741 v -7.814926 h -1.83741 v 2.967929 h -3.24905 v -2.967929 z"
+         inkscape:label="Nintendo Switch Logo" />
+    </g>
+    <g
+       id="g10760"
+       inkscape:label="Analog Joysticks"
+       style="display:inline">
+      <g
+         id="g2495"
+         inkscape:label="Right Joystick"
+         style="display:inline;stroke-width:0.901068"
+         transform="matrix(1.1098172,0,0,1.1097717,-37.796036,-15.434424)"
+         inkscape:export-filename="C:\Users\AL200\OneDrive\Pictures\AL2009~1\VSCVIE~1\VSCVIE~1.20)\NINTEN~1\SWITCH~1\THEMES~1\THEMEA~1\ACTIVE~1\BUTTON~1\NSWITC~4.PNG"
+         inkscape:export-xdpi="90.207504"
+         inkscape:export-ydpi="90.207504">
+        <path
+           style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.44171;stroke-miterlimit:9.53846;stroke-dasharray:none"
+           d="m 366.06709,140.67905 c 0,12.23121 -9.79667,22.15669 -21.89553,22.15669 -12.08246,0 -21.89553,-9.92548 -21.89553,-22.15669 0,-12.23112 9.81307,-22.1566 21.89553,-22.1566 12.09886,0 21.89553,9.92548 21.89553,22.1566"
+           id="path1717-9"
+           inkscape:label="Color" />
+        <path
+           id="path1719-5"
+           style="color:#000000;fill:#211e1e;stroke-width:3.77953;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+           d="m 998.16797,457.98242 c -52.54376,0 -95.24609,43.2182 -95.24609,96.33985 0,53.12169 42.70233,96.33203 95.24609,96.33203 52.61003,0 95.24803,-43.21336 95.24803,-96.33203 0,-53.11863 -42.638,-96.33985 -95.24803,-96.33985 z m 0,6.80664 c 48.88923,0 88.43943,40.04719 88.43943,89.53321 0,49.48601 -39.5502,89.5332 -88.43943,89.5332 -48.81792,0 -88.4375,-40.05021 -88.4375,-89.5332 0,-49.483 39.61958,-89.53321 88.4375,-89.53321 z m -0.0312,19.52344 c -38.2086,0 -69.17774,31.42482 -69.17774,70.00977 0,38.64299 30.9725,70.00195 69.17774,70.00195 38.20533,0 69.24223,-31.35568 69.24223,-70.00195 0,-38.58827 -31.0336,-70.00977 -69.24223,-70.00977 z m 0,6.04492 c 34.89833,0 63.19733,28.61127 63.19733,63.96485 0,35.4169 -28.2957,63.95703 -63.19733,63.95703 -34.90163,0 -63.13281,-28.53685 -63.13281,-63.95703 0,-35.35685 28.23449,-63.96485 63.13281,-63.96485 z"
+           transform="matrix(0.23840262,0,0,0.2384124,106.2058,8.5222802)"
+           inkscape:label="Outline" />
+      </g>
+      <g
+         id="g2489"
+         inkscape:label="Left Joystick"
+         style="display:inline;stroke-width:0.901069"
+         transform="matrix(1.1098161,0,0,1.1097704,-19.135317,-9.0434377)"
+         inkscape:export-filename="C:\Users\AL200\OneDrive\Pictures\AL2009~1\VSCVIE~1\VSCVIE~1.20)\NINTEN~1\SWITCH~1\THEMES~1\THEMEA~1\ACTIVE~1\BUTTON~1\NSWITC~3.PNG"
+         inkscape:export-xdpi="87.630684"
+         inkscape:export-ydpi="87.630684">
+        <path
+           style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.44171;stroke-miterlimit:9.53846;stroke-dasharray:none"
+           d="m 196.14423,82.385032 c 0,12.231124 -9.81296,22.156678 -21.89551,22.156678 -12.09884,0 -21.89543,-9.925554 -21.89543,-22.156678 0,-12.231198 9.79659,-22.156755 21.89543,-22.156755 12.08255,0 21.89551,9.925557 21.89551,22.156755"
+           id="path1701-7"
+           inkscape:label="Color" />
+        <path
+           id="path1707-6"
+           style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.44171;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           d="m 190.02859,82.385027 c 0,8.814462 -7.05807,15.969873 -15.77265,15.969873 -8.71458,0 -15.78701,-7.155411 -15.78701,-15.969873 0,-8.814527 7.07243,-15.969941 15.78701,-15.969941 8.71458,0 15.77265,7.155414 15.77265,15.969941 z m 0,0 m 6.11564,5e-6 c 0,12.231124 -9.81296,22.156678 -21.89551,22.156678 -12.09884,0 -21.89543,-9.925554 -21.89543,-22.156678 0,-12.231198 9.79659,-22.156755 21.89543,-22.156755 12.08255,0 21.89551,9.925557 21.89551,22.156755 z m 0,0"
+           inkscape:label="Outline" />
+      </g>
+    </g>
+    <g
+       id="g1427"
+       inkscape:label="Face Buttons"
+       style="display:inline">
+      <g
+         id="g10427"
+         inkscape:label="X Button">
+        <path
+           style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none"
+           d="m 414.49511,53.671306 c 0,-8.323055 -6.66169,-15.043682 -14.87451,-15.043682 -8.21289,0 -14.85826,6.720627 -14.85826,15.043682 0,8.306659 6.64537,15.043533 14.85826,15.043533 8.21282,0 14.87451,-6.736874 14.87451,-15.043533"
+           id="path1737-4"
+           inkscape:label="Color" />
+        <path
+           style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           d="m 414.49511,53.671306 c 0,-8.323055 -6.66169,-15.043607 -14.87451,-15.043607 -8.21289,0 -14.85826,6.720552 -14.85826,15.043607 0,8.306659 6.64537,15.043681 14.85826,15.043681 8.21282,0 14.87451,-6.737022 14.87451,-15.043681 z m 0,0"
+           id="path1739-4"
+           inkscape:label="Outline" />
+        <path
+           id="path5694"
+           style="color:#000000;display:inline;fill:#ffffff;stroke-width:0.499999;stroke-miterlimit:10;-inkscape-stroke:none"
+           d="m 395.50194,48.189305 0.23257,0.379307 3.00548,4.923729 -3.45093,5.644618 h 1.79472 l 2.5528,-4.183724 2.5373,4.183724 h 1.79473 l -3.45094,-5.644618 3.23805,-5.303036 h -1.77715 l -2.34199,3.842145 -2.34145,-3.842145 z"
+           inkscape:label="Text" />
+      </g>
+      <g
+         id="g10432"
+         inkscape:label="Y Button">
+        <path
+           style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none"
+           d="m 367.25896,67.68476 c -8.21282,0 -14.87451,6.720553 -14.87451,15.043607 0,8.306734 6.66169,15.043682 14.87451,15.043682 8.21289,0 14.87459,-6.736948 14.87459,-15.043682 0,-8.323054 -6.6617,-15.043607 -14.87459,-15.043607"
+           id="path1733-7"
+           inkscape:label="Color" />
+        <path
+           style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           d="m 367.25904,67.68476 c -8.2129,0 -14.87459,6.720553 -14.87459,15.043607 0,8.306734 6.66169,15.043682 14.87459,15.043682 8.21281,0 14.87451,-6.736948 14.87451,-15.043682 0,-8.323054 -6.6617,-15.043607 -14.87451,-15.043607 z m 0,0"
+           id="path1735-4"
+           inkscape:label="Outline" />
+        <path
+           id="path5704"
+           style="color:#000000;display:inline;fill:#ffffff;stroke-width:0.499999;stroke-miterlimit:10;-inkscape-stroke:none"
+           d="m 363.00989,77.245929 0.23048,0.379306 3.29488,5.402255 v 5.167643 h 1.51154 V 83.02749 l 3.47472,-5.781561 h -1.77562 l -2.47272,4.086055 -2.50372,-4.086055 z"
+           inkscape:label="Text" />
+      </g>
+      <g
+         id="g10422"
+         inkscape:label="A Button">
+        <path
+           style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none"
+           d="m 432.60263,97.772049 c 8.21289,0 14.87458,-6.736948 14.87458,-15.043682 0,-8.30666 -6.66169,-15.060003 -14.87458,-15.060003 -8.21282,0 -14.87459,6.753343 -14.87459,15.060003 0,8.306734 6.66177,15.043682 14.87459,15.043682"
+           id="path1725-4"
+           inkscape:label="Color" />
+        <path
+           style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           d="m 432.60263,97.772049 c 8.21281,0 14.87451,-6.736948 14.87451,-15.043682 0,-8.30666 -6.6617,-15.060003 -14.87451,-15.060003 -8.2129,0 -14.87467,6.753343 -14.87467,15.060003 0,8.306734 6.66177,15.043682 14.87467,15.043682 z m 0,0"
+           id="path1727-2"
+           inkscape:label="Outline" />
+        <path
+           id="path5684"
+           style="color:#000000;display:inline;fill:#ffffff;stroke-width:0.499999;stroke-miterlimit:10;-inkscape-stroke:none"
+           d="m 432.3457,76.134888 -5.11546,10.947135 h 1.71101 l 1.59991,-3.433384 h 4.14031 l 1.61541,3.433384 h 1.67587 l -5.04672,-10.947135 h -0.1602 z m 0.28731,3.064412 1.35911,2.935221 h -2.74196 z"
+           inkscape:label="Text" />
+      </g>
+      <g
+         id="g10417"
+         inkscape:label="B Button"
+         style="display:inline">
+        <path
+           style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none"
+           d="m 384.76234,111.19683 c 0,8.30666 6.64537,15.04361 14.85826,15.04361 8.21282,0 14.87451,-6.73695 14.87451,-15.04361 0,-8.32305 -6.66169,-15.059925 -14.87451,-15.059925 -8.21289,0 -14.85826,6.736875 -14.85826,15.059925"
+           id="path1729-5"
+           inkscape:label="Color" />
+        <path
+           style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           d="m 384.76234,111.19683 c 0,8.30666 6.64544,15.04361 14.85826,15.04361 8.21282,0 14.87451,-6.73695 14.87451,-15.04361 0,-8.32305 -6.66169,-15.060074 -14.87451,-15.060074 -8.21282,0 -14.85826,6.737024 -14.85826,15.060074 z m 0,0"
+           id="path1731-8"
+           inkscape:label="Outline" />
+        <path
+           id="path5714"
+           style="color:#000000;display:inline;fill:#ffffff;stroke-width:0.499999;stroke-miterlimit:10;-inkscape-stroke:none"
+           d="m 399.47225,105.71448 -2.29081,5.3e-4 v 0.24959 10.69961 h 3.09181 c 1.07363,0 1.95181,-0.30075 2.62154,-0.93586 h 0.003 v -0.002 c 0.64646,-0.62979 0.97462,-1.41132 0.97462,-2.30425 0,-0.44095 -0.0871,-0.86836 -0.26718,-1.24799 l -0.003,-0.002 c -0.17555,-0.38581 -0.41021,-0.71541 -0.72864,-0.99839 l -0.004,-0.002 -0.003,-0.002 c -0.24373,-0.20363 -0.61497,-0.35596 -0.98599,-0.51004 0.29816,-0.22146 0.60555,-0.43885 0.77721,-0.74207 0.25247,-0.41527 0.3788,-0.88916 0.3788,-1.4025 0,-0.53531 -0.14348,-1.04004 -0.41031,-1.48622 l -0.003,-0.004 -0.004,-0.006 c -0.28318,-0.42562 -0.66442,-0.77237 -1.15033,-0.98857 h -0.003 c -0.49593,-0.22406 -1.16128,-0.31626 -1.99625,-0.31626 z m -0.77668,1.52962 h 0.94101 c 0.7048,0 1.16608,0.13228 1.42214,0.34985 l 0.006,0.006 0.006,0.004 c 0.28122,0.21413 0.40618,0.49457 0.40618,0.91209 0,0.31298 -0.0794,0.58368 -0.24804,0.83768 -0.18725,0.25995 -0.40392,0.43401 -0.70126,0.54725 -0.27373,0.10158 -0.79496,0.17932 -1.47846,0.17932 h -0.35346 z m 0.33742,4.39456 c 0.85844,0 1.47833,0.0404 1.76993,0.11111 0.4972,0.12048 0.85116,0.33801 1.10897,0.63872 l 0.003,0.004 0.003,0.002 c 0.27053,0.2999 0.39274,0.6386 0.39274,1.04283 0,0.32553 -0.096,0.61375 -0.28318,0.88884 v 0.002 l -0.003,0.002 c -0.18621,0.28793 -0.41764,0.47979 -0.73432,0.60927 h -0.003 -0.003 c -0.28475,0.12139 -0.8182,0.20877 -1.55083,0.20877 h -1.0392 v -3.5078 z"
+           inkscape:label="Text" />
+      </g>
+    </g>
+    <g
+       id="g1458"
+       inkscape:label="Home"
+       style="display:inline">
+      <g
+         id="g3754"
+         inkscape:label="LED"
+         style="display:inline">
+        <path
+           id="path1749-3"
+           style="display:none;mix-blend-mode:lighten;fill:#b0b0b0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.04724;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           inkscape:label="OFF"
+           d="m 902.57812,287.30469 c -25.42484,0 -46.0996,20.88841 -46.0996,46.66015 0,25.77147 20.67476,46.59961 46.0996,46.59961 25.48661,0 46.09766,-20.82814 46.09766,-46.59961 0,-25.77174 -20.61105,-46.66015 -46.09766,-46.66015 z m 0,12.66992 c 18.5751,0 33.57032,15.20215 33.57032,33.99023 0,18.72584 -14.99522,33.99219 -33.57032,33.99219 -18.51337,0 -33.57226,-15.26635 -33.57226,-33.99219 0,-18.78808 15.05889,-33.99023 33.57226,-33.99023 z"
+           transform="matrix(0.26458333,0,0,0.26458333,80.072992,-5.9766386)" />
+        <path
+           id="path4088"
+           style="display:inline;mix-blend-mode:lighten;fill:#2a4fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.04724;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+           inkscape:label="ON"
+           d="m 902.57812,287.30469 c -25.42484,0 -46.0996,20.88841 -46.0996,46.66015 0,25.77147 20.67476,46.59961 46.0996,46.59961 25.48661,0 46.09766,-20.82814 46.09766,-46.59961 0,-25.77174 -20.61105,-46.66015 -46.09766,-46.66015 z m 0,12.66992 c 18.5751,0 33.57032,15.20215 33.57032,33.99023 0,18.72584 -14.99522,33.99219 -33.57032,33.99219 -18.51337,0 -33.57226,-15.26635 -33.57226,-33.99219 0,-18.78808 15.05889,-33.99023 33.57226,-33.99023 z"
+           transform="matrix(0.26458333,0,0,0.26458333,80.072992,-5.9766386)" />
+      </g>
+      <path
+         style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none"
+         d="m 318.87991,73.39148 c 4.91466,0 8.88234,4.022539 8.88234,8.993552 0,4.954544 -3.96768,8.993478 -8.88234,8.993478 -4.89833,0 -8.88233,-4.038934 -8.88233,-8.993478 0,-4.971013 3.984,-8.993552 8.88233,-8.993552"
+         id="path4084"
+         inkscape:label="Color" />
+      <path
+         id="path1751-4"
+         style="color:#000000;display:inline;fill:#211e1e;stroke-width:3.77953;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+         d="m 900.68555,283.15039 c -27.08126,0 -49.125,22.29152 -49.125,49.67969 0,27.38843 22.04865,49.62109 49.125,49.62109 27.13383,0 49.11914,-22.23751 49.11914,-49.62109 0,-27.38333 -21.98043,-49.67969 -49.11914,-49.67969 z m 0,6.04492 c 23.83442,0 43.07422,19.47576 43.07422,43.63477 0,24.1593 -19.23489,43.57617 -43.07422,43.57617 -23.77391,0 -43.08008,-19.42172 -43.08008,-43.57617 0,-24.15416 19.31108,-43.63477 43.08008,-43.63477 z m 0,6.6211 c -20.1687,0 -36.59766,16.61035 -36.59766,37.01367 0,20.34695 16.42224,37.01367 36.59766,37.01367 20.23162,0 36.59375,-16.67339 36.59375,-37.01367 0,-20.39667 -16.36882,-37.01367 -36.59375,-37.01367 z m 0,6.04687 c 16.92521,0 30.54687,13.7879 30.54687,30.9668 0,17.11191 -13.62835,30.96679 -30.54687,30.9668 -16.85129,0 -30.55274,-13.86156 -30.55274,-30.9668 0,-17.17225 13.69472,-30.9668 30.55274,-30.9668 z"
+         transform="matrix(0.26458333,0,0,0.26458333,80.574244,-5.6765164)"
+         inkscape:label="Outline" />
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.297882"
+         d="m 320.56433,84.51897 c 0,0.245744 -0.0984,0.344162 -0.33691,0.344162 h -2.69787 c -0.23909,0 -0.33751,-0.09842 -0.33751,-0.344162 v -2.016361 c 0,-0.239102 0.0984,-0.336311 0.33751,-0.336311 h 2.69787 c 0.23185,0 0.32302,0.09117 0.33691,0.323631 z m 3.56907,-3.280941 c -1.67914,-1.426277 -3.35829,-2.852432 -5.03743,-4.278708 -0.15457,-0.140683 -0.28076,-0.140683 -0.43533,0 -1.67214,1.426276 -3.35829,2.852431 -5.03744,4.278708 -0.29525,0.252988 -0.1757,0.589904 0.22462,0.589904 h 0.65336 c 0.23186,0 0.33027,0.09842 0.33027,0.337519 v 4.376944 c 0,0.245743 0.0984,0.343557 0.34416,0.343557 h 7.41215 c 0.2391,0 0.33751,-0.09842 0.33751,-0.343557 v -4.376944 c 0,-0.239101 0.0984,-0.337519 0.33028,-0.337519 h 0.65336 c 0.40032,0 0.52711,-0.336916 0.22462,-0.589904"
+         id="path14283"
+         inkscape:label="Icon" />
+    </g>
+    <g
+       id="g1451"
+       inkscape:label="Capture"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.564261"
+         d="m 255.83852,90.838877 c -2.02465,0 -3.67381,-1.667934 -3.67381,-3.711846 v -8.813649 c 0,-2.043912 1.64916,-3.695451 3.67381,-3.695451 h 8.57199 c 2.02473,0 3.65741,1.651539 3.65741,3.695451 v 8.813649 c 0,2.043912 -1.63268,3.711846 -3.65741,3.711846 z m 0,0"
+         id="path1759-9"
+         inkscape:label="Color" />
+      <path
+         style="display:inline;fill:#211e1e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.564261"
+         d="m 264.41051,73.751285 h -8.58839 c -2.46546,0 -4.50643,2.06038 -4.50643,4.562097 v 8.813649 c 0,2.518112 2.04097,4.562172 4.50643,4.562172 h 8.58839 c 2.48186,0 4.50651,-2.04406 4.50651,-4.562172 v -8.813649 c 0,-2.501717 -2.02465,-4.562097 -4.50651,-4.562097 m 0,1.716971 c 1.5512,0 2.80845,1.27534 2.80845,2.845126 v 8.813649 c 0,1.569787 -1.25725,2.861595 -2.80845,2.861595 h -8.58839 c -1.55112,0 -2.8083,-1.291808 -2.8083,-2.861595 v -8.813649 c 0,-1.569786 1.25718,-2.845126 2.8083,-2.845126 h 8.58839"
+         id="path1761-8"
+         inkscape:label="Outline" />
+      <path
+         style="display:inline;fill:#545759;fill-opacity:1;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         d="m 265.42287,82.728367 c 0,2.959595 -2.3675,5.363385 -5.30656,5.363385 -2.92265,0 -5.30641,-2.40379 -5.30641,-5.363385 0,-2.97599 2.38376,-5.379707 5.30641,-5.379707 2.93906,0 5.30656,2.403717 5.30656,5.379707 z m 0,0"
+         id="path1765-8"
+         inkscape:label="Symbol" />
+    </g>
+    <g
+       id="g1445"
+       inkscape:label="Minus"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none"
+         d="m 247.75631,51.005934 c 0,5.281706 -4.21264,9.549506 -9.43749,9.549506 -5.19221,0 -9.4211,-4.2678 -9.4211,-9.549506 0,-5.281557 4.22889,-9.549357 9.4211,-9.549357 5.22485,0 9.43749,4.2678 9.43749,9.549357"
+         id="path1767-5"
+         inkscape:label="Color" />
+      <path
+         style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+         d="m 247.75624,51.005934 c 0,5.281706 -4.21257,9.549506 -9.43742,9.549506 -5.19221,0 -9.4211,-4.2678 -9.4211,-9.549506 0,-5.281557 4.22889,-9.549357 9.4211,-9.549357 5.22485,0 9.43742,4.2678 9.43742,9.549357 z m 0,0"
+         id="path1769-6"
+         inkscape:label="Outline" />
+      <path
+         id="path6584"
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-width:0.499999;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+         d="m 233.05657,50.134924 v 0.249598 1.492414 h 10.55646 v -1.742012 z"
+         inkscape:label="Symbol" />
+    </g>
+    <g
+       id="g1440"
+       inkscape:label="Plus"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none"
+         d="m 350.06585,51.005934 c 0,5.085409 -4.08195,9.222343 -9.11089,9.222343 -5.02887,0 -9.11083,-4.136934 -9.11083,-9.222343 0,-5.085408 4.08196,-9.222343 9.11083,-9.222343 5.02894,0 9.11089,4.136935 9.11089,9.222343"
+         id="path1773-8"
+         inkscape:label="Color" />
+      <path
+         style="display:inline;fill:none;stroke:#211e1e;stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.53846;stroke-dasharray:none;stroke-opacity:1"
+         d="m 350.06585,51.005934 c 0,5.085409 -4.08195,9.222492 -9.11082,9.222492 -5.02894,0 -9.1109,-4.137083 -9.1109,-9.222492 0,-5.085408 4.08196,-9.222343 9.1109,-9.222343 5.02887,0 9.11082,4.136935 9.11082,9.222343 z m 0,0"
+         id="path1775-8"
+         inkscape:label="Outline" />
+      <path
+         id="path6498"
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-width:0.499999;stroke-miterlimit:9.53846;-inkscape-stroke:none"
+         d="m 340.03506,45.866968 v 4.218863 h -4.1951 v 1.840198 h 4.1951 v 4.202843 h 1.82211 v -4.202843 h 4.19766 v -1.840198 h -4.19766 v -4.218863 z"
+         inkscape:label="Symbol" />
+    </g>
+    <g
+       id="g1435"
+       inkscape:label="D-PAD"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#686b6e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.564261"
+         d="m 215.9498,171.45317 c -0.47339,0 -0.84908,-0.37613 -0.84908,-0.85085 v -19.19701 h -18.95656 c -0.47338,0 -0.849,-0.37613 -0.849,-0.85077 v -19.73672 c 0,-0.47482 0.37557,-0.86621 0.849,-0.86621 h 18.95656 V 110.771 c 0,-0.47482 0.37558,-0.86628 0.84908,-0.86628 h 19.49534 c 0.47345,0 0.8491,0.39322 0.8491,0.86628 v 19.18061 h 18.97279 c 0.45713,0 0.84903,0.39248 0.84903,0.86621 v 19.73672 c 0,0.47482 -0.39182,0.85077 -0.84903,0.85077 h -18.97279 v 19.19701 c 0,0.47482 -0.3755,0.85085 -0.8491,0.85085 z m 0,0"
+         id="path1779-7"
+         inkscape:label="Color" />
+      <path
+         style="display:inline;fill:#211e1e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;stroke-miterlimit:9.53846;stroke-dasharray:none"
+         d="M 235.44514,109.05477 H 215.9498 c -0.93071,0 -1.69808,0.76895 -1.69808,1.7169 v 18.33036 h -18.10749 c -0.94692,0 -1.69807,0.76887 -1.69807,1.7169 v 19.73665 c 0,0.9481 0.75107,1.71689 1.69807,1.71689 h 18.10749 v 18.33037 c 0,0.9481 0.76745,1.70058 1.69808,1.70058 h 19.49534 c 0.94698,0 1.69805,-0.75226 1.69805,-1.70058 v -18.33037 h 18.12384 c 0.93066,0 1.68173,-0.76887 1.68173,-1.71689 v -19.73665 c 0,-0.9481 -0.75107,-1.7169 -1.68173,-1.7169 h -18.12384 v -18.33036 c 0,-0.9481 -0.75107,-1.7169 -1.69805,-1.7169 m 0,1.7169 v 20.04726 h 19.82189 v 19.73665 h -19.82189 v 20.04726 H 215.9498 v -20.04726 h -19.80557 v -19.73665 h 19.80557 v -20.04726 h 19.49534"
+         id="path1781-2"
+         inkscape:label="Outline" />
+      <path
+         id="path1783-2"
+         style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.13264"
+         d="m 548.21875,463.86523 c -0.77142,0 -1.54272,0.51065 -2.12891,1.53125 l -3.26953,5.68555 c -1.17267,2.03928 -3.0854,5.43727 -4.25781,7.47852 l -3.27148,5.74804 c -1.17238,2.04084 -0.18743,3.70899 2.16015,3.70899 h 21.53711 c 2.3562,0 3.33257,-1.66774 2.16016,-3.70899 l -3.27149,-5.74804 c -1.1721,-2.03955 -3.08544,-5.43727 -4.25781,-7.47852 l -3.27148,-5.68555 c -0.58606,-1.0206 -1.35749,-1.53125 -2.12891,-1.53125 z m -67.85352,77.11524 c -0.48532,0.006 -1.02874,0.16564 -1.60156,0.49609 l -5.61523,3.27539 c -2.03543,1.23364 -5.36999,3.15108 -7.40625,4.32617 l -5.61524,3.33594 c -2.03539,1.17468 -2.03539,3.08881 0,4.26367 l 5.61524,3.33789 c 2.03539,1.17495 5.36999,3.09052 7.40625,4.32813 l 5.61523,3.27344 c 2.03539,1.17494 3.70313,0.16819 3.70313,-2.16211 v -21.81641 c 0,-1.68879 -0.86129,-2.67406 -2.10157,-2.6582 z m 135.65821,0.002 c -1.22227,-0.0113 -2.05078,0.97942 -2.05078,2.6543 v 21.8164 c 0,2.34966 1.60436,3.33507 3.64062,2.16016 l 5.67774,-3.27344 c 2.03625,-1.23647 5.3689,-3.15299 7.34375,-4.32812 l 5.67773,-3.33399 c 2.03626,-1.17498 2.03626,-3.09053 0,-4.26562 l -5.67773,-3.33594 c -1.97458,-1.17468 -5.3075,-3.09048 -7.34375,-4.32812 l -5.67774,-3.27344 c -0.5727,-0.33046 -1.11156,-0.48775 -1.58984,-0.49219 z m -78.57227,80.0918 c -2.35619,0 -3.33256,1.66774 -2.16015,3.70898 l 3.27148,5.74805 c 1.17237,2.03928 3.08544,5.37551 4.25781,7.47852 l 3.26953,5.68554 c 1.17241,2.04125 3.08544,2.04125 4.25782,0 l 3.27148,-5.68554 c 1.17241,-2.10123 3.08544,-5.43727 4.25781,-7.47852 l 3.27149,-5.74805 c 1.17267,-2.04079 0.18742,-3.70898 -2.16016,-3.70898 z"
+         transform="matrix(0.26458333,0,0,0.26458333,80.574244,-5.6765164)"
+         inkscape:label="Symbols" />
+    </g>
+  </g>
+</svg>

src/assets/controller/DirectInput/NOTE-button prompt placement.md

@@ -0,0 +1,5 @@
+## Regarding DirectInput prompts
+
+Due to the way DirectInput buttons are approached; The order of the face button across various DirectInput-compatible Game Controller may not be consistent. This button prompt theme is best used for HOTAS or Racing Wheels. Although: **this theme will provide *up* to 32 Buttons Icons**.
+
+If using newer Input APIs such as SDL_GameController or Windows GameInput: We recommend using the "Shared" theme as a way to handle generic game controllers.

src/assets/controller/DirectInput/directinput-0.svg

@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529302 45.529289"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-0.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="-9.1923882"
+     inkscape:cy="104.12147"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="path1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 0"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -109.86313,137.99928 q 0,2.68763 -0.40768,4.80149 -0.40767,2.11386 -1.29851,3.57847 -0.87574,1.4646 -2.29505,2.23465 -1.40421,0.75495 -3.39728,0.75495 -2.50644,0 -4.13714,-1.34381 -1.63069,-1.34381 -2.43094,-3.88045 -0.80025,-2.55173 -0.80025,-6.1453 0,-3.53317 0.72476,-6.06981 0.72475,-2.55173 2.34034,-3.91064 1.6307,-1.37402 4.30323,-1.37402 2.53663,0 4.16733,1.35892 1.64579,1.34381 2.43094,3.89554 0.80025,2.53664 0.80025,6.10001 z m -11.71684,0 q 0,2.94431 0.42277,4.90718 0.42277,1.96288 1.37401,2.94431 0.95124,0.96634 2.52154,0.96634 1.5703,0 2.52153,-0.96634 0.96634,-0.96634 1.38911,-2.92921 0.42278,-1.96287 0.42278,-4.92228 0,-2.89901 -0.42278,-4.84679 -0.42277,-1.96287 -1.37401,-2.94431 -0.93614,-0.99653 -2.53663,-0.99653 -1.6005,0 -2.55174,0.99653 -0.93614,0.98144 -1.35891,2.94431 -0.40767,1.94778 -0.40767,4.84679 z"
+         id="text8"
+         style="font-weight:500;font-size:30.9228px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.966333px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.86971;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 0"
+         aria-label="0"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -109.86313,137.99928 q 0,2.68763 -0.40768,4.80149 -0.40767,2.11386 -1.29851,3.57847 -0.87574,1.4646 -2.29505,2.23465 -1.40421,0.75495 -3.39728,0.75495 -2.50644,0 -4.13714,-1.34381 -1.63069,-1.34381 -2.43094,-3.88045 -0.80025,-2.55173 -0.80025,-6.1453 0,-3.53317 0.72476,-6.06981 0.72475,-2.55173 2.34034,-3.91064 1.6307,-1.37402 4.30323,-1.37402 2.53663,0 4.16733,1.35892 1.64579,1.34381 2.43094,3.89554 0.80025,2.53664 0.80025,6.10001 z m -11.71684,0 q 0,2.94431 0.42277,4.90718 0.42277,1.96288 1.37401,2.94431 0.95124,0.96634 2.52154,0.96634 1.5703,0 2.52153,-0.96634 0.96634,-0.96634 1.38911,-2.92921 0.42278,-1.96287 0.42278,-4.92228 0,-2.89901 -0.42278,-4.84679 -0.42277,-1.96287 -1.37401,-2.94431 -0.93614,-0.99653 -2.53663,-0.99653 -1.6005,0 -2.55174,0.99653 -0.93614,0.98144 -1.35891,2.94431 -0.40767,1.94778 -0.40767,4.84679 z"
+         id="path11"
+         style="font-weight:500;font-size:30.9228px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.966333px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.86971;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 0"
+         aria-label="0"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -109.86313,137.99928 q 0,2.68763 -0.40768,4.80149 -0.40767,2.11386 -1.29851,3.57847 -0.87574,1.4646 -2.29505,2.23465 -1.40421,0.75495 -3.39728,0.75495 -2.50644,0 -4.13714,-1.34381 -1.63069,-1.34381 -2.43094,-3.88045 -0.80025,-2.55173 -0.80025,-6.1453 0,-3.53317 0.72476,-6.06981 0.72475,-2.55173 2.34034,-3.91064 1.6307,-1.37402 4.30323,-1.37402 2.53663,0 4.16733,1.35892 1.64579,1.34381 2.43094,3.89554 0.80025,2.53664 0.80025,6.10001 z m -11.71684,0 q 0,2.94431 0.42277,4.90718 0.42277,1.96288 1.37401,2.94431 0.95124,0.96634 2.52154,0.96634 1.5703,0 2.52153,-0.96634 0.96634,-0.96634 1.38911,-2.92921 0.42278,-1.96287 0.42278,-4.92228 0,-2.89901 -0.42278,-4.84679 -0.42277,-1.96287 -1.37401,-2.94431 -0.93614,-0.99653 -2.53663,-0.99653 -1.6005,0 -2.55174,0.99653 -0.93614,0.98144 -1.35891,2.94431 -0.40767,1.94778 -0.40767,4.84679 z"
+         id="path8"
+         style="font-weight:500;font-size:30.9228px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.966333px;word-spacing:0px;fill:#808080;stroke-width:4.86971;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 0"
+         aria-label="0" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-1.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529302 45.529289"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-1.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="70.887455"
+     inkscape:cy="77.163028"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 1"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -114.41484,149.3692 h -3.09301 v -15.3718 q 0,-0.82377 0,-1.50765 0.0155,-0.69943 0.0466,-1.32114 0.0311,-0.63725 0.0622,-1.22788 -0.40412,0.41966 -0.85486,0.80823 -0.43519,0.37303 -1.01028,0.85485 l -2.59564,2.09828 -1.6009,-2.05165 6.45025,-5.00477 h 2.59564 z"
+         id="text2"
+         style="font-weight:500;font-size:31.8316px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.994736px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:5.01286;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 1"
+         transform="translate(1.25e-6)"
+         aria-label="1" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -114.41484,149.3692 h -3.09301 v -15.3718 q 0,-0.82377 0,-1.50765 0.0155,-0.69943 0.0466,-1.32114 0.0311,-0.63725 0.0622,-1.22788 -0.40412,0.41966 -0.85486,0.80823 -0.43519,0.37303 -1.01028,0.85485 l -2.59564,2.09828 -1.6009,-2.05165 6.45025,-5.00477 h 2.59564 z"
+         id="path8"
+         style="font-weight:500;font-size:31.8316px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.994736px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:5.01286;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 1"
+         transform="translate(1.25e-6)"
+         aria-label="1" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -114.41484,149.3692 h -3.09301 v -15.3718 q 0,-0.82377 0,-1.50765 0.0155,-0.69943 0.0466,-1.32114 0.0311,-0.63725 0.0622,-1.22788 -0.40412,0.41966 -0.85486,0.80823 -0.43519,0.37303 -1.01028,0.85485 l -2.59564,2.09828 -1.6009,-2.05165 6.45025,-5.00477 h 2.59564 z"
+         id="path7"
+         style="font-weight:500;font-size:31.8316px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.994736px;word-spacing:0px;fill:#808080;stroke-width:5.01286;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 1"
+         transform="translate(1.25e-6)"
+         aria-label="1" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-10.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-10.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="43.487067"
+     inkscape:cy="100.58594"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 10"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.28992,147.67823 h -2.62746 V 134.6202 q 0,-0.69978 0,-1.28072 0.0132,-0.59415 0.0396,-1.12228 0.0264,-0.54133 0.0528,-1.04306 -0.34329,0.35649 -0.72618,0.68657 -0.36969,0.31688 -0.85822,0.72618 l -2.20494,1.78244 -1.35994,-1.74283 5.47936,-4.25145 h 2.20495 z m 18.03567,-9.678 q 0,2.35019 -0.35649,4.19864 -0.35648,1.84846 -1.13548,3.12918 -0.76579,1.28072 -2.00689,1.95408 -1.22791,0.66017 -2.97074,0.66017 -2.19174,0 -3.6177,-1.17509 -1.42595,-1.1751 -2.12572,-3.39325 -0.69978,-2.23135 -0.69978,-5.37373 0,-3.08956 0.63376,-5.30771 0.63376,-2.23136 2.04651,-3.41965 1.42595,-1.2015 3.76293,-1.2015 2.21815,0 3.6441,1.1883 1.43916,1.17509 2.12573,3.40644 0.69977,2.21815 0.69977,5.33412 z m -10.24574,0 q 0,2.57464 0.3697,4.29107 0.36969,1.71642 1.20149,2.57463 0.83181,0.84501 2.20495,0.84501 1.37314,0 2.20495,-0.84501 0.84501,-0.84501 1.2147,-2.56143 0.36969,-1.71643 0.36969,-4.30427 0,-2.53503 -0.36969,-4.23825 -0.36969,-1.71642 -1.2015,-2.57464 -0.8186,-0.87141 -2.21815,-0.87141 -1.39955,0 -2.23135,0.87141 -0.81861,0.85822 -1.1883,2.57464 -0.35649,1.70322 -0.35649,4.23825 z"
+         id="text14"
+         style="font-weight:500;font-size:27.0403px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69001px;word-spacing:0px;display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke-width:4.25831;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="10"
+         transform="translate(1.2499999e-6)"
+         inkscape:label="Symbol 10" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.28992,147.67823 h -2.62746 V 134.6202 q 0,-0.69978 0,-1.28072 0.0132,-0.59415 0.0396,-1.12228 0.0264,-0.54133 0.0528,-1.04306 -0.34329,0.35649 -0.72618,0.68657 -0.36969,0.31688 -0.85822,0.72618 l -2.20494,1.78244 -1.35994,-1.74283 5.47936,-4.25145 h 2.20495 z m 18.03567,-9.678 q 0,2.35019 -0.35649,4.19864 -0.35648,1.84846 -1.13548,3.12918 -0.76579,1.28072 -2.00689,1.95408 -1.22791,0.66017 -2.97074,0.66017 -2.19174,0 -3.6177,-1.17509 -1.42595,-1.1751 -2.12572,-3.39325 -0.69978,-2.23135 -0.69978,-5.37373 0,-3.08956 0.63376,-5.30771 0.63376,-2.23136 2.04651,-3.41965 1.42595,-1.2015 3.76293,-1.2015 2.21815,0 3.6441,1.1883 1.43916,1.17509 2.12573,3.40644 0.69977,2.21815 0.69977,5.33412 z m -10.24574,0 q 0,2.57464 0.3697,4.29107 0.36969,1.71642 1.20149,2.57463 0.83181,0.84501 2.20495,0.84501 1.37314,0 2.20495,-0.84501 0.84501,-0.84501 1.2147,-2.56143 0.36969,-1.71643 0.36969,-4.30427 0,-2.53503 -0.36969,-4.23825 -0.36969,-1.71642 -1.2015,-2.57464 -0.8186,-0.87141 -2.21815,-0.87141 -1.39955,0 -2.23135,0.87141 -0.81861,0.85822 -1.1883,2.57464 -0.35649,1.70322 -0.35649,4.23825 z"
+         id="path15"
+         style="font-weight:500;font-size:27.0403px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69001px;word-spacing:0px;display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:4.25831;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="10"
+         transform="translate(1.2499999e-6)"
+         inkscape:label="Symbol 10" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -122.28992,147.67823 h -2.62746 V 134.6202 q 0,-0.69978 0,-1.28072 0.0132,-0.59415 0.0396,-1.12228 0.0264,-0.54133 0.0528,-1.04306 -0.34329,0.35649 -0.72618,0.68657 -0.36969,0.31688 -0.85822,0.72618 l -2.20494,1.78244 -1.35994,-1.74283 5.47936,-4.25145 h 2.20495 z m 18.03567,-9.678 q 0,2.35019 -0.35649,4.19864 -0.35648,1.84846 -1.13548,3.12918 -0.76579,1.28072 -2.00689,1.95408 -1.22791,0.66017 -2.97074,0.66017 -2.19174,0 -3.6177,-1.17509 -1.42595,-1.1751 -2.12572,-3.39325 -0.69978,-2.23135 -0.69978,-5.37373 0,-3.08956 0.63376,-5.30771 0.63376,-2.23136 2.04651,-3.41965 1.42595,-1.2015 3.76293,-1.2015 2.21815,0 3.6441,1.1883 1.43916,1.17509 2.12573,3.40644 0.69977,2.21815 0.69977,5.33412 z m -10.24574,0 q 0,2.57464 0.3697,4.29107 0.36969,1.71642 1.20149,2.57463 0.83181,0.84501 2.20495,0.84501 1.37314,0 2.20495,-0.84501 0.84501,-0.84501 1.2147,-2.56143 0.36969,-1.71643 0.36969,-4.30427 0,-2.53503 -0.36969,-4.23825 -0.36969,-1.71642 -1.2015,-2.57464 -0.8186,-0.87141 -2.21815,-0.87141 -1.39955,0 -2.23135,0.87141 -0.81861,0.85822 -1.1883,2.57464 -0.35649,1.70322 -0.35649,4.23825 z"
+         id="path14"
+         style="font-weight:500;font-size:27.0403px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69001px;word-spacing:0px;display:inline;opacity:1;fill:#808080;stroke-width:4.25831;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="10"
+         transform="translate(1.25e-6)"
+         inkscape:label="Symbol 10" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-11.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-11.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="73.892659"
+     inkscape:cy="76.632697"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 11"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -121.43777,147.94234 h -2.70474 V 134.5002 q 0,-0.72036 0,-1.31839 0.0136,-0.61163 0.0408,-1.1553 0.0272,-0.55725 0.0544,-1.07374 -0.35339,0.36698 -0.74754,0.70677 -0.38057,0.3262 -0.88346,0.74754 l -2.26981,1.83487 -1.39994,-1.79409 5.64054,-4.37652 h 2.2698 z m 14.1761,0 h -2.70474 V 134.5002 q 0,-0.72036 0,-1.31839 0.0136,-0.61163 0.0408,-1.1553 0.0272,-0.55725 0.0544,-1.07374 -0.35338,0.36698 -0.74754,0.70677 -0.38057,0.3262 -0.88346,0.74754 l -2.2698,1.83487 -1.39994,-1.79409 5.64053,-4.37652 h 2.26981 z"
+         id="path16"
+         style="font-weight:500;font-size:27.8357px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73973px;word-spacing:0px;display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke-width:4.38358;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 11"
+         transform="translate(1.2499999e-6)"
+         aria-label="11" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -121.43777,147.94234 h -2.70474 V 134.5002 q 0,-0.72036 0,-1.31839 0.0136,-0.61163 0.0408,-1.1553 0.0272,-0.55725 0.0544,-1.07374 -0.35339,0.36698 -0.74754,0.70677 -0.38057,0.3262 -0.88346,0.74754 l -2.26981,1.83487 -1.39994,-1.79409 5.64054,-4.37652 h 2.2698 z m 14.1761,0 h -2.70474 V 134.5002 q 0,-0.72036 0,-1.31839 0.0136,-0.61163 0.0408,-1.1553 0.0272,-0.55725 0.0544,-1.07374 -0.35338,0.36698 -0.74754,0.70677 -0.38057,0.3262 -0.88346,0.74754 l -2.2698,1.83487 -1.39994,-1.79409 5.64053,-4.37652 h 2.26981 z"
+         id="text15"
+         style="font-weight:500;font-size:27.8357px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73973px;word-spacing:0px;display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:4.38358;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 11"
+         transform="translate(1.2499999e-6)"
+         aria-label="11" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -121.43777,147.94234 h -2.70474 V 134.5002 q 0,-0.72036 0,-1.31839 0.0136,-0.61163 0.0408,-1.1553 0.0272,-0.55725 0.0544,-1.07374 -0.35339,0.36698 -0.74754,0.70677 -0.38057,0.3262 -0.88346,0.74754 l -2.26981,1.83487 -1.39994,-1.79409 5.64054,-4.37652 h 2.2698 z m 14.1761,0 h -2.70474 V 134.5002 q 0,-0.72036 0,-1.31839 0.0136,-0.61163 0.0408,-1.1553 0.0272,-0.55725 0.0544,-1.07374 -0.35338,0.36698 -0.74754,0.70677 -0.38057,0.3262 -0.88346,0.74754 l -2.2698,1.83487 -1.39994,-1.79409 5.64053,-4.37652 h 2.26981 z"
+         id="path15"
+         style="font-weight:500;font-size:27.8357px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73973px;word-spacing:0px;opacity:1;fill:#808080;stroke-width:4.38358;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 11"
+         transform="translate(1.2499999e-6)"
+         aria-label="11" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-12.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-12.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="142.12846"
+     inkscape:cy="122.8598"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 12"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 17.538978,32.372726 H 14.872543 V 19.120948 q 0,-0.710156 0,-1.29972 0.0134,-0.602963 0.0402,-1.138929 0.0268,-0.549366 0.0536,-1.058535 -0.348378,0.361778 -0.736954,0.696757 -0.375177,0.32158 -0.870946,0.736954 l -2.237662,1.808888 -1.3801142,-1.76869 5.5606552,-4.314533 h 2.237662 z m 18.249662,0 H 22.737849 v -2.117068 l 5.15868,-5.239076 q 1.473909,-1.487308 2.438649,-2.599439 0.97814,-1.12553 1.473909,-2.170665 0.495769,-1.058535 0.495769,-2.304657 0,-1.527506 -0.897744,-2.331456 -0.897745,-0.80395 -2.385053,-0.80395 -1.339917,0 -2.425249,0.495769 -1.071934,0.48237 -2.224262,1.393514 l -1.447111,-1.795489 q 0.790551,-0.669958 1.715094,-1.205925 0.924543,-0.549366 2.023275,-0.870946 1.098732,-0.32158 2.438648,-0.32158 1.835687,0 3.162205,0.64316 1.339917,0.64316 2.063472,1.822287 0.723555,1.179127 0.723555,2.760229 0,1.567703 -0.629761,2.90762 -0.616362,1.326518 -1.755291,2.639636 -1.13893,1.313119 -2.693233,2.800427 l -3.818764,3.778566 v 0.120592 h 9.634003 z"
+         id="text16"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.7151px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 12"
+         aria-label="12"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 17.538978,32.372726 H 14.872543 V 19.120948 q 0,-0.710156 0,-1.29972 0.0134,-0.602963 0.0402,-1.138929 0.0268,-0.549366 0.0536,-1.058535 -0.348378,0.361778 -0.736954,0.696757 -0.375177,0.32158 -0.870946,0.736954 l -2.237662,1.808888 -1.3801142,-1.76869 5.5606552,-4.314533 h 2.237662 z m 18.249662,0 H 22.737849 v -2.117068 l 5.15868,-5.239076 q 1.473909,-1.487308 2.438649,-2.599439 0.97814,-1.12553 1.473909,-2.170665 0.495769,-1.058535 0.495769,-2.304657 0,-1.527506 -0.897744,-2.331456 -0.897745,-0.80395 -2.385053,-0.80395 -1.339917,0 -2.425249,0.495769 -1.071934,0.48237 -2.224262,1.393514 l -1.447111,-1.795489 q 0.790551,-0.669958 1.715094,-1.205925 0.924543,-0.549366 2.023275,-0.870946 1.098732,-0.32158 2.438648,-0.32158 1.835687,0 3.162205,0.64316 1.339917,0.64316 2.063472,1.822287 0.723555,1.179127 0.723555,2.760229 0,1.567703 -0.629761,2.90762 -0.616362,1.326518 -1.755291,2.639636 -1.13893,1.313119 -2.693233,2.800427 l -3.818764,3.778566 v 0.120592 h 9.634003 z"
+         id="path17"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.7151px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 12"
+         aria-label="12"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 17.538978,32.372726 H 14.872543 V 19.120948 q 0,-0.710156 0,-1.29972 0.0134,-0.602963 0.0402,-1.138929 0.0268,-0.549366 0.0536,-1.058535 -0.348378,0.361778 -0.736954,0.696757 -0.375177,0.32158 -0.870946,0.736954 l -2.237662,1.808888 -1.3801142,-1.76869 5.5606552,-4.314533 h 2.237662 z m 18.249662,0 H 22.737849 v -2.117068 l 5.15868,-5.239076 q 1.473909,-1.487308 2.438649,-2.599439 0.97814,-1.12553 1.473909,-2.170665 0.495769,-1.058535 0.495769,-2.304657 0,-1.527506 -0.897744,-2.331456 -0.897745,-0.80395 -2.385053,-0.80395 -1.339917,0 -2.425249,0.495769 -1.071934,0.48237 -2.224262,1.393514 l -1.447111,-1.795489 q 0.790551,-0.669958 1.715094,-1.205925 0.924543,-0.549366 2.023275,-0.870946 1.098732,-0.32158 2.438648,-0.32158 1.835687,0 3.162205,0.64316 1.339917,0.64316 2.063472,1.822287 0.723555,1.179127 0.723555,2.760229 0,1.567703 -0.629761,2.90762 -0.616362,1.326518 -1.755291,2.639636 -1.13893,1.313119 -2.693233,2.800427 l -3.818764,3.778566 v 0.120592 h 9.634003 z"
+         id="path16"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.7151px;word-spacing:0px;fill:#808080;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 12"
+         aria-label="12"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-13.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-13.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="4"
+     inkscape:cx="91"
+     inkscape:cy="105.125"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 13"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.33661,147.67792 h -2.63096 v -13.07547 q 0,-0.70071 0,-1.28243 0.0132,-0.59494 0.0397,-1.12378 0.0264,-0.54205 0.0529,-1.04445 -0.34374,0.35697 -0.72715,0.68749 -0.37019,0.3173 -0.85936,0.72715 l -2.20789,1.78482 -1.36175,-1.74516 5.48667,-4.25713 h 2.20789 z m 17.29294,-14.87351 q 0,1.30887 -0.51561,2.27399 -0.51562,0.95191 -1.42786,1.56007 -0.91224,0.60816 -2.11534,0.85936 v 0.0925 q 2.30043,0.29086 3.46387,1.46752 1.17666,1.17666 1.17666,3.10691 0,1.67906 -0.79325,2.98793 -0.79326,1.30886 -2.44587,2.04924 -1.63939,0.74037 -4.21747,0.74037 -1.54684,0 -2.86893,-0.2512 -1.32209,-0.2512 -2.51197,-0.80648 v -2.41942 q 1.2031,0.60816 2.60452,0.9519 1.40141,0.33053 2.69706,0.33053 2.52519,0 3.62253,-0.97835 1.11055,-0.97835 1.11055,-2.69706 0,-1.137 -0.59494,-1.85093 -0.59494,-0.72715 -1.7716,-1.07089 -1.16344,-0.34375 -2.9086,-0.34375 h -1.81126 v -2.19466 h 1.8377 q 1.62617,0 2.67063,-0.42307 1.05767,-0.43629 1.57328,-1.21633 0.51562,-0.78003 0.51562,-1.82448 0,-1.36175 -0.89902,-2.10212 -0.8858,-0.75359 -2.51197,-0.75359 -1.00479,0 -1.83771,0.22475 -0.81969,0.21154 -1.53362,0.5685 -0.70071,0.35696 -1.36176,0.80647 l -1.30886,-1.8377 q 1.07089,-0.8197 2.59129,-1.40142 1.53363,-0.58172 3.50354,-0.58172 2.9747,0 4.52155,1.30887 1.54684,1.30887 1.54684,3.42422 z"
+         id="text17"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 13"
+         aria-label="13"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.33661,147.67792 h -2.63096 v -13.07547 q 0,-0.70071 0,-1.28243 0.0132,-0.59494 0.0397,-1.12378 0.0264,-0.54205 0.0529,-1.04445 -0.34374,0.35697 -0.72715,0.68749 -0.37019,0.3173 -0.85936,0.72715 l -2.20789,1.78482 -1.36175,-1.74516 5.48667,-4.25713 h 2.20789 z m 17.29294,-14.87351 q 0,1.30887 -0.51561,2.27399 -0.51562,0.95191 -1.42786,1.56007 -0.91224,0.60816 -2.11534,0.85936 v 0.0925 q 2.30043,0.29086 3.46387,1.46752 1.17666,1.17666 1.17666,3.10691 0,1.67906 -0.79325,2.98793 -0.79326,1.30886 -2.44587,2.04924 -1.63939,0.74037 -4.21747,0.74037 -1.54684,0 -2.86893,-0.2512 -1.32209,-0.2512 -2.51197,-0.80648 v -2.41942 q 1.2031,0.60816 2.60452,0.9519 1.40141,0.33053 2.69706,0.33053 2.52519,0 3.62253,-0.97835 1.11055,-0.97835 1.11055,-2.69706 0,-1.137 -0.59494,-1.85093 -0.59494,-0.72715 -1.7716,-1.07089 -1.16344,-0.34375 -2.9086,-0.34375 h -1.81126 v -2.19466 h 1.8377 q 1.62617,0 2.67063,-0.42307 1.05767,-0.43629 1.57328,-1.21633 0.51562,-0.78003 0.51562,-1.82448 0,-1.36175 -0.89902,-2.10212 -0.8858,-0.75359 -2.51197,-0.75359 -1.00479,0 -1.83771,0.22475 -0.81969,0.21154 -1.53362,0.5685 -0.70071,0.35696 -1.36176,0.80647 l -1.30886,-1.8377 q 1.07089,-0.8197 2.59129,-1.40142 1.53363,-0.58172 3.50354,-0.58172 2.9747,0 4.52155,1.30887 1.54684,1.30887 1.54684,3.42422 z"
+         id="path18"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 13"
+         aria-label="13"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -122.33661,147.67792 h -2.63096 v -13.07547 q 0,-0.70071 0,-1.28243 0.0132,-0.59494 0.0397,-1.12378 0.0264,-0.54205 0.0529,-1.04445 -0.34374,0.35697 -0.72715,0.68749 -0.37019,0.3173 -0.85936,0.72715 l -2.20789,1.78482 -1.36175,-1.74516 5.48667,-4.25713 h 2.20789 z m 17.29294,-14.87351 q 0,1.30887 -0.51561,2.27399 -0.51562,0.95191 -1.42786,1.56007 -0.91224,0.60816 -2.11534,0.85936 v 0.0925 q 2.30043,0.29086 3.46387,1.46752 1.17666,1.17666 1.17666,3.10691 0,1.67906 -0.79325,2.98793 -0.79326,1.30886 -2.44587,2.04924 -1.63939,0.74037 -4.21747,0.74037 -1.54684,0 -2.86893,-0.2512 -1.32209,-0.2512 -2.51197,-0.80648 v -2.41942 q 1.2031,0.60816 2.60452,0.9519 1.40141,0.33053 2.69706,0.33053 2.52519,0 3.62253,-0.97835 1.11055,-0.97835 1.11055,-2.69706 0,-1.137 -0.59494,-1.85093 -0.59494,-0.72715 -1.7716,-1.07089 -1.16344,-0.34375 -2.9086,-0.34375 h -1.81126 v -2.19466 h 1.8377 q 1.62617,0 2.67063,-0.42307 1.05767,-0.43629 1.57328,-1.21633 0.51562,-0.78003 0.51562,-1.82448 0,-1.36175 -0.89902,-2.10212 -0.8858,-0.75359 -2.51197,-0.75359 -1.00479,0 -1.83771,0.22475 -0.81969,0.21154 -1.53362,0.5685 -0.70071,0.35696 -1.36176,0.80647 l -1.30886,-1.8377 q 1.07089,-0.8197 2.59129,-1.40142 1.53363,-0.58172 3.50354,-0.58172 2.9747,0 4.52155,1.30887 1.54684,1.30887 1.54684,3.42422 z"
+         id="path17"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 13"
+         aria-label="13"
+         transform="translate(1.2499999e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-14.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-14.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="83.96893"
+     inkscape:cy="87.416076"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 14"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 17.059192,32.70013 H 14.365511 V 19.312943 q 0,-0.717413 0,-1.313 0.01354,-0.609124 0.04061,-1.150567 0.02707,-0.55498 0.05415,-1.069351 -0.351939,0.365474 -0.744485,0.703876 -0.37901,0.324866 -0.879846,0.744485 l -2.260526,1.827371 -1.3942164,-1.786763 5.6174754,-4.358619 h 2.260526 z m 19.288919,-4.466907 h -2.815506 v 4.466907 h -2.666609 v -4.466907 h -9.285754 v -2.152238 l 9.23161,-13.251827 h 2.720753 V 25.89148 h 2.815506 z M 30.865996,25.89148 v -5.685155 q 0,-0.676805 0.01354,-1.285929 0.01354,-0.622659 0.04061,-1.177639 0.02707,-0.554979 0.05414,-1.028742 0.02707,-0.487299 0.04061,-0.879846 h -0.108288 q -0.257186,0.541444 -0.582052,1.123495 -0.31133,0.582052 -0.663268,1.082887 l -5.482114,7.850929 z"
+         id="text18"
+         style="font-weight:500;font-size:27.7219px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73262px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.36566;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 14"
+         aria-label="14"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 17.059192,32.70013 H 14.365511 V 19.312943 q 0,-0.717413 0,-1.313 0.01354,-0.609124 0.04061,-1.150567 0.02707,-0.55498 0.05415,-1.069351 -0.351939,0.365474 -0.744485,0.703876 -0.37901,0.324866 -0.879846,0.744485 l -2.260526,1.827371 -1.3942164,-1.786763 5.6174754,-4.358619 h 2.260526 z m 19.288919,-4.466907 h -2.815506 v 4.466907 h -2.666609 v -4.466907 h -9.285754 v -2.152238 l 9.23161,-13.251827 h 2.720753 V 25.89148 h 2.815506 z M 30.865996,25.89148 v -5.685155 q 0,-0.676805 0.01354,-1.285929 0.01354,-0.622659 0.04061,-1.177639 0.02707,-0.554979 0.05414,-1.028742 0.02707,-0.487299 0.04061,-0.879846 h -0.108288 q -0.257186,0.541444 -0.582052,1.123495 -0.31133,0.582052 -0.663268,1.082887 l -5.482114,7.850929 z"
+         id="path19"
+         style="font-weight:500;font-size:27.7219px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73262px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.36566;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 14"
+         aria-label="14"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 17.059192,32.70013 H 14.365511 V 19.312943 q 0,-0.717413 0,-1.313 0.01354,-0.609124 0.04061,-1.150567 0.02707,-0.55498 0.05415,-1.069351 -0.351939,0.365474 -0.744485,0.703876 -0.37901,0.324866 -0.879846,0.744485 l -2.260526,1.827371 -1.3942164,-1.786763 5.6174754,-4.358619 h 2.260526 z m 19.288919,-4.466907 h -2.815506 v 4.466907 h -2.666609 v -4.466907 h -9.285754 v -2.152238 l 9.23161,-13.251827 h 2.720753 V 25.89148 h 2.815506 z M 30.865996,25.89148 v -5.685155 q 0,-0.676805 0.01354,-1.285929 0.01354,-0.622659 0.04061,-1.177639 0.02707,-0.554979 0.05414,-1.028742 0.02707,-0.487299 0.04061,-0.879846 h -0.108288 q -0.257186,0.541444 -0.582052,1.123495 -0.31133,0.582052 -0.663268,1.082887 l -5.482114,7.850929 z"
+         id="path18"
+         style="font-weight:500;font-size:27.7219px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73262px;word-spacing:0px;fill:#808080;stroke-width:4.36566;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 14"
+         aria-label="14"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-15.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-15.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="83.96893"
+     inkscape:cy="87.416076"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 15"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.26974,147.67418 h -2.66825 v -13.26076 q 0,-0.71064 0,-1.3006 0.0134,-0.60337 0.0402,-1.1397 0.0268,-0.54974 0.0536,-1.05926 -0.34861,0.36203 -0.73745,0.69723 -0.37543,0.3218 -0.87154,0.73746 l -2.23918,1.81011 -1.38105,-1.76989 5.56443,-4.31746 h 2.23918 z m 11.63837,-12.12106 q 1.94419,0 3.39228,0.68382 1.4615,0.67041 2.266,1.97101 0.8179,1.3006 0.8179,3.16435 0,2.03805 -0.87153,3.51296 -0.87154,1.47491 -2.53416,2.266 -1.66263,0.79108 -4.02248,0.79108 -1.52854,0 -2.85596,-0.26816 -1.32741,-0.26817 -2.25258,-0.8045 v -2.48052 q 0.99221,0.57655 2.38667,0.93857 1.40786,0.34862 2.70846,0.34862 1.42128,0 2.46712,-0.44247 1.05925,-0.44248 1.63581,-1.34083 0.57655,-0.89835 0.57655,-2.2794 0,-1.82352 -1.1397,-2.81573 -1.1397,-0.99221 -3.58,-0.99221 -0.81791,0 -1.76989,0.14749 -0.95199,0.13408 -1.56877,0.28157 l -1.26037,-0.76427 0.75086,-9.39919 h 9.97574 v 2.40008 h -7.6427 l -0.45589,5.40353 q 0.49611,-0.10727 1.23356,-0.21453 0.73746,-0.10727 1.74308,-0.10727 z"
+         id="text19"
+         style="font-weight:500;font-size:27.4601px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.71625px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.32442;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 15"
+         aria-label="15"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.26974,147.67418 h -2.66825 v -13.26076 q 0,-0.71064 0,-1.3006 0.0134,-0.60337 0.0402,-1.1397 0.0268,-0.54974 0.0536,-1.05926 -0.34861,0.36203 -0.73745,0.69723 -0.37543,0.3218 -0.87154,0.73746 l -2.23918,1.81011 -1.38105,-1.76989 5.56443,-4.31746 h 2.23918 z m 11.63837,-12.12106 q 1.94419,0 3.39228,0.68382 1.4615,0.67041 2.266,1.97101 0.8179,1.3006 0.8179,3.16435 0,2.03805 -0.87153,3.51296 -0.87154,1.47491 -2.53416,2.266 -1.66263,0.79108 -4.02248,0.79108 -1.52854,0 -2.85596,-0.26816 -1.32741,-0.26817 -2.25258,-0.8045 v -2.48052 q 0.99221,0.57655 2.38667,0.93857 1.40786,0.34862 2.70846,0.34862 1.42128,0 2.46712,-0.44247 1.05925,-0.44248 1.63581,-1.34083 0.57655,-0.89835 0.57655,-2.2794 0,-1.82352 -1.1397,-2.81573 -1.1397,-0.99221 -3.58,-0.99221 -0.81791,0 -1.76989,0.14749 -0.95199,0.13408 -1.56877,0.28157 l -1.26037,-0.76427 0.75086,-9.39919 h 9.97574 v 2.40008 h -7.6427 l -0.45589,5.40353 q 0.49611,-0.10727 1.23356,-0.21453 0.73746,-0.10727 1.74308,-0.10727 z"
+         id="path20"
+         style="font-weight:500;font-size:27.4601px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.71625px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.32442;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 15"
+         aria-label="15"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -122.26974,147.67418 h -2.66825 v -13.26076 q 0,-0.71064 0,-1.3006 0.0134,-0.60337 0.0402,-1.1397 0.0268,-0.54974 0.0536,-1.05926 -0.34861,0.36203 -0.73745,0.69723 -0.37543,0.3218 -0.87154,0.73746 l -2.23918,1.81011 -1.38105,-1.76989 5.56443,-4.31746 h 2.23918 z m 11.63837,-12.12106 q 1.94419,0 3.39228,0.68382 1.4615,0.67041 2.266,1.97101 0.8179,1.3006 0.8179,3.16435 0,2.03805 -0.87153,3.51296 -0.87154,1.47491 -2.53416,2.266 -1.66263,0.79108 -4.02248,0.79108 -1.52854,0 -2.85596,-0.26816 -1.32741,-0.26817 -2.25258,-0.8045 v -2.48052 q 0.99221,0.57655 2.38667,0.93857 1.40786,0.34862 2.70846,0.34862 1.42128,0 2.46712,-0.44247 1.05925,-0.44248 1.63581,-1.34083 0.57655,-0.89835 0.57655,-2.2794 0,-1.82352 -1.1397,-2.81573 -1.1397,-0.99221 -3.58,-0.99221 -0.81791,0 -1.76989,0.14749 -0.95199,0.13408 -1.56877,0.28157 l -1.26037,-0.76427 0.75086,-9.39919 h 9.97574 v 2.40008 h -7.6427 l -0.45589,5.40353 q 0.49611,-0.10727 1.23356,-0.21453 0.73746,-0.10727 1.74308,-0.10727 z"
+         id="path19"
+         style="font-weight:500;font-size:27.4601px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.71625px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.32442;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 15"
+         aria-label="15"
+         transform="translate(1.2499999e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-16.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-16.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="8"
+     inkscape:cx="80.375"
+     inkscape:cy="90.3125"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 16"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:27.0944px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.6934px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.26684;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         d="M 17.406632,32.435547 H 14.773924 V 19.351386 q 0,-0.701174 0,-1.28328 0.01323,-0.595336 0.03969,-1.124523 0.02646,-0.542418 0.05292,-1.045146 -0.343972,0.357202 -0.727633,0.687944 -0.370431,0.317513 -0.85993,0.727633 l -2.209357,1.786008 -1.3626582,-1.746319 5.4903202,-4.25996 h 2.209358 z m 5.252186,-8.255325 q 0,-1.733089 0.238134,-3.3868 0.251364,-1.653711 0.83347,-3.095747 0.595336,-1.442036 1.627252,-2.526871 1.031916,-1.098064 2.579789,-1.719859 1.547874,-0.621795 3.730772,-0.621795 0.582106,0 1.28328,0.05292 0.714403,0.05292 1.177442,0.185216 v 2.235817 q -0.502728,-0.158756 -1.124523,-0.238134 -0.621796,-0.07938 -1.243591,-0.07938 -2.447492,0 -3.83661,1.005456 -1.389117,0.992227 -1.984453,2.712086 -0.595336,1.70663 -0.687943,3.863069 h 0.145526 q 0.396891,-0.648255 1.018686,-1.177442 0.621795,-0.529188 1.494955,-0.833471 0.886389,-0.317512 2.063831,-0.317512 1.6934,0 2.95022,0.701173 1.256821,0.687944 1.944764,2.010913 0.687944,1.322969 0.687944,3.214814 0,2.010912 -0.754092,3.479408 -0.754092,1.468495 -2.156439,2.262276 -1.389117,0.793782 -3.320652,0.793782 -1.428806,0 -2.645937,-0.529188 -1.217131,-0.542417 -2.11675,-1.600792 -0.899619,-1.071605 -1.402347,-2.659167 -0.502728,-1.600793 -0.502728,-3.730772 z m 6.628073,6.310561 q 1.653711,0 2.645938,-1.058375 1.005456,-1.071605 1.005456,-3.254503 0,-1.786008 -0.886389,-2.817924 -0.886389,-1.045145 -2.672397,-1.045145 -1.217131,0 -2.12998,0.515958 -0.899618,0.515957 -1.402347,1.296509 -0.489498,0.767322 -0.489498,1.574333 0,0.83347 0.238134,1.68017 0.238135,0.83347 0.727633,1.547874 0.489499,0.701173 1.230361,1.137753 0.740863,0.42335 1.733089,0.42335 z"
+         id="path22"
+         inkscape:label="Symbol 16"
+         aria-label="16&#10;"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:27.0944px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.6934px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.26684;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         d="M 17.406632,32.435547 H 14.773924 V 19.351386 q 0,-0.701174 0,-1.28328 0.01323,-0.595336 0.03969,-1.124523 0.02646,-0.542418 0.05292,-1.045146 -0.343972,0.357202 -0.727633,0.687944 -0.370431,0.317513 -0.85993,0.727633 l -2.209357,1.786008 -1.3626582,-1.746319 5.4903202,-4.25996 h 2.209358 z m 5.252186,-8.255325 q 0,-1.733089 0.238134,-3.3868 0.251364,-1.653711 0.83347,-3.095747 0.595336,-1.442036 1.627252,-2.526871 1.031916,-1.098064 2.579789,-1.719859 1.547874,-0.621795 3.730772,-0.621795 0.582106,0 1.28328,0.05292 0.714403,0.05292 1.177442,0.185216 v 2.235817 q -0.502728,-0.158756 -1.124523,-0.238134 -0.621796,-0.07938 -1.243591,-0.07938 -2.447492,0 -3.83661,1.005456 -1.389117,0.992227 -1.984453,2.712086 -0.595336,1.70663 -0.687943,3.863069 h 0.145526 q 0.396891,-0.648255 1.018686,-1.177442 0.621795,-0.529188 1.494955,-0.833471 0.886389,-0.317512 2.063831,-0.317512 1.6934,0 2.95022,0.701173 1.256821,0.687944 1.944764,2.010913 0.687944,1.322969 0.687944,3.214814 0,2.010912 -0.754092,3.479408 -0.754092,1.468495 -2.156439,2.262276 -1.389117,0.793782 -3.320652,0.793782 -1.428806,0 -2.645937,-0.529188 -1.217131,-0.542417 -2.11675,-1.600792 -0.899619,-1.071605 -1.402347,-2.659167 -0.502728,-1.600793 -0.502728,-3.730772 z m 6.628073,6.310561 q 1.653711,0 2.645938,-1.058375 1.005456,-1.071605 1.005456,-3.254503 0,-1.786008 -0.886389,-2.817924 -0.886389,-1.045145 -2.672397,-1.045145 -1.217131,0 -2.12998,0.515958 -0.899618,0.515957 -1.402347,1.296509 -0.489498,0.767322 -0.489498,1.574333 0,0.83347 0.238134,1.68017 0.238135,0.83347 0.727633,1.547874 0.489499,0.701173 1.230361,1.137753 0.740863,0.42335 1.733089,0.42335 z"
+         id="text20"
+         inkscape:label="Symbol 16"
+         aria-label="16&#10;"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         style="font-weight:500;font-size:27.0944px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.6934px;word-spacing:0px;fill:#808080;stroke-width:4.26684;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         d="M 17.406632,32.435547 H 14.773924 V 19.351386 q 0,-0.701174 0,-1.28328 0.01323,-0.595336 0.03969,-1.124523 0.02646,-0.542418 0.05292,-1.045146 -0.343972,0.357202 -0.727633,0.687944 -0.370431,0.317513 -0.85993,0.727633 l -2.209357,1.786008 -1.3626582,-1.746319 5.4903202,-4.25996 h 2.209358 z m 5.252186,-8.255325 q 0,-1.733089 0.238134,-3.3868 0.251364,-1.653711 0.83347,-3.095747 0.595336,-1.442036 1.627252,-2.526871 1.031916,-1.098064 2.579789,-1.719859 1.547874,-0.621795 3.730772,-0.621795 0.582106,0 1.28328,0.05292 0.714403,0.05292 1.177442,0.185216 v 2.235817 q -0.502728,-0.158756 -1.124523,-0.238134 -0.621796,-0.07938 -1.243591,-0.07938 -2.447492,0 -3.83661,1.005456 -1.389117,0.992227 -1.984453,2.712086 -0.595336,1.70663 -0.687943,3.863069 h 0.145526 q 0.396891,-0.648255 1.018686,-1.177442 0.621795,-0.529188 1.494955,-0.833471 0.886389,-0.317512 2.063831,-0.317512 1.6934,0 2.95022,0.701173 1.256821,0.687944 1.944764,2.010913 0.687944,1.322969 0.687944,3.214814 0,2.010912 -0.754092,3.479408 -0.754092,1.468495 -2.156439,2.262276 -1.389117,0.793782 -3.320652,0.793782 -1.428806,0 -2.645937,-0.529188 -1.217131,-0.542417 -2.11675,-1.600792 -0.899619,-1.071605 -1.402347,-2.659167 -0.502728,-1.600793 -0.502728,-3.730772 z m 6.628073,6.310561 q 1.653711,0 2.645938,-1.058375 1.005456,-1.071605 1.005456,-3.254503 0,-1.786008 -0.886389,-2.817924 -0.886389,-1.045145 -2.672397,-1.045145 -1.217131,0 -2.12998,0.515958 -0.899618,0.515957 -1.402347,1.296509 -0.489498,0.767322 -0.489498,1.574333 0,0.83347 0.238134,1.68017 0.238135,0.83347 0.727633,1.547874 0.489499,0.701173 1.230361,1.137753 0.740863,0.42335 1.733089,0.42335 z"
+         id="path21"
+         inkscape:label="Symbol 16"
+         aria-label="16&#10;"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-17.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-17.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="8"
+     inkscape:cx="93.375"
+     inkscape:cy="82.1875"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 17"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.4626,147.94233 h -2.70474 v -13.44215 q 0,-0.72035 0,-1.31839 0.0136,-0.61162 0.0408,-1.15529 0.0272,-0.55725 0.0544,-1.07374 -0.35338,0.36698 -0.74754,0.70677 -0.38056,0.3262 -0.88345,0.74754 l -2.26981,1.83487 -1.39994,-1.79409 5.64053,-4.37652 h 2.26981 z m 7.69288,0 7.99189,-17.43809 h -10.57431 v -2.43291 h 13.49651 v 1.9572 l -7.95112,17.9138 z"
+         id="text22"
+         style="font-weight:500;font-size:27.8357px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73973px;word-spacing:0px;display:inline;fill:#000000;stroke-width:4.38358;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 17"
+         aria-label="17"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.4626,147.94233 h -2.70474 v -13.44215 q 0,-0.72035 0,-1.31839 0.0136,-0.61162 0.0408,-1.15529 0.0272,-0.55725 0.0544,-1.07374 -0.35338,0.36698 -0.74754,0.70677 -0.38056,0.3262 -0.88345,0.74754 l -2.26981,1.83487 -1.39994,-1.79409 5.64053,-4.37652 h 2.26981 z m 7.69288,0 7.99189,-17.43809 h -10.57431 v -2.43291 h 13.49651 v 1.9572 l -7.95112,17.9138 z"
+         id="path23"
+         style="font-weight:500;font-size:27.8357px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73973px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:4.38358;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 17"
+         aria-label="17"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -122.4626,147.94233 h -2.70474 v -13.44215 q 0,-0.72035 0,-1.31839 0.0136,-0.61162 0.0408,-1.15529 0.0272,-0.55725 0.0544,-1.07374 -0.35338,0.36698 -0.74754,0.70677 -0.38056,0.3262 -0.88345,0.74754 l -2.26981,1.83487 -1.39994,-1.79409 5.64053,-4.37652 h 2.26981 z m 7.69288,0 7.99189,-17.43809 h -10.57431 v -2.43291 h 13.49651 v 1.9572 l -7.95112,17.9138 z"
+         id="path22"
+         style="font-weight:500;font-size:27.8357px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.73973px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.38358;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 17"
+         aria-label="17"
+         transform="translate(1.2499999e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-18.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-18.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="4"
+     inkscape:cx="113"
+     inkscape:cy="63.625"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 18"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.29024,147.67792 h -2.63096 v -13.07547 q 0,-0.70071 0,-1.28243 0.0132,-0.59494 0.0397,-1.12378 0.0264,-0.54205 0.0529,-1.04445 -0.34374,0.35697 -0.72715,0.68749 -0.37018,0.3173 -0.85936,0.72715 l -2.20789,1.78482 -1.36175,-1.74516 5.48667,-4.25713 h 2.20789 z m 11.59474,-19.6066 q 1.66583,0 2.98792,0.52884 1.33531,0.52884 2.0889,1.56007 0.76681,1.01801 0.76681,2.53841 0,1.16344 -0.50239,2.04924 -0.48917,0.87258 -1.33531,1.53362 -0.83292,0.64783 -1.86415,1.16344 1.18988,0.55528 2.16823,1.26921 0.97835,0.71393 1.56007,1.67905 0.58171,0.96513 0.58171,2.28722 0,1.61295 -0.80647,2.80283 -0.79325,1.17666 -2.23433,1.82448 -1.44108,0.63461 -3.37133,0.63461 -2.0889,0 -3.5432,-0.60817 -1.4543,-0.62138 -2.22111,-1.7716 -0.75359,-1.16344 -0.75359,-2.78961 0,-1.33531 0.55527,-2.31365 0.55528,-0.99157 1.46752,-1.69228 0.91225,-0.71393 1.99636,-1.21632 -0.93868,-0.52884 -1.71872,-1.2031 -0.76681,-0.67427 -1.22954,-1.57329 -0.44951,-0.91224 -0.44951,-2.10212 0,-1.48074 0.76681,-2.49875 0.78003,-1.03123 2.11534,-1.56007 1.33531,-0.54206 2.97471,-0.54206 z m -3.91339,14.64876 q 0,1.37497 0.96513,2.26077 0.97834,0.8858 2.93504,0.8858 1.87736,0 2.88215,-0.87257 1.01801,-0.88581 1.01801,-2.32688 0,-0.91225 -0.48917,-1.59973 -0.47596,-0.68749 -1.33531,-1.22955 -0.84614,-0.55527 -1.9567,-1.00478 l -0.44951,-0.17188 q -1.12377,0.47596 -1.91703,1.05768 -0.79325,0.5685 -1.22954,1.30887 -0.42307,0.72714 -0.42307,1.69227 z m 3.88694,-12.54663 q -1.42785,0 -2.34009,0.68748 -0.89903,0.68749 -0.89903,1.96992 0,0.92546 0.43629,1.57329 0.44951,0.6346 1.20311,1.11055 0.75359,0.46273 1.69227,0.85936 0.89902,-0.39663 1.61295,-0.85936 0.72715,-0.47595 1.137,-1.12378 0.42307,-0.66104 0.42307,-1.56006 0,-1.29565 -0.91225,-1.96992 -0.89902,-0.68748 -2.35332,-0.68748 z"
+         id="text23"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 18"
+         aria-label="18"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -122.29024,147.67792 h -2.63096 v -13.07547 q 0,-0.70071 0,-1.28243 0.0132,-0.59494 0.0397,-1.12378 0.0264,-0.54205 0.0529,-1.04445 -0.34374,0.35697 -0.72715,0.68749 -0.37018,0.3173 -0.85936,0.72715 l -2.20789,1.78482 -1.36175,-1.74516 5.48667,-4.25713 h 2.20789 z m 11.59474,-19.6066 q 1.66583,0 2.98792,0.52884 1.33531,0.52884 2.0889,1.56007 0.76681,1.01801 0.76681,2.53841 0,1.16344 -0.50239,2.04924 -0.48917,0.87258 -1.33531,1.53362 -0.83292,0.64783 -1.86415,1.16344 1.18988,0.55528 2.16823,1.26921 0.97835,0.71393 1.56007,1.67905 0.58171,0.96513 0.58171,2.28722 0,1.61295 -0.80647,2.80283 -0.79325,1.17666 -2.23433,1.82448 -1.44108,0.63461 -3.37133,0.63461 -2.0889,0 -3.5432,-0.60817 -1.4543,-0.62138 -2.22111,-1.7716 -0.75359,-1.16344 -0.75359,-2.78961 0,-1.33531 0.55527,-2.31365 0.55528,-0.99157 1.46752,-1.69228 0.91225,-0.71393 1.99636,-1.21632 -0.93868,-0.52884 -1.71872,-1.2031 -0.76681,-0.67427 -1.22954,-1.57329 -0.44951,-0.91224 -0.44951,-2.10212 0,-1.48074 0.76681,-2.49875 0.78003,-1.03123 2.11534,-1.56007 1.33531,-0.54206 2.97471,-0.54206 z m -3.91339,14.64876 q 0,1.37497 0.96513,2.26077 0.97834,0.8858 2.93504,0.8858 1.87736,0 2.88215,-0.87257 1.01801,-0.88581 1.01801,-2.32688 0,-0.91225 -0.48917,-1.59973 -0.47596,-0.68749 -1.33531,-1.22955 -0.84614,-0.55527 -1.9567,-1.00478 l -0.44951,-0.17188 q -1.12377,0.47596 -1.91703,1.05768 -0.79325,0.5685 -1.22954,1.30887 -0.42307,0.72714 -0.42307,1.69227 z m 3.88694,-12.54663 q -1.42785,0 -2.34009,0.68748 -0.89903,0.68749 -0.89903,1.96992 0,0.92546 0.43629,1.57329 0.44951,0.6346 1.20311,1.11055 0.75359,0.46273 1.69227,0.85936 0.89902,-0.39663 1.61295,-0.85936 0.72715,-0.47595 1.137,-1.12378 0.42307,-0.66104 0.42307,-1.56006 0,-1.29565 -0.91225,-1.96992 -0.89902,-0.68748 -2.35332,-0.68748 z"
+         id="path24"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 18"
+         aria-label="18"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -122.29024,147.67792 h -2.63096 v -13.07547 q 0,-0.70071 0,-1.28243 0.0132,-0.59494 0.0397,-1.12378 0.0264,-0.54205 0.0529,-1.04445 -0.34374,0.35697 -0.72715,0.68749 -0.37018,0.3173 -0.85936,0.72715 l -2.20789,1.78482 -1.36175,-1.74516 5.48667,-4.25713 h 2.20789 z m 11.59474,-19.6066 q 1.66583,0 2.98792,0.52884 1.33531,0.52884 2.0889,1.56007 0.76681,1.01801 0.76681,2.53841 0,1.16344 -0.50239,2.04924 -0.48917,0.87258 -1.33531,1.53362 -0.83292,0.64783 -1.86415,1.16344 1.18988,0.55528 2.16823,1.26921 0.97835,0.71393 1.56007,1.67905 0.58171,0.96513 0.58171,2.28722 0,1.61295 -0.80647,2.80283 -0.79325,1.17666 -2.23433,1.82448 -1.44108,0.63461 -3.37133,0.63461 -2.0889,0 -3.5432,-0.60817 -1.4543,-0.62138 -2.22111,-1.7716 -0.75359,-1.16344 -0.75359,-2.78961 0,-1.33531 0.55527,-2.31365 0.55528,-0.99157 1.46752,-1.69228 0.91225,-0.71393 1.99636,-1.21632 -0.93868,-0.52884 -1.71872,-1.2031 -0.76681,-0.67427 -1.22954,-1.57329 -0.44951,-0.91224 -0.44951,-2.10212 0,-1.48074 0.76681,-2.49875 0.78003,-1.03123 2.11534,-1.56007 1.33531,-0.54206 2.97471,-0.54206 z m -3.91339,14.64876 q 0,1.37497 0.96513,2.26077 0.97834,0.8858 2.93504,0.8858 1.87736,0 2.88215,-0.87257 1.01801,-0.88581 1.01801,-2.32688 0,-0.91225 -0.48917,-1.59973 -0.47596,-0.68749 -1.33531,-1.22955 -0.84614,-0.55527 -1.9567,-1.00478 l -0.44951,-0.17188 q -1.12377,0.47596 -1.91703,1.05768 -0.79325,0.5685 -1.22954,1.30887 -0.42307,0.72714 -0.42307,1.69227 z m 3.88694,-12.54663 q -1.42785,0 -2.34009,0.68748 -0.89903,0.68749 -0.89903,1.96992 0,0.92546 0.43629,1.57329 0.44951,0.6346 1.20311,1.11055 0.75359,0.46273 1.69227,0.85936 0.89902,-0.39663 1.61295,-0.85936 0.72715,-0.47595 1.137,-1.12378 0.42307,-0.66104 0.42307,-1.56006 0,-1.29565 -0.91225,-1.96992 -0.89902,-0.68748 -2.35332,-0.68748 z"
+         id="path23"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 18"
+         aria-label="18"
+         transform="translate(1.2499999e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-19.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-19.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="4"
+     inkscape:cx="108.5"
+     inkscape:cy="65.375"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 19"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 17.608498,32.422512 H 14.977539 V 19.347043 q 0,-0.700708 0,-1.282427 0.01322,-0.59494 0.03966,-1.123776 0.02644,-0.542057 0.05288,-1.044451 -0.343743,0.356964 -0.727149,0.687486 -0.370186,0.317302 -0.859359,0.72715 l -2.20789,1.784821 -1.3617525,-1.745159 5.4866735,-4.257129 h 2.20789 z M 35.615366,21.330178 q 0,1.731938 -0.251197,3.397771 -0.237976,1.652612 -0.832916,3.106911 -0.58172,1.441078 -1.61295,2.538413 -1.03123,1.084113 -2.591296,1.705496 -1.560066,0.621382 -3.728294,0.621382 -0.568498,0 -1.308869,-0.06611 -0.74037,-0.0661 -1.216322,-0.198313 V 30.18818 q 0.502394,0.171872 1.150218,0.264418 0.647824,0.09255 1.269206,0.09255 2.459087,0 3.847282,-0.991567 1.388194,-0.991567 1.983135,-2.697063 0.608161,-1.718717 0.687486,-3.886945 h -0.15865 q -0.396627,0.634604 -1.004789,1.16344 -0.608161,0.528835 -1.493961,0.846137 -0.885801,0.317302 -2.115344,0.317302 -1.665833,0 -2.908598,-0.687487 -1.242764,-0.700708 -1.930251,-2.022798 -0.687487,-1.32209 -0.687487,-3.199457 0,-2.022798 0.766812,-3.490317 0.766812,-1.480741 2.168228,-2.273995 1.401415,-0.793254 3.305224,-0.793254 1.441078,0 2.657401,0.542057 1.216323,0.528836 2.115344,1.599729 0.899021,1.057672 1.388194,2.6574 0.502394,1.586508 0.502394,3.701852 z m -6.636891,-6.279927 q -1.62617,0 -2.630959,1.070893 -1.004788,1.057672 -1.004788,3.225899 0,1.798042 0.859358,2.842493 0.87258,1.03123 2.670622,1.03123 1.242764,0 2.141786,-0.502394 0.912242,-0.515615 1.401415,-1.295648 0.502394,-0.780033 0.502394,-1.599729 0,-0.819695 -0.237976,-1.652612 -0.237976,-0.846137 -0.72715,-1.546845 -0.489173,-0.713929 -1.229543,-1.136997 -0.740371,-0.43629 -1.745159,-0.43629 z"
+         id="text24"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 19"
+         aria-label="19"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 17.608498,32.422512 H 14.977539 V 19.347043 q 0,-0.700708 0,-1.282427 0.01322,-0.59494 0.03966,-1.123776 0.02644,-0.542057 0.05288,-1.044451 -0.343743,0.356964 -0.727149,0.687486 -0.370186,0.317302 -0.859359,0.72715 l -2.20789,1.784821 -1.3617525,-1.745159 5.4866735,-4.257129 h 2.20789 z M 35.615366,21.330178 q 0,1.731938 -0.251197,3.397771 -0.237976,1.652612 -0.832916,3.106911 -0.58172,1.441078 -1.61295,2.538413 -1.03123,1.084113 -2.591296,1.705496 -1.560066,0.621382 -3.728294,0.621382 -0.568498,0 -1.308869,-0.06611 -0.74037,-0.0661 -1.216322,-0.198313 V 30.18818 q 0.502394,0.171872 1.150218,0.264418 0.647824,0.09255 1.269206,0.09255 2.459087,0 3.847282,-0.991567 1.388194,-0.991567 1.983135,-2.697063 0.608161,-1.718717 0.687486,-3.886945 h -0.15865 q -0.396627,0.634604 -1.004789,1.16344 -0.608161,0.528835 -1.493961,0.846137 -0.885801,0.317302 -2.115344,0.317302 -1.665833,0 -2.908598,-0.687487 -1.242764,-0.700708 -1.930251,-2.022798 -0.687487,-1.32209 -0.687487,-3.199457 0,-2.022798 0.766812,-3.490317 0.766812,-1.480741 2.168228,-2.273995 1.401415,-0.793254 3.305224,-0.793254 1.441078,0 2.657401,0.542057 1.216323,0.528836 2.115344,1.599729 0.899021,1.057672 1.388194,2.6574 0.502394,1.586508 0.502394,3.701852 z m -6.636891,-6.279927 q -1.62617,0 -2.630959,1.070893 -1.004788,1.057672 -1.004788,3.225899 0,1.798042 0.859358,2.842493 0.87258,1.03123 2.670622,1.03123 1.242764,0 2.141786,-0.502394 0.912242,-0.515615 1.401415,-1.295648 0.502394,-0.780033 0.502394,-1.599729 0,-0.819695 -0.237976,-1.652612 -0.237976,-0.846137 -0.72715,-1.546845 -0.489173,-0.713929 -1.229543,-1.136997 -0.740371,-0.43629 -1.745159,-0.43629 z"
+         id="path25"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 19"
+         aria-label="19"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 17.608498,32.422512 H 14.977539 V 19.347043 q 0,-0.700708 0,-1.282427 0.01322,-0.59494 0.03966,-1.123776 0.02644,-0.542057 0.05288,-1.044451 -0.343743,0.356964 -0.727149,0.687486 -0.370186,0.317302 -0.859359,0.72715 l -2.20789,1.784821 -1.3617525,-1.745159 5.4866735,-4.257129 h 2.20789 z M 35.615366,21.330178 q 0,1.731938 -0.251197,3.397771 -0.237976,1.652612 -0.832916,3.106911 -0.58172,1.441078 -1.61295,2.538413 -1.03123,1.084113 -2.591296,1.705496 -1.560066,0.621382 -3.728294,0.621382 -0.568498,0 -1.308869,-0.06611 -0.74037,-0.0661 -1.216322,-0.198313 V 30.18818 q 0.502394,0.171872 1.150218,0.264418 0.647824,0.09255 1.269206,0.09255 2.459087,0 3.847282,-0.991567 1.388194,-0.991567 1.983135,-2.697063 0.608161,-1.718717 0.687486,-3.886945 h -0.15865 q -0.396627,0.634604 -1.004789,1.16344 -0.608161,0.528835 -1.493961,0.846137 -0.885801,0.317302 -2.115344,0.317302 -1.665833,0 -2.908598,-0.687487 -1.242764,-0.700708 -1.930251,-2.022798 -0.687487,-1.32209 -0.687487,-3.199457 0,-2.022798 0.766812,-3.490317 0.766812,-1.480741 2.168228,-2.273995 1.401415,-0.793254 3.305224,-0.793254 1.441078,0 2.657401,0.542057 1.216323,0.528836 2.115344,1.599729 0.899021,1.057672 1.388194,2.6574 0.502394,1.586508 0.502394,3.701852 z m -6.636891,-6.279927 q -1.62617,0 -2.630959,1.070893 -1.004788,1.057672 -1.004788,3.225899 0,1.798042 0.859358,2.842493 0.87258,1.03123 2.670622,1.03123 1.242764,0 2.141786,-0.502394 0.912242,-0.515615 1.401415,-1.295648 0.502394,-0.780033 0.502394,-1.599729 0,-0.819695 -0.237976,-1.652612 -0.237976,-0.846137 -0.72715,-1.546845 -0.489173,-0.713929 -1.229543,-1.136997 -0.740371,-0.43629 -1.745159,-0.43629 z"
+         id="path24"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-1.69227px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 19"
+         aria-label="19"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-2.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529301 45.529289"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-2.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="95.812969"
+     inkscape:cy="84.057319"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 2"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 30.227284,33.612663 H 15.302018 v -2.421141 l 5.899617,-5.99156 q 1.685605,-1.700929 2.78891,-2.972794 1.118629,-1.28719 1.685605,-2.482437 0.566976,-1.210571 0.566976,-2.635673 0,-1.7469 -1.026686,-2.666321 -1.026687,-0.919421 -2.727616,-0.919421 -1.532368,0 -2.773586,0.566977 -1.225895,0.551652 -2.543731,1.593663 l -1.654958,-2.053374 q 0.904097,-0.766184 1.961431,-1.379131 1.057334,-0.628271 2.313876,-0.996039 1.256542,-0.367769 2.78891,-0.367769 2.099345,0 3.616389,0.735537 1.532368,0.735537 2.359847,2.084021 0.827479,1.348484 0.827479,3.156678 0,1.792871 -0.720213,3.325239 -0.704889,1.517045 -2.007402,3.018765 -1.302513,1.501721 -3.08006,3.20265 l -4.36725,4.321278 v 0.137913 h 11.017728 z"
+         id="text18"
+         style="font-weight:500;font-size:31.3829px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.980715px;word-spacing:0px;stroke-width:4.94218;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 2"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="2" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 30.227284,33.612663 H 15.302018 v -2.421141 l 5.899617,-5.99156 q 1.685605,-1.700929 2.78891,-2.972794 1.118629,-1.28719 1.685605,-2.482437 0.566976,-1.210571 0.566976,-2.635673 0,-1.7469 -1.026686,-2.666321 -1.026687,-0.919421 -2.727616,-0.919421 -1.532368,0 -2.773586,0.566977 -1.225895,0.551652 -2.543731,1.593663 l -1.654958,-2.053374 q 0.904097,-0.766184 1.961431,-1.379131 1.057334,-0.628271 2.313876,-0.996039 1.256542,-0.367769 2.78891,-0.367769 2.099345,0 3.616389,0.735537 1.532368,0.735537 2.359847,2.084021 0.827479,1.348484 0.827479,3.156678 0,1.792871 -0.720213,3.325239 -0.704889,1.517045 -2.007402,3.018765 -1.302513,1.501721 -3.08006,3.20265 l -4.36725,4.321278 v 0.137913 h 11.017728 z"
+         id="text20"
+         style="font-weight:500;font-size:31.3829px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.980715px;word-spacing:0px;fill:#ffffff;stroke-width:4.94218;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 2"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="2" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 30.227284,33.612663 H 15.302018 v -2.421141 l 5.899617,-5.99156 q 1.685605,-1.700929 2.78891,-2.972794 1.118629,-1.28719 1.685605,-2.482437 0.566976,-1.210571 0.566976,-2.635673 0,-1.7469 -1.026686,-2.666321 -1.026687,-0.919421 -2.727616,-0.919421 -1.532368,0 -2.773586,0.566977 -1.225895,0.551652 -2.543731,1.593663 l -1.654958,-2.053374 q 0.904097,-0.766184 1.961431,-1.379131 1.057334,-0.628271 2.313876,-0.996039 1.256542,-0.367769 2.78891,-0.367769 2.099345,0 3.616389,0.735537 1.532368,0.735537 2.359847,2.084021 0.827479,1.348484 0.827479,3.156678 0,1.792871 -0.720213,3.325239 -0.704889,1.517045 -2.007402,3.018765 -1.302513,1.501721 -3.08006,3.20265 l -4.36725,4.321278 v 0.137913 h 11.017728 z"
+         id="text19"
+         style="font-weight:500;font-size:31.3829px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.980715px;word-spacing:0px;fill:#808080;stroke-width:4.94218;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 2"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="2" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-20.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-20.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="89.979339"
+     inkscape:cy="78.842407"
+     inkscape:window-width="2560"
+     inkscape:window-height="1344"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 20"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 21.803869,32.436077 H 8.943835 v -2.086124 l 5.083278,-5.162499 q 1.452365,-1.465568 2.403004,-2.561444 0.963843,-1.109079 1.452366,-2.138938 0.488523,-1.043062 0.488523,-2.270971 0,-1.505178 -0.884623,-2.297377 -0.884622,-0.7922 -2.350191,-0.7922 -1.320332,0 -2.389801,0.488523 -1.056265,0.47532 -2.191751,1.373146 L 9.1286815,15.218948 q 0.7789959,-0.660166 1.6900245,-1.188299 0.91103,-0.541336 1.993702,-0.858216 1.082672,-0.31688 2.403004,-0.31688 1.808855,0 3.115984,0.63376 1.320332,0.633759 2.033311,1.795651 0.712979,1.161892 0.712979,2.719884 0,1.544789 -0.620556,2.865121 -0.607353,1.307128 -1.729635,2.601054 -1.122282,1.293925 -2.653867,2.759494 l -3.762946,3.723336 v 0.11883 h 9.493187 z m 15.249319,-9.678034 q 0,2.350191 -0.35649,4.198656 -0.35649,1.848465 -1.135486,3.129187 -0.765792,1.280722 -2.006904,1.954092 -1.227909,0.660166 -2.970747,0.660166 -2.191751,0 -3.61771,-1.175096 -1.425959,-1.175095 -2.125734,-3.393253 -0.699776,-2.231361 -0.699776,-5.373752 0,-3.089576 0.633759,-5.307734 0.633759,-2.231361 2.046515,-3.41966 1.425958,-1.201502 3.762946,-1.201502 2.218158,0 3.644116,1.188299 1.439162,1.175095 2.125735,3.406456 0.699776,2.218158 0.699776,5.334141 z m -10.245777,0 q 0,2.574648 0.369693,4.29108 0.369693,1.716431 1.201502,2.574647 0.831809,0.845012 2.204955,0.845012 1.373145,0 2.204954,-0.845012 0.845013,-0.845013 1.214706,-2.561444 0.369693,-1.716432 0.369693,-4.304283 0,-2.535037 -0.369693,-4.238265 -0.369693,-1.716432 -1.201502,-2.574648 -0.818606,-0.871419 -2.218158,-0.871419 -1.399552,0 -2.231361,0.871419 -0.818606,0.858216 -1.188299,2.574648 -0.35649,1.703228 -0.35649,4.238265 z"
+         id="text27"
+         style="font-weight:500;font-size:27.0404px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.264583px;word-spacing:0px;stroke-width:4.25833;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 20"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="20" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 21.803869,32.436077 H 8.943835 v -2.086124 l 5.083278,-5.162499 q 1.452365,-1.465568 2.403004,-2.561444 0.963843,-1.109079 1.452366,-2.138938 0.488523,-1.043062 0.488523,-2.270971 0,-1.505178 -0.884623,-2.297377 -0.884622,-0.7922 -2.350191,-0.7922 -1.320332,0 -2.389801,0.488523 -1.056265,0.47532 -2.191751,1.373146 L 9.1286815,15.218948 q 0.7789959,-0.660166 1.6900245,-1.188299 0.91103,-0.541336 1.993702,-0.858216 1.082672,-0.31688 2.403004,-0.31688 1.808855,0 3.115984,0.63376 1.320332,0.633759 2.033311,1.795651 0.712979,1.161892 0.712979,2.719884 0,1.544789 -0.620556,2.865121 -0.607353,1.307128 -1.729635,2.601054 -1.122282,1.293925 -2.653867,2.759494 l -3.762946,3.723336 v 0.11883 h 9.493187 z m 15.249319,-9.678034 q 0,2.350191 -0.35649,4.198656 -0.35649,1.848465 -1.135486,3.129187 -0.765792,1.280722 -2.006904,1.954092 -1.227909,0.660166 -2.970747,0.660166 -2.191751,0 -3.61771,-1.175096 -1.425959,-1.175095 -2.125734,-3.393253 -0.699776,-2.231361 -0.699776,-5.373752 0,-3.089576 0.633759,-5.307734 0.633759,-2.231361 2.046515,-3.41966 1.425958,-1.201502 3.762946,-1.201502 2.218158,0 3.644116,1.188299 1.439162,1.175095 2.125735,3.406456 0.699776,2.218158 0.699776,5.334141 z m -10.245777,0 q 0,2.574648 0.369693,4.29108 0.369693,1.716431 1.201502,2.574647 0.831809,0.845012 2.204955,0.845012 1.373145,0 2.204954,-0.845012 0.845013,-0.845013 1.214706,-2.561444 0.369693,-1.716432 0.369693,-4.304283 0,-2.535037 -0.369693,-4.238265 -0.369693,-1.716432 -1.201502,-2.574648 -0.818606,-0.871419 -2.218158,-0.871419 -1.399552,0 -2.231361,0.871419 -0.818606,0.858216 -1.188299,2.574648 -0.35649,1.703228 -0.35649,4.238265 z"
+         id="text26"
+         style="font-weight:500;font-size:27.0404px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.264583px;word-spacing:0px;fill:#ffffff;stroke-width:4.25833;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 20"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="20" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 21.803869,32.436077 H 8.943835 v -2.086124 l 5.083278,-5.162499 q 1.452365,-1.465568 2.403004,-2.561444 0.963843,-1.109079 1.452366,-2.138938 0.488523,-1.043062 0.488523,-2.270971 0,-1.505178 -0.884623,-2.297377 -0.884622,-0.7922 -2.350191,-0.7922 -1.320332,0 -2.389801,0.488523 -1.056265,0.47532 -2.191751,1.373146 L 9.1286815,15.218948 q 0.7789959,-0.660166 1.6900245,-1.188299 0.91103,-0.541336 1.993702,-0.858216 1.082672,-0.31688 2.403004,-0.31688 1.808855,0 3.115984,0.63376 1.320332,0.633759 2.033311,1.795651 0.712979,1.161892 0.712979,2.719884 0,1.544789 -0.620556,2.865121 -0.607353,1.307128 -1.729635,2.601054 -1.122282,1.293925 -2.653867,2.759494 l -3.762946,3.723336 v 0.11883 h 9.493187 z m 15.249319,-9.678034 q 0,2.350191 -0.35649,4.198656 -0.35649,1.848465 -1.135486,3.129187 -0.765792,1.280722 -2.006904,1.954092 -1.227909,0.660166 -2.970747,0.660166 -2.191751,0 -3.61771,-1.175096 -1.425959,-1.175095 -2.125734,-3.393253 -0.699776,-2.231361 -0.699776,-5.373752 0,-3.089576 0.633759,-5.307734 0.633759,-2.231361 2.046515,-3.41966 1.425958,-1.201502 3.762946,-1.201502 2.218158,0 3.644116,1.188299 1.439162,1.175095 2.125735,3.406456 0.699776,2.218158 0.699776,5.334141 z m -10.245777,0 q 0,2.574648 0.369693,4.29108 0.369693,1.716431 1.201502,2.574647 0.831809,0.845012 2.204955,0.845012 1.373145,0 2.204954,-0.845012 0.845013,-0.845013 1.214706,-2.561444 0.369693,-1.716432 0.369693,-4.304283 0,-2.535037 -0.369693,-4.238265 -0.369693,-1.716432 -1.201502,-2.574648 -0.818606,-0.871419 -2.218158,-0.871419 -1.399552,0 -2.231361,0.871419 -0.818606,0.858216 -1.188299,2.574648 -0.35649,1.703228 -0.35649,4.238265 z"
+         id="text25"
+         style="font-weight:500;font-size:27.0404px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.264583px;word-spacing:0px;fill:#808080;stroke-width:4.25833;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 20"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="20" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-21.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-21.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="74.776542"
+     inkscape:cy="89.007066"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 21"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -116.43201,147.94232 h -13.05079 v -2.11707 l 5.15868,-5.23907 q 1.4739,-1.48731 2.43864,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38505,-0.80395 -1.33992,0 -2.42525,0.49577 -1.07194,0.48237 -2.22427,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.63401 z m 10.84439,0 h -2.66643 v -13.25178 q 0,-0.71015 0,-1.29972 0.0134,-0.60296 0.0402,-1.13893 0.0268,-0.54936 0.0536,-1.05853 -0.34838,0.36178 -0.73695,0.69676 -0.37518,0.32158 -0.87095,0.73695 l -2.23766,1.80889 -1.38012,-1.76869 5.56066,-4.31453 h 2.23766 z"
+         id="path27"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;display:inline;fill:#000000;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="21"
+         inkscape:label="Symbol 21"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -116.43201,147.94232 h -13.05079 v -2.11707 l 5.15868,-5.23907 q 1.4739,-1.48731 2.43864,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38505,-0.80395 -1.33992,0 -2.42525,0.49577 -1.07194,0.48237 -2.22427,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.63401 z m 10.84439,0 h -2.66643 v -13.25178 q 0,-0.71015 0,-1.29972 0.0134,-0.60296 0.0402,-1.13893 0.0268,-0.54936 0.0536,-1.05853 -0.34838,0.36178 -0.73695,0.69676 -0.37518,0.32158 -0.87095,0.73695 l -2.23766,1.80889 -1.38012,-1.76869 5.56066,-4.31453 h 2.23766 z"
+         id="text27"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="21"
+         inkscape:label="Symbol 21"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -116.43201,147.94232 h -13.05079 v -2.11707 l 5.15868,-5.23907 q 1.4739,-1.48731 2.43864,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38505,-0.80395 -1.33992,0 -2.42525,0.49577 -1.07194,0.48237 -2.22427,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.63401 z m 10.84439,0 h -2.66643 v -13.25178 q 0,-0.71015 0,-1.29972 0.0134,-0.60296 0.0402,-1.13893 0.0268,-0.54936 0.0536,-1.05853 -0.34838,0.36178 -0.73695,0.69676 -0.37518,0.32158 -0.87095,0.73695 l -2.23766,1.80889 -1.38012,-1.76869 5.56066,-4.31453 h 2.23766 z"
+         id="path28"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="21"
+         inkscape:label="Symbol 21"
+         transform="translate(1.2499999e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-22.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-22.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="74.776542"
+     inkscape:cy="89.007066"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 22"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -118.14822,147.94232 h -13.0508 v -2.11707 l 5.15868,-5.23907 q 1.47391,-1.48731 2.43865,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38506,-0.80395 -1.33991,0 -2.42525,0.49577 -1.07193,0.48237 -2.22426,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.63401 z m 15.11872,0 h -13.05079 v -2.11707 l 5.15868,-5.23907 q 1.47391,-1.48731 2.43865,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38506,-0.80395 -1.33991,0 -2.42525,0.49577 -1.07193,0.48237 -2.22426,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.634 z"
+         id="path28"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 22"
+         aria-label="22"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -118.14822,147.94232 h -13.0508 v -2.11707 l 5.15868,-5.23907 q 1.47391,-1.48731 2.43865,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38506,-0.80395 -1.33991,0 -2.42525,0.49577 -1.07193,0.48237 -2.22426,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.63401 z m 15.11872,0 h -13.05079 v -2.11707 l 5.15868,-5.23907 q 1.47391,-1.48731 2.43865,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38506,-0.80395 -1.33991,0 -2.42525,0.49577 -1.07193,0.48237 -2.22426,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.634 z"
+         id="text28"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 22"
+         aria-label="22"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -118.14822,147.94232 h -13.0508 v -2.11707 l 5.15868,-5.23907 q 1.47391,-1.48731 2.43865,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38506,-0.80395 -1.33991,0 -2.42525,0.49577 -1.07193,0.48237 -2.22426,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.63401 z m 15.11872,0 h -13.05079 v -2.11707 l 5.15868,-5.23907 q 1.47391,-1.48731 2.43865,-2.59944 0.97814,-1.12553 1.47391,-2.17067 0.49577,-1.05853 0.49577,-2.30465 0,-1.52751 -0.89774,-2.33146 -0.89775,-0.80395 -2.38506,-0.80395 -1.33991,0 -2.42525,0.49577 -1.07193,0.48237 -2.22426,1.39351 l -1.44711,-1.79549 q 0.79055,-0.66995 1.7151,-1.20592 0.92454,-0.54937 2.02327,-0.87095 1.09873,-0.32158 2.43865,-0.32158 1.83569,0 3.1622,0.64316 1.33992,0.64316 2.06348,1.82229 0.72355,1.17913 0.72355,2.76023 0,1.5677 -0.62976,2.90762 -0.61636,1.32652 -1.75529,2.63964 -1.13893,1.31311 -2.69323,2.80042 l -3.81877,3.77857 v 0.12059 h 9.634 z"
+         id="path29"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 22"
+         aria-label="22"
+         transform="translate(1.2499999e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-23.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-23.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="24.041631"
+     inkscape:cy="104.82858"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 23"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 22.273563,32.435734 H 9.3964074 V 30.346832 L 14.486453,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392983,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.4278571,-1.7716 q 0.7800331,-0.661045 1.6922751,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084113,-0.317301 2.406203,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036019,1.798042 0.713928,1.163439 0.713928,2.723505 0,1.546846 -0.621382,2.868935 -0.608161,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.6574,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z M 36.477216,17.562223 q 0,1.308869 -0.515615,2.273994 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608162 -2.115344,0.859359 v 0.09255 q 2.300436,0.29086 3.463875,1.46752 1.17666,1.17666 1.17666,3.106911 0,1.679054 -0.793254,2.987923 -0.793253,1.308869 -2.445866,2.049239 -1.639391,0.740371 -4.217467,0.740371 -1.546845,0 -2.868935,-0.251197 -1.322089,-0.251197 -2.51197,-0.806475 v -2.419425 q 1.203101,0.608162 2.604517,0.951905 1.401415,0.330523 2.697063,0.330523 2.525192,0 3.622526,-0.978347 1.110556,-0.978346 1.110556,-2.697063 0,-1.136998 -0.594941,-1.850926 -0.59494,-0.72715 -1.7716,-1.070893 -1.163439,-0.343743 -2.908598,-0.343743 h -1.811263 v -2.19467 h 1.837705 q 1.626171,0 2.670622,-0.423068 1.057671,-0.43629 1.573287,-1.216323 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899022,-2.102123 -0.8858,-0.753591 -2.51197,-0.753591 -1.004789,0 -1.837705,0.224755 -0.819696,0.211535 -1.533625,0.568499 -0.700707,0.356964 -1.361752,0.806475 L 24.313989,14.81228 q 1.070893,-0.819696 2.591296,-1.401416 1.533624,-0.581719 3.503538,-0.581719 2.974703,0 4.521548,1.308869 1.546845,1.308869 1.546845,3.424213 z"
+         id="text29"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="23"
+         inkscape:label="Symbol 23"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 22.273563,32.435734 H 9.3964074 V 30.346832 L 14.486453,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392983,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.4278571,-1.7716 q 0.7800331,-0.661045 1.6922751,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084113,-0.317301 2.406203,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036019,1.798042 0.713928,1.163439 0.713928,2.723505 0,1.546846 -0.621382,2.868935 -0.608161,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.6574,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z M 36.477216,17.562223 q 0,1.308869 -0.515615,2.273994 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608162 -2.115344,0.859359 v 0.09255 q 2.300436,0.29086 3.463875,1.46752 1.17666,1.17666 1.17666,3.106911 0,1.679054 -0.793254,2.987923 -0.793253,1.308869 -2.445866,2.049239 -1.639391,0.740371 -4.217467,0.740371 -1.546845,0 -2.868935,-0.251197 -1.322089,-0.251197 -2.51197,-0.806475 v -2.419425 q 1.203101,0.608162 2.604517,0.951905 1.401415,0.330523 2.697063,0.330523 2.525192,0 3.622526,-0.978347 1.110556,-0.978346 1.110556,-2.697063 0,-1.136998 -0.594941,-1.850926 -0.59494,-0.72715 -1.7716,-1.070893 -1.163439,-0.343743 -2.908598,-0.343743 h -1.811263 v -2.19467 h 1.837705 q 1.626171,0 2.670622,-0.423068 1.057671,-0.43629 1.573287,-1.216323 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899022,-2.102123 -0.8858,-0.753591 -2.51197,-0.753591 -1.004789,0 -1.837705,0.224755 -0.819696,0.211535 -1.533625,0.568499 -0.700707,0.356964 -1.361752,0.806475 L 24.313989,14.81228 q 1.070893,-0.819696 2.591296,-1.401416 1.533624,-0.581719 3.503538,-0.581719 2.974703,0 4.521548,1.308869 1.546845,1.308869 1.546845,3.424213 z"
+         id="path30"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="23"
+         inkscape:label="Symbol 23"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 22.273563,32.435734 H 9.3964074 V 30.346832 L 14.486453,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392983,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.4278571,-1.7716 q 0.7800331,-0.661045 1.6922751,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084113,-0.317301 2.406203,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036019,1.798042 0.713928,1.163439 0.713928,2.723505 0,1.546846 -0.621382,2.868935 -0.608161,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.6574,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z M 36.477216,17.562223 q 0,1.308869 -0.515615,2.273994 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608162 -2.115344,0.859359 v 0.09255 q 2.300436,0.29086 3.463875,1.46752 1.17666,1.17666 1.17666,3.106911 0,1.679054 -0.793254,2.987923 -0.793253,1.308869 -2.445866,2.049239 -1.639391,0.740371 -4.217467,0.740371 -1.546845,0 -2.868935,-0.251197 -1.322089,-0.251197 -2.51197,-0.806475 v -2.419425 q 1.203101,0.608162 2.604517,0.951905 1.401415,0.330523 2.697063,0.330523 2.525192,0 3.622526,-0.978347 1.110556,-0.978346 1.110556,-2.697063 0,-1.136998 -0.594941,-1.850926 -0.59494,-0.72715 -1.7716,-1.070893 -1.163439,-0.343743 -2.908598,-0.343743 h -1.811263 v -2.19467 h 1.837705 q 1.626171,0 2.670622,-0.423068 1.057671,-0.43629 1.573287,-1.216323 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899022,-2.102123 -0.8858,-0.753591 -2.51197,-0.753591 -1.004789,0 -1.837705,0.224755 -0.819696,0.211535 -1.533625,0.568499 -0.700707,0.356964 -1.361752,0.806475 L 24.313989,14.81228 q 1.070893,-0.819696 2.591296,-1.401416 1.533624,-0.581719 3.503538,-0.581719 2.974703,0 4.521548,1.308869 1.546845,1.308869 1.546845,3.424213 z"
+         id="path29"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="23"
+         inkscape:label="Symbol 23"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-24.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-24.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="71.948115"
+     inkscape:cy="95.371027"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 24"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 21.495696,32.70013 H 8.4449044 v -2.117068 l 5.1586806,-5.239076 q 1.473908,-1.487308 2.438649,-2.599439 0.978139,-1.12553 1.473908,-2.170665 0.49577,-1.058535 0.49577,-2.304657 0,-1.527506 -0.897745,-2.331456 -0.897744,-0.80395 -2.385052,-0.80395 -1.339917,0 -2.42525,0.495769 -1.071933,0.48237 -2.224262,1.393514 L 8.6324928,15.227613 q 0.790551,-0.669958 1.7150942,-1.205925 0.924542,-0.549366 2.023274,-0.870946 1.098732,-0.32158 2.438649,-0.32158 1.835686,0 3.162204,0.64316 1.339917,0.64316 2.063472,1.822287 0.723555,1.179127 0.723555,2.760229 0,1.567703 -0.629761,2.90762 -0.616361,1.326518 -1.755291,2.639636 -1.138929,1.313119 -2.693233,2.800427 l -3.818763,3.778566 v 0.120592 h 9.634003 z m 15.962877,-4.421726 h -2.787027 v 4.421726 h -2.639637 v -4.421726 h -9.19183 v -2.130468 l 9.138234,-13.117787 h 2.693233 v 12.930199 h 2.787027 z m -5.426664,-2.318056 v -5.627651 q 0,-0.669959 0.0134,-1.272921 0.0134,-0.616362 0.0402,-1.165728 0.0268,-0.549366 0.0536,-1.018337 0.0268,-0.48237 0.0402,-0.870946 h -0.107193 q -0.254584,0.535967 -0.576164,1.112131 -0.308181,0.576164 -0.65656,1.071934 l -5.426664,7.771518 z"
+         id="path30"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;display:inline;fill:#000000;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="24"
+         inkscape:label="Symbol 24"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 21.495696,32.70013 H 8.4449044 v -2.117068 l 5.1586806,-5.239076 q 1.473908,-1.487308 2.438649,-2.599439 0.978139,-1.12553 1.473908,-2.170665 0.49577,-1.058535 0.49577,-2.304657 0,-1.527506 -0.897745,-2.331456 -0.897744,-0.80395 -2.385052,-0.80395 -1.339917,0 -2.42525,0.495769 -1.071933,0.48237 -2.224262,1.393514 L 8.6324928,15.227613 q 0.790551,-0.669958 1.7150942,-1.205925 0.924542,-0.549366 2.023274,-0.870946 1.098732,-0.32158 2.438649,-0.32158 1.835686,0 3.162204,0.64316 1.339917,0.64316 2.063472,1.822287 0.723555,1.179127 0.723555,2.760229 0,1.567703 -0.629761,2.90762 -0.616361,1.326518 -1.755291,2.639636 -1.138929,1.313119 -2.693233,2.800427 l -3.818763,3.778566 v 0.120592 h 9.634003 z m 15.962877,-4.421726 h -2.787027 v 4.421726 h -2.639637 v -4.421726 h -9.19183 v -2.130468 l 9.138234,-13.117787 h 2.693233 v 12.930199 h 2.787027 z m -5.426664,-2.318056 v -5.627651 q 0,-0.669959 0.0134,-1.272921 0.0134,-0.616362 0.0402,-1.165728 0.0268,-0.549366 0.0536,-1.018337 0.0268,-0.48237 0.0402,-0.870946 h -0.107193 q -0.254584,0.535967 -0.576164,1.112131 -0.308181,0.576164 -0.65656,1.071934 l -5.426664,7.771518 z"
+         id="path31"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;fill:#ffffff;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="24"
+         inkscape:label="Symbol 24"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 21.495696,32.70013 H 8.4449044 v -2.117068 l 5.1586806,-5.239076 q 1.473908,-1.487308 2.438649,-2.599439 0.978139,-1.12553 1.473908,-2.170665 0.49577,-1.058535 0.49577,-2.304657 0,-1.527506 -0.897745,-2.331456 -0.897744,-0.80395 -2.385052,-0.80395 -1.339917,0 -2.42525,0.495769 -1.071933,0.48237 -2.224262,1.393514 L 8.6324928,15.227613 q 0.790551,-0.669958 1.7150942,-1.205925 0.924542,-0.549366 2.023274,-0.870946 1.098732,-0.32158 2.438649,-0.32158 1.835686,0 3.162204,0.64316 1.339917,0.64316 2.063472,1.822287 0.723555,1.179127 0.723555,2.760229 0,1.567703 -0.629761,2.90762 -0.616361,1.326518 -1.755291,2.639636 -1.138929,1.313119 -2.693233,2.800427 l -3.818763,3.778566 v 0.120592 h 9.634003 z m 15.962877,-4.421726 h -2.787027 v 4.421726 h -2.639637 v -4.421726 h -9.19183 v -2.130468 l 9.138234,-13.117787 h 2.693233 v 12.930199 h 2.787027 z m -5.426664,-2.318056 v -5.627651 q 0,-0.669959 0.0134,-1.272921 0.0134,-0.616362 0.0402,-1.165728 0.0268,-0.549366 0.0536,-1.018337 0.0268,-0.48237 0.0402,-0.870946 h -0.107193 q -0.254584,0.535967 -0.576164,1.112131 -0.308181,0.576164 -0.65656,1.071934 l -5.426664,7.771518 z"
+         id="text30"
+         style="font-weight:500;font-size:27.4415px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.571698px;word-spacing:0px;fill:#808080;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="24"
+         inkscape:label="Symbol 24"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-25.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-25.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="4"
+     inkscape:cx="56.5"
+     inkscape:cy="99.625"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 25"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 22.180954,32.435734 H 9.3037989 V 30.346832 L 14.393845,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965125,-1.110556 1.454298,-2.141786 0.489174,-1.044451 0.489174,-2.273994 0,-1.507183 -0.885801,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.322089,0 -2.392982,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.4278575,-1.7716 q 0.7800335,-0.661045 1.6922755,-1.189881 0.912242,-0.542057 1.996355,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546846 -0.621382,2.868935 -0.608162,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.657401,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 8.386458,-11.951693 q 1.91703,0 3.344887,0.674266 1.441078,0.661045 2.234332,1.943472 0.806475,1.282427 0.806475,3.120132 0,2.009577 -0.859358,3.463876 -0.859359,1.454299 -2.49875,2.234332 -1.639392,0.780033 -3.96627,0.780033 -1.507182,0 -2.816051,-0.264418 -1.308869,-0.264418 -2.221111,-0.793254 v -2.445866 q 0.978346,0.568498 2.35332,0.925463 1.388194,0.343743 2.670621,0.343743 1.401415,0 2.432646,-0.43629 1.044451,-0.436289 1.612949,-1.32209 0.568499,-0.8858 0.568499,-2.247552 0,-1.798043 -1.123777,-2.776389 -1.123776,-0.978347 -3.52998,-0.978347 -0.806474,0 -1.745158,0.14543 -0.938684,0.132209 -1.546845,0.277639 l -1.242765,-0.753591 0.740371,-9.26785 h 9.836348 v 2.366541 h -7.535912 l -0.449511,5.328022 q 0.489174,-0.105767 1.216323,-0.211535 0.727149,-0.105767 1.718717,-0.105767 z"
+         id="text31"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 25"
+         aria-label="25"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 22.180954,32.435734 H 9.3037989 V 30.346832 L 14.393845,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965125,-1.110556 1.454298,-2.141786 0.489174,-1.044451 0.489174,-2.273994 0,-1.507183 -0.885801,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.322089,0 -2.392982,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.4278575,-1.7716 q 0.7800335,-0.661045 1.6922755,-1.189881 0.912242,-0.542057 1.996355,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546846 -0.621382,2.868935 -0.608162,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.657401,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 8.386458,-11.951693 q 1.91703,0 3.344887,0.674266 1.441078,0.661045 2.234332,1.943472 0.806475,1.282427 0.806475,3.120132 0,2.009577 -0.859358,3.463876 -0.859359,1.454299 -2.49875,2.234332 -1.639392,0.780033 -3.96627,0.780033 -1.507182,0 -2.816051,-0.264418 -1.308869,-0.264418 -2.221111,-0.793254 v -2.445866 q 0.978346,0.568498 2.35332,0.925463 1.388194,0.343743 2.670621,0.343743 1.401415,0 2.432646,-0.43629 1.044451,-0.436289 1.612949,-1.32209 0.568499,-0.8858 0.568499,-2.247552 0,-1.798043 -1.123777,-2.776389 -1.123776,-0.978347 -3.52998,-0.978347 -0.806474,0 -1.745158,0.14543 -0.938684,0.132209 -1.546845,0.277639 l -1.242765,-0.753591 0.740371,-9.26785 h 9.836348 v 2.366541 h -7.535912 l -0.449511,5.328022 q 0.489174,-0.105767 1.216323,-0.211535 0.727149,-0.105767 1.718717,-0.105767 z"
+         id="path32"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 25"
+         aria-label="25"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 22.180954,32.435734 H 9.3037989 V 30.346832 L 14.393845,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965125,-1.110556 1.454298,-2.141786 0.489174,-1.044451 0.489174,-2.273994 0,-1.507183 -0.885801,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.322089,0 -2.392982,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.4278575,-1.7716 q 0.7800335,-0.661045 1.6922755,-1.189881 0.912242,-0.542057 1.996355,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546846 -0.621382,2.868935 -0.608162,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.657401,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 8.386458,-11.951693 q 1.91703,0 3.344887,0.674266 1.441078,0.661045 2.234332,1.943472 0.806475,1.282427 0.806475,3.120132 0,2.009577 -0.859358,3.463876 -0.859359,1.454299 -2.49875,2.234332 -1.639392,0.780033 -3.96627,0.780033 -1.507182,0 -2.816051,-0.264418 -1.308869,-0.264418 -2.221111,-0.793254 v -2.445866 q 0.978346,0.568498 2.35332,0.925463 1.388194,0.343743 2.670621,0.343743 1.401415,0 2.432646,-0.43629 1.044451,-0.436289 1.612949,-1.32209 0.568499,-0.8858 0.568499,-2.247552 0,-1.798043 -1.123777,-2.776389 -1.123776,-0.978347 -3.52998,-0.978347 -0.806474,0 -1.745158,0.14543 -0.938684,0.132209 -1.546845,0.277639 l -1.242765,-0.753591 0.740371,-9.26785 h 9.836348 v 2.366541 h -7.535912 l -0.449511,5.328022 q 0.489174,-0.105767 1.216323,-0.211535 0.727149,-0.105767 1.718717,-0.105767 z"
+         id="path31"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 25"
+         aria-label="25"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-26.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-26.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="8"
+     inkscape:cx="75.375"
+     inkscape:cy="85.4375"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 26"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 22.146054,32.435734 H 9.2688987 V 30.346832 L 14.358945,25.17746 q 1.454299,-1.467519 2.406203,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392982,0.489174 -1.057672,0.475952 -2.19467,1.374973 l -1.4278567,-1.7716 q 0.7800327,-0.661045 1.6922747,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546846 -0.621383,2.868935 -0.608161,1.308869 -1.731937,2.604518 -1.123777,1.295648 -2.657401,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 2.159414,-8.249841 q 0,-1.731938 0.237977,-3.38455 0.251197,-1.652613 0.832916,-3.09369 0.594941,-1.441078 1.626171,-2.525192 1.03123,-1.097335 2.578075,-1.718717 1.546845,-0.621382 3.728293,-0.621382 0.58172,0 1.282428,0.05288 0.713928,0.05288 1.17666,0.185093 v 2.234332 q -0.502395,-0.158651 -1.123777,-0.237976 -0.621382,-0.07933 -1.242764,-0.07933 -2.445867,0 -3.834061,1.004789 -1.388194,0.991567 -1.983135,2.710284 -0.59494,1.705496 -0.687486,3.860502 h 0.145429 q 0.396627,-0.647824 1.01801,-1.17666 0.621382,-0.528836 1.493961,-0.832916 0.8858,-0.317302 2.06246,-0.317302 1.692275,0 2.948261,0.700708 1.255985,0.687486 1.943472,2.009576 0.687487,1.32209 0.687487,3.212679 0,2.009576 -0.753592,3.477096 -0.753591,1.46752 -2.155006,2.260774 -1.388194,0.793254 -3.318446,0.793254 -1.427857,0 -2.644179,-0.528836 -1.216323,-0.542057 -2.115344,-1.599729 -0.899021,-1.070893 -1.401415,-2.657401 -0.502395,-1.599728 -0.502395,-3.728293 z m 6.623671,6.306369 q 1.652612,0 2.644179,-1.057672 1.004789,-1.070893 1.004789,-3.252341 0,-1.784822 -0.8858,-2.816052 -0.885801,-1.044451 -2.670622,-1.044451 -1.216323,0 -2.128565,0.515615 -0.899021,0.515615 -1.401415,1.295648 -0.489173,0.766812 -0.489173,1.573287 0,0.832917 0.237976,1.679054 0.237976,0.832917 0.727149,1.546846 0.489174,0.700707 1.229544,1.136997 0.74037,0.423069 1.731938,0.423069 z"
+         id="path32"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="26"
+         inkscape:label="Symbol 26"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 22.146054,32.435734 H 9.2688987 V 30.346832 L 14.358945,25.17746 q 1.454299,-1.467519 2.406203,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392982,0.489174 -1.057672,0.475952 -2.19467,1.374973 l -1.4278567,-1.7716 q 0.7800327,-0.661045 1.6922747,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546846 -0.621383,2.868935 -0.608161,1.308869 -1.731937,2.604518 -1.123777,1.295648 -2.657401,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 2.159414,-8.249841 q 0,-1.731938 0.237977,-3.38455 0.251197,-1.652613 0.832916,-3.09369 0.594941,-1.441078 1.626171,-2.525192 1.03123,-1.097335 2.578075,-1.718717 1.546845,-0.621382 3.728293,-0.621382 0.58172,0 1.282428,0.05288 0.713928,0.05288 1.17666,0.185093 v 2.234332 q -0.502395,-0.158651 -1.123777,-0.237976 -0.621382,-0.07933 -1.242764,-0.07933 -2.445867,0 -3.834061,1.004789 -1.388194,0.991567 -1.983135,2.710284 -0.59494,1.705496 -0.687486,3.860502 h 0.145429 q 0.396627,-0.647824 1.01801,-1.17666 0.621382,-0.528836 1.493961,-0.832916 0.8858,-0.317302 2.06246,-0.317302 1.692275,0 2.948261,0.700708 1.255985,0.687486 1.943472,2.009576 0.687487,1.32209 0.687487,3.212679 0,2.009576 -0.753592,3.477096 -0.753591,1.46752 -2.155006,2.260774 -1.388194,0.793254 -3.318446,0.793254 -1.427857,0 -2.644179,-0.528836 -1.216323,-0.542057 -2.115344,-1.599729 -0.899021,-1.070893 -1.401415,-2.657401 -0.502395,-1.599728 -0.502395,-3.728293 z m 6.623671,6.306369 q 1.652612,0 2.644179,-1.057672 1.004789,-1.070893 1.004789,-3.252341 0,-1.784822 -0.8858,-2.816052 -0.885801,-1.044451 -2.670622,-1.044451 -1.216323,0 -2.128565,0.515615 -0.899021,0.515615 -1.401415,1.295648 -0.489173,0.766812 -0.489173,1.573287 0,0.832917 0.237976,1.679054 0.237976,0.832917 0.727149,1.546846 0.489174,0.700707 1.229544,1.136997 0.74037,0.423069 1.731938,0.423069 z"
+         id="path33"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="26"
+         inkscape:label="Symbol 26"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 22.146054,32.435734 H 9.2688987 V 30.346832 L 14.358945,25.17746 q 1.454299,-1.467519 2.406203,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392982,0.489174 -1.057672,0.475952 -2.19467,1.374973 l -1.4278567,-1.7716 q 0.7800327,-0.661045 1.6922747,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546846 -0.621383,2.868935 -0.608161,1.308869 -1.731937,2.604518 -1.123777,1.295648 -2.657401,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 2.159414,-8.249841 q 0,-1.731938 0.237977,-3.38455 0.251197,-1.652613 0.832916,-3.09369 0.594941,-1.441078 1.626171,-2.525192 1.03123,-1.097335 2.578075,-1.718717 1.546845,-0.621382 3.728293,-0.621382 0.58172,0 1.282428,0.05288 0.713928,0.05288 1.17666,0.185093 v 2.234332 q -0.502395,-0.158651 -1.123777,-0.237976 -0.621382,-0.07933 -1.242764,-0.07933 -2.445867,0 -3.834061,1.004789 -1.388194,0.991567 -1.983135,2.710284 -0.59494,1.705496 -0.687486,3.860502 h 0.145429 q 0.396627,-0.647824 1.01801,-1.17666 0.621382,-0.528836 1.493961,-0.832916 0.8858,-0.317302 2.06246,-0.317302 1.692275,0 2.948261,0.700708 1.255985,0.687486 1.943472,2.009576 0.687487,1.32209 0.687487,3.212679 0,2.009576 -0.753592,3.477096 -0.753591,1.46752 -2.155006,2.260774 -1.388194,0.793254 -3.318446,0.793254 -1.427857,0 -2.644179,-0.528836 -1.216323,-0.542057 -2.115344,-1.599729 -0.899021,-1.070893 -1.401415,-2.657401 -0.502395,-1.599728 -0.502395,-3.728293 z m 6.623671,6.306369 q 1.652612,0 2.644179,-1.057672 1.004789,-1.070893 1.004789,-3.252341 0,-1.784822 -0.8858,-2.816052 -0.885801,-1.044451 -2.670622,-1.044451 -1.216323,0 -2.128565,0.515615 -0.899021,0.515615 -1.401415,1.295648 -0.489173,0.766812 -0.489173,1.573287 0,0.832917 0.237976,1.679054 0.237976,0.832917 0.727149,1.546846 0.489174,0.700707 1.229544,1.136997 0.74037,0.423069 1.731938,0.423069 z"
+         id="path34"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="26"
+         inkscape:label="Symbol 26"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-27.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-27.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="70.710678"
+     inkscape:cy="86.355416"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 27"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 21.923319,32.700145 H 8.8725051 V 30.583073 L 14.031196,25.34399 q 1.473909,-1.48731 2.438652,-2.599442 0.97814,-1.125533 1.473911,-2.170669 0.49577,-1.058537 0.49577,-2.304662 0,-1.527507 -0.897745,-2.331459 -0.897747,-0.803951 -2.385057,-0.803951 -1.339918,0 -2.425253,0.495769 -1.071936,0.482373 -2.224267,1.393516 L 9.0600951,15.227601 q 0.790552,-0.669959 1.7150969,-1.205927 0.924545,-0.549366 2.023278,-0.870947 1.098734,-0.321582 2.438652,-0.321582 1.83569,0 3.16221,0.643163 1.339919,0.64316 2.063475,1.822289 0.723555,1.179128 0.723555,2.760232 0,1.567708 -0.629761,2.907626 -0.616363,1.32652 -1.755293,2.639641 -1.138932,1.313119 -2.693239,2.800431 L 12.2893,30.181098 v 0.120591 h 9.634019 z m 4.452997,0 7.878724,-17.191161 H 23.830472 v -2.398455 h 13.305395 v 1.929484 l -7.838526,17.660132 z"
+         id="text34"
+         style="font-weight:500;font-size:12.7px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.264583px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 27"
+         aria-label="27"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 21.923319,32.700145 H 8.8725051 V 30.583073 L 14.031196,25.34399 q 1.473909,-1.48731 2.438652,-2.599442 0.97814,-1.125533 1.473911,-2.170669 0.49577,-1.058537 0.49577,-2.304662 0,-1.527507 -0.897745,-2.331459 -0.897747,-0.803951 -2.385057,-0.803951 -1.339918,0 -2.425253,0.495769 -1.071936,0.482373 -2.224267,1.393516 L 9.0600951,15.227601 q 0.790552,-0.669959 1.7150969,-1.205927 0.924545,-0.549366 2.023278,-0.870947 1.098734,-0.321582 2.438652,-0.321582 1.83569,0 3.16221,0.643163 1.339919,0.64316 2.063475,1.822289 0.723555,1.179128 0.723555,2.760232 0,1.567708 -0.629761,2.907626 -0.616363,1.32652 -1.755293,2.639641 -1.138932,1.313119 -2.693239,2.800431 L 12.2893,30.181098 v 0.120591 h 9.634019 z m 4.452997,0 7.878724,-17.191161 H 23.830472 v -2.398455 h 13.305395 v 1.929484 l -7.838526,17.660132 z"
+         id="path35"
+         style="font-weight:500;font-size:12.7px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.264583px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 27"
+         aria-label="27"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 21.923319,32.700145 H 8.8725051 V 30.583073 L 14.031196,25.34399 q 1.473909,-1.48731 2.438652,-2.599442 0.97814,-1.125533 1.473911,-2.170669 0.49577,-1.058537 0.49577,-2.304662 0,-1.527507 -0.897745,-2.331459 -0.897747,-0.803951 -2.385057,-0.803951 -1.339918,0 -2.425253,0.495769 -1.071936,0.482373 -2.224267,1.393516 L 9.0600951,15.227601 q 0.790552,-0.669959 1.7150969,-1.205927 0.924545,-0.549366 2.023278,-0.870947 1.098734,-0.321582 2.438652,-0.321582 1.83569,0 3.16221,0.643163 1.339919,0.64316 2.063475,1.822289 0.723555,1.179128 0.723555,2.760232 0,1.567708 -0.629761,2.907626 -0.616363,1.32652 -1.755293,2.639641 -1.138932,1.313119 -2.693239,2.800431 L 12.2893,30.181098 v 0.120591 h 9.634019 z m 4.452997,0 7.878724,-17.191161 H 23.830472 v -2.398455 h 13.305395 v 1.929484 l -7.838526,17.660132 z"
+         id="path34"
+         style="font-weight:500;font-size:12.7px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.264583px;word-spacing:0px;fill:#808080;stroke-width:4.3215;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 27"
+         aria-label="27"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-28.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-28.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="70.710678"
+     inkscape:cy="91.835493"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 28"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 22.088408,32.435734 H 9.2112525 V 30.346832 L 14.301298,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392983,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.427857,-1.7716 q 0.780033,-0.661045 1.692275,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084114,-0.317301 2.406203,-0.317301 1.811264,0 3.120133,0.634603 1.322089,0.634603 2.036018,1.798042 0.713928,1.163439 0.713928,2.723505 0,1.546846 -0.621382,2.868935 -0.608161,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.6574,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 8.505446,-19.606593 q 1.665833,0 2.987923,0.528836 1.33531,0.528836 2.088902,1.560066 0.766812,1.018009 0.766812,2.538412 0,1.16344 -0.502394,2.04924 -0.489174,0.872579 -1.335311,1.533624 -0.832917,0.647824 -1.864147,1.163439 1.189881,0.555278 2.168228,1.269206 0.978346,0.713929 1.560066,1.679055 0.581719,0.965125 0.581719,2.287215 0,1.61295 -0.806475,2.802831 -0.793254,1.17666 -2.234332,1.824484 -1.441078,0.634603 -3.371329,0.634603 -2.088902,0 -3.543201,-0.608162 -1.454299,-0.621382 -2.221111,-1.7716 -0.753591,-1.163439 -0.753591,-2.78961 0,-1.33531 0.555278,-2.313657 0.555278,-0.991567 1.46752,-1.692275 0.912242,-0.713929 1.996355,-1.216323 -0.938683,-0.528836 -1.718716,-1.203101 -0.766813,-0.674266 -1.229544,-1.573287 -0.449511,-0.912242 -0.449511,-2.102123 0,-1.480741 0.766812,-2.49875 0.780034,-1.03123 2.115344,-1.560066 1.335311,-0.542057 2.974703,-0.542057 z m -3.913387,14.648756 q 0,1.374973 0.965126,2.260773 0.978347,0.885801 2.93504,0.885801 1.877367,0 2.882156,-0.87258 1.018009,-0.8858 1.018009,-2.326878 0,-0.912242 -0.489173,-1.599729 -0.475953,-0.687486 -1.335311,-1.229543 -0.846138,-0.555278 -1.956693,-1.004789 L 30.25011,23.419081 q -1.123776,0.475952 -1.91703,1.057672 -0.793254,0.568498 -1.229544,1.308869 -0.423069,0.727149 -0.423069,1.692275 z m 3.886945,-12.546633 q -1.427857,0 -2.340099,0.687487 -0.899021,0.687486 -0.899021,1.969913 0,0.925463 0.436289,1.573287 0.449511,0.634604 1.203102,1.110556 0.753591,0.462731 1.692275,0.859358 0.899021,-0.396627 1.61295,-0.859358 0.727149,-0.475952 1.136997,-1.123777 0.423069,-0.661044 0.423069,-1.560066 0,-1.295648 -0.912242,-1.969913 -0.899021,-0.687487 -2.35332,-0.687487 z"
+         id="path36"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 28"
+         aria-label="28"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 22.088408,32.435734 H 9.2112525 V 30.346832 L 14.301298,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392983,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.427857,-1.7716 q 0.780033,-0.661045 1.692275,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084114,-0.317301 2.406203,-0.317301 1.811264,0 3.120133,0.634603 1.322089,0.634603 2.036018,1.798042 0.713928,1.163439 0.713928,2.723505 0,1.546846 -0.621382,2.868935 -0.608161,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.6574,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 8.505446,-19.606593 q 1.665833,0 2.987923,0.528836 1.33531,0.528836 2.088902,1.560066 0.766812,1.018009 0.766812,2.538412 0,1.16344 -0.502394,2.04924 -0.489174,0.872579 -1.335311,1.533624 -0.832917,0.647824 -1.864147,1.163439 1.189881,0.555278 2.168228,1.269206 0.978346,0.713929 1.560066,1.679055 0.581719,0.965125 0.581719,2.287215 0,1.61295 -0.806475,2.802831 -0.793254,1.17666 -2.234332,1.824484 -1.441078,0.634603 -3.371329,0.634603 -2.088902,0 -3.543201,-0.608162 -1.454299,-0.621382 -2.221111,-1.7716 -0.753591,-1.163439 -0.753591,-2.78961 0,-1.33531 0.555278,-2.313657 0.555278,-0.991567 1.46752,-1.692275 0.912242,-0.713929 1.996355,-1.216323 -0.938683,-0.528836 -1.718716,-1.203101 -0.766813,-0.674266 -1.229544,-1.573287 -0.449511,-0.912242 -0.449511,-2.102123 0,-1.480741 0.766812,-2.49875 0.780034,-1.03123 2.115344,-1.560066 1.335311,-0.542057 2.974703,-0.542057 z m -3.913387,14.648756 q 0,1.374973 0.965126,2.260773 0.978347,0.885801 2.93504,0.885801 1.877367,0 2.882156,-0.87258 1.018009,-0.8858 1.018009,-2.326878 0,-0.912242 -0.489173,-1.599729 -0.475953,-0.687486 -1.335311,-1.229543 -0.846138,-0.555278 -1.956693,-1.004789 L 30.25011,23.419081 q -1.123776,0.475952 -1.91703,1.057672 -0.793254,0.568498 -1.229544,1.308869 -0.423069,0.727149 -0.423069,1.692275 z m 3.886945,-12.546633 q -1.427857,0 -2.340099,0.687487 -0.899021,0.687486 -0.899021,1.969913 0,0.925463 0.436289,1.573287 0.449511,0.634604 1.203102,1.110556 0.753591,0.462731 1.692275,0.859358 0.899021,-0.396627 1.61295,-0.859358 0.727149,-0.475952 1.136997,-1.123777 0.423069,-0.661044 0.423069,-1.560066 0,-1.295648 -0.912242,-1.969913 -0.899021,-0.687487 -2.35332,-0.687487 z"
+         id="text35"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 28"
+         aria-label="28"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 22.088408,32.435734 H 9.2112525 V 30.346832 L 14.301298,25.17746 q 1.454299,-1.467519 2.406204,-2.564854 0.965126,-1.110556 1.454299,-2.141786 0.489173,-1.044451 0.489173,-2.273994 0,-1.507183 -0.8858,-2.300437 -0.8858,-0.793254 -2.35332,-0.793254 -1.32209,0 -2.392983,0.489174 -1.057672,0.475952 -2.194669,1.374973 l -1.427857,-1.7716 q 0.780033,-0.661045 1.692275,-1.189881 0.912242,-0.542057 1.996356,-0.859359 1.084114,-0.317301 2.406203,-0.317301 1.811264,0 3.120133,0.634603 1.322089,0.634603 2.036018,1.798042 0.713928,1.163439 0.713928,2.723505 0,1.546846 -0.621382,2.868935 -0.608161,1.308869 -1.731938,2.604518 -1.123776,1.295648 -2.6574,2.763167 l -3.767956,3.728294 v 0.118988 h 9.505826 z m 8.505446,-19.606593 q 1.665833,0 2.987923,0.528836 1.33531,0.528836 2.088902,1.560066 0.766812,1.018009 0.766812,2.538412 0,1.16344 -0.502394,2.04924 -0.489174,0.872579 -1.335311,1.533624 -0.832917,0.647824 -1.864147,1.163439 1.189881,0.555278 2.168228,1.269206 0.978346,0.713929 1.560066,1.679055 0.581719,0.965125 0.581719,2.287215 0,1.61295 -0.806475,2.802831 -0.793254,1.17666 -2.234332,1.824484 -1.441078,0.634603 -3.371329,0.634603 -2.088902,0 -3.543201,-0.608162 -1.454299,-0.621382 -2.221111,-1.7716 -0.753591,-1.163439 -0.753591,-2.78961 0,-1.33531 0.555278,-2.313657 0.555278,-0.991567 1.46752,-1.692275 0.912242,-0.713929 1.996355,-1.216323 -0.938683,-0.528836 -1.718716,-1.203101 -0.766813,-0.674266 -1.229544,-1.573287 -0.449511,-0.912242 -0.449511,-2.102123 0,-1.480741 0.766812,-2.49875 0.780034,-1.03123 2.115344,-1.560066 1.335311,-0.542057 2.974703,-0.542057 z m -3.913387,14.648756 q 0,1.374973 0.965126,2.260773 0.978347,0.885801 2.93504,0.885801 1.877367,0 2.882156,-0.87258 1.018009,-0.8858 1.018009,-2.326878 0,-0.912242 -0.489173,-1.599729 -0.475953,-0.687486 -1.335311,-1.229543 -0.846138,-0.555278 -1.956693,-1.004789 L 30.25011,23.419081 q -1.123776,0.475952 -1.91703,1.057672 -0.793254,0.568498 -1.229544,1.308869 -0.423069,0.727149 -0.423069,1.692275 z m 3.886945,-12.546633 q -1.427857,0 -2.340099,0.687487 -0.899021,0.687486 -0.899021,1.969913 0,0.925463 0.436289,1.573287 0.449511,0.634604 1.203102,1.110556 0.753591,0.462731 1.692275,0.859358 0.899021,-0.396627 1.61295,-0.859358 0.727149,-0.475952 1.136997,-1.123777 0.423069,-0.661044 0.423069,-1.560066 0,-1.295648 -0.912242,-1.969913 -0.899021,-0.687487 -2.35332,-0.687487 z"
+         id="path35"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 28"
+         aria-label="28"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-29.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-29.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="8"
+     inkscape:cx="86"
+     inkscape:cy="80.1875"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 29"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -117.80307,147.66489 h -12.86859 v -2.08751 l 5.08666,-5.16594 q 1.45333,-1.46654 2.40461,-2.56315 0.96448,-1.10981 1.45333,-2.14036 0.48885,-1.04375 0.48885,-2.27248 0,-1.50618 -0.88522,-2.29891 -0.88521,-0.79272 -2.35175,-0.79272 -1.32121,0 -2.39139,0.48884 -1.05697,0.47564 -2.19321,1.37406 l -1.42691,-1.77042 q 0.77951,-0.6606 1.69115,-1.18909 0.91163,-0.5417 1.99503,-0.85879 1.08339,-0.31709 2.4046,-0.31709 1.81006,0 3.11806,0.63418 1.32121,0.63419 2.03466,1.79685 0.71346,1.16267 0.71346,2.7217 0,1.54581 -0.62097,2.86702 -0.60776,1.308 -1.73079,2.60279 -1.12303,1.29479 -2.65563,2.76133 l -3.76545,3.72581 v 0.11891 h 9.4995 z m 14.90767,-11.08496 q 0,1.73079 -0.25103,3.39551 -0.23782,1.65152 -0.83237,3.10485 -0.58133,1.44012 -1.61187,2.53672 -1.03055,1.0834 -2.58958,1.70437 -1.55903,0.62096 -3.72581,0.62096 -0.56812,0 -1.308,-0.0661 -0.73988,-0.0661 -1.21551,-0.19818 V 145.432 q 0.50206,0.17176 1.14945,0.26425 0.64739,0.0925 1.26836,0.0925 2.45745,0 3.84473,-0.99091 1.38727,-0.99091 1.98181,-2.69527 0.60776,-1.71757 0.68703,-3.88436 h -0.15854 q -0.39637,0.63418 -1.00412,1.16267 -0.60776,0.52848 -1.49297,0.84557 -0.88521,0.31709 -2.11394,0.31709 -1.66473,0 -2.90666,-0.68703 -1.24194,-0.70024 -1.92897,-2.02145 -0.68703,-1.32121 -0.68703,-3.19733 0,-2.02145 0.7663,-3.488 0.7663,-1.47975 2.16679,-2.27248 1.40048,-0.79272 3.30302,-0.79272 1.44012,0 2.65564,0.54169 1.21551,0.52849 2.11394,1.59867 0.89842,1.05697 1.38727,2.65563 0.50206,1.58545 0.50206,3.69939 z m -6.63248,-6.27575 q -1.62509,0 -2.62921,1.07018 -1.00412,1.05697 -1.00412,3.22375 0,1.79685 0.85879,2.84061 0.87199,1.03054 2.66884,1.03054 1.24194,0 2.14036,-0.50206 0.91164,-0.51527 1.40049,-1.29478 0.50206,-0.77952 0.50206,-1.59867 0,-0.81915 -0.23782,-1.65151 -0.23782,-0.84558 -0.72667,-1.54582 -0.48885,-0.71345 -1.22872,-1.13624 -0.73988,-0.436 -1.744,-0.436 z"
+         id="text36"
+         style="font-weight:500;font-size:27.0584px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.563716px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.26116;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 29"
+         aria-label="29"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -117.80307,147.66489 h -12.86859 v -2.08751 l 5.08666,-5.16594 q 1.45333,-1.46654 2.40461,-2.56315 0.96448,-1.10981 1.45333,-2.14036 0.48885,-1.04375 0.48885,-2.27248 0,-1.50618 -0.88522,-2.29891 -0.88521,-0.79272 -2.35175,-0.79272 -1.32121,0 -2.39139,0.48884 -1.05697,0.47564 -2.19321,1.37406 l -1.42691,-1.77042 q 0.77951,-0.6606 1.69115,-1.18909 0.91163,-0.5417 1.99503,-0.85879 1.08339,-0.31709 2.4046,-0.31709 1.81006,0 3.11806,0.63418 1.32121,0.63419 2.03466,1.79685 0.71346,1.16267 0.71346,2.7217 0,1.54581 -0.62097,2.86702 -0.60776,1.308 -1.73079,2.60279 -1.12303,1.29479 -2.65563,2.76133 l -3.76545,3.72581 v 0.11891 h 9.4995 z m 14.90767,-11.08496 q 0,1.73079 -0.25103,3.39551 -0.23782,1.65152 -0.83237,3.10485 -0.58133,1.44012 -1.61187,2.53672 -1.03055,1.0834 -2.58958,1.70437 -1.55903,0.62096 -3.72581,0.62096 -0.56812,0 -1.308,-0.0661 -0.73988,-0.0661 -1.21551,-0.19818 V 145.432 q 0.50206,0.17176 1.14945,0.26425 0.64739,0.0925 1.26836,0.0925 2.45745,0 3.84473,-0.99091 1.38727,-0.99091 1.98181,-2.69527 0.60776,-1.71757 0.68703,-3.88436 h -0.15854 q -0.39637,0.63418 -1.00412,1.16267 -0.60776,0.52848 -1.49297,0.84557 -0.88521,0.31709 -2.11394,0.31709 -1.66473,0 -2.90666,-0.68703 -1.24194,-0.70024 -1.92897,-2.02145 -0.68703,-1.32121 -0.68703,-3.19733 0,-2.02145 0.7663,-3.488 0.7663,-1.47975 2.16679,-2.27248 1.40048,-0.79272 3.30302,-0.79272 1.44012,0 2.65564,0.54169 1.21551,0.52849 2.11394,1.59867 0.89842,1.05697 1.38727,2.65563 0.50206,1.58545 0.50206,3.69939 z m -6.63248,-6.27575 q -1.62509,0 -2.62921,1.07018 -1.00412,1.05697 -1.00412,3.22375 0,1.79685 0.85879,2.84061 0.87199,1.03054 2.66884,1.03054 1.24194,0 2.14036,-0.50206 0.91164,-0.51527 1.40049,-1.29478 0.50206,-0.77952 0.50206,-1.59867 0,-0.81915 -0.23782,-1.65151 -0.23782,-0.84558 -0.72667,-1.54582 -0.48885,-0.71345 -1.22872,-1.13624 -0.73988,-0.436 -1.744,-0.436 z"
+         id="path37"
+         style="font-weight:500;font-size:27.0584px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.563716px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.26116;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 29"
+         aria-label="29"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -117.80307,147.66489 h -12.86859 v -2.08751 l 5.08666,-5.16594 q 1.45333,-1.46654 2.40461,-2.56315 0.96448,-1.10981 1.45333,-2.14036 0.48885,-1.04375 0.48885,-2.27248 0,-1.50618 -0.88522,-2.29891 -0.88521,-0.79272 -2.35175,-0.79272 -1.32121,0 -2.39139,0.48884 -1.05697,0.47564 -2.19321,1.37406 l -1.42691,-1.77042 q 0.77951,-0.6606 1.69115,-1.18909 0.91163,-0.5417 1.99503,-0.85879 1.08339,-0.31709 2.4046,-0.31709 1.81006,0 3.11806,0.63418 1.32121,0.63419 2.03466,1.79685 0.71346,1.16267 0.71346,2.7217 0,1.54581 -0.62097,2.86702 -0.60776,1.308 -1.73079,2.60279 -1.12303,1.29479 -2.65563,2.76133 l -3.76545,3.72581 v 0.11891 h 9.4995 z m 14.90767,-11.08496 q 0,1.73079 -0.25103,3.39551 -0.23782,1.65152 -0.83237,3.10485 -0.58133,1.44012 -1.61187,2.53672 -1.03055,1.0834 -2.58958,1.70437 -1.55903,0.62096 -3.72581,0.62096 -0.56812,0 -1.308,-0.0661 -0.73988,-0.0661 -1.21551,-0.19818 V 145.432 q 0.50206,0.17176 1.14945,0.26425 0.64739,0.0925 1.26836,0.0925 2.45745,0 3.84473,-0.99091 1.38727,-0.99091 1.98181,-2.69527 0.60776,-1.71757 0.68703,-3.88436 h -0.15854 q -0.39637,0.63418 -1.00412,1.16267 -0.60776,0.52848 -1.49297,0.84557 -0.88521,0.31709 -2.11394,0.31709 -1.66473,0 -2.90666,-0.68703 -1.24194,-0.70024 -1.92897,-2.02145 -0.68703,-1.32121 -0.68703,-3.19733 0,-2.02145 0.7663,-3.488 0.7663,-1.47975 2.16679,-2.27248 1.40048,-0.79272 3.30302,-0.79272 1.44012,0 2.65564,0.54169 1.21551,0.52849 2.11394,1.59867 0.89842,1.05697 1.38727,2.65563 0.50206,1.58545 0.50206,3.69939 z m -6.63248,-6.27575 q -1.62509,0 -2.62921,1.07018 -1.00412,1.05697 -1.00412,3.22375 0,1.79685 0.85879,2.84061 0.87199,1.03054 2.66884,1.03054 1.24194,0 2.14036,-0.50206 0.91164,-0.51527 1.40049,-1.29478 0.50206,-0.77952 0.50206,-1.59867 0,-0.81915 -0.23782,-1.65151 -0.23782,-0.84558 -0.72667,-1.54582 -0.48885,-0.71345 -1.22872,-1.13624 -0.73988,-0.436 -1.744,-0.436 z"
+         id="path36"
+         style="font-weight:500;font-size:27.0584px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.563716px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.26116;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 29"
+         aria-label="29"
+         transform="translate(1.2499999e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-3.svg

@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529302 45.529288"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-3.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2"
+     inkscape:cx="-21.5"
+     inkscape:cy="152.25"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 3"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -110.43859,132.05807 q 0,1.49679 -0.58964,2.60048 -0.58965,1.08858 -1.63286,1.78406 -1.04322,0.69547 -2.41906,0.98274 v 0.10583 q 2.63072,0.33262 3.9612,1.67822 1.3456,1.3456 1.3456,3.55299 0,1.92012 -0.90714,3.41691 -0.90715,1.49679 -2.79703,2.34346 -1.87477,0.84667 -4.82299,0.84667 -1.76894,0 -3.28085,-0.28726 -1.51191,-0.28727 -2.87262,-0.92227 v -2.76679 q 1.37583,0.69548 2.97846,1.08857 1.60262,0.37798 3.08429,0.37798 2.88775,0 4.14263,-1.11881 1.27001,-1.11882 1.27001,-3.0843 0,-1.30024 -0.68036,-2.11667 -0.68036,-0.83155 -2.02596,-1.22465 -1.33048,-0.39309 -3.3262,-0.39309 h -2.07132 v -2.50977 h 2.10156 q 1.85965,0 3.05405,-0.48381 1.20953,-0.49893 1.79918,-1.39096 0.58964,-0.89203 0.58964,-2.08643 0,-1.55727 -1.0281,-2.40394 -1.01298,-0.86179 -2.87263,-0.86179 -1.14905,0 -2.10155,0.25703 -0.93738,0.2419 -1.75381,0.65012 -0.80132,0.40821 -1.55727,0.92226 l -1.49679,-2.10155 q 1.22465,-0.93739 2.96334,-1.60263 1.75382,-0.66524 4.00656,-0.66524 3.4018,0 5.17073,1.49679 1.76893,1.49679 1.76893,3.91585 z"
+         id="text11"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 3"
+         transform="translate(1.25e-6)"
+         aria-label="3" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -110.43859,132.05807 q 0,1.49679 -0.58964,2.60048 -0.58965,1.08858 -1.63286,1.78406 -1.04322,0.69547 -2.41906,0.98274 v 0.10583 q 2.63072,0.33262 3.9612,1.67822 1.3456,1.3456 1.3456,3.55299 0,1.92012 -0.90714,3.41691 -0.90715,1.49679 -2.79703,2.34346 -1.87477,0.84667 -4.82299,0.84667 -1.76894,0 -3.28085,-0.28726 -1.51191,-0.28727 -2.87262,-0.92227 v -2.76679 q 1.37583,0.69548 2.97846,1.08857 1.60262,0.37798 3.08429,0.37798 2.88775,0 4.14263,-1.11881 1.27001,-1.11882 1.27001,-3.0843 0,-1.30024 -0.68036,-2.11667 -0.68036,-0.83155 -2.02596,-1.22465 -1.33048,-0.39309 -3.3262,-0.39309 h -2.07132 v -2.50977 h 2.10156 q 1.85965,0 3.05405,-0.48381 1.20953,-0.49893 1.79918,-1.39096 0.58964,-0.89203 0.58964,-2.08643 0,-1.55727 -1.0281,-2.40394 -1.01298,-0.86179 -2.87263,-0.86179 -1.14905,0 -2.10155,0.25703 -0.93738,0.2419 -1.75381,0.65012 -0.80132,0.40821 -1.55727,0.92226 l -1.49679,-2.10155 q 1.22465,-0.93739 2.96334,-1.60263 1.75382,-0.66524 4.00656,-0.66524 3.4018,0 5.17073,1.49679 1.76893,1.49679 1.76893,3.91585 z"
+         id="text13"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;fill:#ffffff;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 3"
+         transform="translate(1.25e-6)"
+         aria-label="3" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -110.43859,132.05807 q 0,1.49679 -0.58964,2.60048 -0.58965,1.08858 -1.63286,1.78406 -1.04322,0.69547 -2.41906,0.98274 v 0.10583 q 2.63072,0.33262 3.9612,1.67822 1.3456,1.3456 1.3456,3.55299 0,1.92012 -0.90714,3.41691 -0.90715,1.49679 -2.79703,2.34346 -1.87477,0.84667 -4.82299,0.84667 -1.76894,0 -3.28085,-0.28726 -1.51191,-0.28727 -2.87262,-0.92227 v -2.76679 q 1.37583,0.69548 2.97846,1.08857 1.60262,0.37798 3.08429,0.37798 2.88775,0 4.14263,-1.11881 1.27001,-1.11882 1.27001,-3.0843 0,-1.30024 -0.68036,-2.11667 -0.68036,-0.83155 -2.02596,-1.22465 -1.33048,-0.39309 -3.3262,-0.39309 h -2.07132 v -2.50977 h 2.10156 q 1.85965,0 3.05405,-0.48381 1.20953,-0.49893 1.79918,-1.39096 0.58964,-0.89203 0.58964,-2.08643 0,-1.55727 -1.0281,-2.40394 -1.01298,-0.86179 -2.87263,-0.86179 -1.14905,0 -2.10155,0.25703 -0.93738,0.2419 -1.75381,0.65012 -0.80132,0.40821 -1.55727,0.92226 l -1.49679,-2.10155 q 1.22465,-0.93739 2.96334,-1.60263 1.75382,-0.66524 4.00656,-0.66524 3.4018,0 5.17073,1.49679 1.76893,1.49679 1.76893,3.91585 z"
+         id="text12"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;fill:#808080;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 3"
+         aria-label="3" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-30.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-30.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="67.882251"
+     inkscape:cy="96.254911"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 30"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:27.0404px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.563341px;word-spacing:0px;fill:#000000;stroke-width:4.25833;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         d="m 21.416421,17.582342 q 0,1.307129 -0.514929,2.270971 -0.51493,0.950639 -1.425959,1.557992 -0.911029,0.607353 -2.112531,0.858216 v 0.09242 q 2.297378,0.290473 3.45927,1.465568 1.175096,1.175096 1.175096,3.102781 0,1.676821 -0.7922,2.98395 -0.792199,1.307129 -2.442614,2.046515 -1.637212,0.739386 -4.211859,0.739386 -1.544788,0 -2.86512,-0.250864 -1.320332,-0.250863 -2.5086313,-0.805402 V 29.22767 q 1.2015023,0.607353 2.6010543,0.950639 1.399552,0.330083 2.693477,0.330083 2.521834,0 3.61771,-0.977045 1.109079,-0.977046 1.109079,-2.693478 0,-1.135485 -0.59415,-1.848464 -0.594149,-0.726183 -1.769245,-1.069469 -1.161892,-0.343287 -2.90473,-0.343287 h -1.808855 v -2.191751 h 1.835262 q 1.624008,0 2.66707,-0.422506 1.056266,-0.43571 1.571195,-1.214705 0.51493,-0.778996 0.51493,-1.822059 0,-1.359942 -0.897826,-2.099328 -0.884622,-0.752589 -2.508631,-0.752589 -1.003452,0 -1.835261,0.224457 -0.818606,0.211253 -1.531585,0.567742 -0.699776,0.35649 -1.359942,0.805403 L 9.2693669,14.836051 q 1.0694691,-0.818605 2.5878511,-1.399551 1.531585,-0.580947 3.49888,-0.580947 2.970747,0 4.515535,1.307129 1.544788,1.307129 1.544788,3.41966 z m 15.66354,5.175701 q 0,2.350191 -0.35649,4.198656 -0.356489,1.848465 -1.135485,3.129187 -0.765793,1.280722 -2.006905,1.954092 -1.227909,0.660166 -2.970747,0.660166 -2.191751,0 -3.61771,-1.175096 -1.425958,-1.175095 -2.125734,-3.393253 -0.699776,-2.231361 -0.699776,-5.373752 0,-3.089576 0.633759,-5.307734 0.63376,-2.231361 2.046515,-3.41966 1.425959,-1.201502 3.762946,-1.201502 2.218158,0 3.644117,1.188299 1.439161,1.175095 2.125734,3.406456 0.699776,2.218158 0.699776,5.334141 z m -10.245776,0 q 0,2.574648 0.369693,4.29108 0.369693,1.716431 1.201502,2.574647 0.831809,0.845012 2.204954,0.845012 1.373145,0 2.204955,-0.845012 0.845012,-0.845013 1.214705,-2.561444 0.369693,-1.716432 0.369693,-4.304283 0,-2.535037 -0.369693,-4.238265 -0.369693,-1.716432 -1.201502,-2.574648 -0.818606,-0.871419 -2.218158,-0.871419 -1.399552,0 -2.231361,0.871419 -0.818606,0.858216 -1.188299,2.574648 -0.356489,1.703228 -0.356489,4.238265 z"
+         id="path37"
+         inkscape:label="Symbol 30"
+         aria-label="30"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:27.0404px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.563341px;word-spacing:0px;fill:#ffffff;stroke-width:4.25833;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         d="m 21.416421,17.582342 q 0,1.307129 -0.514929,2.270971 -0.51493,0.950639 -1.425959,1.557992 -0.911029,0.607353 -2.112531,0.858216 v 0.09242 q 2.297378,0.290473 3.45927,1.465568 1.175096,1.175096 1.175096,3.102781 0,1.676821 -0.7922,2.98395 -0.792199,1.307129 -2.442614,2.046515 -1.637212,0.739386 -4.211859,0.739386 -1.544788,0 -2.86512,-0.250864 -1.320332,-0.250863 -2.5086313,-0.805402 V 29.22767 q 1.2015023,0.607353 2.6010543,0.950639 1.399552,0.330083 2.693477,0.330083 2.521834,0 3.61771,-0.977045 1.109079,-0.977046 1.109079,-2.693478 0,-1.135485 -0.59415,-1.848464 -0.594149,-0.726183 -1.769245,-1.069469 -1.161892,-0.343287 -2.90473,-0.343287 h -1.808855 v -2.191751 h 1.835262 q 1.624008,0 2.66707,-0.422506 1.056266,-0.43571 1.571195,-1.214705 0.51493,-0.778996 0.51493,-1.822059 0,-1.359942 -0.897826,-2.099328 -0.884622,-0.752589 -2.508631,-0.752589 -1.003452,0 -1.835261,0.224457 -0.818606,0.211253 -1.531585,0.567742 -0.699776,0.35649 -1.359942,0.805403 L 9.2693669,14.836051 q 1.0694691,-0.818605 2.5878511,-1.399551 1.531585,-0.580947 3.49888,-0.580947 2.970747,0 4.515535,1.307129 1.544788,1.307129 1.544788,3.41966 z m 15.66354,5.175701 q 0,2.350191 -0.35649,4.198656 -0.356489,1.848465 -1.135485,3.129187 -0.765793,1.280722 -2.006905,1.954092 -1.227909,0.660166 -2.970747,0.660166 -2.191751,0 -3.61771,-1.175096 -1.425958,-1.175095 -2.125734,-3.393253 -0.699776,-2.231361 -0.699776,-5.373752 0,-3.089576 0.633759,-5.307734 0.63376,-2.231361 2.046515,-3.41966 1.425959,-1.201502 3.762946,-1.201502 2.218158,0 3.644117,1.188299 1.439161,1.175095 2.125734,3.406456 0.699776,2.218158 0.699776,5.334141 z m -10.245776,0 q 0,2.574648 0.369693,4.29108 0.369693,1.716431 1.201502,2.574647 0.831809,0.845012 2.204954,0.845012 1.373145,0 2.204955,-0.845012 0.845012,-0.845013 1.214705,-2.561444 0.369693,-1.716432 0.369693,-4.304283 0,-2.535037 -0.369693,-4.238265 -0.369693,-1.716432 -1.201502,-2.574648 -0.818606,-0.871419 -2.218158,-0.871419 -1.399552,0 -2.231361,0.871419 -0.818606,0.858216 -1.188299,2.574648 -0.356489,1.703228 -0.356489,4.238265 z"
+         id="text37"
+         inkscape:label="Symbol 30"
+         aria-label="30"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         style="font-weight:500;font-size:27.0404px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.563341px;word-spacing:0px;fill:#808080;stroke-width:4.25833;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         d="m 21.416421,17.582342 q 0,1.307129 -0.514929,2.270971 -0.51493,0.950639 -1.425959,1.557992 -0.911029,0.607353 -2.112531,0.858216 v 0.09242 q 2.297378,0.290473 3.45927,1.465568 1.175096,1.175096 1.175096,3.102781 0,1.676821 -0.7922,2.98395 -0.792199,1.307129 -2.442614,2.046515 -1.637212,0.739386 -4.211859,0.739386 -1.544788,0 -2.86512,-0.250864 -1.320332,-0.250863 -2.5086313,-0.805402 V 29.22767 q 1.2015023,0.607353 2.6010543,0.950639 1.399552,0.330083 2.693477,0.330083 2.521834,0 3.61771,-0.977045 1.109079,-0.977046 1.109079,-2.693478 0,-1.135485 -0.59415,-1.848464 -0.594149,-0.726183 -1.769245,-1.069469 -1.161892,-0.343287 -2.90473,-0.343287 h -1.808855 v -2.191751 h 1.835262 q 1.624008,0 2.66707,-0.422506 1.056266,-0.43571 1.571195,-1.214705 0.51493,-0.778996 0.51493,-1.822059 0,-1.359942 -0.897826,-2.099328 -0.884622,-0.752589 -2.508631,-0.752589 -1.003452,0 -1.835261,0.224457 -0.818606,0.211253 -1.531585,0.567742 -0.699776,0.35649 -1.359942,0.805403 L 9.2693669,14.836051 q 1.0694691,-0.818605 2.5878511,-1.399551 1.531585,-0.580947 3.49888,-0.580947 2.970747,0 4.515535,1.307129 1.544788,1.307129 1.544788,3.41966 z m 15.66354,5.175701 q 0,2.350191 -0.35649,4.198656 -0.356489,1.848465 -1.135485,3.129187 -0.765793,1.280722 -2.006905,1.954092 -1.227909,0.660166 -2.970747,0.660166 -2.191751,0 -3.61771,-1.175096 -1.425958,-1.175095 -2.125734,-3.393253 -0.699776,-2.231361 -0.699776,-5.373752 0,-3.089576 0.633759,-5.307734 0.63376,-2.231361 2.046515,-3.41966 1.425959,-1.201502 3.762946,-1.201502 2.218158,0 3.644117,1.188299 1.439161,1.175095 2.125734,3.406456 0.699776,2.218158 0.699776,5.334141 z m -10.245776,0 q 0,2.574648 0.369693,4.29108 0.369693,1.716431 1.201502,2.574647 0.831809,0.845012 2.204954,0.845012 1.373145,0 2.204955,-0.845012 0.845012,-0.845013 1.214705,-2.561444 0.369693,-1.716432 0.369693,-4.304283 0,-2.535037 -0.369693,-4.238265 -0.369693,-1.716432 -1.201502,-2.574648 -0.818606,-0.871419 -2.218158,-0.871419 -1.399552,0 -2.231361,0.871419 -0.818606,0.858216 -1.188299,2.574648 -0.356489,1.703228 -0.356489,4.238265 z"
+         id="path38"
+         inkscape:label="Symbol 30"
+         aria-label="30"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-31.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-31.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="55.949825"
+     inkscape:cy="83.350213"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 31"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m 22.854786,17.562223 q 0,1.308869 -0.515615,2.273994 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608162 -2.115344,0.859359 v 0.09255 q 2.300436,0.29086 3.463876,1.46752 1.17666,1.17666 1.17666,3.106911 0,1.679054 -0.793254,2.987923 -0.793254,1.308869 -2.445867,2.049239 -1.639391,0.740371 -4.217466,0.740371 -1.546846,0 -2.868935,-0.251197 -1.32209,-0.251197 -2.511971,-0.806475 v -2.419425 q 1.203102,0.608162 2.604517,0.951905 1.401415,0.330523 2.697063,0.330523 2.525192,0 3.622526,-0.978347 1.110556,-0.978346 1.110556,-2.697063 0,-1.136998 -0.59494,-1.850926 -0.594941,-0.72715 -1.771601,-1.070893 -1.163439,-0.343743 -2.908598,-0.343743 h -1.811263 v -2.19467 h 1.837705 q 1.626171,0 2.670622,-0.423068 1.057672,-0.43629 1.573287,-1.216323 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899021,-2.102123 -0.885801,-0.753591 -2.511971,-0.753591 -1.004788,0 -1.837705,0.224755 -0.819696,0.211535 -1.533624,0.568499 -0.700708,0.356964 -1.361753,0.806475 L 10.691559,14.81228 q 1.070893,-0.819696 2.591296,-1.401416 1.533625,-0.581719 3.503538,-0.581719 2.974703,0 4.521548,1.308869 1.546845,1.308869 1.546845,3.424213 z M 34.268829,32.435734 H 31.63787 V 19.360265 q 0,-0.700708 0,-1.282427 0.01322,-0.594941 0.03966,-1.123777 0.02644,-0.542057 0.05288,-1.044451 -0.343744,0.356965 -0.72715,0.687487 -0.370185,0.317302 -0.859358,0.727149 l -2.20789,1.784822 -1.361753,-1.745159 5.486673,-4.257129 h 2.20789 z"
+         id="text38"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 31"
+         aria-label="31"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m 22.854786,17.562223 q 0,1.308869 -0.515615,2.273994 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608162 -2.115344,0.859359 v 0.09255 q 2.300436,0.29086 3.463876,1.46752 1.17666,1.17666 1.17666,3.106911 0,1.679054 -0.793254,2.987923 -0.793254,1.308869 -2.445867,2.049239 -1.639391,0.740371 -4.217466,0.740371 -1.546846,0 -2.868935,-0.251197 -1.32209,-0.251197 -2.511971,-0.806475 v -2.419425 q 1.203102,0.608162 2.604517,0.951905 1.401415,0.330523 2.697063,0.330523 2.525192,0 3.622526,-0.978347 1.110556,-0.978346 1.110556,-2.697063 0,-1.136998 -0.59494,-1.850926 -0.594941,-0.72715 -1.771601,-1.070893 -1.163439,-0.343743 -2.908598,-0.343743 h -1.811263 v -2.19467 h 1.837705 q 1.626171,0 2.670622,-0.423068 1.057672,-0.43629 1.573287,-1.216323 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899021,-2.102123 -0.885801,-0.753591 -2.511971,-0.753591 -1.004788,0 -1.837705,0.224755 -0.819696,0.211535 -1.533624,0.568499 -0.700708,0.356964 -1.361753,0.806475 L 10.691559,14.81228 q 1.070893,-0.819696 2.591296,-1.401416 1.533625,-0.581719 3.503538,-0.581719 2.974703,0 4.521548,1.308869 1.546845,1.308869 1.546845,3.424213 z M 34.268829,32.435734 H 31.63787 V 19.360265 q 0,-0.700708 0,-1.282427 0.01322,-0.594941 0.03966,-1.123777 0.02644,-0.542057 0.05288,-1.044451 -0.343744,0.356965 -0.72715,0.687487 -0.370185,0.317302 -0.859358,0.727149 l -2.20789,1.784822 -1.361753,-1.745159 5.486673,-4.257129 h 2.20789 z"
+         id="path39"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 31"
+         aria-label="31"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m 22.854786,17.562223 q 0,1.308869 -0.515615,2.273994 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608162 -2.115344,0.859359 v 0.09255 q 2.300436,0.29086 3.463876,1.46752 1.17666,1.17666 1.17666,3.106911 0,1.679054 -0.793254,2.987923 -0.793254,1.308869 -2.445867,2.049239 -1.639391,0.740371 -4.217466,0.740371 -1.546846,0 -2.868935,-0.251197 -1.32209,-0.251197 -2.511971,-0.806475 v -2.419425 q 1.203102,0.608162 2.604517,0.951905 1.401415,0.330523 2.697063,0.330523 2.525192,0 3.622526,-0.978347 1.110556,-0.978346 1.110556,-2.697063 0,-1.136998 -0.59494,-1.850926 -0.594941,-0.72715 -1.771601,-1.070893 -1.163439,-0.343743 -2.908598,-0.343743 h -1.811263 v -2.19467 h 1.837705 q 1.626171,0 2.670622,-0.423068 1.057672,-0.43629 1.573287,-1.216323 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899021,-2.102123 -0.885801,-0.753591 -2.511971,-0.753591 -1.004788,0 -1.837705,0.224755 -0.819696,0.211535 -1.533624,0.568499 -0.700708,0.356964 -1.361753,0.806475 L 10.691559,14.81228 q 1.070893,-0.819696 2.591296,-1.401416 1.533625,-0.581719 3.503538,-0.581719 2.974703,0 4.521548,1.308869 1.546845,1.308869 1.546845,3.424213 z M 34.268829,32.435734 H 31.63787 V 19.360265 q 0,-0.700708 0,-1.282427 0.01322,-0.594941 0.03966,-1.123777 0.02644,-0.542057 0.05288,-1.044451 -0.343744,0.356965 -0.72715,0.687487 -0.370185,0.317302 -0.859358,0.727149 l -2.20789,1.784822 -1.361753,-1.745159 5.486673,-4.257129 h 2.20789 z"
+         id="path38"
+         style="font-weight:500;font-size:27.0764px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.564091px;word-spacing:0px;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 31"
+         aria-label="31"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-32.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529285"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-32.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="4"
+     inkscape:cx="23.5"
+     inkscape:cy="108.875"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 32"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m 21.242147,17.562219 q 0,1.308869 -0.515615,2.273995 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608161 -2.115344,0.859358 v 0.09255 q 2.300437,0.290859 3.463876,1.467519 1.17666,1.17666 1.17666,3.106912 0,1.679054 -0.793254,2.987923 -0.793254,1.308869 -2.445866,2.049239 -1.639392,0.74037 -4.217467,0.74037 -1.546845,0 -2.868935,-0.251197 -1.32209,-0.251197 -2.5119716,-0.806474 v -2.419425 q 1.2031026,0.608161 2.6045176,0.951905 1.401415,0.330522 2.697063,0.330522 2.525192,0 3.622527,-0.978346 1.110555,-0.978347 1.110555,-2.697064 0,-1.136997 -0.59494,-1.850925 -0.594941,-0.727153 -1.771601,-1.070896 -1.163439,-0.343744 -2.908597,-0.343744 h -1.811263 v -2.194669 h 1.837704 q 1.626171,0 2.670622,-0.423069 1.057672,-0.436289 1.573287,-1.216322 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899021,-2.102123 -0.8858,-0.753591 -2.511971,-0.753591 -1.004788,0 -1.837705,0.224755 -0.819696,0.211534 -1.533624,0.568498 -0.700708,0.356965 -1.361753,0.806475 L 9.0789194,14.812272 q 1.0708926,-0.819695 2.5912976,-1.401415 1.533624,-0.581719 3.503538,-0.581719 2.974702,0 4.521547,1.308869 1.546845,1.308869 1.546845,3.424212 z M 36.873657,32.43573 H 23.996502 v -2.088902 l 5.090046,-5.169371 q 1.454299,-1.46752 2.406204,-2.564854 0.965125,-1.110556 1.454298,-2.141786 0.489174,-1.044451 0.489174,-2.273995 0,-1.507182 -0.885801,-2.300436 -0.8858,-0.793254 -2.35332,-0.793254 -1.322089,0 -2.392982,0.489173 -1.057672,0.475953 -2.194669,1.374974 l -1.427857,-1.771601 q 0.780033,-0.661044 1.692275,-1.18988 0.912242,-0.542057 1.996355,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546845 -0.621382,2.868935 -0.608162,1.308869 -1.731938,2.604517 -1.123776,1.295648 -2.657401,2.763168 l -3.767956,3.728294 v 0.118988 h 9.505826 z"
+         id="path39"
+         style="-inkscape-font-specification:'open sans Medium';display:inline;fill:#000000;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="32"
+         inkscape:label="Symbol 32"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m 21.242147,17.562219 q 0,1.308869 -0.515615,2.273995 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608161 -2.115344,0.859358 v 0.09255 q 2.300437,0.290859 3.463876,1.467519 1.17666,1.17666 1.17666,3.106912 0,1.679054 -0.793254,2.987923 -0.793254,1.308869 -2.445866,2.049239 -1.639392,0.74037 -4.217467,0.74037 -1.546845,0 -2.868935,-0.251197 -1.32209,-0.251197 -2.5119716,-0.806474 v -2.419425 q 1.2031026,0.608161 2.6045176,0.951905 1.401415,0.330522 2.697063,0.330522 2.525192,0 3.622527,-0.978346 1.110555,-0.978347 1.110555,-2.697064 0,-1.136997 -0.59494,-1.850925 -0.594941,-0.727153 -1.771601,-1.070896 -1.163439,-0.343744 -2.908597,-0.343744 h -1.811263 v -2.194669 h 1.837704 q 1.626171,0 2.670622,-0.423069 1.057672,-0.436289 1.573287,-1.216322 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899021,-2.102123 -0.8858,-0.753591 -2.511971,-0.753591 -1.004788,0 -1.837705,0.224755 -0.819696,0.211534 -1.533624,0.568498 -0.700708,0.356965 -1.361753,0.806475 L 9.0789194,14.812272 q 1.0708926,-0.819695 2.5912976,-1.401415 1.533624,-0.581719 3.503538,-0.581719 2.974702,0 4.521547,1.308869 1.546845,1.308869 1.546845,3.424212 z M 36.873657,32.43573 H 23.996502 v -2.088902 l 5.090046,-5.169371 q 1.454299,-1.46752 2.406204,-2.564854 0.965125,-1.110556 1.454298,-2.141786 0.489174,-1.044451 0.489174,-2.273995 0,-1.507182 -0.885801,-2.300436 -0.8858,-0.793254 -2.35332,-0.793254 -1.322089,0 -2.392982,0.489173 -1.057672,0.475953 -2.194669,1.374974 l -1.427857,-1.771601 q 0.780033,-0.661044 1.692275,-1.18988 0.912242,-0.542057 1.996355,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546845 -0.621382,2.868935 -0.608162,1.308869 -1.731938,2.604517 -1.123776,1.295648 -2.657401,2.763168 l -3.767956,3.728294 v 0.118988 h 9.505826 z"
+         id="path40"
+         style="-inkscape-font-specification:'open sans Medium';display:inline;fill:#ffffff;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="32"
+         inkscape:label="Symbol 32"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m 21.242147,17.562219 q 0,1.308869 -0.515615,2.273995 -0.515615,0.951905 -1.427857,1.560066 -0.912242,0.608161 -2.115344,0.859358 v 0.09255 q 2.300437,0.290859 3.463876,1.467519 1.17666,1.17666 1.17666,3.106912 0,1.679054 -0.793254,2.987923 -0.793254,1.308869 -2.445866,2.049239 -1.639392,0.74037 -4.217467,0.74037 -1.546845,0 -2.868935,-0.251197 -1.32209,-0.251197 -2.5119716,-0.806474 v -2.419425 q 1.2031026,0.608161 2.6045176,0.951905 1.401415,0.330522 2.697063,0.330522 2.525192,0 3.622527,-0.978346 1.110555,-0.978347 1.110555,-2.697064 0,-1.136997 -0.59494,-1.850925 -0.594941,-0.727153 -1.771601,-1.070896 -1.163439,-0.343744 -2.908597,-0.343744 h -1.811263 v -2.194669 h 1.837704 q 1.626171,0 2.670622,-0.423069 1.057672,-0.436289 1.573287,-1.216322 0.515615,-0.780033 0.515615,-1.824484 0,-1.361753 -0.899021,-2.102123 -0.8858,-0.753591 -2.511971,-0.753591 -1.004788,0 -1.837705,0.224755 -0.819696,0.211534 -1.533624,0.568498 -0.700708,0.356965 -1.361753,0.806475 L 9.0789194,14.812272 q 1.0708926,-0.819695 2.5912976,-1.401415 1.533624,-0.581719 3.503538,-0.581719 2.974702,0 4.521547,1.308869 1.546845,1.308869 1.546845,3.424212 z M 36.873657,32.43573 H 23.996502 v -2.088902 l 5.090046,-5.169371 q 1.454299,-1.46752 2.406204,-2.564854 0.965125,-1.110556 1.454298,-2.141786 0.489174,-1.044451 0.489174,-2.273995 0,-1.507182 -0.885801,-2.300436 -0.8858,-0.793254 -2.35332,-0.793254 -1.322089,0 -2.392982,0.489173 -1.057672,0.475953 -2.194669,1.374974 l -1.427857,-1.771601 q 0.780033,-0.661044 1.692275,-1.18988 0.912242,-0.542057 1.996355,-0.859359 1.084114,-0.317301 2.406204,-0.317301 1.811263,0 3.120132,0.634603 1.32209,0.634603 2.036018,1.798042 0.713929,1.163439 0.713929,2.723505 0,1.546845 -0.621382,2.868935 -0.608162,1.308869 -1.731938,2.604517 -1.123776,1.295648 -2.657401,2.763168 l -3.767956,3.728294 v 0.118988 h 9.505826 z"
+         id="text39"
+         style="-inkscape-font-specification:'open sans Medium';display:inline;fill:#808080;stroke-width:4.264;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="32"
+         inkscape:label="Symbol 32"
+         transform="translate(-139.87891,115.24219)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-4.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529301 45.529289"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-4.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="68.589358"
+     inkscape:cy="93.072931"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 4"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m 30.460758,29.018654 h -3.219887 v 5.108475 H 24.191267 V 29.018654 H 13.571833 V 26.557299 L 24.129346,11.402158 h 3.111525 v 14.938417 h 3.219887 z m -6.269491,-2.678079 v -6.501694 q 0,-0.774011 0.01548,-1.470621 0.01548,-0.712091 0.04644,-1.34678 0.03096,-0.634689 0.06192,-1.176497 0.03096,-0.557288 0.04644,-1.006215 h -0.123842 q -0.294125,0.619209 -0.66565,1.284859 -0.356045,0.66565 -0.758531,1.238418 l -6.269491,8.97853 z"
+         id="text13"
+         style="font-weight:500;font-size:31.7035px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.990736px;word-spacing:0px;stroke-width:4.99268;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 4"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="4" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m 30.460758,29.018654 h -3.219887 v 5.108475 H 24.191267 V 29.018654 H 13.571833 V 26.557299 L 24.129346,11.402158 h 3.111525 v 14.938417 h 3.219887 z m -6.269491,-2.678079 v -6.501694 q 0,-0.774011 0.01548,-1.470621 0.01548,-0.712091 0.04644,-1.34678 0.03096,-0.634689 0.06192,-1.176497 0.03096,-0.557288 0.04644,-1.006215 h -0.123842 q -0.294125,0.619209 -0.66565,1.284859 -0.356045,0.66565 -0.758531,1.238418 l -6.269491,8.97853 z"
+         id="text15"
+         style="font-weight:500;font-size:31.7035px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.990736px;word-spacing:0px;fill:#ffffff;stroke-width:4.99268;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 4"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="4" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m 30.460758,29.018654 h -3.219887 v 5.108475 H 24.191267 V 29.018654 H 13.571833 V 26.557299 L 24.129346,11.402158 h 3.111525 v 14.938417 h 3.219887 z m -6.269491,-2.678079 v -6.501694 q 0,-0.774011 0.01548,-1.470621 0.01548,-0.712091 0.04644,-1.34678 0.03096,-0.634689 0.06192,-1.176497 0.03096,-0.557288 0.04644,-1.006215 h -0.123842 q -0.294125,0.619209 -0.66565,1.284859 -0.356045,0.66565 -0.758531,1.238418 l -6.269491,8.97853 z"
+         id="text14"
+         style="font-weight:500;font-size:31.7035px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.990736px;word-spacing:0px;fill:#808080;stroke-width:4.99268;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 4"
+         transform="translate(-139.87891,115.24219)"
+         aria-label="4" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-5.svg

@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529302 45.529287"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-5.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="83.615377"
+     inkscape:cy="86.001862"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 5"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -116.60298,135.52883 q 2.22334,0 3.87934,0.78201 1.67133,0.76666 2.59133,2.254 0.93534,1.48733 0.93534,3.61867 0,2.33067 -0.99667,4.01734 -0.99667,1.68666 -2.898,2.59133 -1.90134,0.90467 -4.60001,0.90467 -1.748,0 -3.266,-0.30667 -1.518,-0.30666 -2.576,-0.92 v -2.83667 q 1.13466,0.65934 2.72933,1.07334 1.61,0.39866 3.09734,0.39866 1.62533,0 2.82133,-0.506 1.21134,-0.506 1.87067,-1.53333 0.65934,-1.02734 0.65934,-2.60667 0,-2.08534 -1.30334,-3.22001 -1.30333,-1.13466 -4.094,-1.13466 -0.93534,0 -2.024,0.16866 -1.08867,0.15334 -1.79401,0.322 l -1.44133,-0.874 0.85867,-10.74867 h 11.40801 v 2.74466 h -8.74001 l -0.52133,6.17934 q 0.56733,-0.12266 1.41066,-0.24533 0.84334,-0.12267 1.99334,-0.12267 z"
+         id="text1"
+         style="font-weight:500;font-size:31.4027px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.981337px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.9453;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 5"
+         aria-label="5"
+         transform="translate(1.25e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -116.60298,135.52883 q 2.22334,0 3.87934,0.78201 1.67133,0.76666 2.59133,2.254 0.93534,1.48733 0.93534,3.61867 0,2.33067 -0.99667,4.01734 -0.99667,1.68666 -2.898,2.59133 -1.90134,0.90467 -4.60001,0.90467 -1.748,0 -3.266,-0.30667 -1.518,-0.30666 -2.576,-0.92 v -2.83667 q 1.13466,0.65934 2.72933,1.07334 1.61,0.39866 3.09734,0.39866 1.62533,0 2.82133,-0.506 1.21134,-0.506 1.87067,-1.53333 0.65934,-1.02734 0.65934,-2.60667 0,-2.08534 -1.30334,-3.22001 -1.30333,-1.13466 -4.094,-1.13466 -0.93534,0 -2.024,0.16866 -1.08867,0.15334 -1.79401,0.322 l -1.44133,-0.874 0.85867,-10.74867 h 11.40801 v 2.74466 h -8.74001 l -0.52133,6.17934 q 0.56733,-0.12266 1.41066,-0.24533 0.84334,-0.12267 1.99334,-0.12267 z"
+         id="path7"
+         style="font-weight:500;font-size:31.4027px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.981337px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.9453;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 5"
+         aria-label="5"
+         transform="translate(1.25e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -116.60298,135.52883 q 2.22334,0 3.87934,0.78201 1.67133,0.76666 2.59133,2.254 0.93534,1.48733 0.93534,3.61867 0,2.33067 -0.99667,4.01734 -0.99667,1.68666 -2.898,2.59133 -1.90134,0.90467 -4.60001,0.90467 -1.748,0 -3.266,-0.30667 -1.518,-0.30666 -2.576,-0.92 v -2.83667 q 1.13466,0.65934 2.72933,1.07334 1.61,0.39866 3.09734,0.39866 1.62533,0 2.82133,-0.506 1.21134,-0.506 1.87067,-1.53333 0.65934,-1.02734 0.65934,-2.60667 0,-2.08534 -1.30334,-3.22001 -1.30333,-1.13466 -4.094,-1.13466 -0.93534,0 -2.024,0.16866 -1.08867,0.15334 -1.79401,0.322 l -1.44133,-0.874 0.85867,-10.74867 h 11.40801 v 2.74466 h -8.74001 l -0.52133,6.17934 q 0.56733,-0.12266 1.41066,-0.24533 0.84334,-0.12267 1.99334,-0.12267 z"
+         id="path2"
+         style="font-weight:500;font-size:31.4027px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.981337px;word-spacing:0px;fill:#808080;stroke-width:4.9453;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 5"
+         aria-label="5" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-6.svg

@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529302 45.529287"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-6.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="58.689863"
+     inkscape:cy="84.587649"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="path1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 6"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -124.81653,139.3924 q 0,-1.98192 0.27233,-3.87306 0.28745,-1.89114 0.95313,-3.54022 0.68081,-1.64908 1.86089,-2.88967 1.18007,-1.25572 2.95018,-1.96679 1.77011,-0.71107 4.26642,-0.71107 0.66568,0 1.46753,0.0605 0.81697,0.0605 1.34649,0.21181 v 2.55682 q -0.5749,-0.18155 -1.28597,-0.27232 -0.71107,-0.0908 -1.42214,-0.0908 -2.7989,0 -4.38746,1.14982 -1.58856,1.13468 -2.26937,3.10147 -0.68081,1.95166 -0.78672,4.41772 h 0.16642 q 0.45388,-0.74133 1.16495,-1.3465 0.71107,-0.60516 1.70959,-0.95313 1.01366,-0.3631 2.36015,-0.3631 1.93653,0 3.3738,0.80184 1.43727,0.78672 2.22399,2.29963 0.78671,1.51292 0.78671,3.67639 0,2.29963 -0.86236,3.97896 -0.86236,1.67934 -2.46605,2.58709 -1.58856,0.90775 -3.79742,0.90775 -1.63395,0 -3.02583,-0.60517 -1.39188,-0.6203 -2.42066,-1.83063 -1.02878,-1.22546 -1.60369,-3.04096 -0.57491,-1.83062 -0.57491,-4.26642 z m 7.57971,7.21661 q 1.89114,0 3.02583,-1.21033 1.14981,-1.22547 1.14981,-3.72178 0,-2.04243 -1.01365,-3.2225 -1.01366,-1.19521 -3.05609,-1.19521 -1.39188,0 -2.43579,0.59004 -1.02879,0.59004 -1.60369,1.48266 -0.55978,0.87749 -0.55978,1.80036 0,0.95314 0.27232,1.92141 0.27233,0.95313 0.83211,1.77011 0.55977,0.80184 1.40701,1.3011 0.84723,0.48414 1.98192,0.48414 z"
+         id="text7"
+         style="font-weight:500;font-size:30.9845px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.968266px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:4.87945;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 6"
+         aria-label="6"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -124.81653,139.3924 q 0,-1.98192 0.27233,-3.87306 0.28745,-1.89114 0.95313,-3.54022 0.68081,-1.64908 1.86089,-2.88967 1.18007,-1.25572 2.95018,-1.96679 1.77011,-0.71107 4.26642,-0.71107 0.66568,0 1.46753,0.0605 0.81697,0.0605 1.34649,0.21181 v 2.55682 q -0.5749,-0.18155 -1.28597,-0.27232 -0.71107,-0.0908 -1.42214,-0.0908 -2.7989,0 -4.38746,1.14982 -1.58856,1.13468 -2.26937,3.10147 -0.68081,1.95166 -0.78672,4.41772 h 0.16642 q 0.45388,-0.74133 1.16495,-1.3465 0.71107,-0.60516 1.70959,-0.95313 1.01366,-0.3631 2.36015,-0.3631 1.93653,0 3.3738,0.80184 1.43727,0.78672 2.22399,2.29963 0.78671,1.51292 0.78671,3.67639 0,2.29963 -0.86236,3.97896 -0.86236,1.67934 -2.46605,2.58709 -1.58856,0.90775 -3.79742,0.90775 -1.63395,0 -3.02583,-0.60517 -1.39188,-0.6203 -2.42066,-1.83063 -1.02878,-1.22546 -1.60369,-3.04096 -0.57491,-1.83062 -0.57491,-4.26642 z m 7.57971,7.21661 q 1.89114,0 3.02583,-1.21033 1.14981,-1.22547 1.14981,-3.72178 0,-2.04243 -1.01365,-3.2225 -1.01366,-1.19521 -3.05609,-1.19521 -1.39188,0 -2.43579,0.59004 -1.02879,0.59004 -1.60369,1.48266 -0.55978,0.87749 -0.55978,1.80036 0,0.95314 0.27232,1.92141 0.27233,0.95313 0.83211,1.77011 0.55977,0.80184 1.40701,1.3011 0.84723,0.48414 1.98192,0.48414 z"
+         id="path8"
+         style="font-weight:500;font-size:30.9845px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.968266px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:4.87945;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 6"
+         aria-label="6"
+         transform="translate(1.2499999e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -124.81653,139.3924 q 0,-1.98192 0.27233,-3.87306 0.28745,-1.89114 0.95313,-3.54022 0.68081,-1.64908 1.86089,-2.88967 1.18007,-1.25572 2.95018,-1.96679 1.77011,-0.71107 4.26642,-0.71107 0.66568,0 1.46753,0.0605 0.81697,0.0605 1.34649,0.21181 v 2.55682 q -0.5749,-0.18155 -1.28597,-0.27232 -0.71107,-0.0908 -1.42214,-0.0908 -2.7989,0 -4.38746,1.14982 -1.58856,1.13468 -2.26937,3.10147 -0.68081,1.95166 -0.78672,4.41772 h 0.16642 q 0.45388,-0.74133 1.16495,-1.3465 0.71107,-0.60516 1.70959,-0.95313 1.01366,-0.3631 2.36015,-0.3631 1.93653,0 3.3738,0.80184 1.43727,0.78672 2.22399,2.29963 0.78671,1.51292 0.78671,3.67639 0,2.29963 -0.86236,3.97896 -0.86236,1.67934 -2.46605,2.58709 -1.58856,0.90775 -3.79742,0.90775 -1.63395,0 -3.02583,-0.60517 -1.39188,-0.6203 -2.42066,-1.83063 -1.02878,-1.22546 -1.60369,-3.04096 -0.57491,-1.83062 -0.57491,-4.26642 z m 7.57971,7.21661 q 1.89114,0 3.02583,-1.21033 1.14981,-1.22547 1.14981,-3.72178 0,-2.04243 -1.01365,-3.2225 -1.01366,-1.19521 -3.05609,-1.19521 -1.39188,0 -2.43579,0.59004 -1.02879,0.59004 -1.60369,1.48266 -0.55978,0.87749 -0.55978,1.80036 0,0.95314 0.27232,1.92141 0.27233,0.95313 0.83211,1.77011 0.55977,0.80184 1.40701,1.3011 0.84723,0.48414 1.98192,0.48414 z"
+         id="path7"
+         style="font-weight:500;font-size:30.9845px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.968266px;word-spacing:0px;fill:#808080;stroke-width:4.87945;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         inkscape:label="Symbol 6"
+         aria-label="6" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-7.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529286"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-7.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="58.689863"
+     inkscape:cy="84.587649"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="path1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 7"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -121.87823,149.36885 9.13936,-19.94182 h -12.09255 v -2.78221 h 15.43432 v 2.2382 l -9.09273,20.48583 z"
+         id="path11"
+         style="font-weight:500;font-size:31.8323px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.994758px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:5.01295;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="7&#10;"
+         inkscape:label="Symbol 7"
+         transform="translate(1.25e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -121.87823,149.36885 9.13936,-19.94182 h -12.09255 v -2.78221 h 15.43432 v 2.2382 l -9.09273,20.48583 z"
+         id="path12"
+         style="font-weight:500;font-size:31.8323px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.994758px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:5.01295;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="7&#10;"
+         inkscape:label="Symbol 7"
+         transform="translate(1.25e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -121.87823,149.36885 9.13936,-19.94182 h -12.09255 v -2.78221 h 15.43432 v 2.2382 l -9.09273,20.48583 z"
+         id="text8"
+         style="font-weight:500;font-size:31.8323px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.994758px;word-spacing:0px;display:inline;fill:#808080;stroke-width:5.01295;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="7&#10;"
+         inkscape:label="Symbol 7"
+         transform="translate(1.25e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-8.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529286"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-8.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="52.856232"
+     inkscape:cy="86.708969"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 8"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -116.91205,126.64484 q 1.90501,0 3.41692,0.60476 1.52703,0.60476 2.38882,1.78405 0.87691,1.16417 0.87691,2.90287 0,1.33048 -0.57453,2.34346 -0.55941,0.99786 -1.52703,1.75381 -0.9525,0.74084 -2.13179,1.33048 1.36072,0.635 2.47953,1.45144 1.11881,0.81643 1.78405,1.92012 0.66524,1.10369 0.66524,2.6156 0,1.84453 -0.92226,3.20525 -0.90715,1.3456 -2.55513,2.08644 -1.64798,0.72571 -3.85538,0.72571 -2.38881,0 -4.05191,-0.69548 -1.6631,-0.71059 -2.54001,-2.02595 -0.86179,-1.33048 -0.86179,-3.19013 0,-1.52703 0.635,-2.64584 0.63501,-1.13394 1.67822,-1.93525 1.04322,-0.81643 2.28299,-1.39095 -1.07346,-0.60477 -1.96549,-1.37584 -0.8769,-0.77108 -1.40607,-1.79917 -0.51405,-1.04322 -0.51405,-2.40394 0,-1.69334 0.87691,-2.85751 0.89202,-1.17929 2.41905,-1.78405 1.52703,-0.61988 3.4018,-0.61988 z m -4.47525,16.75195 q 0,1.57239 1.10369,2.58537 1.11881,1.01297 3.35644,1.01297 2.14692,0 3.29597,-0.99786 1.16417,-1.01297 1.16417,-2.66096 0,-1.04321 -0.55941,-1.82941 -0.54428,-0.78619 -1.52702,-1.40607 -0.96764,-0.635 -2.23764,-1.14905 l -0.51405,-0.19655 q -1.28512,0.54429 -2.19227,1.20953 -0.90714,0.65012 -1.40607,1.49679 -0.48381,0.83155 -0.48381,1.93524 z m 4.44501,-14.34802 q -1.63286,0 -2.67608,0.7862 -1.0281,0.78619 -1.0281,2.25274 0,1.05834 0.49893,1.79917 0.51405,0.72572 1.37584,1.27001 0.86179,0.52916 1.93524,0.98274 1.0281,-0.45358 1.84454,-0.98274 0.83155,-0.54429 1.30024,-1.28513 0.48381,-0.75595 0.48381,-1.78405 0,-1.48167 -1.04321,-2.25274 -1.02811,-0.7862 -2.69121,-0.7862 z"
+         id="text12"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;display:inline;fill:#000000;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="8"
+         inkscape:label="Symbol 8"
+         transform="translate(1.25e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -116.91205,126.64484 q 1.90501,0 3.41692,0.60476 1.52703,0.60476 2.38882,1.78405 0.87691,1.16417 0.87691,2.90287 0,1.33048 -0.57453,2.34346 -0.55941,0.99786 -1.52703,1.75381 -0.9525,0.74084 -2.13179,1.33048 1.36072,0.635 2.47953,1.45144 1.11881,0.81643 1.78405,1.92012 0.66524,1.10369 0.66524,2.6156 0,1.84453 -0.92226,3.20525 -0.90715,1.3456 -2.55513,2.08644 -1.64798,0.72571 -3.85538,0.72571 -2.38881,0 -4.05191,-0.69548 -1.6631,-0.71059 -2.54001,-2.02595 -0.86179,-1.33048 -0.86179,-3.19013 0,-1.52703 0.635,-2.64584 0.63501,-1.13394 1.67822,-1.93525 1.04322,-0.81643 2.28299,-1.39095 -1.07346,-0.60477 -1.96549,-1.37584 -0.8769,-0.77108 -1.40607,-1.79917 -0.51405,-1.04322 -0.51405,-2.40394 0,-1.69334 0.87691,-2.85751 0.89202,-1.17929 2.41905,-1.78405 1.52703,-0.61988 3.4018,-0.61988 z m -4.47525,16.75195 q 0,1.57239 1.10369,2.58537 1.11881,1.01297 3.35644,1.01297 2.14692,0 3.29597,-0.99786 1.16417,-1.01297 1.16417,-2.66096 0,-1.04321 -0.55941,-1.82941 -0.54428,-0.78619 -1.52702,-1.40607 -0.96764,-0.635 -2.23764,-1.14905 l -0.51405,-0.19655 q -1.28512,0.54429 -2.19227,1.20953 -0.90714,0.65012 -1.40607,1.49679 -0.48381,0.83155 -0.48381,1.93524 z m 4.44501,-14.34802 q -1.63286,0 -2.67608,0.7862 -1.0281,0.78619 -1.0281,2.25274 0,1.05834 0.49893,1.79917 0.51405,0.72572 1.37584,1.27001 0.86179,0.52916 1.93524,0.98274 1.0281,-0.45358 1.84454,-0.98274 0.83155,-0.54429 1.30024,-1.28513 0.48381,-0.75595 0.48381,-1.78405 0,-1.48167 -1.04321,-2.25274 -1.02811,-0.7862 -2.69121,-0.7862 z"
+         id="path12"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="8"
+         inkscape:label="Symbol 8"
+         transform="translate(1.25e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -116.91205,126.64484 q 1.90501,0 3.41692,0.60476 1.52703,0.60476 2.38882,1.78405 0.87691,1.16417 0.87691,2.90287 0,1.33048 -0.57453,2.34346 -0.55941,0.99786 -1.52703,1.75381 -0.9525,0.74084 -2.13179,1.33048 1.36072,0.635 2.47953,1.45144 1.11881,0.81643 1.78405,1.92012 0.66524,1.10369 0.66524,2.6156 0,1.84453 -0.92226,3.20525 -0.90715,1.3456 -2.55513,2.08644 -1.64798,0.72571 -3.85538,0.72571 -2.38881,0 -4.05191,-0.69548 -1.6631,-0.71059 -2.54001,-2.02595 -0.86179,-1.33048 -0.86179,-3.19013 0,-1.52703 0.635,-2.64584 0.63501,-1.13394 1.67822,-1.93525 1.04322,-0.81643 2.28299,-1.39095 -1.07346,-0.60477 -1.96549,-1.37584 -0.8769,-0.77108 -1.40607,-1.79917 -0.51405,-1.04322 -0.51405,-2.40394 0,-1.69334 0.87691,-2.85751 0.89202,-1.17929 2.41905,-1.78405 1.52703,-0.61988 3.4018,-0.61988 z m -4.47525,16.75195 q 0,1.57239 1.10369,2.58537 1.11881,1.01297 3.35644,1.01297 2.14692,0 3.29597,-0.99786 1.16417,-1.01297 1.16417,-2.66096 0,-1.04321 -0.55941,-1.82941 -0.54428,-0.78619 -1.52702,-1.40607 -0.96764,-0.635 -2.23764,-1.14905 l -0.51405,-0.19655 q -1.28512,0.54429 -2.19227,1.20953 -0.90714,0.65012 -1.40607,1.49679 -0.48381,0.83155 -0.48381,1.93524 z m 4.44501,-14.34802 q -1.63286,0 -2.67608,0.7862 -1.0281,0.78619 -1.0281,2.25274 0,1.05834 0.49893,1.79917 0.51405,0.72572 1.37584,1.27001 0.86179,0.52916 1.93524,0.98274 1.0281,-0.45358 1.84454,-0.98274 0.83155,-0.54429 1.30024,-1.28513 0.48381,-0.75595 0.48381,-1.78405 0,-1.48167 -1.04321,-2.25274 -1.02811,-0.7862 -2.69121,-0.7862 z"
+         id="path13"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;display:inline;fill:#808080;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="8"
+         inkscape:label="Symbol 8"
+         transform="translate(1.25e-6)" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/DirectInput/directinput-9.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529303 45.529286"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="directinput-9.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="52.856232"
+     inkscape:cy="86.708969"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="path1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt 9"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -109.40873,136.36641 q 0,1.9806 -0.28726,3.88561 -0.27215,1.88989 -0.95251,3.55299 -0.66524,1.64798 -1.84453,2.90286 -1.17928,1.23977 -2.96334,1.95036 -1.78405,0.7106 -4.26358,0.7106 -0.65012,0 -1.49679,-0.0756 -0.84667,-0.0756 -1.39096,-0.22679 v -2.57025 q 0.57453,0.19655 1.31536,0.30239 0.74084,0.10583 1.45144,0.10583 2.81215,0 4.39965,-1.13393 1.58751,-1.13393 2.26787,-3.0843 0.69547,-1.96548 0.78619,-4.44501 h -0.18143 q -0.45357,0.72572 -1.14905,1.33048 -0.69548,0.60476 -1.70846,0.96762 -1.01298,0.36286 -2.41905,0.36286 -1.90501,0 -3.3262,-0.78619 -1.4212,-0.80131 -2.20739,-2.31322 -0.78619,-1.51191 -0.78619,-3.65882 0,-2.31322 0.8769,-3.99144 0.87691,-1.69334 2.47953,-2.60049 1.60263,-0.90714 3.77978,-0.90714 1.64798,0 3.03893,0.61988 1.39096,0.60476 2.41906,1.82941 1.0281,1.20953 1.5875,3.03894 0.57453,1.81429 0.57453,4.23334 z m -7.58978,-7.18157 q -1.85965,0 -3.0087,1.22465 -1.14905,1.20953 -1.14905,3.68906 0,2.0562 0.98274,3.2506 0.99786,1.17929 3.05405,1.17929 1.4212,0 2.4493,-0.57452 1.04321,-0.58965 1.60262,-1.48167 0.57452,-0.89203 0.57452,-1.82941 0,-0.93739 -0.27214,-1.88989 -0.27214,-0.96762 -0.83155,-1.76893 -0.55941,-0.81643 -1.40607,-1.30025 -0.84667,-0.49893 -1.99572,-0.49893 z"
+         id="text13"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="9"
+         transform="translate(1.25e-6)"
+         inkscape:label="Symbol 9" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -109.40873,136.36641 q 0,1.9806 -0.28726,3.88561 -0.27215,1.88989 -0.95251,3.55299 -0.66524,1.64798 -1.84453,2.90286 -1.17928,1.23977 -2.96334,1.95036 -1.78405,0.7106 -4.26358,0.7106 -0.65012,0 -1.49679,-0.0756 -0.84667,-0.0756 -1.39096,-0.22679 v -2.57025 q 0.57453,0.19655 1.31536,0.30239 0.74084,0.10583 1.45144,0.10583 2.81215,0 4.39965,-1.13393 1.58751,-1.13393 2.26787,-3.0843 0.69547,-1.96548 0.78619,-4.44501 h -0.18143 q -0.45357,0.72572 -1.14905,1.33048 -0.69548,0.60476 -1.70846,0.96762 -1.01298,0.36286 -2.41905,0.36286 -1.90501,0 -3.3262,-0.78619 -1.4212,-0.80131 -2.20739,-2.31322 -0.78619,-1.51191 -0.78619,-3.65882 0,-2.31322 0.8769,-3.99144 0.87691,-1.69334 2.47953,-2.60049 1.60263,-0.90714 3.77978,-0.90714 1.64798,0 3.03893,0.61988 1.39096,0.60476 2.41906,1.82941 1.0281,1.20953 1.5875,3.03894 0.57453,1.81429 0.57453,4.23334 z m -7.58978,-7.18157 q -1.85965,0 -3.0087,1.22465 -1.14905,1.20953 -1.14905,3.68906 0,2.0562 0.98274,3.2506 0.99786,1.17929 3.05405,1.17929 1.4212,0 2.4493,-0.57452 1.04321,-0.58965 1.60262,-1.48167 0.57452,-0.89203 0.57452,-1.82941 0,-0.93739 -0.27214,-1.88989 -0.27214,-0.96762 -0.83155,-1.76893 -0.55941,-0.81643 -1.40607,-1.30025 -0.84667,-0.49893 -1.99572,-0.49893 z"
+         id="path14"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="9"
+         transform="translate(1.25e-6)"
+         inkscape:label="Symbol 9" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -109.40873,136.36641 q 0,1.9806 -0.28726,3.88561 -0.27215,1.88989 -0.95251,3.55299 -0.66524,1.64798 -1.84453,2.90286 -1.17928,1.23977 -2.96334,1.95036 -1.78405,0.7106 -4.26358,0.7106 -0.65012,0 -1.49679,-0.0756 -0.84667,-0.0756 -1.39096,-0.22679 v -2.57025 q 0.57453,0.19655 1.31536,0.30239 0.74084,0.10583 1.45144,0.10583 2.81215,0 4.39965,-1.13393 1.58751,-1.13393 2.26787,-3.0843 0.69547,-1.96548 0.78619,-4.44501 h -0.18143 q -0.45357,0.72572 -1.14905,1.33048 -0.69548,0.60476 -1.70846,0.96762 -1.01298,0.36286 -2.41905,0.36286 -1.90501,0 -3.3262,-0.78619 -1.4212,-0.80131 -2.20739,-2.31322 -0.78619,-1.51191 -0.78619,-3.65882 0,-2.31322 0.8769,-3.99144 0.87691,-1.69334 2.47953,-2.60049 1.60263,-0.90714 3.77978,-0.90714 1.64798,0 3.03893,0.61988 1.39096,0.60476 2.41906,1.82941 1.0281,1.20953 1.5875,3.03894 0.57453,1.81429 0.57453,4.23334 z m -7.58978,-7.18157 q -1.85965,0 -3.0087,1.22465 -1.14905,1.20953 -1.14905,3.68906 0,2.0562 0.98274,3.2506 0.99786,1.17929 3.05405,1.17929 1.4212,0 2.4493,-0.57452 1.04321,-0.58965 1.60262,-1.48167 0.57452,-0.89203 0.57452,-1.82941 0,-0.93739 -0.27214,-1.88989 -0.27214,-0.96762 -0.83155,-1.76893 -0.55941,-0.81643 -1.40607,-1.30025 -0.84667,-0.49893 -1.99572,-0.49893 z"
+         id="path13"
+         style="font-weight:500;font-size:30.9639px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.967622px;word-spacing:0px;display:inline;opacity:1;fill:#808080;stroke-width:4.87621;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.501961"
+         aria-label="9"
+         transform="translate(1.25e-6)"
+         inkscape:label="Symbol 9" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/Nintendo/nintendo-C.svg

@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529301 45.529289"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="nintendo-C.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.88491818"
+     inkscape:cx="25.991104"
+     inkscape:cy="48.592063"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" /><defs
+     id="defs1"><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" /></defs><g
+     inkscape:label="Button Prompt C"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline"><g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none"><path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" /><path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" /><path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;stroke-width:2.825;stroke-linecap:round"
+         d="m -114.93893,129.30095 q -1.7125,0 -3.07644,0.6062 -1.34879,0.59104 -2.28839,1.74281 -0.9396,1.13662 -1.43971,2.74303 -0.50012,1.60642 -0.50012,3.62202 0,2.68242 0.78806,4.6374 0.80321,1.95498 2.40962,3.01582 1.60642,1.06084 4.04636,1.06084 1.45487,0 2.77334,-0.25763 1.33363,-0.27279 2.65211,-0.69713 v 2.66726 q -1.27301,0.48496 -2.63695,0.71228 -1.34879,0.24248 -3.16737,0.24248 -3.3947,0 -5.65278,-1.40941 -2.24292,-1.4094 -3.34922,-3.95542 -1.10631,-2.56118 -1.10631,-6.03164 0,-2.51571 0.69712,-4.59193 0.69713,-2.09138 2.04591,-3.60687 1.34879,-1.53064 3.30377,-2.349 1.97013,-0.83352 4.53131,-0.83352 1.66703,0 3.24314,0.36372 1.59127,0.34856 2.9249,0.98506 l -1.15178,2.59149 q -1.1063,-0.50011 -2.37931,-0.87898 -1.25786,-0.37888 -2.66726,-0.37888 z"
+         id="text2"
+         inkscape:label="Symbol C"
+         transform="translate(1.25e-6)"
+         aria-label="C" /></g><g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none"><path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" /><path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" /><path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+         d="m -114.93893,129.30095 q -1.7125,0 -3.07644,0.6062 -1.34879,0.59104 -2.28839,1.74281 -0.9396,1.13662 -1.43971,2.74303 -0.50012,1.60642 -0.50012,3.62202 0,2.68242 0.78806,4.6374 0.80321,1.95498 2.40962,3.01582 1.60642,1.06084 4.04636,1.06084 1.45487,0 2.77334,-0.25763 1.33363,-0.27279 2.65211,-0.69713 v 2.66726 q -1.27301,0.48496 -2.63695,0.71228 -1.34879,0.24248 -3.16737,0.24248 -3.3947,0 -5.65278,-1.40941 -2.24292,-1.4094 -3.34922,-3.95542 -1.10631,-2.56118 -1.10631,-6.03164 0,-2.51571 0.69712,-4.59193 0.69713,-2.09138 2.04591,-3.60687 1.34879,-1.53064 3.30377,-2.349 1.97013,-0.83352 4.53131,-0.83352 1.66703,0 3.24314,0.36372 1.59127,0.34856 2.9249,0.98506 l -1.15178,2.59149 q -1.1063,-0.50011 -2.37931,-0.87898 -1.25786,-0.37888 -2.66726,-0.37888 z"
+         id="text4"
+         inkscape:label="Symbol C"
+         transform="translate(1.25e-6)"
+         aria-label="C" /></g><g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1"><path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" /><path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" /><path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+         d="m -114.93893,129.30095 q -1.7125,0 -3.07644,0.6062 -1.34879,0.59104 -2.28839,1.74281 -0.9396,1.13662 -1.43971,2.74303 -0.50012,1.60642 -0.50012,3.62202 0,2.68242 0.78806,4.6374 0.80321,1.95498 2.40962,3.01582 1.60642,1.06084 4.04636,1.06084 1.45487,0 2.77334,-0.25763 1.33363,-0.27279 2.65211,-0.69713 v 2.66726 q -1.27301,0.48496 -2.63695,0.71228 -1.34879,0.24248 -3.16737,0.24248 -3.3947,0 -5.65278,-1.40941 -2.24292,-1.4094 -3.34922,-3.95542 -1.10631,-2.56118 -1.10631,-6.03164 0,-2.51571 0.69712,-4.59193 0.69713,-2.09138 2.04591,-3.60687 1.34879,-1.53064 3.30377,-2.349 1.97013,-0.83352 4.53131,-0.83352 1.66703,0 3.24314,0.36372 1.59127,0.34856 2.9249,0.98506 l -1.15178,2.59149 q -1.1063,-0.50011 -2.37931,-0.87898 -1.25786,-0.37888 -2.66726,-0.37888 z"
+         id="text3"
+         inkscape:label="Symbol C"
+         aria-label="C" /></g></g><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><cc:license
+           rdf:resource="https://opensource.org/license/mit" /></cc:Work></rdf:RDF></metadata></svg>

src/assets/controller/Nintendo/nintendo-L Click.svg

@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="23.626949mm"
+   height="25.367189mm"
+   viewBox="0 0 23.626949 25.367189"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   sodipodi:docname="nintendo-L Click.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#65ffaf"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="5.9768311"
+     inkscape:cx="30.952857"
+     inkscape:cy="41.409904"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" /><defs
+     id="defs1" /><g
+     inkscape:label="L Click"
+     id="layer1"
+     transform="translate(-121.48047,-100.32031)"><g
+       id="g6"
+       inkscape:label="Style - Outline (White)"
+       style="display:none;stroke-width:1;stroke-dasharray:none"><g
+         id="path5"
+         inkscape:label="Joystick Click Shape"><path
+           style="color:#000000;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m 124.09205,108.46171 c -1.17046,0 -2.11253,0.94207 -2.11253,2.11253 0,1.17046 0.94207,2.11305 2.11253,2.11305 h 1.10174 v 12.4995 h 16.19902 v -12.4995 h 1.10122 c 1.17046,0 2.11253,-0.94259 2.11253,-2.11305 0,-1.17046 -0.94207,-2.11253 -2.11253,-2.11253 z"
+           id="path21"
+           inkscape:label="Color" /><path
+           style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m 124.0918,107.96094 c -1.43875,0 -2.61133,1.17453 -2.61133,2.61328 0,1.43875 1.17243,2.61328 2.61133,2.61328 h 0.60156 v 12 a 0.50005,0.50005 0 0 0 0.5,0.5 h 16.19922 a 0.50005,0.50005 0 0 0 0.5,-0.5 v -12 h 0.60156 c 1.4389,0 2.61328,-1.17453 2.61328,-2.61328 0,-1.43875 -1.17453,-2.61328 -2.61328,-2.61328 z m 0,1 h 18.40234 c 0.90217,0 1.61328,0.71111 1.61328,1.61328 0,0.90217 -0.71126,1.61328 -1.61328,1.61328 h -1.10156 a 0.50005,0.50005 0 0 0 -0.5,0.5 v 12 h -15.19922 v -12 a 0.50005,0.50005 0 0 0 -0.5,-0.5 h -1.10156 c -0.90202,0 -1.61133,-0.71111 -1.61133,-1.61328 0,-0.90217 0.70916,-1.61328 1.61133,-1.61328 z"
+           id="path22"
+           inkscape:label="Outline" /></g><g
+         id="path6"
+         inkscape:label="Arrow Indicator"><path
+           style="color:#000000;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.00195,100.32031 c -0.47125,6.7e-4 -0.8787,0.32838 -1.01757,0.7168 -0.13888,0.38842 -0.032,0.90187 0.33203,1.20117 l 3.14453,2.58594 3.14453,2.58789 c 0.3958,0.32537 0.9792,0.32537 1.375,0 l 3.14453,-2.58789 3.14453,-2.58594 c 0.36421,-0.29947 0.47124,-0.81266 0.33203,-1.20117 -0.1392,-0.38851 -0.54605,-0.71677 -1.01758,-0.7168 h -6.29101 z m 0.88868,1.40039 h 5.40234 5.40234 l -2.45898,2.02344 -2.94336,2.41992 -2.94336,-2.41992 z"
+           id="path17"
+           inkscape:label="Outline" /><path
+           style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.0027,101.02057 a 0.38164931,0.38164931 0 0 0 -0.24185,0.67644 l 3.14503,2.58744 3.14503,2.58641 a 0.38164931,0.38164931 0 0 0 0.48472,0 l 3.14503,-2.58641 3.14503,-2.58744 a 0.38164931,0.38164931 0 0 0 -0.24237,-0.67644 h -6.29005 z"
+           id="path18"
+           sodipodi:insensitive="true"
+           inkscape:label="Arrow Shape" /></g><path
+         d="m 131.24698,122.4116 v -7.73896 h 1.08515 v 6.79673 h 3.36131 v 0.94223 z"
+         id="text28"
+         style="font-weight:500;font-size:10.8409px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.396875px;word-spacing:0px;fill-opacity:0.996556;stroke-linecap:round"
+         inkscape:label="Symbol L"
+         transform="translate(1.125e-6)"
+         aria-label="L" /></g><g
+       id="g27"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none;stroke-width:1;stroke-dasharray:none"><g
+         id="g24"
+         inkscape:label="Joystick Click Shape"><path
+           style="color:#000000;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m 124.09205,108.46171 c -1.17046,0 -2.11253,0.94207 -2.11253,2.11253 0,1.17046 0.94207,2.11305 2.11253,2.11305 h 1.10174 v 12.4995 h 16.19902 v -12.4995 h 1.10122 c 1.17046,0 2.11253,-0.94259 2.11253,-2.11305 0,-1.17046 -0.94207,-2.11253 -2.11253,-2.11253 z"
+           id="path23"
+           inkscape:label="Color" /><path
+           style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m 124.0918,107.96094 c -1.43875,0 -2.61133,1.17453 -2.61133,2.61328 0,1.43875 1.17243,2.61328 2.61133,2.61328 h 0.60156 v 12 a 0.50005,0.50005 0 0 0 0.5,0.5 h 16.19922 a 0.50005,0.50005 0 0 0 0.5,-0.5 v -12 h 0.60156 c 1.4389,0 2.61328,-1.17453 2.61328,-2.61328 0,-1.43875 -1.17453,-2.61328 -2.61328,-2.61328 z m 0,1 h 18.40234 c 0.90217,0 1.61328,0.71111 1.61328,1.61328 0,0.90217 -0.71126,1.61328 -1.61328,1.61328 h -1.10156 a 0.50005,0.50005 0 0 0 -0.5,0.5 v 12 h -15.19922 v -12 a 0.50005,0.50005 0 0 0 -0.5,-0.5 h -1.10156 c -0.90202,0 -1.61133,-0.71111 -1.61133,-1.61328 0,-0.90217 0.70916,-1.61328 1.61133,-1.61328 z"
+           id="path24"
+           inkscape:label="Outline" /></g><g
+         id="g26"
+         inkscape:label="Arrow Indicator"><path
+           style="color:#000000;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.00195,100.32031 c -0.47125,6.7e-4 -0.8787,0.32838 -1.01757,0.7168 -0.13888,0.38842 -0.032,0.90187 0.33203,1.20117 l 3.14453,2.58594 3.14453,2.58789 c 0.3958,0.32537 0.9792,0.32537 1.375,0 l 3.14453,-2.58789 3.14453,-2.58594 c 0.36421,-0.29947 0.47124,-0.81266 0.33203,-1.20117 -0.1392,-0.38851 -0.54605,-0.71677 -1.01758,-0.7168 h -6.29101 z m 0.88868,1.40039 h 5.40234 5.40234 l -2.45898,2.02344 -2.94336,2.41992 -2.94336,-2.41992 z"
+           id="path25"
+           inkscape:label="Outline" /><path
+           style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.0027,101.02057 a 0.38164931,0.38164931 0 0 0 -0.24185,0.67644 l 3.14503,2.58744 3.14503,2.58641 a 0.38164931,0.38164931 0 0 0 0.48472,0 l 3.14503,-2.58641 3.14503,-2.58744 a 0.38164931,0.38164931 0 0 0 -0.24237,-0.67644 h -6.29005 z"
+           id="path26"
+           inkscape:label="Arrow Shape" /></g><path
+         d="m 131.24698,122.4116 v -7.73896 h 1.08515 v 6.79673 h 3.36131 v 0.94223 z"
+         id="text29"
+         style="font-weight:500;font-size:10.8409px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.396875px;word-spacing:0px;fill:#ffffff;fill-opacity:0.996556;stroke-linecap:round"
+         inkscape:label="Symbol L"
+         transform="translate(1.125e-6)"
+         aria-label="L" /></g><g
+       id="g5"
+       inkscape:label="Style - Transparent"
+       style="display:inline;stroke-width:1;stroke-dasharray:none"><g
+         id="rect1"
+         inkscape:label="Joystick Click Shape"><path
+           style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 124.0918,107.96094 c -1.43875,0 -2.61133,1.17453 -2.61133,2.61328 0,1.43875 1.17243,2.61328 2.61133,2.61328 h 0.60156 v 12.5 h 17.19922 v -12.5 h 0.60156 c 1.4389,0 2.61328,-1.17453 2.61328,-2.61328 0,-1.43875 -1.17453,-2.61328 -2.61328,-2.61328 z m 0,1 h 18.40234 c 0.90217,0 1.61328,0.71111 1.61328,1.61328 0,0.90217 -0.71126,1.61328 -1.61328,1.61328 h -1.60156 v 12.5 h -15.19922 v -12.5 h -1.60156 c -0.90202,0 -1.61133,-0.71111 -1.61133,-1.61328 0,-0.90217 0.70916,-1.61328 1.61133,-1.61328 z"
+           id="path7"
+           inkscape:label="Outline" /><path
+           style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 124.09205,108.46171 c -1.17046,0 -2.11253,0.94207 -2.11253,2.11253 0,1.17046 0.94207,2.11305 2.11253,2.11305 h 1.10174 v 12.4995 h 16.19902 v -12.4995 h 1.10122 c 1.17046,0 2.11253,-0.94259 2.11253,-2.11305 0,-1.17046 -0.94207,-2.11253 -2.11253,-2.11253 z"
+           id="path8"
+           inkscape:label="Color" /></g><g
+         id="g20"
+         inkscape:label="Arrow Indicator"
+         style="display:inline;stroke-width:1;stroke-dasharray:none"><path
+           style="color:#000000;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.00195,100.32031 c -0.47125,6.7e-4 -0.8787,0.32838 -1.01757,0.7168 -0.13888,0.38842 -0.032,0.90187 0.33203,1.20117 l 3.14453,2.58594 3.14453,2.58789 c 0.3958,0.32537 0.9792,0.32537 1.375,0 l 3.14453,-2.58789 3.14453,-2.58594 c 0.36421,-0.29947 0.47124,-0.81266 0.33203,-1.20117 -0.1392,-0.38851 -0.54605,-0.71677 -1.01758,-0.7168 h -6.29101 z m 0.88868,1.40039 h 5.40234 5.40234 l -2.45898,2.02344 -2.94336,2.41992 -2.94336,-2.41992 z"
+           id="path19"
+           inkscape:label="Outline" /><path
+           style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.0027,101.02057 a 0.38164931,0.38164931 0 0 0 -0.24185,0.67644 l 3.14503,2.58744 3.14503,2.58641 a 0.38164931,0.38164931 0 0 0 0.48472,0 l 3.14503,-2.58641 3.14503,-2.58744 a 0.38164931,0.38164931 0 0 0 -0.24237,-0.67644 h -6.29005 z"
+           id="path20"
+           inkscape:label="Arrow Shape" /></g><path
+         d="m 131.24698,122.4116 v -7.73896 h 1.08515 v 6.79673 h 3.36131 v 0.94223 z"
+         id="text2"
+         style="font-weight:500;font-size:10.8409px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.396875px;word-spacing:0px;fill:#808080;fill-opacity:0.996556;stroke-linecap:round"
+         inkscape:label="Symbol L"
+         aria-label="L" /></g></g></svg>

src/assets/controller/Nintendo/nintendo-L.svg

@@ -0,0 +1,145 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="58.03125mm"
+   height="38.664059mm"
+   viewBox="0 0 58.031249 38.664058"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="nintendo-L.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#00ff2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="4.1406846"
+     inkscape:cx="120.26997"
+     inkscape:cy="35.984388"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1">
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect5" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect2" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect9" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect10" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect13" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect14" />
+  </defs>
+  <g
+     id="g7"
+     inkscape:label="Button Prompt L"
+     transform="translate(-240.41602,-201.23828)">
+    <g
+       id="path6"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 250.44892,202.69012 c -4.75343,0 -8.58038,2.7342 -8.58038,6.13053 v 29.62894 h 55.12552 v -29.62894 c 0,-3.39633 -3.82695,-6.13053 -8.58037,-6.13053 z"
+         id="path10"
+         inkscape:label="Bumper Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 250.44922,201.23828 c -2.65518,0 -5.08151,0.7504 -6.91797,2.0625 -1.83646,1.3121 -3.11523,3.27587 -3.11523,5.51953 v 31.08203 h 58.03125 v -31.08203 c 0,-2.24366 -1.28074,-4.20743 -3.11719,-5.51953 -1.83646,-1.3121 -4.26084,-2.0625 -6.91602,-2.0625 z m 0,2.9043 h 37.96484 c 2.09824,0 3.96314,0.6174 5.22852,1.52148 1.26537,0.90408 1.89844,2.00359 1.89844,3.15625 v 28.17774 h -52.22071 v -28.17774 c 0,-1.15266 0.63502,-2.25217 1.90039,-3.15625 1.26538,-0.90408 3.13028,-1.52148 5.22852,-1.52148 z"
+         id="path11"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;stroke-width:2.825;stroke-linecap:round"
+         d="M 0.57590526,22.186781 V 0.0303416 H 3.6826563 V 19.489212 h 9.6233507 v 2.697569 z"
+         id="text3"
+         inkscape:label="Symbol L"
+         transform="translate(262.49034,209.46129)"
+         aria-label="L" />
+    </g>
+    <g
+       id="g13"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 250.44892,202.69012 c -4.75343,0 -8.58038,2.7342 -8.58038,6.13053 v 29.62894 h 55.12552 v -29.62894 c 0,-3.39633 -3.82695,-6.13053 -8.58037,-6.13053 z"
+         id="path12"
+         inkscape:label="Bumper Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 250.44922,201.23828 c -2.65518,0 -5.08151,0.7504 -6.91797,2.0625 -1.83646,1.3121 -3.11523,3.27587 -3.11523,5.51953 v 31.08203 h 58.03125 v -31.08203 c 0,-2.24366 -1.28074,-4.20743 -3.11719,-5.51953 -1.83646,-1.3121 -4.26084,-2.0625 -6.91602,-2.0625 z m 0,2.9043 h 37.96484 c 2.09824,0 3.96314,0.6174 5.22852,1.52148 1.26537,0.90408 1.89844,2.00359 1.89844,3.15625 v 28.17774 h -52.22071 v -28.17774 c 0,-1.15266 0.63502,-2.25217 1.90039,-3.15625 1.26538,-0.90408 3.13028,-1.52148 5.22852,-1.52148 z"
+         id="path13"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+         d="M 0.57590526,22.186781 V 0.0303416 H 3.6826563 V 19.489212 h 9.6233507 v 2.697569 z"
+         id="text2"
+         inkscape:label="Symbol L"
+         transform="translate(262.49034,209.46129)"
+         aria-label="L" />
+    </g>
+    <g
+       id="rect1"
+       inkscape:label="Style - Transparent"
+       style="display:inline">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 250.44922,201.23828 c -2.65518,0 -5.08151,0.7504 -6.91797,2.0625 -1.83646,1.3121 -3.11523,3.27587 -3.11523,5.51953 v 31.08203 h 58.03125 v -31.08203 c 0,-2.24366 -1.28074,-4.20743 -3.11719,-5.51953 -1.83646,-1.3121 -4.26084,-2.0625 -6.91602,-2.0625 z m 0,2.9043 h 37.96484 c 2.09824,0 3.96314,0.6174 5.22852,1.52148 1.26537,0.90408 1.89844,2.00359 1.89844,3.15625 v 28.17774 h -52.22071 v -28.17774 c 0,-1.15266 0.63502,-2.25217 1.90039,-3.15625 1.26538,-0.90408 3.13028,-1.52148 5.22852,-1.52148 z"
+         id="path8"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 250.44892,202.69012 c -4.75343,0 -8.58038,2.7342 -8.58038,6.13053 v 29.62894 h 55.12552 v -29.62894 c 0,-3.39633 -3.82695,-6.13053 -8.58037,-6.13053 z"
+         id="path9"
+         inkscape:label="Bumper Shape" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+         d="M 0.57590526,22.186781 V 0.0303416 H 3.6826563 V 19.489212 h 9.6233507 v 2.697569 z"
+         id="text1"
+         inkscape:label="Symbol L"
+         transform="translate(262.49034,209.46129)"
+         aria-label="L" />
+    </g>
+  </g>
+</svg>

src/assets/controller/Nintendo/nintendo-Minus.svg

@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529302 45.529289"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="nintendo-Minus.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="61.871844"
+     inkscape:cy="146.01755"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="path1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt Minus"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="M 8.9686118,34.305754 V 29.259967 H 23.641994 v 5.045787 z"
+         id="text26"
+         style="font-weight:500;font-size:59.3895px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:1.63271;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         inkscape:label="Symbol Minus"
+         transform="matrix(1.3961501,0,0,0.71625537,-139.87891,115.24219)"
+         aria-label="-" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="M 8.9686118,34.305754 V 29.259967 H 23.641994 v 5.045787 z"
+         id="path8"
+         style="font-weight:500;font-size:59.3895px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:1.63271;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         inkscape:label="Symbol Minus"
+         transform="matrix(1.3961501,0,0,0.71625537,-139.87891,115.24219)"
+         aria-label="-" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="M 8.9686118,34.305754 V 29.259967 H 23.641994 v 5.045787 z"
+         id="path7"
+         style="font-weight:500;font-size:59.3895px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:0px;word-spacing:0px;fill:#808080;stroke-width:1.63271;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         inkscape:label="Symbol Minus"
+         transform="matrix(1.3961501,0,0,0.71625537,-139.87891,115.24219)"
+         aria-label="-" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/Nintendo/nintendo-Plus.svg

@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="45.529301mm"
+   height="45.529289mm"
+   viewBox="0 0 45.529302 45.529289"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="nintendo-Plus.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#3e8d2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="true"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="61.871844"
+     inkscape:cy="146.01755"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     labelstyle="default"
+     showborder="true" />
+  <defs
+     id="defs1">
+    <rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" />
+    <rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt Plus"
+     id="layer1"
+     transform="translate(139.87891,-115.24219)"
+     style="display:inline">
+    <g
+       id="path1"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path3"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         d="m -115.41984,136.3657 h 8.63196 v 3.3249 h -8.63196 v 8.84509 h -3.36753 v -8.84509 h -8.65327 v -3.3249 h 8.65327 v -8.88772 h 3.36753 z"
+         id="text25"
+         style="font-weight:500;font-size:43.65px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:9.27992;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         inkscape:label="Symbol Plus"
+         aria-label="+"
+         transform="translate(1.25e-6)" />
+    </g>
+    <g
+       id="g6"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path5"
+         inkscape:label="Circle" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path6"
+         inkscape:label="Outline" />
+      <path
+         d="m -115.41984,136.3657 h 8.63196 v 3.3249 h -8.63196 v 8.84509 h -3.36753 v -8.84509 h -8.65327 v -3.3249 h 8.65327 v -8.88772 h 3.36753 z"
+         id="path7"
+         style="font-weight:500;font-size:43.65px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:9.27992;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         inkscape:label="Symbol Plus"
+         aria-label="+"
+         transform="translate(1.25e-6)" />
+    </g>
+    <g
+       id="g8"
+       inkscape:label="Style - Transparent"
+       style="display:inline;fill:#ffffff;fill-opacity:1">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501031;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -117.11328,115.24219 c -12.554,-10e-6 -22.76562,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76368 22.76563,22.76367 12.554,0 22.763674,-10.20967 22.763671,-22.76367 -3e-6,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664059,8.78543 19.664061,19.66406 3e-6,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87864,10e-6 -19.66407,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+         id="path9"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke markers fill"
+         d="m -95.899378,138.00743 a 21.214285,21.214285 0 0 1 -21.214282,21.21429 21.214285,21.214285 0 0 1 -21.21429,-21.21429 21.214285,21.214285 0 0 1 21.21429,-21.21428 21.214285,21.214285 0 0 1 21.214282,21.21428 z"
+         id="path10"
+         inkscape:label="Circle" />
+      <path
+         d="m -115.41984,136.3657 h 8.63196 v 3.3249 h -8.63196 v 8.84509 h -3.36753 v -8.84509 h -8.65327 v -3.3249 h 8.65327 v -8.88772 h 3.36753 z"
+         id="path2"
+         style="font-weight:500;font-size:43.65px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:0px;word-spacing:0px;fill:#808080;stroke-width:9.27992;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+         inkscape:label="Symbol Plus"
+         aria-label="+" />
+    </g>
+  </g>
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="https://opensource.org/license/mit" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

src/assets/controller/Nintendo/nintendo-R Click.svg

@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="23.626949mm"
+   height="25.367189mm"
+   viewBox="0 0 23.626949 25.367189"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   sodipodi:docname="nintendo-R Click.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#65ffaf"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.9884156"
+     inkscape:cx="49.524571"
+     inkscape:cy="1.5058147"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" /><defs
+     id="defs1" /><g
+     inkscape:label="R Click"
+     id="layer1"
+     transform="translate(-121.48047,-100.32031)"><g
+       id="g6"
+       inkscape:label="Style - Outline (White)"
+       style="display:none;stroke-width:1;stroke-dasharray:none"><g
+         id="path5"
+         inkscape:label="Joystick Click Shape"><path
+           style="color:#000000;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m 124.09205,108.46171 c -1.17046,0 -2.11253,0.94207 -2.11253,2.11253 0,1.17046 0.94207,2.11305 2.11253,2.11305 h 1.10174 v 12.4995 h 16.19902 v -12.4995 h 1.10122 c 1.17046,0 2.11253,-0.94259 2.11253,-2.11305 0,-1.17046 -0.94207,-2.11253 -2.11253,-2.11253 z"
+           id="path21"
+           inkscape:label="Color" /><path
+           style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m 124.0918,107.96094 c -1.43875,0 -2.61133,1.17453 -2.61133,2.61328 0,1.43875 1.17243,2.61328 2.61133,2.61328 h 0.60156 v 12 a 0.50005,0.50005 0 0 0 0.5,0.5 h 16.19922 a 0.50005,0.50005 0 0 0 0.5,-0.5 v -12 h 0.60156 c 1.4389,0 2.61328,-1.17453 2.61328,-2.61328 0,-1.43875 -1.17453,-2.61328 -2.61328,-2.61328 z m 0,1 h 18.40234 c 0.90217,0 1.61328,0.71111 1.61328,1.61328 0,0.90217 -0.71126,1.61328 -1.61328,1.61328 h -1.10156 a 0.50005,0.50005 0 0 0 -0.5,0.5 v 12 h -15.19922 v -12 a 0.50005,0.50005 0 0 0 -0.5,-0.5 h -1.10156 c -0.90202,0 -1.61133,-0.71111 -1.61133,-1.61328 0,-0.90217 0.70916,-1.61328 1.61133,-1.61328 z"
+           id="path22"
+           inkscape:label="Outline" /></g><g
+         id="path6"
+         inkscape:label="Arrow Indicator"><path
+           style="color:#000000;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.00195,100.32031 c -0.47125,6.7e-4 -0.8787,0.32838 -1.01757,0.7168 -0.13888,0.38842 -0.032,0.90187 0.33203,1.20117 l 3.14453,2.58594 3.14453,2.58789 c 0.3958,0.32537 0.9792,0.32537 1.375,0 l 3.14453,-2.58789 3.14453,-2.58594 c 0.36421,-0.29947 0.47124,-0.81266 0.33203,-1.20117 -0.1392,-0.38851 -0.54605,-0.71677 -1.01758,-0.7168 h -6.29101 z m 0.88868,1.40039 h 5.40234 5.40234 l -2.45898,2.02344 -2.94336,2.41992 -2.94336,-2.41992 z"
+           id="path17"
+           inkscape:label="Outline" /><path
+           style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.0027,101.02057 a 0.38164931,0.38164931 0 0 0 -0.24185,0.67644 l 3.14503,2.58744 3.14503,2.58641 a 0.38164931,0.38164931 0 0 0 0.48472,0 l 3.14503,-2.58641 3.14503,-2.58744 a 0.38164931,0.38164931 0 0 0 -0.24237,-0.67644 h -6.29005 z"
+           id="path18"
+           sodipodi:insensitive="true"
+           inkscape:label="Arrow Shape" /></g><path
+         d="m 132.90883,114.67264 q 0.97929,0 1.61449,0.24349 0.64051,0.23821 0.95282,0.73049 0.31231,0.487 0.31231,1.23866 0,0.59286 -0.21703,1.00045 -0.21703,0.4076 -0.57169,0.66697 -0.34936,0.25938 -0.75166,0.4076 l 2.165,3.4513 h -1.24395 l -1.88445,-3.16546 h -1.42393 v 3.16546 h -1.08515 v -7.73896 z m -0.0688,0.92105 h -0.97928 v 2.74728 h 1.05339 q 0.91576,0 1.33923,-0.35466 0.42347,-0.35995 0.42347,-1.05868 0,-0.7252 -0.44994,-1.02692 -0.44994,-0.30702 -1.38687,-0.30702 z"
+         id="text2"
+         style="font-weight:500;font-size:10.8409px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.396875px;word-spacing:0px;fill-opacity:0.996556;stroke-linecap:round"
+         inkscape:label="Symbol R"
+         transform="translate(1.125e-6)"
+         aria-label="R" /></g><g
+       id="g27"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none;stroke-width:1;stroke-dasharray:none"><g
+         id="g24"
+         inkscape:label="Joystick Click Shape"><path
+           style="color:#000000;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m 124.09205,108.46171 c -1.17046,0 -2.11253,0.94207 -2.11253,2.11253 0,1.17046 0.94207,2.11305 2.11253,2.11305 h 1.10174 v 12.4995 h 16.19902 v -12.4995 h 1.10122 c 1.17046,0 2.11253,-0.94259 2.11253,-2.11305 0,-1.17046 -0.94207,-2.11253 -2.11253,-2.11253 z"
+           id="path23"
+           inkscape:label="Color" /><path
+           style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m 124.0918,107.96094 c -1.43875,0 -2.61133,1.17453 -2.61133,2.61328 0,1.43875 1.17243,2.61328 2.61133,2.61328 h 0.60156 v 12 a 0.50005,0.50005 0 0 0 0.5,0.5 h 16.19922 a 0.50005,0.50005 0 0 0 0.5,-0.5 v -12 h 0.60156 c 1.4389,0 2.61328,-1.17453 2.61328,-2.61328 0,-1.43875 -1.17453,-2.61328 -2.61328,-2.61328 z m 0,1 h 18.40234 c 0.90217,0 1.61328,0.71111 1.61328,1.61328 0,0.90217 -0.71126,1.61328 -1.61328,1.61328 h -1.10156 a 0.50005,0.50005 0 0 0 -0.5,0.5 v 12 h -15.19922 v -12 a 0.50005,0.50005 0 0 0 -0.5,-0.5 h -1.10156 c -0.90202,0 -1.61133,-0.71111 -1.61133,-1.61328 0,-0.90217 0.70916,-1.61328 1.61133,-1.61328 z"
+           id="path24"
+           inkscape:label="Outline" /></g><g
+         id="g26"
+         inkscape:label="Arrow Indicator"><path
+           style="color:#000000;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.00195,100.32031 c -0.47125,6.7e-4 -0.8787,0.32838 -1.01757,0.7168 -0.13888,0.38842 -0.032,0.90187 0.33203,1.20117 l 3.14453,2.58594 3.14453,2.58789 c 0.3958,0.32537 0.9792,0.32537 1.375,0 l 3.14453,-2.58789 3.14453,-2.58594 c 0.36421,-0.29947 0.47124,-0.81266 0.33203,-1.20117 -0.1392,-0.38851 -0.54605,-0.71677 -1.01758,-0.7168 h -6.29101 z m 0.88868,1.40039 h 5.40234 5.40234 l -2.45898,2.02344 -2.94336,2.41992 -2.94336,-2.41992 z"
+           id="path25"
+           inkscape:label="Outline" /><path
+           style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.0027,101.02057 a 0.38164931,0.38164931 0 0 0 -0.24185,0.67644 l 3.14503,2.58744 3.14503,2.58641 a 0.38164931,0.38164931 0 0 0 0.48472,0 l 3.14503,-2.58641 3.14503,-2.58744 a 0.38164931,0.38164931 0 0 0 -0.24237,-0.67644 h -6.29005 z"
+           id="path26"
+           inkscape:label="Arrow Shape" /></g><path
+         d="m 132.90883,114.67264 q 0.97929,0 1.61449,0.24349 0.64051,0.23821 0.95282,0.73049 0.31231,0.487 0.31231,1.23866 0,0.59286 -0.21703,1.00045 -0.21703,0.4076 -0.57169,0.66697 -0.34936,0.25938 -0.75166,0.4076 l 2.165,3.4513 h -1.24395 l -1.88445,-3.16546 h -1.42393 v 3.16546 h -1.08515 v -7.73896 z m -0.0688,0.92105 h -0.97928 v 2.74728 h 1.05339 q 0.91576,0 1.33923,-0.35466 0.42347,-0.35995 0.42347,-1.05868 0,-0.7252 -0.44994,-1.02692 -0.44994,-0.30702 -1.38687,-0.30702 z"
+         id="text30"
+         style="font-weight:500;font-size:10.8409px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.396875px;word-spacing:0px;fill:#ffffff;fill-opacity:0.996556;stroke-linecap:round"
+         inkscape:label="Symbol R"
+         transform="translate(1.125e-6)"
+         aria-label="R" /></g><g
+       id="g5"
+       inkscape:label="Style - Transparent"
+       style="display:inline;stroke-width:1;stroke-dasharray:none"><g
+         id="rect1"
+         inkscape:label="Joystick Click Shape"><path
+           style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 124.0918,107.96094 c -1.43875,0 -2.61133,1.17453 -2.61133,2.61328 0,1.43875 1.17243,2.61328 2.61133,2.61328 h 0.60156 v 12.5 h 17.19922 v -12.5 h 0.60156 c 1.4389,0 2.61328,-1.17453 2.61328,-2.61328 0,-1.43875 -1.17453,-2.61328 -2.61328,-2.61328 z m 0,1 h 18.40234 c 0.90217,0 1.61328,0.71111 1.61328,1.61328 0,0.90217 -0.71126,1.61328 -1.61328,1.61328 h -1.60156 v 12.5 h -15.19922 v -12.5 h -1.60156 c -0.90202,0 -1.61133,-0.71111 -1.61133,-1.61328 0,-0.90217 0.70916,-1.61328 1.61133,-1.61328 z"
+           id="path7"
+           inkscape:label="Outline" /><path
+           style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 124.09205,108.46171 c -1.17046,0 -2.11253,0.94207 -2.11253,2.11253 0,1.17046 0.94207,2.11305 2.11253,2.11305 h 1.10174 v 12.4995 h 16.19902 v -12.4995 h 1.10122 c 1.17046,0 2.11253,-0.94259 2.11253,-2.11305 0,-1.17046 -0.94207,-2.11253 -2.11253,-2.11253 z"
+           id="path8"
+           inkscape:label="Color" /></g><g
+         id="g20"
+         inkscape:label="Arrow Indicator"
+         style="display:inline;stroke-width:1;stroke-dasharray:none"><path
+           style="color:#000000;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.00195,100.32031 c -0.47125,6.7e-4 -0.8787,0.32838 -1.01757,0.7168 -0.13888,0.38842 -0.032,0.90187 0.33203,1.20117 l 3.14453,2.58594 3.14453,2.58789 c 0.3958,0.32537 0.9792,0.32537 1.375,0 l 3.14453,-2.58789 3.14453,-2.58594 c 0.36421,-0.29947 0.47124,-0.81266 0.33203,-1.20117 -0.1392,-0.38851 -0.54605,-0.71677 -1.01758,-0.7168 h -6.29101 z m 0.88868,1.40039 h 5.40234 5.40234 l -2.45898,2.02344 -2.94336,2.41992 -2.94336,-2.41992 z"
+           id="path19"
+           inkscape:label="Outline" /><path
+           style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+           d="m 127.0027,101.02057 a 0.38164931,0.38164931 0 0 0 -0.24185,0.67644 l 3.14503,2.58744 3.14503,2.58641 a 0.38164931,0.38164931 0 0 0 0.48472,0 l 3.14503,-2.58641 3.14503,-2.58744 a 0.38164931,0.38164931 0 0 0 -0.24237,-0.67644 h -6.29005 z"
+           id="path20"
+           inkscape:label="Arrow Shape" /></g><path
+         d="m 132.90883,114.67264 q 0.97929,0 1.61449,0.24349 0.64051,0.23821 0.95282,0.73049 0.31231,0.487 0.31231,1.23866 0,0.59286 -0.21703,1.00045 -0.21703,0.4076 -0.57169,0.66697 -0.34936,0.25938 -0.75166,0.4076 l 2.165,3.4513 h -1.24395 l -1.88445,-3.16546 h -1.42393 v 3.16546 h -1.08515 v -7.73896 z m -0.0688,0.92105 h -0.97928 v 2.74728 h 1.05339 q 0.91576,0 1.33923,-0.35466 0.42347,-0.35995 0.42347,-1.05868 0,-0.7252 -0.44994,-1.02692 -0.44994,-0.30702 -1.38687,-0.30702 z"
+         id="text29"
+         style="font-weight:500;font-size:10.8409px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-0.396875px;word-spacing:0px;fill:#808080;fill-opacity:0.996556;stroke-linecap:round"
+         inkscape:label="Symbol R"
+         aria-label="R" /></g></g></svg>

src/assets/controller/Nintendo/nintendo-R.svg

@@ -0,0 +1,144 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="58.03125mm"
+   height="38.664059mm"
+   viewBox="0 0 58.03125 38.664058"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="nintendo-R.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#00ff2e"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="4.1406846"
+     inkscape:cx="100.46648"
+     inkscape:cy="37.433423"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1">
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect5" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect2" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect9" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect10" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect13" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect14" />
+  </defs>
+  <g
+     id="g7"
+     inkscape:label="Button Prompt R"
+     transform="translate(-240.41602,-201.23828)">
+    <g
+       id="path6"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 250.44892,202.69012 c -4.75343,0 -8.58038,2.7342 -8.58038,6.13053 v 29.62894 h 55.12552 v -29.62894 c 0,-3.39633 -3.82695,-6.13053 -8.58037,-6.13053 z"
+         id="path10"
+         inkscape:label="Bumper Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 250.44922,201.23828 c -2.65518,0 -5.08151,0.7504 -6.91797,2.0625 -1.83646,1.3121 -3.11523,3.27587 -3.11523,5.51953 v 31.08203 h 58.03125 v -31.08203 c 0,-2.24366 -1.28074,-4.20743 -3.11719,-5.51953 -1.83646,-1.3121 -4.26084,-2.0625 -6.91602,-2.0625 z m 0,2.9043 h 37.96484 c 2.09824,0 3.96314,0.6174 5.22852,1.52148 1.26537,0.90408 1.89844,2.00359 1.89844,3.15625 v 28.17774 h -52.22071 v -28.17774 c 0,-1.15266 0.63502,-2.25217 1.90039,-3.15625 1.26538,-0.90408 3.13028,-1.52148 5.22852,-1.52148 z"
+         id="path11"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;stroke-width:2.825;stroke-linecap:round"
+         d="m 268.01393,209.49163 q 2.80366,0 4.62224,0.69713 1.83374,0.68197 2.72788,2.09137 0.89414,1.39425 0.89414,3.54624 0,1.69735 -0.62135,2.86428 -0.62135,1.16692 -1.63673,1.90951 -1.00022,0.74259 -2.15199,1.16693 l 6.19835,9.88098 h -3.5614 l -5.39514,-9.06262 h -4.07666 v 9.06262 h -3.10676 v -22.15644 z m -0.19701,2.63695 h -2.80365 v 7.86539 h 3.01582 q 2.62179,0 3.83418,-1.01538 1.21239,-1.03053 1.21239,-3.03098 0,-2.07622 -1.28816,-2.94005 -1.28817,-0.87898 -3.97058,-0.87898 z"
+         id="text1"
+         inkscape:label="Symbol R"
+         transform="translate(1.2916667e-6)"
+         aria-label="R" />
+    </g>
+    <g
+       id="g13"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 250.44892,202.69012 c -4.75343,0 -8.58038,2.7342 -8.58038,6.13053 v 29.62894 h 55.12552 v -29.62894 c 0,-3.39633 -3.82695,-6.13053 -8.58037,-6.13053 z"
+         id="path12"
+         inkscape:label="Bumper Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 250.44922,201.23828 c -2.65518,0 -5.08151,0.7504 -6.91797,2.0625 -1.83646,1.3121 -3.11523,3.27587 -3.11523,5.51953 v 31.08203 h 58.03125 v -31.08203 c 0,-2.24366 -1.28074,-4.20743 -3.11719,-5.51953 -1.83646,-1.3121 -4.26084,-2.0625 -6.91602,-2.0625 z m 0,2.9043 h 37.96484 c 2.09824,0 3.96314,0.6174 5.22852,1.52148 1.26537,0.90408 1.89844,2.00359 1.89844,3.15625 v 28.17774 h -52.22071 v -28.17774 c 0,-1.15266 0.63502,-2.25217 1.90039,-3.15625 1.26538,-0.90408 3.13028,-1.52148 5.22852,-1.52148 z"
+         id="path13"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+         d="m 268.01393,209.49163 q 2.80366,0 4.62224,0.69713 1.83374,0.68197 2.72788,2.09137 0.89414,1.39425 0.89414,3.54624 0,1.69735 -0.62135,2.86428 -0.62135,1.16692 -1.63673,1.90951 -1.00022,0.74259 -2.15199,1.16693 l 6.19835,9.88098 h -3.5614 l -5.39514,-9.06262 h -4.07666 v 9.06262 h -3.10676 v -22.15644 z m -0.19701,2.63695 h -2.80365 v 7.86539 h 3.01582 q 2.62179,0 3.83418,-1.01538 1.21239,-1.03053 1.21239,-3.03098 0,-2.07622 -1.28816,-2.94005 -1.28817,-0.87898 -3.97058,-0.87898 z"
+         id="text3"
+         inkscape:label="Symbol R"
+         transform="translate(1.2916667e-6)"
+         aria-label="R" />
+    </g>
+    <g
+       id="rect1"
+       inkscape:label="Style - Transparent"
+       style="display:inline">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 250.44922,201.23828 c -2.65518,0 -5.08151,0.7504 -6.91797,2.0625 -1.83646,1.3121 -3.11523,3.27587 -3.11523,5.51953 v 31.08203 h 58.03125 v -31.08203 c 0,-2.24366 -1.28074,-4.20743 -3.11719,-5.51953 -1.83646,-1.3121 -4.26084,-2.0625 -6.91602,-2.0625 z m 0,2.9043 h 37.96484 c 2.09824,0 3.96314,0.6174 5.22852,1.52148 1.26537,0.90408 1.89844,2.00359 1.89844,3.15625 v 28.17774 h -52.22071 v -28.17774 c 0,-1.15266 0.63502,-2.25217 1.90039,-3.15625 1.26538,-0.90408 3.13028,-1.52148 5.22852,-1.52148 z"
+         id="path8"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 250.44892,202.69012 c -4.75343,0 -8.58038,2.7342 -8.58038,6.13053 v 29.62894 h 55.12552 v -29.62894 c 0,-3.39633 -3.82695,-6.13053 -8.58037,-6.13053 z"
+         id="path9"
+         inkscape:label="Bumper Shape" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+         d="m 268.01393,209.49163 q 2.80366,0 4.62224,0.69713 1.83374,0.68197 2.72788,2.09137 0.89414,1.39425 0.89414,3.54624 0,1.69735 -0.62135,2.86428 -0.62135,1.16692 -1.63673,1.90951 -1.00022,0.74259 -2.15199,1.16693 l 6.19835,9.88098 h -3.5614 l -5.39514,-9.06262 h -4.07666 v 9.06262 h -3.10676 v -22.15644 z m -0.19701,2.63695 h -2.80365 v 7.86539 h 3.01582 q 2.62179,0 3.83418,-1.01538 1.21239,-1.03053 1.21239,-3.03098 0,-2.07622 -1.28816,-2.94005 -1.28817,-0.87898 -3.97058,-0.87898 z"
+         id="text2"
+         inkscape:label="Symbol R"
+         aria-label="R" />
+    </g>
+  </g>
+</svg>

src/assets/controller/Nintendo/nintendo-SL.svg

@@ -0,0 +1,213 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="82.9375mm"
+   height="36.259762mm"
+   viewBox="0 0 82.937499 36.259761"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="nintendo-SL.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="141.42136"
+     inkscape:cy="74.246213"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1">
+    <rect
+       x="1.366164"
+       y="506.84683"
+       width="185.11522"
+       height="155.74271"
+       id="rect8" />
+    <rect
+       x="-8.1969843"
+       y="504.1145"
+       width="179.65057"
+       height="198.09378"
+       id="rect7" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect5" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect2" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect3" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect4" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect9" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect10" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect11" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect12" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect13" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect14" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect15" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect16" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect17" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect18" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect18-7" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt SL"
+     id="layer1"
+     transform="translate(-309.06837,-201.66211)">
+    <g
+       id="rect20"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55937,203.38472 h 71.95665 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95665 c -2.08713,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68025,-3.76738 3.76738,-3.76738 z"
+         id="path28"
+         inkscape:label="Button Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49218 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49219,-2.48008 5.49219,-5.49218 v -25.27735 c 0,-3.0121 -2.48008,-5.49023 -5.49219,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path29"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;stroke-width:2.825;stroke-linecap:round"
+         d="m 17.344227,16.617358 q 0,1.970135 -0.985067,3.379539 -0.969913,1.394249 -2.743034,2.136838 -1.773122,0.74259 -4.2130578,0.74259 -1.2275455,0 -2.3490069,-0.136394 Q 5.9477548,22.618692 4.9929972,22.376213 4.0382395,22.133735 3.2653405,21.770018 v -2.940047 q 1.2578553,0.515266 2.9097376,0.969912 1.6518822,0.439492 3.4098487,0.439492 1.5306432,0 2.5611752,-0.409182 1.045687,-0.424337 1.576108,-1.182081 0.530421,-0.757744 0.530421,-1.818586 0,-1.060842 -0.515266,-1.773121 Q 13.222099,14.32897 12.100637,13.722775 10.994331,13.11658 9.1908998,12.43461 7.9330445,11.979964 6.9025125,11.404078 5.8719804,10.813038 5.1142362,10.055293 4.371647,9.2975492 3.9624651,8.282172 3.5532833,7.2516399 3.5532833,5.9180102 q 0,-1.8337409 0.8941381,-3.1370608 0.909293,-1.30332 2.5308655,-1.98528972 1.6215725,-0.69712463 3.7584111,-0.69712463 1.757966,0 3.273455,0.34856231 1.530643,0.34856232 2.909737,0.95475764 l -0.985067,2.5763302 q -1.288165,-0.530421 -2.591485,-0.8638284 -1.30332,-0.3334074 -2.697569,-0.3334074 -1.2881655,0 -2.1823036,0.3788721 -0.8789832,0.378872 -1.3487846,1.0759967 -0.4546465,0.6971246 -0.4546465,1.6518823 0,1.0759967 0.4849563,1.7882762 0.4849563,0.7122795 1.5306432,1.2881651 1.0456869,0.5758855 2.7278792,1.2275452 1.89436,0.727435 3.212835,1.545798 1.33363,0.818364 2.030754,1.970135 0.697125,1.151771 0.697125,2.909738 z m 2.263091,5.955869 V 0.41678759 h 3.106751 V 19.875658 h 9.623351 v 2.697569 z"
+         id="text3"
+         inkscape:label="Symbol SL"
+         transform="translate(332.73632,208.30369)"
+         aria-label="SL" />
+    </g>
+    <g
+       id="g37"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none"
+       transform="translate(8.3333335e-6)">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55937,203.38472 h 71.95665 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95665 c -2.08713,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68025,-3.76738 3.76738,-3.76738 z"
+         id="path36"
+         inkscape:label="Button Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49218 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49219,-2.48008 5.49219,-5.49218 v -25.27735 c 0,-3.0121 -2.48008,-5.49023 -5.49219,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path37"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+         d="m 17.344227,16.617358 q 0,1.970135 -0.985067,3.379539 -0.969913,1.394249 -2.743034,2.136838 -1.773122,0.74259 -4.2130578,0.74259 -1.2275455,0 -2.3490069,-0.136394 Q 5.9477548,22.618692 4.9929972,22.376213 4.0382395,22.133735 3.2653405,21.770018 v -2.940047 q 1.2578553,0.515266 2.9097376,0.969912 1.6518822,0.439492 3.4098487,0.439492 1.5306432,0 2.5611752,-0.409182 1.045687,-0.424337 1.576108,-1.182081 0.530421,-0.757744 0.530421,-1.818586 0,-1.060842 -0.515266,-1.773121 Q 13.222099,14.32897 12.100637,13.722775 10.994331,13.11658 9.1908998,12.43461 7.9330445,11.979964 6.9025125,11.404078 5.8719804,10.813038 5.1142362,10.055293 4.371647,9.2975492 3.9624651,8.282172 3.5532833,7.2516399 3.5532833,5.9180102 q 0,-1.8337409 0.8941381,-3.1370608 0.909293,-1.30332 2.5308655,-1.98528972 1.6215725,-0.69712463 3.7584111,-0.69712463 1.757966,0 3.273455,0.34856231 1.530643,0.34856232 2.909737,0.95475764 l -0.985067,2.5763302 q -1.288165,-0.530421 -2.591485,-0.8638284 -1.30332,-0.3334074 -2.697569,-0.3334074 -1.2881655,0 -2.1823036,0.3788721 -0.8789832,0.378872 -1.3487846,1.0759967 -0.4546465,0.6971246 -0.4546465,1.6518823 0,1.0759967 0.4849563,1.7882762 0.4849563,0.7122795 1.5306432,1.2881651 1.0456869,0.5758855 2.7278792,1.2275452 1.89436,0.727435 3.212835,1.545798 1.33363,0.818364 2.030754,1.970135 0.697125,1.151771 0.697125,2.909738 z m 2.263091,5.955869 V 0.41678759 h 3.106751 V 19.875658 h 9.623351 v 2.697569 z"
+         id="text1"
+         inkscape:label="Symbol SL"
+         transform="translate(332.73631,208.30369)"
+         aria-label="SL" />
+    </g>
+    <g
+       id="rect6"
+       inkscape:label="Style - Transparent"
+       style="display:inline"
+       transform="translate(8.3333335e-6)">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49219 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49024,-2.48008 5.49024,-5.49218 v -25.27735 c 0,-3.0121 -2.47813,-5.49023 -5.49024,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path26"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 314.55952,203.38472 h 71.95635 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95635 c -2.08712,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68026,-3.76738 3.76738,-3.76738 z"
+         id="path27"
+         inkscape:label="Button Shape" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+         d="m 17.344227,16.617358 q 0,1.970135 -0.985067,3.379539 -0.969913,1.394249 -2.743034,2.136838 -1.773122,0.74259 -4.2130578,0.74259 -1.2275455,0 -2.3490069,-0.136394 Q 5.9477548,22.618692 4.9929972,22.376213 4.0382395,22.133735 3.2653405,21.770018 v -2.940047 q 1.2578553,0.515266 2.9097376,0.969912 1.6518822,0.439492 3.4098487,0.439492 1.5306432,0 2.5611752,-0.409182 1.045687,-0.424337 1.576108,-1.182081 0.530421,-0.757744 0.530421,-1.818586 0,-1.060842 -0.515266,-1.773121 Q 13.222099,14.32897 12.100637,13.722775 10.994331,13.11658 9.1908998,12.43461 7.9330445,11.979964 6.9025125,11.404078 5.8719804,10.813038 5.1142362,10.055293 4.371647,9.2975492 3.9624651,8.282172 3.5532833,7.2516399 3.5532833,5.9180102 q 0,-1.8337409 0.8941381,-3.1370608 0.909293,-1.30332 2.5308655,-1.98528972 1.6215725,-0.69712463 3.7584111,-0.69712463 1.757966,0 3.273455,0.34856231 1.530643,0.34856232 2.909737,0.95475764 l -0.985067,2.5763302 q -1.288165,-0.530421 -2.591485,-0.8638284 -1.30332,-0.3334074 -2.697569,-0.3334074 -1.2881655,0 -2.1823036,0.3788721 -0.8789832,0.378872 -1.3487846,1.0759967 -0.4546465,0.6971246 -0.4546465,1.6518823 0,1.0759967 0.4849563,1.7882762 0.4849563,0.7122795 1.5306432,1.2881651 1.0456869,0.5758855 2.7278792,1.2275452 1.89436,0.727435 3.212835,1.545798 1.33363,0.818364 2.030754,1.970135 0.697125,1.151771 0.697125,2.909738 z m 2.263091,5.955869 V 0.41678759 h 3.106751 V 19.875658 h 9.623351 v 2.697569 z"
+         id="text2"
+         inkscape:label="Symbol SL"
+         transform="translate(332.73631,208.30369)"
+         aria-label="SL" />
+    </g>
+  </g>
+</svg>

src/assets/controller/Nintendo/nintendo-SR.svg

@@ -0,0 +1,211 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="82.9375mm"
+   height="36.259762mm"
+   viewBox="0 0 82.937499 36.259761"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="nintendo-SR.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="167.93786"
+     inkscape:cy="61.164737"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <rect
+       x="1.366164"
+       y="506.84683"
+       width="185.11522"
+       height="155.74271"
+       id="rect8" />
+    <rect
+       x="-8.1969843"
+       y="504.1145"
+       width="179.65057"
+       height="198.09378"
+       id="rect7" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect5" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect2" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect3" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect4" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect9" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect10" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect11" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect12" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect13" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect14" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect15" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect16" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect17" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect18" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect18-7" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt SR"
+     id="layer1"
+     transform="translate(-309.06837,-201.66211)">
+    <g
+       id="rect20"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55937,203.38472 h 71.95665 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95665 c -2.08713,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68025,-3.76738 3.76738,-3.76738 z"
+         id="path28"
+         inkscape:label="Button Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49218 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49219,-2.48008 5.49219,-5.49218 v -25.27735 c 0,-3.0121 -2.48008,-5.49023 -5.49219,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path29"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;stroke-width:2.825;stroke-linecap:round"
+         d="m 348.3756,224.92105 q 0,1.97014 -0.98507,3.37954 -0.96991,1.39425 -2.74303,2.13684 -1.77312,0.74259 -4.21306,0.74259 -1.22754,0 -2.34901,-0.13639 -1.1063,-0.12124 -2.06106,-0.36372 -0.95476,-0.24248 -1.72766,-0.6062 v -2.94004 q 1.25786,0.51526 2.90974,0.96991 1.65188,0.43949 3.40985,0.43949 1.53064,0 2.56118,-0.40918 1.04568,-0.42434 1.5761,-1.18208 0.53042,-0.75775 0.53042,-1.81859 0,-1.06084 -0.51526,-1.77312 -0.51527,-0.72743 -1.63673,-1.33363 -1.10631,-0.60619 -2.90974,-1.28816 -1.25785,-0.45465 -2.28838,-1.03054 -1.03054,-0.59104 -1.78828,-1.34878 -0.74259,-0.75775 -1.15177,-1.77312 -0.40918,-1.03053 -0.40918,-2.36416 0,-1.83374 0.89413,-3.13706 0.9093,-1.30332 2.53087,-1.98529 1.62157,-0.69713 3.75841,-0.69713 1.75797,0 3.27346,0.34856 1.53064,0.34857 2.90973,0.95476 l -0.98506,2.57633 q -1.28817,-0.53042 -2.59149,-0.86383 -1.30332,-0.3334 -2.69757,-0.3334 -1.28816,0 -2.1823,0.37887 -0.87898,0.37887 -1.34879,1.07599 -0.45464,0.69713 -0.45464,1.65189 0,1.07599 0.48495,1.78827 0.48496,0.71228 1.53065,1.28817 1.04568,0.57588 2.72788,1.22754 1.89436,0.72744 3.21283,1.5458 1.33363,0.81836 2.03076,1.97014 0.69712,1.15177 0.69712,2.90973 z m 8.37051,-16.20057 q 2.80365,0 4.62224,0.69713 1.83374,0.68197 2.72788,2.09137 0.89414,1.39425 0.89414,3.54624 0,1.69735 -0.62135,2.86428 -0.62135,1.16692 -1.63673,1.90951 -1.00022,0.74259 -2.152,1.16693 l 6.19835,9.88098 h -3.5614 l -5.39513,-9.06262 h -4.07667 v 9.06262 h -3.10675 v -22.15644 z m -0.19701,2.63695 h -2.80366 v 7.86539 h 3.01582 q 2.6218,0 3.83419,-1.01538 1.21239,-1.03053 1.21239,-3.03098 0,-2.07622 -1.28816,-2.94004 -1.28817,-0.87899 -3.97058,-0.87899 z"
+         id="text3"
+         inkscape:label="Symbol SR"
+         aria-label="SR" />
+    </g>
+    <g
+       id="g37"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none"
+       transform="translate(8.3333335e-6)">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55937,203.38472 h 71.95665 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95665 c -2.08713,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68025,-3.76738 3.76738,-3.76738 z"
+         id="path36"
+         inkscape:label="Button Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49218 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49219,-2.48008 5.49219,-5.49218 v -25.27735 c 0,-3.0121 -2.48008,-5.49023 -5.49219,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path37"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+         d="m 348.3756,224.92105 q 0,1.97014 -0.98507,3.37954 -0.96991,1.39425 -2.74303,2.13684 -1.77312,0.74259 -4.21306,0.74259 -1.22754,0 -2.34901,-0.13639 -1.1063,-0.12124 -2.06106,-0.36372 -0.95476,-0.24248 -1.72766,-0.6062 v -2.94004 q 1.25786,0.51526 2.90974,0.96991 1.65188,0.43949 3.40985,0.43949 1.53064,0 2.56118,-0.40918 1.04568,-0.42434 1.5761,-1.18208 0.53042,-0.75775 0.53042,-1.81859 0,-1.06084 -0.51526,-1.77312 -0.51527,-0.72743 -1.63673,-1.33363 -1.10631,-0.60619 -2.90974,-1.28816 -1.25785,-0.45465 -2.28838,-1.03054 -1.03054,-0.59104 -1.78828,-1.34878 -0.74259,-0.75775 -1.15177,-1.77312 -0.40918,-1.03053 -0.40918,-2.36416 0,-1.83374 0.89413,-3.13706 0.9093,-1.30332 2.53087,-1.98529 1.62157,-0.69713 3.75841,-0.69713 1.75797,0 3.27346,0.34856 1.53064,0.34857 2.90973,0.95476 l -0.98506,2.57633 q -1.28817,-0.53042 -2.59149,-0.86383 -1.30332,-0.3334 -2.69757,-0.3334 -1.28816,0 -2.1823,0.37887 -0.87898,0.37887 -1.34879,1.07599 -0.45464,0.69713 -0.45464,1.65189 0,1.07599 0.48495,1.78827 0.48496,0.71228 1.53065,1.28817 1.04568,0.57588 2.72788,1.22754 1.89436,0.72744 3.21283,1.5458 1.33363,0.81836 2.03076,1.97014 0.69712,1.15177 0.69712,2.90973 z m 8.37051,-16.20057 q 2.80365,0 4.62224,0.69713 1.83374,0.68197 2.72788,2.09137 0.89414,1.39425 0.89414,3.54624 0,1.69735 -0.62135,2.86428 -0.62135,1.16692 -1.63673,1.90951 -1.00022,0.74259 -2.152,1.16693 l 6.19835,9.88098 h -3.5614 l -5.39513,-9.06262 h -4.07667 v 9.06262 h -3.10675 v -22.15644 z m -0.19701,2.63695 h -2.80366 v 7.86539 h 3.01582 q 2.6218,0 3.83419,-1.01538 1.21239,-1.03053 1.21239,-3.03098 0,-2.07622 -1.28816,-2.94004 -1.28817,-0.87899 -3.97058,-0.87899 z"
+         id="text2"
+         inkscape:label="Symbol SR"
+         transform="translate(-7.7083334e-6)"
+         aria-label="SR" />
+    </g>
+    <g
+       id="rect6"
+       inkscape:label="Style - Transparent"
+       style="display:inline"
+       transform="translate(8.3333335e-6)">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49219 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49024,-2.48008 5.49024,-5.49218 v -25.27735 c 0,-3.0121 -2.47813,-5.49023 -5.49024,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path26"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 314.55952,203.38472 h 71.95635 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95635 c -2.08712,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68026,-3.76738 3.76738,-3.76738 z"
+         id="path27"
+         inkscape:label="Button Shape" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+         d="m 348.3756,224.92105 q 0,1.97014 -0.98507,3.37954 -0.96991,1.39425 -2.74303,2.13684 -1.77312,0.74259 -4.21306,0.74259 -1.22754,0 -2.34901,-0.13639 -1.1063,-0.12124 -2.06106,-0.36372 -0.95476,-0.24248 -1.72766,-0.6062 v -2.94004 q 1.25786,0.51526 2.90974,0.96991 1.65188,0.43949 3.40985,0.43949 1.53064,0 2.56118,-0.40918 1.04568,-0.42434 1.5761,-1.18208 0.53042,-0.75775 0.53042,-1.81859 0,-1.06084 -0.51526,-1.77312 -0.51527,-0.72743 -1.63673,-1.33363 -1.10631,-0.60619 -2.90974,-1.28816 -1.25785,-0.45465 -2.28838,-1.03054 -1.03054,-0.59104 -1.78828,-1.34878 -0.74259,-0.75775 -1.15177,-1.77312 -0.40918,-1.03053 -0.40918,-2.36416 0,-1.83374 0.89413,-3.13706 0.9093,-1.30332 2.53087,-1.98529 1.62157,-0.69713 3.75841,-0.69713 1.75797,0 3.27346,0.34856 1.53064,0.34857 2.90973,0.95476 l -0.98506,2.57633 q -1.28817,-0.53042 -2.59149,-0.86383 -1.30332,-0.3334 -2.69757,-0.3334 -1.28816,0 -2.1823,0.37887 -0.87898,0.37887 -1.34879,1.07599 -0.45464,0.69713 -0.45464,1.65189 0,1.07599 0.48495,1.78827 0.48496,0.71228 1.53065,1.28817 1.04568,0.57588 2.72788,1.22754 1.89436,0.72744 3.21283,1.5458 1.33363,0.81836 2.03076,1.97014 0.69712,1.15177 0.69712,2.90973 z m 8.37051,-16.20057 q 2.80365,0 4.62224,0.69713 1.83374,0.68197 2.72788,2.09137 0.89414,1.39425 0.89414,3.54624 0,1.69735 -0.62135,2.86428 -0.62135,1.16692 -1.63673,1.90951 -1.00022,0.74259 -2.152,1.16693 l 6.19835,9.88098 h -3.5614 l -5.39513,-9.06262 h -4.07667 v 9.06262 h -3.10675 v -22.15644 z m -0.19701,2.63695 h -2.80366 v 7.86539 h 3.01582 q 2.6218,0 3.83419,-1.01538 1.21239,-1.03053 1.21239,-3.03098 0,-2.07622 -1.28816,-2.94004 -1.28817,-0.87899 -3.97058,-0.87899 z"
+         id="text1"
+         inkscape:label="Symbol SR"
+         aria-label="SR" />
+    </g>
+  </g>
+</svg>

src/assets/controller/Nintendo/nintendo-Z.svg

@@ -0,0 +1,211 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="82.939453mm"
+   height="36.259762mm"
+   viewBox="0 0 82.939453 36.25976"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="nintendo-Z.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="142.83557"
+     inkscape:cy="73.892659"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <rect
+       x="1.366164"
+       y="506.84683"
+       width="185.11522"
+       height="155.74271"
+       id="rect8" />
+    <rect
+       x="-8.1969843"
+       y="504.1145"
+       width="179.65057"
+       height="198.09378"
+       id="rect7" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect5" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect2" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect3" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect4" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect9" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect10" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect11" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect12" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect13" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect14" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect15" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect16" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect17" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect18" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect18-7" />
+  </defs>
+  <g
+     inkscape:label="Button Prompt Z"
+     id="layer1"
+     transform="translate(-309.06836,-201.66211)">
+    <g
+       id="rect20"
+       inkscape:label="Style - Outline (White)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55937,203.38472 h 71.95665 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95665 c -2.08713,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68025,-3.76738 3.76738,-3.76738 z"
+         id="path28"
+         inkscape:label="Button Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#000000;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49218 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49219,-2.48008 5.49219,-5.49218 v -25.27735 c 0,-3.0121 -2.48008,-5.49023 -5.49219,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path29"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;stroke-width:2.825;stroke-linecap:round"
+         d="m 358.36463,230.87021 h -15.655 v -2.21261 l 11.59349,-17.24626 h -11.21461 v -2.69757 h 14.97302 v 2.21261 l -11.60864,17.24626 h 11.91174 z"
+         id="text6"
+         inkscape:label="Symbol Z"
+         transform="translate(9.2281264e-6)"
+         aria-label="Z" />
+    </g>
+    <g
+       id="g37"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none"
+       transform="translate(8.3333335e-6)">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55937,203.38472 h 71.95665 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95665 c -2.08713,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68025,-3.76738 3.76738,-3.76738 z"
+         id="path36"
+         inkscape:label="Button Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49218 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49219,-2.48008 5.49219,-5.49218 v -25.27735 c 0,-3.0121 -2.48008,-5.49023 -5.49219,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path37"
+         inkscape:label="Outline" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+         d="m 358.36463,230.87021 h -15.655 v -2.21261 l 11.59349,-17.24626 h -11.21461 v -2.69757 h 14.97302 v 2.21261 l -11.60864,17.24626 h 11.91174 z"
+         id="text4"
+         inkscape:label="Symbol Z"
+         aria-label="Z" />
+    </g>
+    <g
+       id="rect6"
+       inkscape:label="Style - Transparent"
+       style="display:inline"
+       transform="translate(8.3333335e-6)">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 314.55859,201.66211 c -3.0121,0 -5.49023,2.47813 -5.49023,5.49023 v 25.27735 c 0,3.0121 2.47813,5.49219 5.49023,5.49218 h 71.95703 c 3.01211,0 5.49024,-2.48008 5.49024,-5.49218 v -25.27735 c 0,-3.0121 -2.47813,-5.49023 -5.49024,-5.49023 z m 0,3.44531 h 71.95703 c 1.16215,0 2.04493,0.88278 2.04493,2.04492 v 25.27735 c 0,1.16214 -0.88278,2.04492 -2.04493,2.04492 h -71.95703 c -1.16214,0 -2.04297,-0.88278 -2.04297,-2.04492 v -25.27735 c 0,-1.16214 0.88083,-2.04492 2.04297,-2.04492 z"
+         id="path26"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 314.55952,203.38472 h 71.95635 c 2.08713,0 3.76738,1.68025 3.76738,3.76738 v 25.27803 c 0,2.08713 -1.68025,3.76738 -3.76738,3.76738 h -71.95635 c -2.08712,0 -3.76738,-1.68025 -3.76738,-3.76738 V 207.1521 c 0,-2.08713 1.68026,-3.76738 3.76738,-3.76738 z"
+         id="path27"
+         inkscape:label="Button Shape" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+         d="m 358.36463,230.87021 h -15.655 v -2.21261 l 11.59349,-17.24626 h -11.21461 v -2.69757 h 14.97302 v 2.21261 l -11.60864,17.24626 h 11.91174 z"
+         id="text5"
+         inkscape:label="Symbol Z"
+         aria-label="Z" />
+    </g>
+  </g>
+</svg>

src/assets/controller/Nintendo/nintendo-ZL.svg

@@ -0,0 +1,222 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="59.585381mm"
+   height="59.031681mm"
+   viewBox="0 0 59.585378 59.031681"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="nintendo-ZL.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#91ff95"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.0703423"
+     inkscape:cx="61.825525"
+     inkscape:cy="167.84664"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g1" />
+  <defs
+     id="defs1">
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect4" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect3" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect11" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect12" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect15" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect16" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect17" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect18" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect19" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect20" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect21" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect22" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect2" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect5" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect6" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect7" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect8" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect9" />
+  </defs>
+  <g
+     id="g1"
+     inkscape:label="Button Prompt ZL"
+     transform="translate(-6.4507011e-4,2.6e-4)">
+    <g
+       id="g9"
+       inkscape:label="Style - Outline (White)"
+       transform="translate(-179.12291,-102.12917)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 208.9376,159.72555 c 15.31739,0 27.71334,-12.36733 28.29748,-27.95095 0.0696,-9.40301 0.0281,-18.80812 0.0281,-28.21172 h -56.65176 c 0.13752,9.40147 -0.20234,18.81161 0.0281,28.21172 0.58411,15.58362 12.98059,27.95095 28.29797,27.95095 z"
+         id="path8"
+         inkscape:label="Trigger Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#030303;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 179.15625,102.12891 0.0215,1.45507 c 0.13681,9.35293 -0.20256,18.76851 0.0293,28.22657 v 0.008 0.01 c 0.61149,16.31397 13.64138,29.33204 29.73047,29.33204 16.0891,0 29.11895,-13.01811 29.73047,-29.33204 v -0.0215 -0.0215 c 0.0697,-9.4143 0.0293,-18.82329 0.0293,-28.22266 v -1.43359 z m 2.89062,2.86718 h 53.78125 c 0.004,8.91919 0.0383,17.83374 -0.0273,26.73828 -0.56368,14.8466 -12.32223,26.55665 -26.86328,26.55665 -14.54564,0 -26.3085,-11.71707 -26.86523,-26.57032 -0.2163,-8.85369 0.0615,-17.77319 -0.0254,-26.72461 z"
+         id="path9"
+         inkscape:label="Outline"
+         transform="translate(1.2708334e-6)" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;stroke-width:2.825;stroke-linecap:round"
+         d="M 17.736334,22.186781 H 2.0813392 V 19.974168 L 13.674825,2.7279108 H 2.4602113 V 0.0303416 H 17.433236 v 2.212613 L 5.8245954,19.489212 H 17.736334 Z m 1.94484,0 V 0.0303416 h 3.106751 V 19.489212 h 9.62335 v 2.697569 z"
+         id="text3"
+         inkscape:label="Symbol ZL"
+         transform="translate(192.5734,117.86023)"
+         aria-label="ZL" />
+    </g>
+    <g
+       id="path3"
+       inkscape:label="Style - Outline (Black)"
+       transform="translate(-179.12291,-102.12917)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 208.9376,159.72555 c 15.31739,0 27.71334,-12.36733 28.29748,-27.95095 0.0696,-9.40301 0.0281,-18.80812 0.0281,-28.21172 h -56.65176 c 0.13752,9.40147 -0.20234,18.81161 0.0281,28.21172 0.58411,15.58362 12.98059,27.95095 28.29797,27.95095 z"
+         id="path6"
+         inkscape:label="Trigger Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 179.15625,102.12891 0.0215,1.45507 c 0.13681,9.35293 -0.20256,18.76851 0.0293,28.22657 v 0.008 0.01 c 0.61149,16.31397 13.64138,29.33204 29.73047,29.33204 16.0891,0 29.11895,-13.01811 29.73047,-29.33204 v -0.0215 -0.0215 c 0.0697,-9.4143 0.0293,-18.82329 0.0293,-28.22266 v -1.43359 z m 2.89062,2.86718 h 53.78125 c 0.004,8.91919 0.0383,17.83374 -0.0273,26.73828 -0.56368,14.8466 -12.32223,26.55665 -26.86328,26.55665 -14.54564,0 -26.3085,-11.71707 -26.86523,-26.57032 -0.2163,-8.85369 0.0615,-17.77319 -0.0254,-26.72461 z"
+         id="path7"
+         inkscape:label="Outline"
+         transform="translate(1.2708334e-6)" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+         d="M 17.736334,22.186781 H 2.0813392 V 19.974168 L 13.674825,2.7279108 H 2.4602113 V 0.0303416 H 17.433236 v 2.212613 L 5.8245954,19.489212 H 17.736334 Z m 1.94484,0 V 0.0303416 h 3.106751 V 19.489212 h 9.62335 v 2.697569 z"
+         id="text1"
+         inkscape:label="Symbol ZL"
+         transform="translate(192.5734,117.86023)"
+         aria-label="ZL" />
+    </g>
+    <g
+       id="path20"
+       inkscape:label="Style - Transparent"
+       transform="translate(-179.12291,-102.12917)"
+       style="display:inline">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 179.15625,102.12891 0.0215,1.45507 c 0.13681,9.35293 -0.20256,18.76851 0.0293,28.22657 v 0.008 0.01 c 0.61149,16.31397 13.64138,29.33204 29.73047,29.33204 16.0891,0 29.11895,-13.01811 29.73047,-29.33204 v -0.0215 -0.0215 c 0.0697,-9.4143 0.0293,-18.82329 0.0293,-28.22266 v -1.43359 z m 2.89062,2.86718 h 53.78125 c 0.004,8.91919 0.0383,17.83374 -0.0273,26.73828 -0.56368,14.8466 -12.32223,26.55665 -26.86328,26.55665 -14.54564,0 -26.3085,-11.71707 -26.86523,-26.57032 -0.2163,-8.85369 0.0615,-17.77319 -0.0254,-26.72461 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 208.9376,159.72555 c 15.31739,0 27.71334,-12.36733 28.29748,-27.95095 0.0696,-9.40301 0.0281,-18.80812 0.0281,-28.21172 h -56.65176 c 0.13752,9.40147 -0.20234,18.81161 0.0281,28.21172 0.58411,15.58362 12.98059,27.95095 28.29797,27.95095 z"
+         id="path5"
+         inkscape:label="Trigger Shape" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+         d="M 17.736334,22.186781 H 2.0813392 V 19.974168 L 13.674825,2.7279108 H 2.4602113 V 0.0303416 H 17.433236 v 2.212613 L 5.8245954,19.489212 H 17.736334 Z m 1.94484,0 V 0.0303416 h 3.106751 V 19.489212 h 9.62335 v 2.697569 z"
+         id="text2"
+         inkscape:label="Symbol ZL"
+         transform="translate(192.5734,117.86023)"
+         aria-label="ZL" />
+    </g>
+  </g>
+</svg>

src/assets/controller/Nintendo/nintendo-ZR.svg

@@ -0,0 +1,222 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="59.585381mm"
+   height="59.031681mm"
+   viewBox="0 0 59.585378 59.031681"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="nintendo-ZR.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#91ff95"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.0703423"
+     inkscape:cx="61.825525"
+     inkscape:cy="167.84664"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g1" />
+  <defs
+     id="defs1">
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect4" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect3" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect11" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect12" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect15" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect16" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect17" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect18" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect19" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect20" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect21" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect22" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect2" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect5" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect6" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect7" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect8" />
+    <rect
+       x="360.04303"
+       y="190.72911"
+       width="206.08942"
+       height="106.00632"
+       id="rect9" />
+  </defs>
+  <g
+     id="g1"
+     inkscape:label="Button Prompt ZR"
+     transform="translate(-6.4507011e-4,2.6e-4)">
+    <g
+       id="g9"
+       inkscape:label="Style - Outline (White)"
+       transform="translate(-179.12291,-102.12917)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 208.9376,159.72555 c 15.31739,0 27.71334,-12.36733 28.29748,-27.95095 0.0696,-9.40301 0.0281,-18.80812 0.0281,-28.21172 h -56.65176 c 0.13752,9.40147 -0.20234,18.81161 0.0281,28.21172 0.58411,15.58362 12.98059,27.95095 28.29797,27.95095 z"
+         id="path8"
+         inkscape:label="Trigger Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#030303;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 179.15625,102.12891 0.0215,1.45507 c 0.13681,9.35293 -0.20256,18.76851 0.0293,28.22657 v 0.008 0.01 c 0.61149,16.31397 13.64138,29.33204 29.73047,29.33204 16.0891,0 29.11895,-13.01811 29.73047,-29.33204 v -0.0215 -0.0215 c 0.0697,-9.4143 0.0293,-18.82329 0.0293,-28.22266 v -1.43359 z m 2.89062,2.86718 h 53.78125 c 0.004,8.91919 0.0383,17.83374 -0.0273,26.73828 -0.56368,14.8466 -12.32223,26.55665 -26.86328,26.55665 -14.54564,0 -26.3085,-11.71707 -26.86523,-26.57032 -0.2163,-8.85369 0.0615,-17.77319 -0.0254,-26.72461 z"
+         id="path9"
+         inkscape:label="Outline"
+         transform="translate(1.2708334e-6)" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;stroke-width:2.825;stroke-linecap:round"
+         d="M 18.963885,22.186781 H 3.3088909 V 19.974168 L 14.902377,2.7279108 H 3.687763 V 0.0303416 h 14.973025 v 2.212613 L 7.0521471,19.489212 H 18.963885 Z M 27.016143,0.0303416 q 2.803654,0 4.62224,0.69712463 1.83374,0.68196977 2.727879,2.09137387 0.894138,1.3942493 0.894138,3.5462427 0,1.6973469 -0.621351,2.8642729 -0.62135,1.1669263 -1.636727,1.9095153 -1.000222,0.742589 -2.151993,1.166926 l 6.198347,9.880984 h -3.561398 l -5.395138,-9.06262 h -4.076664 v 9.06262 H 20.908725 V 0.0303416 Z M 26.81913,2.6672913 h -2.803654 v 7.8653847 h 3.015822 q 2.621795,0 3.834186,-1.0153775 1.21239,-1.030532 1.21239,-3.0309766 0,-2.076219 -1.288165,-2.9400474 Q 29.501544,2.6672913 26.81913,2.6672913 Z"
+         id="text1"
+         inkscape:label="Symbol ZR"
+         transform="translate(189.06584,117.86023)"
+         aria-label="ZR" />
+    </g>
+    <g
+       id="path3"
+       inkscape:label="Style - Outline (Black)"
+       transform="translate(-179.12291,-102.12917)"
+       style="display:none">
+      <path
+         style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 208.9376,159.72555 c 15.31739,0 27.71334,-12.36733 28.29748,-27.95095 0.0696,-9.40301 0.0281,-18.80812 0.0281,-28.21172 h -56.65176 c 0.13752,9.40147 -0.20234,18.81161 0.0281,28.21172 0.58411,15.58362 12.98059,27.95095 28.29797,27.95095 z"
+         id="path6"
+         inkscape:label="Trigger Shape" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+         d="m 179.15625,102.12891 0.0215,1.45507 c 0.13681,9.35293 -0.20256,18.76851 0.0293,28.22657 v 0.008 0.01 c 0.61149,16.31397 13.64138,29.33204 29.73047,29.33204 16.0891,0 29.11895,-13.01811 29.73047,-29.33204 v -0.0215 -0.0215 c 0.0697,-9.4143 0.0293,-18.82329 0.0293,-28.22266 v -1.43359 z m 2.89062,2.86718 h 53.78125 c 0.004,8.91919 0.0383,17.83374 -0.0273,26.73828 -0.56368,14.8466 -12.32223,26.55665 -26.86328,26.55665 -14.54564,0 -26.3085,-11.71707 -26.86523,-26.57032 -0.2163,-8.85369 0.0615,-17.77319 -0.0254,-26.72461 z"
+         id="path7"
+         inkscape:label="Outline"
+         transform="translate(1.2708334e-6)" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+         d="M 18.963885,22.186781 H 3.3088909 V 19.974168 L 14.902377,2.7279108 H 3.687763 V 0.0303416 h 14.973025 v 2.212613 L 7.0521471,19.489212 H 18.963885 Z M 27.016143,0.0303416 q 2.803654,0 4.62224,0.69712463 1.83374,0.68196977 2.727879,2.09137387 0.894138,1.3942493 0.894138,3.5462427 0,1.6973469 -0.621351,2.8642729 -0.62135,1.1669263 -1.636727,1.9095153 -1.000222,0.742589 -2.151993,1.166926 l 6.198347,9.880984 h -3.561398 l -5.395138,-9.06262 h -4.076664 v 9.06262 H 20.908725 V 0.0303416 Z M 26.81913,2.6672913 h -2.803654 v 7.8653847 h 3.015822 q 2.621795,0 3.834186,-1.0153775 1.21239,-1.030532 1.21239,-3.0309766 0,-2.076219 -1.288165,-2.9400474 Q 29.501544,2.6672913 26.81913,2.6672913 Z"
+         id="text3"
+         inkscape:label="Symbol ZR"
+         transform="translate(189.06584,117.86023)"
+         aria-label="ZR" />
+    </g>
+    <g
+       id="path20"
+       inkscape:label="Style - Transparent"
+       transform="translate(-179.12291,-102.12917)"
+       style="display:inline">
+      <path
+         style="color:#000000;display:inline;fill:#808080;fill-opacity:0.501961;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 179.15625,102.12891 0.0215,1.45507 c 0.13681,9.35293 -0.20256,18.76851 0.0293,28.22657 v 0.008 0.01 c 0.61149,16.31397 13.64138,29.33204 29.73047,29.33204 16.0891,0 29.11895,-13.01811 29.73047,-29.33204 v -0.0215 -0.0215 c 0.0697,-9.4143 0.0293,-18.82329 0.0293,-28.22266 v -1.43359 z m 2.89062,2.86718 h 53.78125 c 0.004,8.91919 0.0383,17.83374 -0.0273,26.73828 -0.56368,14.8466 -12.32223,26.55665 -26.86328,26.55665 -14.54564,0 -26.3085,-11.71707 -26.86523,-26.57032 -0.2163,-8.85369 0.0615,-17.77319 -0.0254,-26.72461 z"
+         id="path4"
+         inkscape:label="Outline" />
+      <path
+         style="color:#000000;display:inline;fill:#ffffff;stroke-linecap:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+         d="m 208.9376,159.72555 c 15.31739,0 27.71334,-12.36733 28.29748,-27.95095 0.0696,-9.40301 0.0281,-18.80812 0.0281,-28.21172 h -56.65176 c 0.13752,9.40147 -0.20234,18.81161 0.0281,28.21172 0.58411,15.58362 12.98059,27.95095 28.29797,27.95095 z"
+         id="path5"
+         inkscape:label="Trigger Shape" />
+      <path
+         style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+         d="M 18.963885,22.186781 H 3.3088909 V 19.974168 L 14.902377,2.7279108 H 3.687763 V 0.0303416 h 14.973025 v 2.212613 L 7.0521471,19.489212 H 18.963885 Z M 27.016143,0.0303416 q 2.803654,0 4.62224,0.69712463 1.83374,0.68196977 2.727879,2.09137387 0.894138,1.3942493 0.894138,3.5462427 0,1.6973469 -0.621351,2.8642729 -0.62135,1.1669263 -1.636727,1.9095153 -1.000222,0.742589 -2.151993,1.166926 l 6.198347,9.880984 h -3.561398 l -5.395138,-9.06262 h -4.076664 v 9.06262 H 20.908725 V 0.0303416 Z M 26.81913,2.6672913 h -2.803654 v 7.8653847 h 3.015822 q 2.621795,0 3.834186,-1.0153775 1.21239,-1.030532 1.21239,-3.0309766 0,-2.076219 -1.288165,-2.9400474 Q 29.501544,2.6672913 26.81913,2.6672913 Z"
+         id="text2"
+         inkscape:label="Symbol ZR"
+         transform="translate(189.06584,117.86023)"
+         aria-label="ZR" />
+    </g>
+  </g>
+</svg>

src/assets/controller/Nintendo/nintendo-positional prompt A.svg

@@ -0,0 +1,249 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="126.21555mm"
+   height="126.21536mm"
+   viewBox="0 0 126.21555 126.21536"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="nintendo-positional prompt A.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#5bff91"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.4942659"
+     inkscape:cx="152.58329"
+     inkscape:cy="256.64776"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" /><defs
+     id="defs1"><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-1" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-3" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-4" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-9" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-11" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-5" /></defs><g
+     inkscape:label="Positional Glyph A"
+     id="layer1"
+     transform="translate(-35.10544,-127.68245)"><g
+       id="g2"
+       inkscape:label="Style - Outline (White)"
+       style="display:none"
+       transform="translate(-5.4166666e-7,-1.0958333e-5)"><g
+         inkscape:label="Button Prompt B"
+         id="layer1-8-0"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path22-3"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt A"
+         id="layer1-5-1"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           id="path54"
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:1.04044;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m -117.11341,117.54831 c -11.3185,0 -20.45904,9.14107 -20.45904,20.45957 0,11.31851 9.14054,20.45903 20.45904,20.45903 11.31849,0 20.459026,-9.14052 20.459026,-20.45903 0,-11.3185 -9.140536,-20.45957 -20.459026,-20.45957 z" /><path
+           id="path55"
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Outline"
+           d="m -117.11341,115.24233 c -7.61699,0 -14.36651,3.76322 -18.5012,9.52397 -0.25411,0.35405 -0.49835,0.7154 -0.73226,1.08417 -0.33914,0.53466 -0.65626,1.08396 -0.95084,1.64745 -0.22969,0.43936 -0.44626,0.88648 -0.64751,1.34203 -1.24004,2.80691 -1.93373,5.90701 -1.93373,9.16792 0,3.13849 0.63813,6.13066 1.79162,8.8532 0.28833,0.68049 0.60936,1.34413 0.96015,1.98903 0.17543,0.32252 0.35796,0.64053 0.54829,0.95343 0.38066,0.6258 0.79096,1.23198 1.22835,1.81643 4.15516,5.55218 10.7832,9.15138 18.23713,9.15138 6.27684,0 11.96773,-2.55256 16.08945,-6.67401 0.77281,-0.77282 1.490646,-1.6007 2.146646,-2.47737 1.31201,-1.75332 2.37754,-3.70143 3.14451,-5.79241 0.89476,-2.4395 1.38338,-5.0735 1.38338,-7.81968 0,-1.88786 -0.23472,-3.72151 -0.66973,-5.47667 -0.037,-0.1492 -0.0764,-0.29742 -0.11627,-0.44545 -0.14885,-0.55206 -0.31786,-1.09567 -0.50643,-1.63039 -0.82741,-2.34604 -2.02946,-4.51499 -3.53312,-6.43889 -0.24615,-0.31496 -0.5002,-0.62308 -0.76223,-0.92449 -0.227736,-0.26194 -0.460926,-0.51872 -0.700216,-0.76998 -0.12865,-0.1351 -0.25464,-0.2727 -0.38654,-0.40462 -4.12172,-4.12198 -9.81261,-6.67505 -16.08945,-6.67505 z m 0,3.10111 c 10.87861,0 19.663906,8.78581 19.663906,19.66443 0,10.87863 -8.785296,19.66391 -19.663906,19.66391 -10.87862,0 -19.66392,-8.78528 -19.66392,-19.66391 0,-10.87862 8.7853,-19.66443 19.66392,-19.66443 z" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;display:inline;fill:#000000;stroke-width:2.825;stroke-linecap:round"
+           d="M 17.17466,22.244774 14.719569,15.6524 H 6.0358209 L 3.6110396,22.244774 H 0.38304949 L 8.8394744,-0.00259477 H 12.022 L 20.43296,22.244774 Z M 13.855741,12.95483 11.521889,6.4230757 Q 11.415805,6.0896683 11.188481,5.4228534 10.976313,4.7560386 10.74899,4.0437591 10.536821,3.3314795 10.400427,2.8616782 10.248878,3.4830284 10.051865,4.180153 9.8548515,4.8621228 9.657838,5.4683181 9.4759794,6.0593585 9.3547404,6.4230757 L 6.9905786,12.95483 Z"
+           id="path1"
+           inkscape:label="Symbol A"
+           transform="translate(-126.96851,125.76813)"
+           aria-label="A" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="layer1-7-7"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><g
+           id="g26-8"
+           inkscape:label="Button Prompt Active"
+           style="display:none"><path
+             id="path25-6"
+             style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+             inkscape:label="Circle"
+             d="m -117.11337,115.24242 c -12.55399,0 -22.76554,10.21156 -22.76554,22.76554 0,12.55399 10.21155,22.76347 22.76554,22.76347 12.55397,0 22.763981,-10.20948 22.763981,-22.76347 0,-12.55398 -10.210011,-22.76554 -22.763981,-22.76554 z" /></g><g
+           id="path1-1-1"
+           inkscape:label="Button Prompt Inactive"
+           style="display:inline"><path
+             style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+             d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+             id="path4-2-8"
+             inkscape:label="Outline" /></g><g
+           id="g3"
+           inkscape:label="Button Icons"
+           style="fill:#000000;fill-opacity:1"><path
+             d="m -127.30926,149.12852 8.60254,-11.59142 -7.58601,-10.65076 h 3.50473 l 4.03576,5.70468 q 1.25928,1.77513 1.7903,2.73097 0.74343,-1.21377 1.75995,-2.53373 l 4.47575,-5.90192 h 3.2013 l -7.8136,10.48387 8.42048,11.75831 h -3.64129 l -5.59847,-7.93496 q -0.47034,-0.68274 -0.97101,-1.48686 -0.74343,1.21376 -1.06205,1.66892 l -5.5833,7.7529 z"
+             id="text3-8"
+             style="font-size:31.0723px;line-height:0;font-family:Arial;-inkscape-font-specification:Arial;letter-spacing:-15.7789px;word-spacing:0px;display:none;fill:#000000;fill-opacity:1;stroke-width:3.48647;stroke-linecap:round;paint-order:stroke fill markers"
+             inkscape:label="Symbol X"
+             aria-label="X"
+             transform="translate(1.2499999e-6)" /></g></g><g
+         inkscape:label="Button Prompt X"
+         id="layer1-4-7"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><g
+           id="g28-5"
+           inkscape:label="Button Prompt Active"
+           style="display:none"><path
+             id="path27-0"
+             style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+             inkscape:label="Circle"
+             d="m -117.11306,115.24219 c -12.55399,0 -22.76606,10.21155 -22.76606,22.76553 0,12.55399 10.21207,22.76399 22.76606,22.76399 12.55397,0 22.763465,-10.21 22.763465,-22.76399 0,-12.55398 -10.209495,-22.76553 -22.763465,-22.76553 z" /></g><g
+           id="path1-3-4"
+           inkscape:label="Button Prompt Inactive"
+           style="display:inline"><path
+             style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+             d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+             id="path4-6-7"
+             inkscape:label="Outline" /></g><g
+           id="g4"
+           inkscape:label="Button Icons"
+           style="fill:#000000;fill-opacity:1"><path
+             d="m -118.73707,149.81564 v -9.42182 l -8.57219,-12.82036 h 3.5806 l 4.38471,6.70603 q 1.21376,1.88133 2.26063,3.76266 1.00136,-1.74478 2.42753,-3.92955 l 4.30885,-6.53914 h 3.42888 l -8.87564,12.82036 v 9.42182 z"
+             id="path7-3"
+             style="font-size:31.0723px;line-height:0;font-family:Arial;-inkscape-font-specification:Arial;letter-spacing:-15.7789px;word-spacing:0px;display:none;fill:#000000;fill-opacity:1;stroke-width:3.48647;stroke-linecap:round;paint-order:stroke fill markers"
+             inkscape:label="Symbol Y"
+             aria-label="Y" /></g></g></g><g
+       id="g42"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none"
+       transform="translate(-5.4166666e-7,-1.0958333e-5)"><g
+         inkscape:label="Button Prompt B"
+         id="g29"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path26"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt A"
+         id="g33"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           id="path33"
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-width:1.04044;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m -117.11341,117.54831 c -11.3185,0 -20.45904,9.14107 -20.45904,20.45957 0,11.31851 9.14054,20.45903 20.45904,20.45903 11.31849,0 20.459028,-9.14052 20.459028,-20.45903 0,-11.3185 -9.140538,-20.45957 -20.459028,-20.45957 z" /><path
+           id="path53"
+           style="color:#000000;display:inline;fill:#f3f3f3;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Outline"
+           d="m -117.11341,115.24233 c -7.61699,0 -14.36651,3.76322 -18.5012,9.52397 -0.25411,0.35405 -0.49835,0.7154 -0.73226,1.08417 -0.33914,0.53466 -0.65626,1.08396 -0.95084,1.64745 -0.22969,0.43936 -0.44626,0.88648 -0.64751,1.34203 -1.24004,2.80691 -1.93373,5.90701 -1.93373,9.16792 0,3.13849 0.63813,6.13066 1.79162,8.8532 0.28833,0.68049 0.60936,1.34413 0.96015,1.98903 0.17543,0.32252 0.35796,0.64053 0.54829,0.95343 0.38066,0.6258 0.79096,1.23198 1.22835,1.81643 4.15516,5.55218 10.7832,9.15138 18.23713,9.15138 6.27684,0 11.96773,-2.55256 16.08945,-6.67401 0.77281,-0.77282 1.490648,-1.6007 2.146642,-2.47737 1.312016,-1.75332 2.377547,-3.70143 3.144511,-5.79241 0.894766,-2.4395 1.383378,-5.0735 1.383378,-7.81968 0,-1.88786 -0.234712,-3.72151 -0.669727,-5.47667 -0.03698,-0.1492 -0.07636,-0.29742 -0.116272,-0.44545 -0.148848,-0.55206 -0.317859,-1.09567 -0.506429,-1.63039 -0.827403,-2.34604 -2.029462,-4.51499 -3.533118,-6.43889 -0.246148,-0.31496 -0.500199,-0.62308 -0.762227,-0.92449 -0.227738,-0.26194 -0.460928,-0.51872 -0.700218,-0.76998 -0.12865,-0.1351 -0.25464,-0.2727 -0.38654,-0.40462 -4.12172,-4.12198 -9.81261,-6.67505 -16.08945,-6.67505 z m 0,3.10111 c 10.87861,0 19.663911,8.78581 19.663911,19.66443 0,10.87863 -8.785301,19.66391 -19.663911,19.66391 -10.87862,0 -19.66392,-8.78528 -19.66392,-19.66391 0,-10.87862 8.7853,-19.66443 19.66392,-19.66443 z" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+           d="M 17.17466,22.244774 14.719569,15.6524 H 6.0358209 L 3.6110396,22.244774 H 0.38304949 L 8.8394744,-0.00259477 H 12.022 L 20.43296,22.244774 Z M 13.855741,12.95483 11.521889,6.4230757 Q 11.415805,6.0896683 11.188481,5.4228534 10.976313,4.7560386 10.74899,4.0437591 10.536821,3.3314795 10.400427,2.8616782 10.248878,3.4830284 10.051865,4.180153 9.8548515,4.8621228 9.657838,5.4683181 9.4759794,6.0593585 9.3547404,6.4230757 L 6.9905786,12.95483 Z"
+           id="text1"
+           inkscape:label="Symbol A"
+           transform="translate(-126.96851,125.76813)"
+           aria-label="A" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="g37"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path34"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt X"
+         id="g41"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path38"
+           inkscape:label="Outline" /></g></g><g
+       id="g20"
+       inkscape:label="Style - Transparent"
+       style="display:inline"
+       transform="translate(2.1041667e-6,-1.0958333e-5)"><g
+         inkscape:label="Button Prompt B"
+         id="g7"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path5"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt A"
+         id="g11"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           id="path7"
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m -117.11341,115.24241 c -12.55399,0 -22.76554,10.21156 -22.76554,22.76554 0,12.55399 10.21155,22.76347 22.76554,22.76347 12.55397,0 22.763982,-10.20948 22.763982,-22.76347 0,-12.55398 -10.210012,-22.76554 -22.763982,-22.76554 z" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;display:inline;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+           d="M 17.17466,22.244774 14.719569,15.6524 H 6.0358209 L 3.6110396,22.244774 H 0.38304949 L 8.8394744,-0.00259477 H 12.022 L 20.43296,22.244774 Z M 13.855741,12.95483 11.521889,6.4230757 Q 11.415805,6.0896683 11.188481,5.4228534 10.976313,4.7560386 10.74899,4.0437591 10.536821,3.3314795 10.400427,2.8616782 10.248878,3.4830284 10.051865,4.180153 9.8548515,4.8621228 9.657838,5.4683181 9.4759794,6.0593585 9.3547404,6.4230757 L 6.9905786,12.95483 Z"
+           id="path2"
+           inkscape:label="Symbol A"
+           transform="translate(-126.96851,125.76813)"
+           aria-label="A" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="g15"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path12-5"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt X"
+         id="g19"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path16"
+           inkscape:label="Outline" /></g></g></g></svg>

src/assets/controller/Nintendo/nintendo-positional prompt B.svg

@@ -0,0 +1,214 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="126.21537mm"
+   height="126.21555mm"
+   viewBox="0 0 126.21537 126.21554"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="nintendo-positional prompt B.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#5bff91"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.4942659"
+     inkscape:cx="152.58329"
+     inkscape:cy="256.64776"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g42" /><defs
+     id="defs1"><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-1" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-3" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-4" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-9" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-11" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-5" /></defs><g
+     inkscape:label="Positional Glyph B"
+     id="layer1"
+     transform="translate(-35.105441,-127.68245)"
+     style="display:inline"><g
+       id="g2"
+       inkscape:label="Style - Outline (White)"
+       style="display:none"
+       transform="translate(4.5833335e-7,1.3985417e-4)"><g
+         inkscape:label="Button Prompt B"
+         id="layer1-8"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           id="path54"
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:1.04044;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m 98.214253,210.67471 c -11.3185,0 -20.45904,9.14107 -20.45904,20.45957 0,11.31851 9.14054,20.45903 20.45904,20.45903 11.318487,0 20.459027,-9.14052 20.459027,-20.45903 0,-11.3185 -9.14054,-20.45957 -20.459027,-20.45957 z"
+           transform="translate(-215.32783,-93.12634)" /><path
+           id="path55"
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Outline"
+           d="m 98.214253,208.36873 c -7.61699,0 -14.36651,3.76322 -18.5012,9.52397 -0.25411,0.35405 -0.49835,0.7154 -0.73226,1.08417 -0.33914,0.53466 -0.65626,1.08396 -0.95084,1.64745 -0.22969,0.43936 -0.44626,0.88648 -0.64751,1.34203 -1.24004,2.80691 -1.93373,5.90701 -1.93373,9.16792 0,3.13849 0.63813,6.13066 1.79162,8.8532 0.28833,0.68049 0.60936,1.34413 0.96015,1.98903 0.17543,0.32252 0.35796,0.64053 0.54829,0.95343 0.38066,0.6258 0.79096,1.23198 1.22835,1.81643 4.15516,5.55218 10.7832,9.15138 18.23713,9.15138 6.276837,0 11.967727,-2.55256 16.089447,-6.67401 0.77281,-0.77282 1.49065,-1.6007 2.14664,-2.47737 1.31202,-1.75332 2.37755,-3.70143 3.14451,-5.79241 0.89477,-2.4395 1.38338,-5.0735 1.38338,-7.81968 0,-1.88786 -0.23471,-3.72151 -0.66973,-5.47667 -0.037,-0.1492 -0.0764,-0.29742 -0.11627,-0.44545 -0.14885,-0.55206 -0.31786,-1.09567 -0.50643,-1.63039 -0.8274,-2.34604 -2.02946,-4.51499 -3.53312,-6.43889 -0.24614,-0.31496 -0.50019,-0.62308 -0.76222,-0.92449 -0.22774,-0.26194 -0.46093,-0.51872 -0.70022,-0.76998 -0.12865,-0.1351 -0.25464,-0.2727 -0.38654,-0.40462 -4.12172,-4.12198 -9.81261,-6.67505 -16.089447,-6.67505 z m 0,3.10111 c 10.878607,0 19.663907,8.78581 19.663907,19.66443 0,10.87863 -8.7853,19.66391 -19.663907,19.66391 -10.87862,0 -19.66392,-8.78528 -19.66392,-19.66391 0,-10.87862 8.7853,-19.66443 19.66392,-19.66443 z"
+           transform="translate(-215.32783,-93.12634)" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;display:inline;stroke-width:2.825;stroke-linecap:round"
+           d="M 0.59294504,0.04287097 H 7.0186155 q 4.2282125,0 6.3650515,1.24270043 2.136838,1.2427004 2.136838,4.2585222 0,1.2881651 -0.469801,2.3035423 -0.469802,1.0153771 -1.36394,1.682192 -0.894138,0.6668151 -2.197458,0.9092931 v 0.151549 q 1.36394,0.227323 2.424781,0.818363 1.060842,0.591041 1.667038,1.682192 0.62135,1.075997 0.62135,2.773344 0,2.030754 -0.954758,3.455313 -0.954757,1.409405 -2.712724,2.151994 -1.742812,0.727434 -4.152438,0.727434 H 0.59294504 Z M 3.6996961,9.3631242 h 3.8644952 q 2.6824147,0 3.7129467,-0.8789833 1.030532,-0.8789832 1.030532,-2.5611752 0,-1.7428116 -1.227546,-2.5005558 Q 9.8525787,2.6495109 7.1853193,2.6495109 H 3.6996961 Z m 0,2.5611748 v 7.653216 h 4.2282124 q 2.7430335,0 3.8644955,-1.075996 1.136616,-1.075997 1.136616,-2.894583 0,-1.151771 -0.515266,-1.970135 -0.500111,-0.833518 -1.636727,-1.27301 -1.1366167,-0.439492 -3.0612868,-0.439492 z"
+           id="path1"
+           inkscape:label="Symbol B"
+           transform="translate(-124.64719,125.76798)"
+           aria-label="B" /></g><g
+         inkscape:label="Button Prompt A"
+         id="layer1-5"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#0a0a0a;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path4-0"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="layer1-7"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path4-2"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt X"
+         id="layer1-4"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><path
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path4-6"
+           inkscape:label="Outline" /></g></g><g
+       id="g42"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none"
+       transform="translate(4.5833335e-7,1.3985417e-4)"><g
+         inkscape:label="Button Prompt B"
+         id="g29"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           id="path33-7"
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-width:1.04044;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m -117.11358,117.54837 c -11.3185,0 -20.45904,9.14107 -20.45904,20.45957 0,11.31851 9.14054,20.45903 20.45904,20.45903 11.31849,0 20.459033,-9.14052 20.459033,-20.45903 0,-11.3185 -9.140543,-20.45957 -20.459033,-20.45957 z" /><path
+           id="path53"
+           style="color:#000000;display:inline;fill:#f3f3f3;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Outline"
+           d="m -117.11358,115.24239 c -7.61699,0 -14.36651,3.76322 -18.5012,9.52397 -0.25411,0.35405 -0.49835,0.7154 -0.73226,1.08417 -0.33914,0.53466 -0.65626,1.08396 -0.95084,1.64745 -0.22969,0.43936 -0.44626,0.88648 -0.64751,1.34203 -1.24004,2.80691 -1.93373,5.90701 -1.93373,9.16792 0,3.13849 0.63813,6.13066 1.79162,8.8532 0.28833,0.68049 0.60936,1.34413 0.96015,1.98903 0.17543,0.32252 0.35796,0.64053 0.54829,0.95343 0.38066,0.6258 0.79096,1.23198 1.22835,1.81643 4.15516,5.55218 10.7832,9.15138 18.23713,9.15138 6.27684,0 11.96773,-2.55256 16.08945,-6.67401 0.77281,-0.77282 1.490653,-1.6007 2.146643,-2.47737 1.31202,-1.75332 2.37755,-3.70143 3.14451,-5.79241 0.89477,-2.4395 1.38338,-5.0735 1.38338,-7.81968 0,-1.88786 -0.23471,-3.72151 -0.66973,-5.47667 -0.037,-0.1492 -0.0764,-0.29742 -0.11627,-0.44545 -0.14885,-0.55206 -0.31786,-1.09567 -0.50643,-1.63039 -0.8274,-2.34604 -2.02946,-4.51499 -3.53311,-6.43889 -0.24615,-0.31496 -0.5002,-0.62308 -0.76223,-0.92449 -0.227743,-0.26194 -0.460933,-0.51872 -0.700223,-0.76998 -0.12865,-0.1351 -0.25464,-0.2727 -0.38654,-0.40462 -4.12172,-4.12198 -9.81261,-6.67505 -16.08945,-6.67505 z m 0,3.10111 c 10.87861,0 19.663913,8.78581 19.663913,19.66443 0,10.87863 -8.785303,19.66391 -19.663913,19.66391 -10.87862,0 -19.66392,-8.78528 -19.66392,-19.66391 0,-10.87862 8.7853,-19.66443 19.66392,-19.66443 z" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.825;stroke-linecap:round"
+           d="M 0.59294504,0.04287097 H 7.0186155 q 4.2282125,0 6.3650515,1.24270043 2.136838,1.2427004 2.136838,4.2585222 0,1.2881651 -0.469801,2.3035423 -0.469802,1.0153771 -1.36394,1.682192 -0.894138,0.6668151 -2.197458,0.9092931 v 0.151549 q 1.36394,0.227323 2.424781,0.818363 1.060842,0.591041 1.667038,1.682192 0.62135,1.075997 0.62135,2.773344 0,2.030754 -0.954758,3.455313 -0.954757,1.409405 -2.712724,2.151994 -1.742812,0.727434 -4.152438,0.727434 H 0.59294504 Z M 3.6996961,9.3631242 h 3.8644952 q 2.6824147,0 3.7129467,-0.8789833 1.030532,-0.8789832 1.030532,-2.5611752 0,-1.7428116 -1.227546,-2.5005558 Q 9.8525787,2.6495109 7.1853193,2.6495109 H 3.6996961 Z m 0,2.5611748 v 7.653216 h 4.2282124 q 2.7430335,0 3.8644955,-1.075996 1.136616,-1.075997 1.136616,-2.894583 0,-1.151771 -0.515266,-1.970135 -0.500111,-0.833518 -1.636727,-1.27301 -1.1366167,-0.439492 -3.0612868,-0.439492 z"
+           id="text1"
+           inkscape:label="Symbol B"
+           transform="translate(-124.64719,125.76798)"
+           aria-label="B" /></g><g
+         inkscape:label="Button Prompt A"
+         id="g33"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path30"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="g37"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path34"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt X"
+         id="g41"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path38"
+           inkscape:label="Outline" /></g></g><g
+       id="g20"
+       inkscape:label="Style - Transparent"
+       style="display:inline"><g
+         inkscape:label="Button Prompt B"
+         id="g7"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           id="path2"
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m -117.11306,115.24214 c -12.55399,0 -22.76606,10.21156 -22.76606,22.76554 0,12.55398 10.21207,22.76398 22.76606,22.76398 12.55397,0 22.763465,-10.21 22.763465,-22.76398 0,-12.55398 -10.209495,-22.76554 -22.763465,-22.76554 z" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;fill:#808080;stroke-width:2.825;stroke-linecap:round"
+           d="M 0.59294504,0.04287097 H 7.0186155 q 4.2282125,0 6.3650515,1.24270043 2.136838,1.2427004 2.136838,4.2585222 0,1.2881651 -0.469801,2.3035423 -0.469802,1.0153771 -1.36394,1.682192 -0.894138,0.6668151 -2.197458,0.9092931 v 0.151549 q 1.36394,0.227323 2.424781,0.818363 1.060842,0.591041 1.667038,1.682192 0.62135,1.075997 0.62135,2.773344 0,2.030754 -0.954758,3.455313 -0.954757,1.409405 -2.712724,2.151994 -1.742812,0.727434 -4.152438,0.727434 H 0.59294504 Z M 3.6996961,9.3631242 h 3.8644952 q 2.6824147,0 3.7129467,-0.8789833 1.030532,-0.8789832 1.030532,-2.5611752 0,-1.7428116 -1.227546,-2.5005558 Q 9.8525787,2.6495109 7.1853193,2.6495109 H 3.6996961 Z m 0,2.5611748 v 7.653216 h 4.2282124 q 2.7430335,0 3.8644955,-1.075996 1.136616,-1.075997 1.136616,-2.894583 0,-1.151771 -0.515266,-1.970135 -0.500111,-0.833518 -1.636727,-1.27301 -1.1366167,-0.439492 -3.0612868,-0.439492 z"
+           id="path3"
+           inkscape:label="Symbol B"
+           transform="translate(-124.64719,125.76812)"
+           aria-label="B" /></g><g
+         inkscape:label="Button Prompt A"
+         id="g11"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path8"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="g15"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path12"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt X"
+         id="g19"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path16"
+           inkscape:label="Outline" /></g></g></g></svg>

src/assets/controller/Nintendo/nintendo-positional prompt X.svg

@@ -0,0 +1,217 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="126.21537mm"
+   height="126.21536mm"
+   viewBox="0 0 126.21537 126.21536"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="nintendo-positional prompt X.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#5bff91"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.4942659"
+     inkscape:cx="200.76748"
+     inkscape:cy="161.61782"
+     inkscape:window-width="2560"
+     inkscape:window-height="1351"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" /><defs
+     id="defs1"><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-1" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-3" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-4" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-9" /><rect
+       x="-329.58707"
+       y="426.24316"
+       width="115.7824"
+       height="107.24387"
+       id="rect2-11" /><rect
+       x="-486.35437"
+       y="484.30515"
+       width="87.776039"
+       height="93.582237"
+       id="rect1-5" /></defs><g
+     inkscape:label="Positional Glyph X"
+     id="layer1"
+     transform="translate(-35.105441,-127.68245)"><g
+       id="g2"
+       inkscape:label="Style - Outline (White)"
+       style="display:none"
+       transform="translate(4.5833335e-7,-1.0958333e-5)"><g
+         inkscape:label="Button Prompt B"
+         id="layer1-8"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path22"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt A"
+         id="layer1-5"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#0a0a0a;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path43"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="layer1-7"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path4-2"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt X"
+         id="layer1-4"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><path
+           id="path54"
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:1.04044;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m 98.214253,129.98868 c -11.3185,0 -20.45904,9.14107 -20.45904,20.45957 0,11.31851 9.14054,20.45903 20.45904,20.45903 11.318487,0 20.459027,-9.14052 20.459027,-20.45903 0,-11.3185 -9.14054,-20.45957 -20.459027,-20.45957 z"
+           transform="translate(-215.32783,-12.440265)" /><path
+           id="path55"
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Outline"
+           d="m 98.214253,127.6827 c -7.61699,0 -14.36651,3.76322 -18.5012,9.52397 -0.25411,0.35405 -0.49835,0.7154 -0.73226,1.08417 -0.33914,0.53466 -0.65626,1.08396 -0.95084,1.64745 -0.22969,0.43936 -0.44626,0.88648 -0.64751,1.34203 -1.24004,2.80691 -1.93373,5.90701 -1.93373,9.16792 0,3.13849 0.63813,6.13066 1.79162,8.8532 0.28833,0.68049 0.60936,1.34413 0.96015,1.98903 0.17543,0.32252 0.35796,0.64053 0.54829,0.95343 0.38066,0.6258 0.79096,1.23198 1.22835,1.81643 4.15516,5.55218 10.7832,9.15138 18.23713,9.15138 6.276837,0 11.967727,-2.55256 16.089447,-6.67401 0.77281,-0.77282 1.49065,-1.6007 2.14664,-2.47737 1.31202,-1.75332 2.37755,-3.70143 3.14451,-5.79241 0.89477,-2.4395 1.38338,-5.0735 1.38338,-7.81968 0,-1.88786 -0.23471,-3.72151 -0.66973,-5.47667 -0.037,-0.1492 -0.0764,-0.29742 -0.11627,-0.44545 -0.14885,-0.55206 -0.31786,-1.09567 -0.50643,-1.63039 -0.8274,-2.34604 -2.02946,-4.51499 -3.53311,-6.43889 -0.24615,-0.31496 -0.5002,-0.62308 -0.76223,-0.92449 -0.22774,-0.26194 -0.46093,-0.51872 -0.70022,-0.76998 -0.12865,-0.1351 -0.25464,-0.2727 -0.38654,-0.40462 -4.12172,-4.12198 -9.81261,-6.67505 -16.089447,-6.67505 z m 0,3.10111 c 10.878607,0 19.663907,8.78581 19.663907,19.66443 0,10.87863 -8.7853,19.66391 -19.663907,19.66391 -10.87862,0 -19.66392,-8.78528 -19.66392,-19.66391 0,-10.87862 8.7853,-19.66443 19.66392,-19.66443 z"
+           transform="translate(-215.32783,-12.440265)" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke-width:2.825;stroke-linecap:round"
+           d="m -107.87676,149.08565 h -3.54624 l -5.77401,-9.41118 -5.84978,9.41118 h -3.30377 l 7.36527,-11.51771 -6.86516,-10.63872 h 3.44016 l 5.34967,8.62312 5.33452,-8.62312 h 3.31892 l -6.88031,10.66903 z"
+           id="text1"
+           inkscape:label="Symbol X"
+           aria-label="X"
+           transform="translate(6.2499936e-8,1.1104167e-5)" /></g></g><g
+       id="g42"
+       inkscape:label="Style - Outline (Black)"
+       style="display:none"
+       transform="translate(4.5833335e-7,-1.0958333e-5)"><g
+         inkscape:label="Button Prompt B"
+         id="g29"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path26"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt A"
+         id="g33"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path30"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="g37"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path10"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt X"
+         id="g41"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><path
+           id="path54-3"
+           style="color:#000000;display:inline;fill:#000000;fill-opacity:1;stroke-width:1.04044;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m 98.214254,129.98868 c -11.3185,0 -20.45904,9.14107 -20.45904,20.45957 0,11.31851 9.14054,20.45903 20.45904,20.45903 11.318486,0 20.459026,-9.14052 20.459026,-20.45903 0,-11.3185 -9.14054,-20.45957 -20.459026,-20.45957 z"
+           transform="translate(-215.32783,-12.440265)" /><path
+           id="path55-9"
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Outline"
+           d="m 98.214254,127.6827 c -7.61699,0 -14.36651,3.76322 -18.5012,9.52397 -0.25411,0.35405 -0.49835,0.7154 -0.73226,1.08417 -0.33914,0.53466 -0.65626,1.08396 -0.95084,1.64745 -0.22969,0.43936 -0.44626,0.88648 -0.64751,1.34203 -1.24004,2.80691 -1.93373,5.90701 -1.93373,9.16792 0,3.13849 0.63813,6.13066 1.79162,8.8532 0.28833,0.68049 0.60936,1.34413 0.96015,1.98903 0.17543,0.32252 0.35796,0.64053 0.54829,0.95343 0.38066,0.6258 0.79096,1.23198 1.22835,1.81643 4.15516,5.55218 10.7832,9.15138 18.23713,9.15138 6.276836,0 11.967726,-2.55256 16.089446,-6.67401 0.77281,-0.77282 1.49065,-1.6007 2.14664,-2.47737 1.31202,-1.75332 2.37755,-3.70143 3.14451,-5.79241 0.89477,-2.4395 1.38338,-5.0735 1.38338,-7.81968 0,-1.88786 -0.23471,-3.72151 -0.66973,-5.47667 -0.037,-0.1492 -0.0764,-0.29742 -0.11627,-0.44545 -0.14885,-0.55206 -0.31786,-1.09567 -0.50643,-1.63039 -0.8274,-2.34604 -2.02946,-4.51499 -3.53312,-6.43889 -0.24614,-0.31496 -0.50019,-0.62308 -0.76222,-0.92449 -0.22774,-0.26194 -0.46093,-0.51872 -0.70022,-0.76998 -0.12865,-0.1351 -0.25464,-0.2727 -0.38654,-0.40462 -4.12172,-4.12198 -9.81261,-6.67505 -16.089446,-6.67505 z m 0,3.10111 c 10.878606,0 19.663906,8.78581 19.663906,19.66443 0,10.87863 -8.7853,19.66391 -19.663906,19.66391 -10.87862,0 -19.66392,-8.78528 -19.66392,-19.66391 0,-10.87862 8.7853,-19.66443 19.66392,-19.66443 z"
+           transform="translate(-215.32783,-12.440265)" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;display:inline;fill:#ffffff;fill-opacity:1;stroke-width:2.825;stroke-linecap:round"
+           d="m -107.87676,149.08565 h -3.54624 l -5.77401,-9.41118 -5.84978,9.41118 h -3.30377 l 7.36527,-11.51771 -6.86516,-10.63872 h 3.44016 l 5.34967,8.62312 5.33452,-8.62312 h 3.31892 l -6.88031,10.66903 z"
+           id="path2"
+           inkscape:label="Symbol X"
+           aria-label="X"
+           transform="translate(6.2499936e-8,1.1104167e-5)" /></g></g><g
+       id="g20"
+       inkscape:label="Style - Transparent"
+       style="display:inline"
+       transform="translate(4.5833335e-7,-1.0958333e-5)"><g
+         inkscape:label="Button Prompt B"
+         id="g7"
+         transform="translate(215.32783,93.126341)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path5"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt A"
+         id="g11"
+         transform="translate(255.67042,52.783311)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path8"
+           inkscape:label="Outline" /></g><g
+         inkscape:label="Button Prompt Y"
+         id="g15"
+         transform="translate(174.98435,52.783301)"
+         style="display:inline"><path
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           d="m -117.11328,115.24219 c -12.554,0 -22.76563,10.21163 -22.76563,22.76562 0,12.554 10.21163,22.76367 22.76563,22.76367 12.55399,0 22.763671,-10.20967 22.763671,-22.76367 0,-12.55399 -10.209681,-22.76562 -22.763671,-22.76562 z m 0,3.10156 c 10.87863,0 19.664061,8.78543 19.664061,19.66406 0,10.87864 -8.785431,19.66406 -19.664061,19.66406 -10.87863,0 -19.66406,-8.78542 -19.66406,-19.66406 0,-10.87863 8.78543,-19.66406 19.66406,-19.66406 z"
+           id="path12"
+           inkscape:label="Outline"
+           transform="translate(1.2499999e-6)" /></g><g
+         inkscape:label="Button Prompt X"
+         id="g19"
+         transform="translate(215.32783,12.440265)"
+         style="display:inline;fill:#ffffff;fill-opacity:1"><path
+           id="path15"
+           style="color:#000000;display:inline;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
+           inkscape:label="Circle"
+           d="m -117.11306,115.24219 c -12.55399,0 -22.76606,10.21155 -22.76606,22.76553 0,12.55399 10.21207,22.76399 22.76606,22.76399 12.55397,0 22.763465,-10.21 22.763465,-22.76399 0,-12.55398 -10.209495,-22.76553 -22.763465,-22.76553 z" /><path
+           style="font-weight:500;font-size:31.0372px;line-height:0;font-family:'open sans';-inkscape-font-specification:'open sans Medium';letter-spacing:-2.11667px;word-spacing:0px;display:inline;fill:#808080;fill-opacity:1;stroke-width:2.825;stroke-linecap:round"
+           d="m -107.87676,149.08565 h -3.54624 l -5.77401,-9.41118 -5.84978,9.41118 h -3.30377 l 7.36527,-11.51771 -6.86516,-10.63872 h 3.44016 l 5.34967,8.62312 5.33452,-8.62312 h 3.31892 l -6.88031,10.66903 z"
+           id="path1"
+           inkscape:label="Symbol X"
+           aria-label="X"
+           transform="translate(6.2499936e-8,1.1104167e-5)" /></g></g></g></svg>