From 09ee30d5570750faa55da423bbd76d8652b786d1 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 30 Apr 2024 13:19:26 +0000
Subject: [PATCH] deploy: 38b82b0d398a4b2e108ad312d6dfad96d9580729

---
 _state.json                                 | 2 +-
 index.html                                  | 2 +-
 svg/icons/actions-add.svg                   | 1 +
 svg/icons/actions-archive.svg               | 1 +
 svg/icons/actions-copy.svg                  | 1 +
 svg/icons/actions-drag.svg                  | 1 +
 svg/icons/actions-refresh.svg               | 1 +
 svg/icons/actions-remove.svg                | 1 +
 svg/icons/actions-search.svg                | 1 +
 svg/icons/actions-send.svg                  | 1 +
 svg/icons/actions-trash.svg                 | 1 +
 svg/icons/api.svg                           | 1 +
 svg/icons/back.svg                          | 1 +
 svg/icons/caret-down.svg                    | 1 +
 svg/icons/caret-left.svg                    | 1 +
 svg/icons/caret-right.svg                   | 1 +
 svg/icons/caret-up.svg                      | 1 +
 svg/icons/checkmark.svg                     | 1 +
 svg/icons/checkout-complete.svg             | 1 +
 svg/icons/checkout-expired.svg              | 1 +
 svg/icons/checkout-sent.svg                 | 1 +
 svg/icons/close.svg                         | 1 +
 svg/icons/cross.svg                         | 1 +
 svg/icons/docs.svg                          | 1 +
 svg/icons/donate.svg                        | 1 +
 svg/icons/done.svg                          | 1 +
 svg/icons/dots.svg                          | 1 +
 svg/icons/forms-checkbox.svg                | 1 +
 svg/icons/forms-date.svg                    | 1 +
 svg/icons/forms-number.svg                  | 1 +
 svg/icons/forms-select.svg                  | 1 +
 svg/icons/forms-text.svg                    | 1 +
 svg/icons/info.svg                          | 1 +
 svg/icons/logo-btcpay.svg                   | 1 +
 svg/icons/logo-lightningterminal.svg        | 1 +
 svg/icons/logo-rtl.svg                      | 1 +
 svg/icons/logo-shopify.svg                  | 1 +
 svg/icons/logo-thunderhub.svg               | 1 +
 svg/icons/logo-tor.svg                      | 1 +
 svg/icons/minus.svg                         | 1 +
 svg/icons/nav-account.svg                   | 1 +
 svg/icons/nav-contact.svg                   | 1 +
 svg/icons/nav-crowdfund.svg                 | 1 +
 svg/icons/nav-dashboard.svg                 | 1 +
 svg/icons/nav-invoice.svg                   | 1 +
 svg/icons/nav-invoices.svg                  | 1 +
 svg/icons/nav-keypad.svg                    | 1 +
 svg/icons/nav-lightning-address.svg         | 1 +
 svg/icons/nav-mobile-menu.svg               | 1 +
 svg/icons/nav-notifications.svg             | 1 +
 svg/icons/nav-pay-button.svg                | 1 +
 svg/icons/nav-payment-requests.svg          | 1 +
 svg/icons/nav-payouts.svg                   | 1 +
 svg/icons/nav-plugin.svg                    | 1 +
 svg/icons/nav-plugins-explore.svg           | 1 +
 svg/icons/nav-plugins-manage.svg            | 1 +
 svg/icons/nav-pointofsale.svg               | 1 +
 svg/icons/nav-pull-payments.svg             | 1 +
 svg/icons/nav-reporting.svg                 | 1 +
 svg/icons/nav-server-settings.svg           | 1 +
 svg/icons/nav-store-settings.svg            | 1 +
 svg/icons/nav-store.svg                     | 1 +
 svg/icons/notifications-invoice-failure.svg | 1 +
 svg/icons/notifications-invoice-settled.svg | 1 +
 svg/icons/notifications-new-version.svg     | 1 +
 svg/icons/notifications-payout-approved.svg | 1 +
 svg/icons/notifications-payout.svg          | 1 +
 svg/icons/payment-receive.svg               | 1 +
 svg/icons/payment-send.svg                  | 1 +
 svg/icons/plus.svg                          | 1 +
 svg/icons/pos-cart.svg                      | 1 +
 svg/icons/pos-light.svg                     | 1 +
 svg/icons/pos-print.svg                     | 1 +
 svg/icons/pos-static.svg                    | 1 +
 svg/icons/qr-code.svg                       | 1 +
 svg/icons/scan-qr.svg                       | 1 +
 svg/icons/settings.svg                      | 1 +
 svg/icons/social-github.svg                 | 1 +
 svg/icons/social-mattermost.svg             | 1 +
 svg/icons/social-nostr.svg                  | 1 +
 svg/icons/social-telegram.svg               | 1 +
 svg/icons/social-twitter.svg                | 1 +
 svg/icons/themes-dark.svg                   | 1 +
 svg/icons/themes-light.svg                  | 1 +
 svg/icons/themes-system.svg                 | 1 +
 svg/icons/wallet-existing.svg               | 1 +
 svg/icons/wallet-file.svg                   | 1 +
 svg/icons/wallet-hardware.svg               | 1 +
 svg/icons/wallet-hot.svg                    | 1 +
 svg/icons/wallet-key.svg                    | 1 +
 svg/icons/wallet-new.svg                    | 1 +
 svg/icons/wallet-seed.svg                   | 1 +
 svg/icons/wallet-watchonly.svg              | 1 +
 svg/icons/wallet-xpub.svg                   | 1 +
 svg/icons/warning.svg                       | 1 +
 95 files changed, 95 insertions(+), 2 deletions(-)
 create mode 100644 svg/icons/actions-add.svg
 create mode 100644 svg/icons/actions-archive.svg
 create mode 100644 svg/icons/actions-copy.svg
 create mode 100644 svg/icons/actions-drag.svg
 create mode 100644 svg/icons/actions-refresh.svg
 create mode 100644 svg/icons/actions-remove.svg
 create mode 100644 svg/icons/actions-search.svg
 create mode 100644 svg/icons/actions-send.svg
 create mode 100644 svg/icons/actions-trash.svg
 create mode 100644 svg/icons/api.svg
 create mode 100644 svg/icons/back.svg
 create mode 100644 svg/icons/caret-down.svg
 create mode 100644 svg/icons/caret-left.svg
 create mode 100644 svg/icons/caret-right.svg
 create mode 100644 svg/icons/caret-up.svg
 create mode 100644 svg/icons/checkmark.svg
 create mode 100644 svg/icons/checkout-complete.svg
 create mode 100644 svg/icons/checkout-expired.svg
 create mode 100644 svg/icons/checkout-sent.svg
 create mode 100644 svg/icons/close.svg
 create mode 100644 svg/icons/cross.svg
 create mode 100644 svg/icons/docs.svg
 create mode 100644 svg/icons/donate.svg
 create mode 100644 svg/icons/done.svg
 create mode 100644 svg/icons/dots.svg
 create mode 100644 svg/icons/forms-checkbox.svg
 create mode 100644 svg/icons/forms-date.svg
 create mode 100644 svg/icons/forms-number.svg
 create mode 100644 svg/icons/forms-select.svg
 create mode 100644 svg/icons/forms-text.svg
 create mode 100644 svg/icons/info.svg
 create mode 100644 svg/icons/logo-btcpay.svg
 create mode 100644 svg/icons/logo-lightningterminal.svg
 create mode 100644 svg/icons/logo-rtl.svg
 create mode 100644 svg/icons/logo-shopify.svg
 create mode 100644 svg/icons/logo-thunderhub.svg
 create mode 100644 svg/icons/logo-tor.svg
 create mode 100644 svg/icons/minus.svg
 create mode 100644 svg/icons/nav-account.svg
 create mode 100644 svg/icons/nav-contact.svg
 create mode 100644 svg/icons/nav-crowdfund.svg
 create mode 100644 svg/icons/nav-dashboard.svg
 create mode 100644 svg/icons/nav-invoice.svg
 create mode 100644 svg/icons/nav-invoices.svg
 create mode 100644 svg/icons/nav-keypad.svg
 create mode 100644 svg/icons/nav-lightning-address.svg
 create mode 100644 svg/icons/nav-mobile-menu.svg
 create mode 100644 svg/icons/nav-notifications.svg
 create mode 100644 svg/icons/nav-pay-button.svg
 create mode 100644 svg/icons/nav-payment-requests.svg
 create mode 100644 svg/icons/nav-payouts.svg
 create mode 100644 svg/icons/nav-plugin.svg
 create mode 100644 svg/icons/nav-plugins-explore.svg
 create mode 100644 svg/icons/nav-plugins-manage.svg
 create mode 100644 svg/icons/nav-pointofsale.svg
 create mode 100644 svg/icons/nav-pull-payments.svg
 create mode 100644 svg/icons/nav-reporting.svg
 create mode 100644 svg/icons/nav-server-settings.svg
 create mode 100644 svg/icons/nav-store-settings.svg
 create mode 100644 svg/icons/nav-store.svg
 create mode 100644 svg/icons/notifications-invoice-failure.svg
 create mode 100644 svg/icons/notifications-invoice-settled.svg
 create mode 100644 svg/icons/notifications-new-version.svg
 create mode 100644 svg/icons/notifications-payout-approved.svg
 create mode 100644 svg/icons/notifications-payout.svg
 create mode 100644 svg/icons/payment-receive.svg
 create mode 100644 svg/icons/payment-send.svg
 create mode 100644 svg/icons/plus.svg
 create mode 100644 svg/icons/pos-cart.svg
 create mode 100644 svg/icons/pos-light.svg
 create mode 100644 svg/icons/pos-print.svg
 create mode 100644 svg/icons/pos-static.svg
 create mode 100644 svg/icons/qr-code.svg
 create mode 100644 svg/icons/scan-qr.svg
 create mode 100644 svg/icons/settings.svg
 create mode 100644 svg/icons/social-github.svg
 create mode 100644 svg/icons/social-mattermost.svg
 create mode 100644 svg/icons/social-nostr.svg
 create mode 100644 svg/icons/social-telegram.svg
 create mode 100644 svg/icons/social-twitter.svg
 create mode 100644 svg/icons/themes-dark.svg
 create mode 100644 svg/icons/themes-light.svg
 create mode 100644 svg/icons/themes-system.svg
 create mode 100644 svg/icons/wallet-existing.svg
 create mode 100644 svg/icons/wallet-file.svg
 create mode 100644 svg/icons/wallet-hardware.svg
 create mode 100644 svg/icons/wallet-hot.svg
 create mode 100644 svg/icons/wallet-key.svg
 create mode 100644 svg/icons/wallet-new.svg
 create mode 100644 svg/icons/wallet-seed.svg
 create mode 100644 svg/icons/wallet-watchonly.svg
 create mode 100644 svg/icons/wallet-xpub.svg
 create mode 100644 svg/icons/warning.svg

diff --git a/_state.json b/_state.json
index 28203b6..ad5a9f4 100644
--- a/_state.json
+++ b/_state.json
@@ -2,7 +2,7 @@
   "config": {
     "name": "BTCPay Server Design System",
     "version": "0.1.0",
-    "update": 1713882633360,
+    "update": 1714483161328,
     "logo": "/resources/design-files/btcpay-logo.svg",
     "source": {
       "components": [
diff --git a/index.html b/index.html
index ae250b1..100f9bc 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
     <script>
       window.UIengine = {
         base: "/",
-        state: {"config":{"name":"BTCPay Server Design System","version":"0.1.0","update":1713882633360,"logo":"/resources/design-files/btcpay-logo.svg","source":{"components":["/home/runner/work/btcpayserver-design/btcpayserver-design/src/components","/home/runner/work/btcpayserver-design/btcpayserver-design/src/views"],"templates":"/home/runner/work/btcpayserver-design/btcpayserver-design/src/templates","pages":"/home/runner/work/btcpayserver-design/btcpayserver-design/pages","additionalWatches":["/home/runner/work/btcpayserver-design/btcpayserver-design/src/design"],"base":"/home/runner/work/btcpayserver-design/btcpayserver-design","configFile":"/home/runner/work/btcpayserver-design/btcpayserver-design/uiengine.config.js"},"target":"/home/runner/work/btcpayserver-design/btcpayserver-design/dist","adapters":{"html":{"module":"@uiengine/adapter-html","options":{"basedir":"./src/components","skipScaffold":false}}},"template":"patternlib.html","themes":[{"id":"light","title":"Light"},{"id":"dark","title":"Dark"}],"ui":{"lang":"en","customStylesFile":"/styles/patternlib-overrides.css","repoBaseUrl":"https://github.com/btcpayserver/btcpayserver-design/blob/master/","viewports":{"Phone":{"width":320},"Tablet":{"width":768},"Desktop":{"width":1280}},"breakpoints":{"XS":320,"S":560,"M":768,"L":960,"XL":1280},"base":"/"},"browserSync":{"open":false},"plugins":[]},"plugins":{"ui":{"js":[],"css":[],"tabs":[],"actions":[],"iframe_js":[]}},"pages":{"index":{"childIds":["design","components","resources","development"],"id":"index","title":"BTCPay Server Design System","isTitleFromHeading":true,"path":"","sourcePath":"pages","sourceFile":"pages/page.config.js","readmeFile":"pages/README.md","type":"documentation","content":"\u003ch1 id=\"btcpay-server-design-system\" tabindex=\"-1\"\u003eBTCPay Server Design System\u003c/h1\u003e\n\u003cp\u003eCodified design guidelines for the BTCPay Server webpages.\u003c/p\u003e\n\u003ch2 id=\"related-resources\" tabindex=\"-1\"\u003eRelated resources\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/btcpayserver/btcpayserver-design/\"\u003eRepository on GitHub\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://www.figma.com/file/C7Xyq0FlxgFW8vaBr8ht1z/BTCPAY\"\u003eDesign Specifications on Figma\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/btcpayserver/btcpayserver-media\"\u003eMedia asset for BTCPay Server\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/btcpayserver/btcpayserver-doc\"\u003eOfficial Documentation\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e"},"components":{"childIds":[],"componentIds":["header","theme-switch","bootstrap","pills","toggle","footer"],"id":"components","title":"Components","isTitleFromHeading":true,"path":"components","sourcePath":"pages/components","sourceFile":"pages/components/page.config.js","readmeFile":"pages/components/README.md","type":"documentation","content":"\u003ch1 id=\"components\" tabindex=\"-1\"\u003eComponents\u003c/h1\u003e"},"design":{"childIds":["design/colors","design/fonts","design/icons","design/spaces","design/variables"],"id":"design","title":"Design","isTitleFromHeading":true,"path":"design","sourcePath":"pages/design","sourceFile":"pages/design/page.config.js","readmeFile":"pages/design/README.md","type":"documentation","content":"\u003ch1 id=\"design\" tabindex=\"-1\"\u003eDesign\u003c/h1\u003e"},"development":{"childIds":[],"id":"development","title":"Development","isTitleFromHeading":true,"path":"development","sourcePath":"pages/development","readmeFile":"pages/development/README.md","type":"documentation","content":"\u003ch1 id=\"development\" tabindex=\"-1\"\u003eDevelopment\u003c/h1\u003e\n\u003ch2 id=\"setup\" tabindex=\"-1\"\u003eSetup\u003c/h2\u003e\n\u003cp\u003eDependencies are managed via npm.\nOnce you have cloned \u003ca href=\"https://github.com/btcpayserver/btcpayserver-design/\"\u003ethis repo\u003c/a\u003e, you can setup the packages:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpm install\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eCreate a build and rebuild on file change:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpm start\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis will bring up the dev server and pattern library on \u003ca href=\"http://localhost:3000\"\u003elocalhost:3000\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"how-to-create-a-component%3F\" tabindex=\"-1\"\u003eHow to create a component?\u003c/h2\u003e\n\u003cp\u003eTo generate the basic files of a component you can use the \u003ccode\u003ecomponent\u003c/code\u003e command:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine component COMPONENT_ID\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis will also generate a default variant named after the component.\nIn case you want to directly add some variants, you can list them like so:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine component COMPONENT_ID VARIANT_1 VARIANT_2 VARIANT_3\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"how-to-create-a-variant%3F\" tabindex=\"-1\"\u003eHow to create a variant?\u003c/h2\u003e\n\u003cp\u003eA variant needs at least a file to render.\nYou create a variant by adding a file renderable by one of the configured adapters to the \u003ccode\u003evariants\u003c/code\u003e directory of a component.\u003c/p\u003e\n\u003cp\u003eTo render a variant, we also need a layout.\nThe \u003ccode\u003enpx uiengine init\u003c/code\u003e command created a basic html layout file in \u003ccode\u003esrc/templates/uiengine.html\u003c/code\u003e.\nIt includes the \u003ccode\u003e\u0026lt;!-- uiengine:content --\u0026gt;\u003c/code\u003e comment, which will be replaced with the HTML of the rendered variant.\nYou can go ahead and extend the layout to fit your needs and include the correct HTML and style and script references.\u003c/p\u003e\n\u003cp\u003eThis layout file is just there to get you started.\nFeel free to change its content and use an other adapter to fit your projects needs.\u003c/p\u003e\n\u003ch2 id=\"how-to-create-a-page%3F\" tabindex=\"-1\"\u003eHow to create a page?\u003c/h2\u003e\n\u003cp\u003eTo generate the basic files and folders of a page you can use the \u003ccode\u003epage\u003c/code\u003e command:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine page PAGE_ID\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis generate a \u003ccode\u003eREADME.md\u003c/code\u003e and a \u003ccode\u003epage.config.js\u003c/code\u003e file inside the folder matching the page id in you pages source directory.\nIn case you want to directly add some pages, you can list them like so:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine page PAGE_1_ID PAGE_2_ID PAGE_3_ID\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eSay you would like to create pages for grouping your components with the \u003ca href=\"http://atomicdesign.bradfrost.com/chapter-2/\"\u003eAtomic Design Methodology\u003c/a\u003e:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine page atoms molecules organisms templates pages\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"how-to-generate-the-project%3F\" tabindex=\"-1\"\u003eHow to generate the project?\u003c/h2\u003e\n\u003cp\u003eThe site can be generated with the following command:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpm start\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eIt rebuilds files on change and spawns a server for the generated site.\u003c/p\u003e\n\u003cp\u003eUnder the hood \u003ca href=\"https://www.browsersync.io/\"\u003eBrowserSync\u003c/a\u003e is used to provide serving and watching the files.\nFor information on how to configure the server and pass additional options, see the \u003ca href=\"https://uiengine.uix.space/basics/config/#BrowserSync\"\u003econfiguration documentation\u003c/a\u003e.\u003c/p\u003e"},"resources":{"childIds":["resources/css","resources/favicon","resources/design-files","resources/supporters"],"id":"resources","title":"Resources","isTitleFromHeading":false,"path":"resources","sourcePath":"pages/resources","sourceFile":"pages/resources/page.config.js","type":"documentation"},"views":{"childIds":[],"componentIds":["kitchensink"],"id":"views","title":"Views","isTitleFromHeading":true,"path":"views","sourcePath":"pages/views","sourceFile":"pages/views/page.config.js","readmeFile":"pages/views/README.md","type":"documentation","content":"\u003ch1 id=\"views\" tabindex=\"-1\"\u003eViews\u003c/h1\u003e"},"design/colors":{"childIds":[],"tokens":[{"type":"category","name":"Brand","tokens":[{"category":"Brand","name":"Brand Primary","value":"#51b13e","variable":"--btcpay-brand-primary","type":"color"},{"category":"Brand","name":"Brand Secondary","value":"#CEDC21","variable":"--btcpay-brand-secondary","type":"color"},{"category":"Brand","name":"Brand Tertiary","value":"#1e7a44","variable":"--btcpay-brand-tertiary","type":"color"},{"category":"Brand","name":"Brand Dark","value":"#0F3B21","variable":"--btcpay-brand-dark","type":"color"}]},{"type":"category","name":"Primitives","tokens":[{"category":"Primitives","name":"White","value":"#ffffff","variable":"--btcpay-white","type":"color"},{"category":"Primitives","name":"White RGB","value":"255, 255, 255","variable":"--btcpay-white-rgb","type":"color"},{"category":"Primitives","name":"Black","value":"#000000","variable":"--btcpay-black","type":"color"},{"category":"Primitives","name":"Black RGB","value":"0, 0, 0","variable":"--btcpay-black-rgb","type":"color"}]},{"type":"category","name":"Neutral Light","tokens":[{"value":"#f8f9fa","category":"Neutral Light","name":"Neutral Light 100","variable":"--btcpay-neutral-light-100","reference":null,"type":"color"},{"value":"248,249,250","category":"Neutral Light","name":"Neutral Light 100","variable":"--btcpay-neutral-light-100-rgb","reference":null,"type":"color"},{"value":"#e9ecef","category":"Neutral Light","name":"Neutral Light 200","variable":"--btcpay-neutral-light-200","reference":null,"type":"color"},{"value":"233,236,239","category":"Neutral Light","name":"Neutral Light 200","variable":"--btcpay-neutral-light-200-rgb","reference":null,"type":"color"},{"value":"#dee2e6","category":"Neutral Light","name":"Neutral Light 300","variable":"--btcpay-neutral-light-300","reference":null,"type":"color"},{"value":"222,226,230","category":"Neutral Light","name":"Neutral Light 300","variable":"--btcpay-neutral-light-300-rgb","reference":null,"type":"color"},{"value":"#ced4da","category":"Neutral Light","name":"Neutral Light 400","variable":"--btcpay-neutral-light-400","reference":null,"type":"color"},{"value":"206,212,218","category":"Neutral Light","name":"Neutral Light 400","variable":"--btcpay-neutral-light-400-rgb","reference":null,"type":"color"},{"value":"#8f979e","category":"Neutral Light","name":"Neutral Light 500","variable":"--btcpay-neutral-light-500","reference":null,"type":"color"},{"value":"143,151,158","category":"Neutral Light","name":"Neutral Light 500","variable":"--btcpay-neutral-light-500-rgb","reference":null,"type":"color"},{"value":"#6c757d","category":"Neutral Light","name":"Neutral Light 600","variable":"--btcpay-neutral-light-600","reference":null,"type":"color"},{"value":"108,117,125","category":"Neutral Light","name":"Neutral Light 600","variable":"--btcpay-neutral-light-600-rgb","reference":null,"type":"color"},{"value":"#495057","category":"Neutral Light","name":"Neutral Light 700","variable":"--btcpay-neutral-light-700","reference":null,"type":"color"},{"value":"73,80,87","category":"Neutral Light","name":"Neutral Light 700","variable":"--btcpay-neutral-light-700-rgb","reference":null,"type":"color"},{"value":"#343a40","category":"Neutral Light","name":"Neutral Light 800","variable":"--btcpay-neutral-light-800","reference":null,"type":"color"},{"value":"52,58,64","category":"Neutral Light","name":"Neutral Light 800","variable":"--btcpay-neutral-light-800-rgb","reference":null,"type":"color"},{"value":"#292929","category":"Neutral Light","name":"Neutral Light 900","variable":"--btcpay-neutral-light-900","reference":null,"type":"color"},{"value":"41,41,41","category":"Neutral Light","name":"Neutral Light 900","variable":"--btcpay-neutral-light-900-rgb","reference":null,"type":"color"},{"value":"143,151,158","category":"Neutral Light","name":"Neutral Light RGB","variable":"--btcpay-neutral-light-rgb","type":"color"}]},{"type":"category","name":"Neutral Dark","tokens":[{"value":"#F0F6FC","category":"Neutral Dark","name":"Neutral Dark 100","variable":"--btcpay-neutral-dark-100","reference":null,"type":"color"},{"value":"240,246,252","category":"Neutral Dark","name":"Neutral Dark 100","variable":"--btcpay-neutral-dark-100-rgb","reference":null,"type":"color"},{"value":"#C9D1D9","category":"Neutral Dark","name":"Neutral Dark 200","variable":"--btcpay-neutral-dark-200","reference":null,"type":"color"},{"value":"201,209,217","category":"Neutral Dark","name":"Neutral Dark 200","variable":"--btcpay-neutral-dark-200-rgb","reference":null,"type":"color"},{"value":"#B1BAC4","category":"Neutral Dark","name":"Neutral Dark 300","variable":"--btcpay-neutral-dark-300","reference":null,"type":"color"},{"value":"177,186,196","category":"Neutral Dark","name":"Neutral Dark 300","variable":"--btcpay-neutral-dark-300-rgb","reference":null,"type":"color"},{"value":"#8B949E","category":"Neutral Dark","name":"Neutral Dark 400","variable":"--btcpay-neutral-dark-400","reference":null,"type":"color"},{"value":"139,148,158","category":"Neutral Dark","name":"Neutral Dark 400","variable":"--btcpay-neutral-dark-400-rgb","reference":null,"type":"color"},{"value":"#6E7681","category":"Neutral Dark","name":"Neutral Dark 500","variable":"--btcpay-neutral-dark-500","reference":null,"type":"color"},{"value":"110,118,129","category":"Neutral Dark","name":"Neutral Dark 500","variable":"--btcpay-neutral-dark-500-rgb","reference":null,"type":"color"},{"value":"#484F58","category":"Neutral Dark","name":"Neutral Dark 600","variable":"--btcpay-neutral-dark-600","reference":null,"type":"color"},{"value":"72,79,88","category":"Neutral Dark","name":"Neutral Dark 600","variable":"--btcpay-neutral-dark-600-rgb","reference":null,"type":"color"},{"value":"#30363D","category":"Neutral Dark","name":"Neutral Dark 700","variable":"--btcpay-neutral-dark-700","reference":null,"type":"color"},{"value":"48,54,61","category":"Neutral Dark","name":"Neutral Dark 700","variable":"--btcpay-neutral-dark-700-rgb","reference":null,"type":"color"},{"value":"#21262D","category":"Neutral Dark","name":"Neutral Dark 800","variable":"--btcpay-neutral-dark-800","reference":null,"type":"color"},{"value":"33,38,45","category":"Neutral Dark","name":"Neutral Dark 800","variable":"--btcpay-neutral-dark-800-rgb","reference":null,"type":"color"},{"value":"#161B22","category":"Neutral Dark","name":"Neutral Dark 900","variable":"--btcpay-neutral-dark-900","reference":null,"type":"color"},{"value":"22,27,34","category":"Neutral Dark","name":"Neutral Dark 900","variable":"--btcpay-neutral-dark-900-rgb","reference":null,"type":"color"},{"value":"110,118,129","category":"Neutral Dark","name":"Neutral Dark RGB","variable":"--btcpay-neutral-dark-rgb","type":"color"}]},{"type":"category","name":"Primary","tokens":[{"value":"#c7e6c1","category":"Primary","name":"Primary 100","variable":"--btcpay-primary-100","reference":null,"type":"color"},{"value":"199,230,193","category":"Primary","name":"Primary 100","variable":"--btcpay-primary-100-rgb","reference":null,"type":"color"},{"value":"#b5dead","category":"Primary","name":"Primary 200","variable":"--btcpay-primary-200","reference":null,"type":"color"},{"value":"181,222,173","category":"Primary","name":"Primary 200","variable":"--btcpay-primary-200-rgb","reference":null,"type":"color"},{"value":"#9dd392","category":"Primary","name":"Primary 300","variable":"--btcpay-primary-300","reference":null,"type":"color"},{"value":"157,211,146","category":"Primary","name":"Primary 300","variable":"--btcpay-primary-300-rgb","reference":null,"type":"color"},{"value":"#7cc46e","category":"Primary","name":"Primary 400","variable":"--btcpay-primary-400","reference":null,"type":"color"},{"value":"124,196,110","category":"Primary","name":"Primary 400","variable":"--btcpay-primary-400-rgb","reference":null,"type":"color"},{"value":"#44a431","category":"Primary","name":"Primary 500","variable":"--btcpay-primary-500","reference":null,"type":"color"},{"value":"68,164,49","category":"Primary","name":"Primary 500","variable":"--btcpay-primary-500-rgb","reference":null,"type":"color"},{"value":"#389725","category":"Primary","name":"Primary 600","variable":"--btcpay-primary-600","reference":null,"type":"color"},{"value":"56,151,37","category":"Primary","name":"Primary 600","variable":"--btcpay-primary-600-rgb","reference":null,"type":"color"},{"value":"#2e8a1b","category":"Primary","name":"Primary 700","variable":"--btcpay-primary-700","reference":null,"type":"color"},{"value":"46,138,27","category":"Primary","name":"Primary 700","variable":"--btcpay-primary-700-rgb","reference":null,"type":"color"},{"value":"#247d12","category":"Primary","name":"Primary 800","variable":"--btcpay-primary-800","reference":null,"type":"color"},{"value":"36,125,18","category":"Primary","name":"Primary 800","variable":"--btcpay-primary-800-rgb","reference":null,"type":"color"},{"value":"#1c710b","category":"Primary","name":"Primary 900","variable":"--btcpay-primary-900","reference":null,"type":"color"},{"value":"28,113,11","category":"Primary","name":"Primary 900","variable":"--btcpay-primary-900-rgb","reference":null,"type":"color"},{"value":"68,164,49","category":"Primary","name":"Primary RGB","variable":"--btcpay-primary-rgb","type":"color"}]},{"type":"category","name":"Green","tokens":[{"value":"#EEFAEB","category":"Green","name":"Green 100","variable":"--btcpay-green-100","reference":null,"type":"color"},{"value":"238,250,235","category":"Green","name":"Green 100","variable":"--btcpay-green-100-rgb","reference":null,"type":"color"},{"value":"#C7E8C0","category":"Green","name":"Green 200","variable":"--btcpay-green-200","reference":null,"type":"color"},{"value":"199,232,192","category":"Green","name":"Green 200","variable":"--btcpay-green-200-rgb","reference":null,"type":"color"},{"value":"#A0D695","category":"Green","name":"Green 300","variable":"--btcpay-green-300","reference":null,"type":"color"},{"value":"160,214,149","category":"Green","name":"Green 300","variable":"--btcpay-green-300-rgb","reference":null,"type":"color"},{"value":"#78C369","category":"Green","name":"Green 400","variable":"--btcpay-green-400","reference":null,"type":"color"},{"value":"120,195,105","category":"Green","name":"Green 400","variable":"--btcpay-green-400-rgb","reference":null,"type":"color"},{"value":"#51B13E","category":"Green","name":"Green 500","variable":"--btcpay-green-500","reference":null,"type":"color"},{"value":"81,177,62","category":"Green","name":"Green 500","variable":"--btcpay-green-500-rgb","reference":null,"type":"color"},{"value":"#419437","category":"Green","name":"Green 600","variable":"--btcpay-green-600","reference":null,"type":"color"},{"value":"65,148,55","category":"Green","name":"Green 600","variable":"--btcpay-green-600-rgb","reference":null,"type":"color"},{"value":"#307630","category":"Green","name":"Green 700","variable":"--btcpay-green-700","reference":null,"type":"color"},{"value":"48,118,48","category":"Green","name":"Green 700","variable":"--btcpay-green-700-rgb","reference":null,"type":"color"},{"value":"#205928","category":"Green","name":"Green 800","variable":"--btcpay-green-800","reference":null,"type":"color"},{"value":"32,89,40","category":"Green","name":"Green 800","variable":"--btcpay-green-800-rgb","reference":null,"type":"color"},{"value":"#0F3B21","category":"Green","name":"Green 900","variable":"--btcpay-green-900","reference":null,"type":"color"},{"value":"15,59,33","category":"Green","name":"Green 900","variable":"--btcpay-green-900-rgb","reference":null,"type":"color"},{"value":"81,177,62","category":"Green","name":"Green RGB","variable":"--btcpay-green-rgb","type":"color"}]},{"type":"category","name":"Blue","tokens":[{"value":"#b5e1e8","category":"Blue","name":"Blue 100","variable":"--btcpay-blue-100","reference":null,"type":"color"},{"value":"181,225,232","category":"Blue","name":"Blue 100","variable":"--btcpay-blue-100-rgb","reference":null,"type":"color"},{"value":"#9dd7e1","category":"Blue","name":"Blue 200","variable":"--btcpay-blue-200","reference":null,"type":"color"},{"value":"157,215,225","category":"Blue","name":"Blue 200","variable":"--btcpay-blue-200-rgb","reference":null,"type":"color"},{"value":"#7ccad7","category":"Blue","name":"Blue 300","variable":"--btcpay-blue-300","reference":null,"type":"color"},{"value":"124,202,215","category":"Blue","name":"Blue 300","variable":"--btcpay-blue-300-rgb","reference":null,"type":"color"},{"value":"#51b9c9","category":"Blue","name":"Blue 400","variable":"--btcpay-blue-400","reference":null,"type":"color"},{"value":"81,185,201","category":"Blue","name":"Blue 400","variable":"--btcpay-blue-400-rgb","reference":null,"type":"color"},{"value":"#17a2b8","category":"Blue","name":"Blue 500","variable":"--btcpay-blue-500","reference":null,"type":"color"},{"value":"23,162,184","category":"Blue","name":"Blue 500","variable":"--btcpay-blue-500-rgb","reference":null,"type":"color"},{"value":"#03899e","category":"Blue","name":"Blue 600","variable":"--btcpay-blue-600","reference":null,"type":"color"},{"value":"3,137,158","category":"Blue","name":"Blue 600","variable":"--btcpay-blue-600-rgb","reference":null,"type":"color"},{"value":"#007d91","category":"Blue","name":"Blue 700","variable":"--btcpay-blue-700","reference":null,"type":"color"},{"value":"0,125,145","category":"Blue","name":"Blue 700","variable":"--btcpay-blue-700-rgb","reference":null,"type":"color"},{"value":"#007284","category":"Blue","name":"Blue 800","variable":"--btcpay-blue-800","reference":null,"type":"color"},{"value":"0,114,132","category":"Blue","name":"Blue 800","variable":"--btcpay-blue-800-rgb","reference":null,"type":"color"},{"value":"#006778","category":"Blue","name":"Blue 900","variable":"--btcpay-blue-900","reference":null,"type":"color"},{"value":"0,103,120","category":"Blue","name":"Blue 900","variable":"--btcpay-blue-900-rgb","reference":null,"type":"color"},{"value":"23,162,184","category":"Blue","name":"Blue RGB","variable":"--btcpay-blue-rgb","type":"color"}]},{"type":"category","name":"Yellow","tokens":[{"value":"#FFFAF0","category":"Yellow","name":"Yellow 100","variable":"--btcpay-yellow-100","reference":null,"type":"color"},{"value":"255,250,240","category":"Yellow","name":"Yellow 100","variable":"--btcpay-yellow-100-rgb","reference":null,"type":"color"},{"value":"#FFF2D9","category":"Yellow","name":"Yellow 200","variable":"--btcpay-yellow-200","reference":null,"type":"color"},{"value":"255,242,217","category":"Yellow","name":"Yellow 200","variable":"--btcpay-yellow-200-rgb","reference":null,"type":"color"},{"value":"#FFE3AC","category":"Yellow","name":"Yellow 300","variable":"--btcpay-yellow-300","reference":null,"type":"color"},{"value":"255,227,172","category":"Yellow","name":"Yellow 300","variable":"--btcpay-yellow-300-rgb","reference":null,"type":"color"},{"value":"#FFCF70","category":"Yellow","name":"Yellow 400","variable":"--btcpay-yellow-400","reference":null,"type":"color"},{"value":"255,207,112","category":"Yellow","name":"Yellow 400","variable":"--btcpay-yellow-400-rgb","reference":null,"type":"color"},{"value":"#FFC043","category":"Yellow","name":"Yellow 500","variable":"--btcpay-yellow-500","reference":null,"type":"color"},{"value":"255,192,67","category":"Yellow","name":"Yellow 500","variable":"--btcpay-yellow-500-rgb","reference":null,"type":"color"},{"value":"#B57E12","category":"Yellow","name":"Yellow 600","variable":"--btcpay-yellow-600","reference":null,"type":"color"},{"value":"181,126,18","category":"Yellow","name":"Yellow 600","variable":"--btcpay-yellow-600-rgb","reference":null,"type":"color"},{"value":"#997328","category":"Yellow","name":"Yellow 700","variable":"--btcpay-yellow-700","reference":null,"type":"color"},{"value":"153,115,40","category":"Yellow","name":"Yellow 700","variable":"--btcpay-yellow-700-rgb","reference":null,"type":"color"},{"value":"#674D1B","category":"Yellow","name":"Yellow 800","variable":"--btcpay-yellow-800","reference":null,"type":"color"},{"value":"103,77,27","category":"Yellow","name":"Yellow 800","variable":"--btcpay-yellow-800-rgb","reference":null,"type":"color"},{"value":"#543D10","category":"Yellow","name":"Yellow 900","variable":"--btcpay-yellow-900","reference":null,"type":"color"},{"value":"84,61,16","category":"Yellow","name":"Yellow 900","variable":"--btcpay-yellow-900-rgb","reference":null,"type":"color"},{"value":"255,192,67","category":"Yellow","name":"Yellow RGB","variable":"--btcpay-yellow-rgb","type":"color"}]},{"type":"category","name":"Red","tokens":[{"value":"#FFEFED","category":"Red","name":"Red 100","variable":"--btcpay-red-100","reference":null,"type":"color"},{"value":"255,239,237","category":"Red","name":"Red 100","variable":"--btcpay-red-100-rgb","reference":null,"type":"color"},{"value":"#FED7D2","category":"Red","name":"Red 200","variable":"--btcpay-red-200","reference":null,"type":"color"},{"value":"254,215,210","category":"Red","name":"Red 200","variable":"--btcpay-red-200-rgb","reference":null,"type":"color"},{"value":"#F1998E","category":"Red","name":"Red 300","variable":"--btcpay-red-300","reference":null,"type":"color"},{"value":"241,153,142","category":"Red","name":"Red 300","variable":"--btcpay-red-300-rgb","reference":null,"type":"color"},{"value":"#E85C4A","category":"Red","name":"Red 400","variable":"--btcpay-red-400","reference":null,"type":"color"},{"value":"232,92,74","category":"Red","name":"Red 400","variable":"--btcpay-red-400-rgb","reference":null,"type":"color"},{"value":"#E11900","category":"Red","name":"Red 500","variable":"--btcpay-red-500","reference":null,"type":"color"},{"value":"225,25,0","category":"Red","name":"Red 500","variable":"--btcpay-red-500-rgb","reference":null,"type":"color"},{"value":"#AB1300","category":"Red","name":"Red 600","variable":"--btcpay-red-600","reference":null,"type":"color"},{"value":"171,19,0","category":"Red","name":"Red 600","variable":"--btcpay-red-600-rgb","reference":null,"type":"color"},{"value":"#870F00","category":"Red","name":"Red 700","variable":"--btcpay-red-700","reference":null,"type":"color"},{"value":"135,15,0","category":"Red","name":"Red 700","variable":"--btcpay-red-700-rgb","reference":null,"type":"color"},{"value":"#5A0A00","category":"Red","name":"Red 800","variable":"--btcpay-red-800","reference":null,"type":"color"},{"value":"90,10,0","category":"Red","name":"Red 800","variable":"--btcpay-red-800-rgb","reference":null,"type":"color"},{"value":"#420105","category":"Red","name":"Red 900","variable":"--btcpay-red-900","reference":null,"type":"color"},{"value":"66,1,5","category":"Red","name":"Red 900","variable":"--btcpay-red-900-rgb","reference":null,"type":"color"},{"value":"225,25,0","category":"Red","name":"Red RGB","variable":"--btcpay-red-rgb","type":"color"}]}],"id":"design/colors","title":"Colors","isTitleFromHeading":true,"path":"design/colors","sourcePath":"pages/design/colors","sourceFile":"pages/design/colors/page.config.js","readmeFile":"pages/design/colors/README.md","type":"tokens","content":"\u003ch1 id=\"colors\" tabindex=\"-1\"\u003eColors\u003c/h1\u003e"},"design/fonts":{"childIds":[],"tokens":[{"type":"category","name":"Font sizes","tokens":[{"name":"XS","value":"10px","variable":"--btcpay-font-size-xs"},{"name":"S","value":"12px","variable":"--btcpay-font-size-s"},{"name":"M","value":"14px","variable":"--btcpay-font-size-m"},{"name":"L","value":"18px","variable":"--btcpay-font-size-l"},{"name":"XL","value":"36px","variable":"--btcpay-font-size-xl"},{"name":"XXL","value":"45px","variable":"--btcpay-font-size-xxl"}]},{"type":"category","name":"Font weights","tokens":[{"name":"Regular","value":400,"variable":"--btcpay-font-weight-normal"},{"name":"Semibold","value":600,"variable":"--btcpay-font-weight-semibold"},{"name":"Bold","value":700,"variable":"--btcpay-font-weight-bold"}]},{"type":"category","name":"Font families","tokens":[{"type":"category","name":"Base","tokens":[{"type":"font","fontweight":"Regular / 400","description":"\"Open Sans\", \"Helvetica Neue\", Arial, sans-serif","value":"font-family: \"Open Sans\", \"Helvetica Neue\", Arial, sans-serif; font-weight: 400; ","variable":"--btcpay-font-family-base","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"},{"type":"font","fontweight":"Semibold / 600","description":"\"Open Sans\", \"Helvetica Neue\", Arial, sans-serif","value":"font-family: \"Open Sans\", \"Helvetica Neue\", Arial, sans-serif; font-weight: 600; ","variable":"--btcpay-font-family-base","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"},{"type":"font","fontweight":"Bold / 700","description":"\"Open Sans\", \"Helvetica Neue\", Arial, sans-serif","value":"font-family: \"Open Sans\", \"Helvetica Neue\", Arial, sans-serif; font-weight: 700; ","variable":"--btcpay-font-family-base","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"}]},{"type":"category","name":"Monospace","tokens":[{"type":"font","fontweight":"Regular / 400","description":"SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace","value":"font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-weight: 400; ","variable":"--btcpay-font-family-monospace","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"},{"type":"font","fontweight":"Semibold / 600","description":"SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace","value":"font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-weight: 600; ","variable":"--btcpay-font-family-monospace","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"},{"type":"font","fontweight":"Bold / 700","description":"SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace","value":"font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-weight: 700; ","variable":"--btcpay-font-family-monospace","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"}]}]}],"id":"design/fonts","title":"Fonts","isTitleFromHeading":true,"path":"design/fonts","sourcePath":"pages/design/fonts","sourceFile":"pages/design/fonts/page.config.js","readmeFile":"pages/design/fonts/README.md","type":"tokens","content":"\u003ch1 id=\"fonts\" tabindex=\"-1\"\u003eFonts\u003c/h1\u003e\n\u003cp\u003eThe different fonts can be use via the combination of the CSS properties \u003ccode\u003efont-family\u003c/code\u003e and \u003ccode\u003efont-weight\u003c/code\u003e.\u003c/p\u003e"},"design/icons":{"childIds":[],"title":"Icons","tokens":[{"type":"category","name":"actions","tokens":[{"type":"icon","name":"actions-add","variable":"actions-add","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-add\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-archive","variable":"actions-archive","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-archive\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-copy","variable":"actions-copy","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-copy\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-drag","variable":"actions-drag","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-drag\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-refresh","variable":"actions-refresh","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-refresh\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-remove","variable":"actions-remove","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-remove\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-search","variable":"actions-search","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-search\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-send","variable":"actions-send","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-send\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-trash","variable":"actions-trash","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-trash\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"general","tokens":[{"type":"icon","name":"api","variable":"api","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#api\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"back","variable":"back","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#back\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"checkmark","variable":"checkmark","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#checkmark\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"close","variable":"close","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#close\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"cross","variable":"cross","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#cross\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"docs","variable":"docs","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#docs\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"donate","variable":"donate","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#donate\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"done","variable":"done","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#done\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"dots","variable":"dots","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#dots\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"info","variable":"info","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#info\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"minus","variable":"minus","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#minus\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"plus","variable":"plus","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#plus\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"qr-code","variable":"qr-code","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#qr-code\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"scan-qr","variable":"scan-qr","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#scan-qr\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"settings","variable":"settings","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"warning","variable":"warning","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#warning\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"caret","tokens":[{"type":"icon","name":"caret-down","variable":"caret-down","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#caret-down\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"caret-left","variable":"caret-left","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#caret-left\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"caret-right","variable":"caret-right","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"caret-up","variable":"caret-up","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#caret-up\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"checkout","tokens":[{"type":"icon","name":"checkout-complete","variable":"checkout-complete","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#checkout-complete\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"checkout-expired","variable":"checkout-expired","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#checkout-expired\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"checkout-sent","variable":"checkout-sent","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#checkout-sent\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"forms","tokens":[{"type":"icon","name":"forms-checkbox","variable":"forms-checkbox","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-checkbox\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"forms-date","variable":"forms-date","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-date\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"forms-number","variable":"forms-number","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-number\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"forms-select","variable":"forms-select","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-select\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"forms-text","variable":"forms-text","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-text\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"logo","tokens":[{"type":"icon","name":"logo-btcpay","variable":"logo-btcpay","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-btcpay\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-lightningterminal","variable":"logo-lightningterminal","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-lightningterminal\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-rtl","variable":"logo-rtl","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-rtl\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-shopify","variable":"logo-shopify","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-shopify\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-thunderhub","variable":"logo-thunderhub","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-thunderhub\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-tor","variable":"logo-tor","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-tor\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"nav","tokens":[{"type":"icon","name":"nav-account","variable":"nav-account","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-account\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-contact","variable":"nav-contact","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-contact\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-crowdfund","variable":"nav-crowdfund","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-crowdfund\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-dashboard","variable":"nav-dashboard","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-dashboard\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-invoice","variable":"nav-invoice","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-invoice\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-invoices","variable":"nav-invoices","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-invoices\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-keypad","variable":"nav-keypad","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-keypad\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-lightning-address","variable":"nav-lightning-address","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-lightning-address\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-mobile-menu","variable":"nav-mobile-menu","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-mobile-menu\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-notifications","variable":"nav-notifications","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-notifications\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-pay-button","variable":"nav-pay-button","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-pay-button\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-payment-requests","variable":"nav-payment-requests","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-payment-requests\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-payouts","variable":"nav-payouts","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-payouts\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-plugin","variable":"nav-plugin","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-plugin\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-plugins-explore","variable":"nav-plugins-explore","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-plugins-explore\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-plugins-manage","variable":"nav-plugins-manage","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-plugins-manage\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-pointofsale","variable":"nav-pointofsale","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-pointofsale\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-pull-payments","variable":"nav-pull-payments","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-pull-payments\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-reporting","variable":"nav-reporting","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-reporting\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-server-settings","variable":"nav-server-settings","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-server-settings\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-store-settings","variable":"nav-store-settings","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-store-settings\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-store","variable":"nav-store","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-store\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"notifications","tokens":[{"type":"icon","name":"notifications-invoice-failure","variable":"notifications-invoice-failure","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-invoice-failure\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-invoice-settled","variable":"notifications-invoice-settled","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-invoice-settled\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-new-version","variable":"notifications-new-version","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-new-version\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-payout-approved","variable":"notifications-payout-approved","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-payout-approved\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-payout","variable":"notifications-payout","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-payout\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"payment","tokens":[{"type":"icon","name":"payment-receive","variable":"payment-receive","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#payment-receive\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"payment-send","variable":"payment-send","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#payment-send\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"pos","tokens":[{"type":"icon","name":"pos-cart","variable":"pos-cart","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#pos-cart\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"pos-light","variable":"pos-light","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#pos-light\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"pos-print","variable":"pos-print","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#pos-print\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"pos-static","variable":"pos-static","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#pos-static\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"social","tokens":[{"type":"icon","name":"social-github","variable":"social-github","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-github\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"social-mattermost","variable":"social-mattermost","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-mattermost\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"social-nostr","variable":"social-nostr","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-nostr\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"social-telegram","variable":"social-telegram","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-telegram\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"social-twitter","variable":"social-twitter","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-twitter\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"themes","tokens":[{"type":"icon","name":"themes-dark","variable":"themes-dark","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#themes-dark\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"themes-light","variable":"themes-light","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#themes-light\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"themes-system","variable":"themes-system","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#themes-system\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"wallet","tokens":[{"type":"icon","name":"wallet-existing","variable":"wallet-existing","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-existing\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-file","variable":"wallet-file","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-file\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-hardware","variable":"wallet-hardware","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-hardware\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-hot","variable":"wallet-hot","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-hot\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-key","variable":"wallet-key","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-key\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-new","variable":"wallet-new","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-new\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-seed","variable":"wallet-seed","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-seed\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-watchonly","variable":"wallet-watchonly","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-watchonly\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-xpub","variable":"wallet-xpub","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-xpub\"/\u003e\u003c/svg\u003e"}]}],"id":"design/icons","path":"design/icons","sourcePath":"pages/design/icons","sourceFile":"pages/design/icons/page.config.js","readmeFile":"pages/design/icons/README.md","type":"tokens","content":""},"design/spaces":{"childIds":[],"tokens":[{"type":"size","name":"XS","value":"4px","variable":"--btcpay-space-xs"},{"type":"size","name":"S","value":"8px","variable":"--btcpay-space-s"},{"type":"size","name":"M","value":"16px","variable":"--btcpay-space-m"},{"type":"size","name":"L","value":"32px","variable":"--btcpay-space-l"},{"type":"size","name":"XL","value":"64px","variable":"--btcpay-space-xl"},{"type":"size","name":"XXL","value":"80px","variable":"--btcpay-space-xxl"}],"id":"design/spaces","title":"Spaces","isTitleFromHeading":true,"path":"design/spaces","sourcePath":"pages/design/spaces","sourceFile":"pages/design/spaces/page.config.js","readmeFile":"pages/design/spaces/README.md","type":"tokens","content":"\u003ch1 id=\"spaces\" tabindex=\"-1\"\u003eSpaces\u003c/h1\u003e\n\u003cp\u003eThe spacings should be used via the CSS custom properties:\u003c/p\u003e\n\u003cpre class=\"hljs lang-css\"\u003e\u003ccode\u003e\u003cspan class=\"hljs-selector-class\"\u003e.my-component\u003c/span\u003e {\n  \u003cspan class=\"hljs-attribute\"\u003emargin-left\u003c/span\u003e: \u003cspan class=\"hljs-built_in\"\u003evar\u003c/span\u003e(--btcpay-space-m);\n}\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eIn addition to that there are also utility classes like \u003ccode\u003ebtcpay-space-x\u003c/code\u003e, which apply the space as \u003ccode\u003emargin-bottom\u003c/code\u003e:\u003c/p\u003e\n\u003cpre class=\"hljs lang-html\"\u003e\u003ccode\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003ediv\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003eclass\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;btcpay-space-x\u0026quot;\u003c/span\u003e\u0026gt;\u003c/span\u003e…\u003cspan class=\"hljs-tag\"\u003e\u0026lt;/\u003cspan class=\"hljs-name\"\u003ediv\u003c/span\u003e\u0026gt;\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e"},"design/variables":{"childIds":[],"tokens":[{"type":"category","name":"Borders","tokens":[{"category":"Borders","name":"Border Radius","value":".25rem","variable":"--btcpay-border-radius","type":"border-radius"},{"category":"Borders","name":"Border Radius L","value":".5rem","variable":"--btcpay-border-radius-l","type":"border-radius"},{"category":"Borders","name":"Border Radius XL","value":"1rem","variable":"--btcpay-border-radius-xl","type":"border-radius"},{"category":"Borders","name":"Border Radius XXL","value":"1.5rem","variable":"--btcpay-border-radius-xxl","type":"border-radius"}]},{"type":"category","name":"Transition","tokens":[{"category":"Transition","name":"Transition fast","value":".2s","variable":"--btcpay-transition-duration-fast"},{"category":"Transition","name":"Transition default","value":".3s","variable":"--btcpay-transition-duration-default"},{"category":"Transition","name":"Transition slow","value":".5s","variable":"--btcpay-transition-duration-slow"}]}],"id":"design/variables","title":"Variables","isTitleFromHeading":true,"path":"design/variables","sourcePath":"pages/design/variables","sourceFile":"pages/design/variables/page.config.js","readmeFile":"pages/design/variables/README.md","type":"tokens","content":"\u003ch1 id=\"variables\" tabindex=\"-1\"\u003eVariables\u003c/h1\u003e"},"resources/css":{"childIds":[],"id":"resources/css","title":"CSS","isTitleFromHeading":true,"path":"resources/css","sourcePath":"pages/resources/css","readmeFile":"pages/resources/css/README.md","type":"documentation","content":"\u003ch1 id=\"css\" tabindex=\"-1\"\u003eCSS\u003c/h1\u003e\n\u003cp\u003eTo keep the different apps and websites consistent, we offer these stylesheets you should use to build upon.\u003c/p\u003e\n\u003cp\u003eYou can download the CSS files using the references below and copy them to the styles folder of your project.\u003c/p\u003e\n\u003cp\u003eThen use this HTML snippet inside the \u003ccode\u003e\u0026lt;head\u0026gt;\u003c/code\u003e section to integrate the stylesheets you want to use:\u003c/p\u003e\n\u003cpre class=\"hljs lang-html\"\u003e\u003ccode\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/styles/btcpayserver-variables.css\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;stylesheet\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/styles/btcpayserver-bootstrap.css\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;stylesheet\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/styles/btcpayserver-main.css\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;stylesheet\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"variables\" tabindex=\"-1\"\u003eVariables\u003c/h2\u003e\n\u003cp\u003eThe codified version of what you find in the design section:\nThis stylesheet does not do anything on its own, but gives you access to the design variables via \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties\"\u003eCSS Custom Properties\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eThis file should be the first to include, as every other of the following resources uses the variables it defines.\u003c/p\u003e\n\u003cp\u003e📦 \u003ca href=\"/styles/btcpayserver-variables.css\"\u003ebtcpayserver-variables.css\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"main-styles\" tabindex=\"-1\"\u003eMain styles\u003c/h2\u003e\n\u003cp\u003eThe most basic set of CSS styles we can share across the different websites.\nThey include the font references and setting for the light/dark color themes.\u003c/p\u003e\n\u003cp\u003eThe general approach regarding the themes is:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eLight mode is the default\u003c/li\u003e\n\u003cli\u003eIf the browser supports the \u003ca href=\"https://web.dev/prefers-color-scheme/\"\u003eprefers-color-scheme media query\u003c/a\u003e, we use the users preference\u003c/li\u003e\n\u003cli\u003eSupport an \u003ca href=\"/components/theme-switch/\"\u003eexplicit setting\u003c/a\u003e saved in the browsers \u003ccode\u003elocalStorage\u003c/code\u003e, that the user can change via a switch\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e📦 \u003ca href=\"/styles/btcpayserver-main.css\"\u003ebtcpayserver-main.css\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"bootstrap\" tabindex=\"-1\"\u003eBootstrap\u003c/h2\u003e\n\u003cp\u003eThis is our forked version of \u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e.\nIncluding this is optional and only required if you want to build upon what Bootstrap offers.\u003c/p\u003e\n\u003cp\u003e📦 \u003ca href=\"/styles/btcpayserver-bootstrap.css\"\u003ebtcpayserver-bootstrap.css\u003c/a\u003e\u003c/p\u003e\n\u003ch3 id=\"why-do-we-use-a-fork%3F\" tabindex=\"-1\"\u003eWhy do we use a fork?\u003c/h3\u003e\n\u003cp\u003eBootstrap v5 unfortunately doesn’t fully support CSS Custom Properties (\u003ca href=\"https://github.com/twbs/bootstrap/commit/ac58c25dc8b65928ac817b8a2bf7c0e46a58de97\"\u003eyet\u003c/a\u003e), but that is what we need for our theming approach.\nSo the idea was to maintain this fork at a central place and use it as our custom version.\u003c/p\u003e\n\u003ch2 id=\"old-themes\" tabindex=\"-1\"\u003eOld themes\u003c/h2\u003e\n\u003cp\u003eWe have deprecated these previous themes, but keep them here for reference:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"/styles/btcpayserver-theme-classic.css\"\u003eClassic\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"/styles/btcpayserver-theme-casa.css\"\u003eCasa\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e"},"resources/design-files":{"childIds":[],"id":"resources/design-files","title":"Design files","isTitleFromHeading":true,"path":"resources/design-files","sourcePath":"pages/resources/design-files","readmeFile":"pages/resources/design-files/README.md","type":"documentation","content":"\u003ch1 id=\"design-files\" tabindex=\"-1\"\u003eDesign files\u003c/h1\u003e\n\u003ch2 id=\"color-palette\" tabindex=\"-1\"\u003eColor Palette\u003c/h2\u003e\n\u003cp\u003eYou can \u003ca href=\"./btcpay.gpl\"\u003edownload the color palette for GIMP/Inkscape\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"logo\" tabindex=\"-1\"\u003eLogo\u003c/h2\u003e\n\u003cp\u003eYou can \u003ca href=\"./btcpay-logo.ai\"\u003edownload the logo for Adobe Illustrator\u003c/a\u003e.\u003c/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eImage\u003c/th\u003e\n\u003cth\u003eDownloads\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cimg src=\"./btcpay-logo.svg\" alt=\"\"\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"./btcpay-logo.svg\"\u003eSVG\u003c/a\u003e | \u003ca href=\"./btcpay-logo.png\"\u003ePNG\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cimg src=\"./btcpay-logo-black-txt.svg\" alt=\"\"\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"./btcpay-logo-black-txt.svg\"\u003eSVG\u003c/a\u003e | \u003ca href=\"./btcpay-logo-black-txt.png\"\u003ePNG\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cimg src=\"./btcpay-logo-white-txt.svg\" alt=\"\"\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"./btcpay-logo-white-txt.svg\"\u003eSVG\u003c/a\u003e | \u003ca href=\"./btcpay-logo-white-txt.png\"\u003ePNG\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\u003cstyle\u003e\n  table img { height: 4em !important; margin: .2em 1em !important; display: block !important; }\n  table td { vertical-align: middle !important; }\n  table td:first-child { background: var(--uie-color-bg-medium) !important; }\n\u003c/style\u003e\n\u003ch2 id=\"further-resources\" tabindex=\"-1\"\u003eFurther resources\u003c/h2\u003e\n\u003cp\u003eAlso see the \u003ca href=\"https://github.com/btcpayserver/btcpayserver-media\"\u003emedia asset repository for BTCPay Server\u003c/a\u003e.\u003c/p\u003e","files":["/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-icon.png","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo-black-txt.png","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo-black-txt.svg","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo-white-txt.png","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo-white-txt.svg","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo.ai","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo.png","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo.svg","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay.gpl"]},"resources/favicon":{"childIds":[],"id":"resources/favicon","title":"Favicon","isTitleFromHeading":true,"path":"resources/favicon","sourcePath":"pages/resources/favicon","readmeFile":"pages/resources/favicon/README.md","type":"documentation","content":"\u003ch1 id=\"favicon\" tabindex=\"-1\"\u003eFavicon\u003c/h1\u003e\n\u003cp\u003eYou can \u003ca href=\"./favicon.zip\"\u003edownload the favicon files\u003c/a\u003e and copy them to the root folder of your project.\u003c/p\u003e\n\u003cp\u003eThen use this HTML snippet inside the \u003ccode\u003e\u0026lt;head\u0026gt;\u003c/code\u003e section to integrate the favicon:\u003c/p\u003e\n\u003cpre class=\"hljs lang-html\"\u003e\u003ccode\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;apple-touch-icon\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003esizes\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;180x180\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/apple-touch-icon.png\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;icon\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;image/png\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003esizes\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;32x32\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/favicon-32x32.png\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;icon\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;image/png\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003esizes\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;16x16\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/favicon-16x16.png\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;manifest\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/site.webmanifest\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;mask-icon\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/safari-pinned-tab.svg\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ecolor\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;#51b13e\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003emeta\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;msapplication-TileColor\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003econtent\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;#0f3b21\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003emeta\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;theme-color\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003econtent\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;#ffffff\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e","files":["/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/favicon/favicon.zip"]},"resources/supporters":{"childIds":[],"title":"Supporters","tokens":[{"type":"icon","name":"bailliegifford","variable":"bailliegifford","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#bailliegifford\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"coincards","variable":"coincards","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#coincards\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"esc","variable":"esc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#esc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"hrf","variable":"hrf","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#hrf\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"ivpn","variable":"ivpn","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#ivpn\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"lunanode","variable":"lunanode","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#lunanode\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"opensats","variable":"opensats","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#opensats\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"spiral","variable":"spiral","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#spiral\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"strike","variable":"strike","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#strike\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"walletofsatoshi","variable":"walletofsatoshi","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#walletofsatoshi\"/\u003e\u003c/svg\u003e"}],"id":"resources/supporters","path":"resources/supporters","sourcePath":"pages/resources/supporters","sourceFile":"pages/resources/supporters/page.config.js","readmeFile":"pages/resources/supporters/README.md","type":"tokens","content":"\u003cp\u003eThe BTCPay Server Project is proudly supported by these entities through the BTCPay Server Foundation\u003c/p\u003e"}},"components":{"bootstrap":{"id":"bootstrap","title":"Bootstrap v5","isTitleFromHeading":true,"content":"\u003ch1 id=\"bootstrap-v5\" tabindex=\"-1\"\u003eBootstrap v5\u003c/h1\u003e\n\u003cp\u003eThis is a \u003ca href=\"https://getbootstrap.com/docs/\"\u003eBootstrap\u003c/a\u003e kitchensink page that showcases everything and all together.\nIt is intended to be used as a quick overview/reference and to check the themes.\u003c/p\u003e","variants":[{"file":"typography.html","id":"bootstrap/typography.html-1","componentId":"bootstrap","title":"Typography","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\u003cp class=\"display-1\"\u003eDisplay 1\u003c/p\u003e\n\u003cp class=\"display-2\"\u003eDisplay 2\u003c/p\u003e\n\u003cp class=\"display-3\"\u003eDisplay 3\u003c/p\u003e\n\u003cp class=\"display-4\"\u003eDisplay 4\u003c/p\u003e\n\u003cp class=\"display-5\"\u003eDisplay 5\u003c/p\u003e\n\u003cp class=\"display-6\"\u003eDisplay 6\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cp class=\"h1\"\u003eHeading 1\u003c/p\u003e\n\u003cp class=\"h2\"\u003eHeading 2\u003c/p\u003e\n\u003cp class=\"h3\"\u003eHeading 3\u003c/p\u003e\n\u003cp class=\"h4\"\u003eHeading 4\u003c/p\u003e\n\u003cp class=\"h5\"\u003eHeading 5\u003c/p\u003e\n\u003cp class=\"h6\"\u003eHeading 6\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cp class=\"lead\"\u003e\n  This is a lead paragraph. It stands out from regular paragraphs.\n\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cp\u003eYou can \u003ca href=\"#\"\u003elink\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eYou can use the mark tag to \u003cmark\u003ehighlight\u003c/mark\u003e text.\u003c/p\u003e\n\u003cp\u003e\u003cdel\u003eThis line of text is meant to be treated as deleted text.\u003c/del\u003e\u003c/p\u003e\n\u003cp\u003e\u003cs\u003eThis line of text is meant to be treated as no longer accurate.\u003c/s\u003e\u003c/p\u003e\n\u003cp\u003e\u003cins\u003eThis line of text is meant to be treated as an addition to the document.\u003c/ins\u003e\u003c/p\u003e\n\u003cp\u003e\u003cu\u003eThis line of text will render as underlined.\u003c/u\u003e\u003c/p\u003e\n\u003cp\u003e\u003csmall\u003eThis line of text is meant to be treated as fine print.\u003c/small\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eThis line rendered as bold text.\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eThis line rendered as italicized text.\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cblockquote class=\"blockquote\"\u003e\n  \u003cp\u003eA well-known quote, contained in a blockquote element.\u003c/p\u003e\n  \u003cfooter class=\"blockquote-footer\"\u003eSomeone famous in \u003ccite title=\"Source Title\"\u003eSource Title\u003c/cite\u003e\u003c/footer\u003e\n\u003c/blockquote\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cul class=\"list-unstyled\"\u003e\n  \u003cli\u003eThis is a list.\u003c/li\u003e\n  \u003cli\u003eIt appears completely unstyled.\u003c/li\u003e\n  \u003cli\u003eStructurally, it's still a list.\u003c/li\u003e\n  \u003cli\u003eHowever, this style only applies to immediate child elements.\u003c/li\u003e\n  \u003cli\u003eNested lists:\n    \u003cul\u003e\n      \u003cli\u003eare unaffected by this style\u003c/li\u003e\n      \u003cli\u003ewill still show a bullet\u003c/li\u003e\n      \u003cli\u003eand have appropriate left margin\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003eThis may still come in handy in some situations.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cul class=\"list-inline\"\u003e\n  \u003cli class=\"list-inline-item\"\u003eThis is a list item.\u003c/li\u003e\n  \u003cli class=\"list-inline-item\"\u003eAnd another one.\u003c/li\u003e\n  \u003cli class=\"list-inline-item\"\u003eBut they're displayed inline.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e"},{"file":"images.html","id":"bootstrap/images.html-2","componentId":"bootstrap","title":"Images","extension":"html","raw":"\u003carticle class=\"my-3\" id=\"images\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eImages\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/content/images/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003csvg class=\"bd-placeholder-img bd-placeholder-img-lg img-fluid\" width=\"100%\" height=\"250\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Responsive image\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003eResponsive image\u003c/text\u003e\u003c/svg\u003e\n\n    \u003c/div\u003e\n\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003csvg class=\"bd-placeholder-img img-thumbnail\" width=\"200\" height=\"200\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera: 200x200\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003eA generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003e200x200\u003c/text\u003e\u003c/svg\u003e\n\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"figures\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eFigures\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/content/figures/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cfigure class=\"figure\"\u003e\n      \u003csvg class=\"bd-placeholder-img figure-img img-fluid rounded\" width=\"400\" height=\"300\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: 400x300\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003e400x300\u003c/text\u003e\u003c/svg\u003e\n\n      \u003cfigcaption class=\"figure-caption\"\u003eA caption for the above image.\u003c/figcaption\u003e\n    \u003c/figure\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e"},{"file":"tables.html","id":"bootstrap/tables.html-3","componentId":"bootstrap","title":"Tables","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n  \u003ctable class=\"table table-striped\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\"\u003e#\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eFirst\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eLast\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHandle\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e1\u003c/th\u003e\n      \u003ctd\u003eMark\u003c/td\u003e\n      \u003ctd\u003eOtto\u003c/td\u003e\n      \u003ctd\u003e@mdo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e2\u003c/th\u003e\n      \u003ctd\u003eJacob\u003c/td\u003e\n      \u003ctd\u003eThornton\u003c/td\u003e\n      \u003ctd\u003e@fat\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e3\u003c/th\u003e\n      \u003ctd colspan=\"2\"\u003eLarry the Bird\u003c/td\u003e\n      \u003ctd\u003e@twitter\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/table\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"bd-example\"\u003e\n  \u003ctable class=\"table table-dark table-borderless\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\"\u003e#\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eFirst\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eLast\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHandle\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e1\u003c/th\u003e\n      \u003ctd\u003eMark\u003c/td\u003e\n      \u003ctd\u003eOtto\u003c/td\u003e\n      \u003ctd\u003e@mdo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e2\u003c/th\u003e\n      \u003ctd\u003eJacob\u003c/td\u003e\n      \u003ctd\u003eThornton\u003c/td\u003e\n      \u003ctd\u003e@fat\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e3\u003c/th\u003e\n      \u003ctd colspan=\"2\"\u003eLarry the Bird\u003c/td\u003e\n      \u003ctd\u003e@twitter\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/table\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"bd-example\"\u003e\n  \u003ctable class=\"table table-hover\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\"\u003eClass\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHeading\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHeading\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003eDefault\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n\n    \u003ctr class=\"table-primary\"\u003e\n      \u003cth scope=\"row\"\u003ePrimary\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-secondary\"\u003e\n      \u003cth scope=\"row\"\u003eSecondary\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-success\"\u003e\n      \u003cth scope=\"row\"\u003eSuccess\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-danger\"\u003e\n      \u003cth scope=\"row\"\u003eDanger\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-warning\"\u003e\n      \u003cth scope=\"row\"\u003eWarning\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-info\"\u003e\n      \u003cth scope=\"row\"\u003eInfo\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-light\"\u003e\n      \u003cth scope=\"row\"\u003eLight\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-dark\"\u003e\n      \u003cth scope=\"row\"\u003eDark\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/table\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"bd-example\"\u003e\n  \u003ctable class=\"table table-sm table-bordered\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\"\u003e#\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eFirst\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eLast\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHandle\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e1\u003c/th\u003e\n      \u003ctd\u003eMark\u003c/td\u003e\n      \u003ctd\u003eOtto\u003c/td\u003e\n      \u003ctd\u003e@mdo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e2\u003c/th\u003e\n      \u003ctd\u003eJacob\u003c/td\u003e\n      \u003ctd\u003eThornton\u003c/td\u003e\n      \u003ctd\u003e@fat\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e3\u003c/th\u003e\n      \u003ctd colspan=\"2\"\u003eLarry the Bird\u003c/td\u003e\n      \u003ctd\u003e@twitter\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/table\u003e\n  \u003c/div\u003e"},{"file":"forms.html","id":"bootstrap/forms.html-4","componentId":"bootstrap","title":"Forms","extension":"html","raw":"\u003carticle class=\"my-3\" id=\"overview\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eOverview\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/overview/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cform\u003e\n      \u003cdiv class=\"mb-3\"\u003e\n        \u003clabel for=\"exampleInputEmail1\" class=\"form-label\"\u003eEmail address\u003c/label\u003e\n        \u003cinput type=\"email\" class=\"form-control\" id=\"exampleInputEmail1\" aria-describedby=\"emailHelp\"\u003e\n        \u003cdiv id=\"emailHelp\" class=\"form-text\"\u003eWe'll never share your email with anyone else.\u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-3\"\u003e\n        \u003clabel for=\"exampleInputPassword1\" class=\"form-label\"\u003ePassword\u003c/label\u003e\n        \u003cinput type=\"password\" class=\"form-control\" id=\"exampleInputPassword1\"\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-3 form-check\"\u003e\n        \u003cinput type=\"checkbox\" class=\"form-check-input\" id=\"exampleCheck1\"\u003e\n        \u003clabel class=\"form-check-label\" for=\"exampleCheck1\"\u003eCheck me out\u003c/label\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"form-group\"\u003e\n        \u003clabel class=\"form-label\" data-required=\"\" for=\"DefaultCurrency\"\u003eDefault currency\u003c/label\u003e\n        \u003cinput class=\"form-control\" style=\"max-width:12.5ch;\" type=\"text\" data-val=\"true\"\n          data-val-maxlength=\"The field Default currency must be a string or array type with a maximum length of '10'.\"\n          data-val-maxlength-max=\"10\" data-val-required=\"The Default currency field is required.\" id=\"DefaultCurrency\"\n          maxlength=\"10\" name=\"DefaultCurrency\" value=\"USD\" list=\"currency-selection-suggestion\"\u003e\u003cdatalist\n          id=\"currency-selection-suggestion\"\u003e\n          \u003coption value=\"BTC\"\u003e\u003c/option\u003e\n          \u003coption value=\"SATS\"\u003e\u003c/option\u003e\n          \u003coption value=\"USD\"\u003e\u003c/option\u003e\n          \u003coption value=\"EUR\"\u003e\u003c/option\u003e\n          \u003coption value=\"JPY\"\u003e\u003c/option\u003e\n        \u003c/datalist\u003e\n        \u003cspan class=\"text-danger field-validation-valid\" data-valmsg-for=\"DefaultCurrency\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e\n      \u003c/div\u003e\n      \u003cfieldset class=\"mb-3\"\u003e\n        \u003clegend class=\"h3 my-3\"\u003eRadios buttons\u003c/legend\u003e\n        \u003cdiv class=\"form-check\"\u003e\n          \u003cinput type=\"radio\" name=\"radios\" class=\"form-check-input\" id=\"exampleRadio1\"\u003e\n          \u003clabel class=\"form-check-label\" for=\"exampleRadio1\"\u003eDefault radio\u003c/label\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3 form-check\"\u003e\n          \u003cinput type=\"radio\" name=\"radios\" class=\"form-check-input\" id=\"exampleRadio2\"\u003e\n          \u003clabel class=\"form-check-label\" for=\"exampleRadio2\"\u003eAnother radio\u003c/label\u003e\n        \u003c/div\u003e\n      \u003c/fieldset\u003e\n      \u003cdiv class=\"mb-3\"\u003e\n        \u003clabel class=\"form-label\" for=\"customFile\"\u003eUpload\u003c/label\u003e\n        \u003cinput type=\"file\" class=\"form-control\" id=\"customFile\"\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-3 form-check form-switch\"\u003e\n        \u003cinput class=\"form-check-input\" type=\"checkbox\" id=\"flexSwitchCheckChecked\" checked\u003e\n        \u003clabel class=\"form-check-label\" for=\"flexSwitchCheckChecked\"\u003eChecked switch checkbox input\u003c/label\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-3\"\u003e\n        \u003clabel for=\"customRange3\" class=\"form-label\"\u003eExample range\u003c/label\u003e\n        \u003cinput type=\"range\" class=\"form-range\" min=\"0\" max=\"5\" step=\"0.5\" id=\"customRange3\"\u003e\n      \u003c/div\u003e\n      \u003cbutton type=\"submit\" class=\"btn btn-primary\"\u003eSubmit\u003c/button\u003e\n    \u003c/form\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"disabled-forms\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eDisabled forms\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/overview/#disabled-forms\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cform\u003e\n      \u003cfieldset disabled aria-label=\"Disabled fieldset example\"\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003clabel for=\"disabledTextInput\" class=\"form-label\"\u003eDisabled input\u003c/label\u003e\n          \u003cinput type=\"text\" id=\"disabledTextInput\" class=\"form-control\" placeholder=\"Disabled input\"\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003clabel for=\"disabledSelect\" class=\"form-label\"\u003eDisabled select menu\u003c/label\u003e\n          \u003cselect id=\"disabledSelect\" class=\"form-select\"\u003e\n            \u003coption\u003eDisabled select\u003c/option\u003e\n          \u003c/select\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003cdiv class=\"form-check\"\u003e\n            \u003cinput class=\"form-check-input\" type=\"checkbox\" id=\"disabledFieldsetCheck\" disabled\u003e\n            \u003clabel class=\"form-check-label\" for=\"disabledFieldsetCheck\"\u003e\n              Can't check this\n            \u003c/label\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003cfieldset class=\"mb-3\"\u003e\n          \u003clegend class=\"h3 my-3\"\u003eDisabled radios buttons\u003c/legend\u003e\n          \u003cdiv class=\"form-check\"\u003e\n            \u003cinput type=\"radio\" name=\"radios\" class=\"form-check-input\" id=\"disabledRadio1\" disabled\u003e\n            \u003clabel class=\"form-check-label\" for=\"disabledRadio1\"\u003eDisabled radio\u003c/label\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"mb-3 form-check\"\u003e\n            \u003cinput type=\"radio\" name=\"radios\" class=\"form-check-input\" id=\"disabledRadio2\" disabled\u003e\n            \u003clabel class=\"form-check-label\" for=\"disabledRadio2\"\u003eAnother radio\u003c/label\u003e\n          \u003c/div\u003e\n        \u003c/fieldset\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003clabel class=\"form-label\" for=\"disabledCustomFile\"\u003eUpload\u003c/label\u003e\n          \u003cinput type=\"file\" class=\"form-control\" id=\"disabledCustomFile\" disabled\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3 form-check form-switch\"\u003e\n          \u003cinput class=\"form-check-input\" type=\"checkbox\" id=\"disabledSwitchCheckChecked\" checked disabled\u003e\n          \u003clabel class=\"form-check-label\" for=\"disabledSwitchCheckChecked\"\u003eDisabled checked switch checkbox input\u003c/label\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003clabel for=\"disabledRange\" class=\"form-label\"\u003eDisabled range\u003c/label\u003e\n          \u003cinput type=\"range\" class=\"form-range\" min=\"0\" max=\"5\" step=\"0.5\" id=\"disabledRange\"\u003e\n        \u003c/div\u003e\n        \u003cbutton type=\"submit\" class=\"btn btn-primary\"\u003eSubmit\u003c/button\u003e\n      \u003c/fieldset\u003e\n    \u003c/form\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"sizing\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eSizing\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/form-control/#sizing\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cinput class=\"form-control form-control-lg\" type=\"text\" placeholder=\".form-control-lg\" aria-label=\".form-control-lg example\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cselect class=\"form-select form-select-lg mb-3\" aria-label=\".form-select-lg example\"\u003e\n        \u003coption selected\u003eOpen this select menu\u003c/option\u003e\n        \u003coption value=\"1\"\u003eOne\u003c/option\u003e\n        \u003coption value=\"2\"\u003eTwo\u003c/option\u003e\n        \u003coption value=\"3\"\u003eThree\u003c/option\u003e\n      \u003c/select\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cinput type=\"file\" class=\"form-control form-control-lg\" aria-label=\"Large file input example\"\u003e\n    \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cinput class=\"form-control form-control-sm\" type=\"text\" placeholder=\".form-control-sm\" aria-label=\".form-control-sm example\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cselect class=\"form-select form-select-sm\" aria-label=\".form-select-sm example\"\u003e\n        \u003coption selected\u003eOpen this select menu\u003c/option\u003e\n        \u003coption value=\"1\"\u003eOne\u003c/option\u003e\n        \u003coption value=\"2\"\u003eTwo\u003c/option\u003e\n        \u003coption value=\"3\"\u003eThree\u003c/option\u003e\n      \u003c/select\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cinput type=\"file\" class=\"form-control form-control-sm\" aria-label=\"Small file input example\"\u003e\n    \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"input-group\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eInput group\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/input-group/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cdiv class=\"input-group mb-3\"\u003e\n      \u003cspan class=\"input-group-text\" id=\"basic-addon1\"\u003e@\u003c/span\u003e\n      \u003cinput type=\"text\" class=\"form-control\" placeholder=\"Username\" aria-label=\"Username\" aria-describedby=\"basic-addon1\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"input-group mb-3\"\u003e\n      \u003cinput type=\"text\" class=\"form-control\" placeholder=\"Recipient's username\" aria-label=\"Recipient's username\" aria-describedby=\"basic-addon2\"\u003e\n      \u003cspan class=\"input-group-text\" id=\"basic-addon2\"\u003e@example.com\u003c/span\u003e\n    \u003c/div\u003e\n    \u003clabel for=\"basic-url\" class=\"form-label\"\u003eYour vanity URL\u003c/label\u003e\n    \u003cdiv class=\"input-group mb-3\"\u003e\n      \u003cspan class=\"input-group-text\" id=\"basic-addon3\"\u003ehttps://example.com/users/\u003c/span\u003e\n      \u003cinput type=\"text\" class=\"form-control\" id=\"basic-url\" aria-describedby=\"basic-addon3\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"input-group mb-3\"\u003e\n      \u003cspan class=\"input-group-text\"\u003e$\u003c/span\u003e\n      \u003cinput type=\"text\" class=\"form-control\" aria-label=\"Amount (to the nearest dollar)\"\u003e\n      \u003cspan class=\"input-group-text\"\u003e.00\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"input-group\"\u003e\n      \u003cspan class=\"input-group-text\"\u003eWith textarea\u003c/span\u003e\n      \u003ctextarea class=\"form-control\" aria-label=\"With textarea\"\u003e\u003c/textarea\u003e\n    \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"floating-labels\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eFloating labels\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/floating-labels/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cform\u003e\n      \u003cdiv class=\"form-floating mb-3\"\u003e\n        \u003cinput type=\"email\" class=\"form-control\" id=\"floatingInput\" placeholder=\"name@example.com\"\u003e\n        \u003clabel for=\"floatingInput\"\u003eEmail address\u003c/label\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"form-floating\"\u003e\n        \u003cinput type=\"password\" class=\"form-control\" id=\"floatingPassword\" placeholder=\"Password\"\u003e\n        \u003clabel for=\"floatingPassword\"\u003ePassword\u003c/label\u003e\n      \u003c/div\u003e\n    \u003c/form\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"validation\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eValidation\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/validation/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cform class=\"row g-3\"\u003e\n      \u003cdiv class=\"col-md-4\"\u003e\n        \u003clabel for=\"validationServer01\" class=\"form-label\"\u003eFirst name\u003c/label\u003e\n        \u003cinput type=\"text\" class=\"form-control is-valid\" id=\"validationServer01\" value=\"Mark\" required\u003e\n        \u003cdiv class=\"valid-feedback\"\u003e\n          Looks good!\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-4\"\u003e\n        \u003clabel for=\"validationServer02\" class=\"form-label\"\u003eLast name\u003c/label\u003e\n        \u003cinput type=\"text\" class=\"form-control is-valid\" id=\"validationServer02\" value=\"Otto\" required\u003e\n        \u003cdiv class=\"valid-feedback\"\u003e\n          Looks good!\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-4\"\u003e\n        \u003clabel for=\"validationServerUsername\" class=\"form-label\"\u003eUsername\u003c/label\u003e\n        \u003cdiv class=\"input-group has-validation\"\u003e\n          \u003cspan class=\"input-group-text\" id=\"inputGroupPrepend3\"\u003e@\u003c/span\u003e\n          \u003cinput type=\"text\" class=\"form-control is-invalid\" id=\"validationServerUsername\" aria-describedby=\"inputGroupPrepend3\" required\u003e\n          \u003cdiv class=\"invalid-feedback\"\u003e\n            Please choose a username.\n          \u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-6\"\u003e\n        \u003clabel for=\"validationServer03\" class=\"form-label\"\u003eCity\u003c/label\u003e\n        \u003cinput type=\"text\" class=\"form-control is-invalid\" id=\"validationServer03\" required\u003e\n        \u003cdiv class=\"invalid-feedback\"\u003e\n          Please provide a valid city.\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-3\"\u003e\n        \u003clabel for=\"validationServer04\" class=\"form-label\"\u003eState\u003c/label\u003e\n        \u003cselect class=\"form-select is-invalid\" id=\"validationServer04\" required\u003e\n          \u003coption selected disabled value=\"\"\u003eChoose...\u003c/option\u003e\n          \u003coption\u003e...\u003c/option\u003e\n        \u003c/select\u003e\n        \u003cdiv class=\"invalid-feedback\"\u003e\n          Please select a valid state.\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-3\"\u003e\n        \u003clabel for=\"validationServer05\" class=\"form-label\"\u003eZip\u003c/label\u003e\n        \u003cinput type=\"text\" class=\"form-control is-invalid\" id=\"validationServer05\" required\u003e\n        \u003cdiv class=\"invalid-feedback\"\u003e\n          Please provide a valid zip.\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-12\"\u003e\n        \u003cdiv class=\"form-check\"\u003e\n          \u003cinput class=\"form-check-input is-invalid\" type=\"checkbox\" value=\"\" id=\"invalidCheck3\" required\u003e\n          \u003clabel class=\"form-check-label\" for=\"invalidCheck3\"\u003e\n            Agree to terms and conditions\n          \u003c/label\u003e\n          \u003cdiv class=\"invalid-feedback\"\u003e\n            You must agree before submitting.\n          \u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-12\"\u003e\n        \u003cbutton class=\"btn btn-primary\" type=\"submit\"\u003eSubmit form\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/form\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e"},{"file":"navs.html","id":"bootstrap/navs.html-5","componentId":"bootstrap","title":"Navs","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cnav class=\"nav\"\u003e\n          \u003ca class=\"nav-link active\" aria-current=\"page\" href=\"#\"\u003eActive\u003c/a\u003e\n          \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n          \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n          \u003ca class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003eDisabled\u003c/a\u003e\n        \u003c/nav\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cnav\u003e\n          \u003cdiv class=\"nav nav-tabs mb-3\" id=\"nav-tab\" role=\"tablist\"\u003e\n            \u003ca class=\"nav-link active\" id=\"nav-home-tab\" data-bs-toggle=\"tab\" href=\"#nav-home\" role=\"tab\" aria-controls=\"nav-home\" aria-selected=\"true\"\u003eHome\u003c/a\u003e\n            \u003ca class=\"nav-link\" id=\"nav-profile-tab\" data-bs-toggle=\"tab\" href=\"#nav-profile\" role=\"tab\" aria-controls=\"nav-profile\" aria-selected=\"false\"\u003eProfile\u003c/a\u003e\n            \u003ca class=\"nav-link\" id=\"nav-contact-tab\" data-bs-toggle=\"tab\" href=\"#nav-contact\" role=\"tab\" aria-controls=\"nav-contact\" aria-selected=\"false\"\u003eContact\u003c/a\u003e\n          \u003c/div\u003e\n        \u003c/nav\u003e\n        \u003cdiv class=\"tab-content\" id=\"nav-tabContent\"\u003e\n          \u003cdiv class=\"tab-pane fade show active\" id=\"nav-home\" role=\"tabpanel\" aria-labelledby=\"nav-home-tab\"\u003e\n            \u003cp\u003ePlaceholder content for the tab panel. This one relates to the home tab. Takes you miles high, so high, 'cause she’s got that one international smile. There's a stranger in my bed, there's a pounding in my head. Oh, no. In another life I would make you stay. ‘Cause I, I’m capable of anything. Suiting up for my crowning battle. Used to steal your parents' liquor and climb to the roof. Tone, tan fit and ready, turn it up cause its gettin' heavy. Her love is like a drug. I guess that I forgot I had a choice.\u003c/p\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"tab-pane fade\" id=\"nav-profile\" role=\"tabpanel\" aria-labelledby=\"nav-profile-tab\"\u003e\n            \u003cp\u003ePlaceholder content for the tab panel. This one relates to the profile tab. You got the finest architecture. Passport stamps, she's cosmopolitan. Fine, fresh, fierce, we got it on lock. Never planned that one day I'd be losing you. She eats your heart out. Your kiss is cosmic, every move is magic. I mean the ones, I mean like she's the one. Greetings loved ones let's take a journey. Just own the night like the 4th of July! But you'd rather get wasted.\u003c/p\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"tab-pane fade\" id=\"nav-contact\" role=\"tabpanel\" aria-labelledby=\"nav-contact-tab\"\u003e\n            \u003cp\u003ePlaceholder content for the tab panel. This one relates to the contact tab. Her love is like a drug. All my girls vintage Chanel baby. Got a motel and built a fort out of sheets. 'Cause she's the muse and the artist. (This is how we do) So you wanna play with magic. So just be sure before you give it all to me. I'm walking, I'm walking on air (tonight). Skip the talk, heard it all, time to walk the walk. Catch her if you can. Stinging like a bee I earned my stripes.\u003c/p\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cul class=\"nav nav-pills\"\u003e\n          \u003cli class=\"nav-item\"\u003e\n            \u003ca class=\"nav-link active\" aria-current=\"page\" href=\"#\"\u003eActive\u003c/a\u003e\n          \u003c/li\u003e\n          \u003cli class=\"nav-item\"\u003e\n            \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n          \u003c/li\u003e\n          \u003cli class=\"nav-item\"\u003e\n            \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n          \u003c/li\u003e\n          \u003cli class=\"nav-item\"\u003e\n            \u003ca class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003eDisabled\u003c/a\u003e\n          \u003c/li\u003e\n        \u003c/ul\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cnav class=\"navbar navbar-expand-lg navbar-light bg-light\"\u003e\n          \u003cdiv class=\"container-fluid\"\u003e\n            \u003cbutton class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\"\u003e\n              \u003cspan class=\"navbar-toggler-icon\"\u003e\u003c/span\u003e\n            \u003c/button\u003e\n            \u003cdiv class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\"\u003e\n              \u003cul class=\"navbar-nav me-auto mb-2 mb-lg-0\"\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link active\" aria-current=\"page\" href=\"#\"\u003eHome\u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item dropdown\"\u003e\n                  \u003ca class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n                    Dropdown\n                  \u003c/a\u003e\n                  \u003cul class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown\"\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003chr class=\"dropdown-divider\"\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n                  \u003c/ul\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003eDisabled\u003c/a\u003e\n                \u003c/li\u003e\n              \u003c/ul\u003e\n              \u003cform class=\"d-flex\"\u003e\n                \u003cinput class=\"form-control me-2\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\"\u003e\n                \u003cbutton class=\"btn btn-outline-dark\" type=\"submit\"\u003eSearch\u003c/button\u003e\n              \u003c/form\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        \u003c/nav\u003e\n\n        \u003cnav class=\"navbar navbar-expand-lg navbar-dark bg-primary mt-5\"\u003e\n          \u003cdiv class=\"container-fluid\"\u003e\n            \u003cbutton class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarSupportedContent2\" aria-controls=\"navbarSupportedContent2\" aria-expanded=\"false\" aria-label=\"Toggle navigation\"\u003e\n              \u003cspan class=\"navbar-toggler-icon\"\u003e\u003c/span\u003e\n            \u003c/button\u003e\n            \u003cdiv class=\"collapse navbar-collapse\" id=\"navbarSupportedContent2\"\u003e\n              \u003cul class=\"navbar-nav me-auto mb-2 mb-lg-0\"\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link active\" aria-current=\"page\" href=\"#\"\u003eHome\u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item dropdown\"\u003e\n                  \u003ca class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown2\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n                    Dropdown\n                  \u003c/a\u003e\n                  \u003cul class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown2\"\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003chr class=\"dropdown-divider\"\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n                  \u003c/ul\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003eDisabled\u003c/a\u003e\n                \u003c/li\u003e\n              \u003c/ul\u003e\n              \u003cform class=\"d-flex\"\u003e\n                \u003cinput class=\"form-control me-2\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\"\u003e\n                \u003cbutton class=\"btn btn-outline-light\" type=\"submit\"\u003eSearch\u003c/button\u003e\n              \u003c/form\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        \u003c/nav\u003e\n        \u003c/div\u003e"},{"file":"accordion.html","id":"bootstrap/accordion.html-6","componentId":"bootstrap","title":"Accordion","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"accordion\" id=\"accordionExample\"\u003e\n          \u003cdiv class=\"accordion-item\"\u003e\n            \u003ch4 class=\"accordion-header\" id=\"headingOne\"\u003e\n              \u003cbutton class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseOne\" aria-expanded=\"true\" aria-controls=\"collapseOne\"\u003e\n                Accordion Item #1\n                \u003csvg role=\"img\" class=\"icon icon-caret-down\"\u003e\u003cuse href=\"/svg/icons.svg#caret-down\"\u003e\u003c/use\u003e\u003c/svg\u003e\n              \u003c/button\u003e\n            \u003c/h4\u003e\n            \u003cdiv id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\" data-bs-parent=\"#accordionExample\"\u003e\n              \u003cdiv class=\"accordion-body\"\u003e\n                \u003cstrong\u003eThis is the first item's accordion body.\u003c/strong\u003e It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the \u003ccode\u003e.accordion-body\u003c/code\u003e, though the transition does limit overflow.\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"accordion-item\"\u003e\n            \u003ch4 class=\"accordion-header\" id=\"headingTwo\"\u003e\n              \u003cbutton class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\"\u003e\n                Accordion Item #2\n                \u003csvg role=\"img\" class=\"icon icon-caret-down\"\u003e\u003cuse href=\"/svg/icons.svg#caret-down\"\u003e\u003c/use\u003e\u003c/svg\u003e\n              \u003c/button\u003e\n            \u003c/h4\u003e\n            \u003cdiv id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\" data-bs-parent=\"#accordionExample\"\u003e\n              \u003cdiv class=\"accordion-body\"\u003e\n                \u003cstrong\u003eThis is the second item's accordion body.\u003c/strong\u003e It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the \u003ccode\u003e.accordion-body\u003c/code\u003e, though the transition does limit overflow.\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"accordion-item\"\u003e\n            \u003ch4 class=\"accordion-header\" id=\"headingThree\"\u003e\n              \u003cbutton class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\"\u003e\n                Accordion Item #3\n                \u003csvg role=\"img\" class=\"icon icon-caret-down\"\u003e\u003cuse href=\"/svg/icons.svg#caret-down\"\u003e\u003c/use\u003e\u003c/svg\u003e\n              \u003c/button\u003e\n            \u003c/h4\u003e\n            \u003cdiv id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\" data-bs-parent=\"#accordionExample\"\u003e\n              \u003cdiv class=\"accordion-body\"\u003e\n                \u003cstrong\u003eThis is the third item's accordion body.\u003c/strong\u003e It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the \u003ccode\u003e.accordion-body\u003c/code\u003e, though the transition does limit overflow.\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"alerts.html","id":"bootstrap/alerts.html-7","componentId":"bootstrap","title":"Alerts","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\n\u003cdiv class=\"alert alert-primary alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple primary alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-secondary alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple secondary alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-success alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple success alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-danger alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple danger alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-warning alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple warning alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-info alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple info alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-light alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple light alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-dark alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple dark alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cdiv class=\"alert alert-success\" role=\"alert\"\u003e\n  \u003ch4 class=\"alert-heading\"\u003eWell done!\u003c/h4\u003e\n  \u003cp\u003eAww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.\u003c/p\u003e\n  \u003chr\u003e\n  \u003cp class=\"mb-0\"\u003eWhenever you need to, be sure to use margin utilities to keep things nice and tidy.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e"},{"file":"badges.html","id":"bootstrap/badges.html-8","componentId":"bootstrap","title":"Badges","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cp class=\"h1\"\u003eExample heading \u003cspan class=\"badge bg-primary\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h2\"\u003eExample heading \u003cspan class=\"badge bg-secondary\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h3\"\u003eExample heading \u003cspan class=\"badge bg-success\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h4\"\u003eExample heading \u003cspan class=\"badge bg-danger\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h5\"\u003eExample heading \u003cspan class=\"badge bg-warning\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h6\"\u003eExample heading \u003cspan class=\"badge bg-info\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h6\"\u003eExample heading \u003cspan class=\"badge bg-light\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h6\"\u003eExample heading \u003cspan class=\"badge bg-dark\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n\n        \u003cspan class=\"badge rounded-pill bg-primary\"\u003ePrimary\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-secondary\"\u003eSecondary\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-success\"\u003eSuccess\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-danger\"\u003eDanger\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-warning\"\u003eWarning\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-info\"\u003eInfo\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-light\"\u003eLight\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-dark\"\u003eDark\u003c/span\u003e\n        \u003c/div\u003e"},{"file":"buttons.html","id":"bootstrap/buttons.html-9","componentId":"bootstrap","title":"Buttons","extension":"html","raw":"\u003cstyle\u003e\n  .button-example { margin-bottom: 3rem; }\n  .button-example th { vertical-align: top; font-weight: bold; }\n  .button-example td, .button-example th { padding: .5rem 1rem .5rem 0; }\n\u003c/style\u003e\n\n\u003ch4\u003ePrimary\u003c/h4\u003e\n\u003ctable class=\"button-example\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003e\u003c/th\u003e\n    \u003cth\u003eDefault\u003c/th\u003e\n    \u003cth\u003eActive\u003c/th\u003e\n    \u003cth\u003eDisabled\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eLarge\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary active\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\" disabled\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary active\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\" disabled\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eMedium\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary active\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\" disabled\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary active\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\" disabled\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eSmall\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary active\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\" disabled\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary active\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\" disabled\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ch4\u003eSecondary\u003c/h4\u003e\n\u003ctable class=\"button-example\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003e\u003c/th\u003e\n    \u003cth\u003eDefault\u003c/th\u003e\n    \u003cth\u003eActive\u003c/th\u003e\n    \u003cth\u003eDisabled\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eLarge\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary active\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\" disabled\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary active\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\" disabled\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eMedium\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary active\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\" disabled\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary active\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\" disabled\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eSmall\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary active\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\" disabled\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary active\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\" disabled\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ch4\u003eOthers\u003c/h4\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cbutton type=\"button\" class=\"btn btn-success\"\u003eSuccess\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-danger\"\u003eDanger\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-warning\"\u003eWarning\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-info\"\u003eInfo\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-light\"\u003eLight\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-dark\"\u003eDark\u003c/button\u003e\n\n\u003cbutton type=\"button\" class=\"btn btn-link\"\u003eLink\u003c/button\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\n\u003cbutton type=\"button\" class=\"btn btn-outline-success\"\u003eSuccess\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-danger\"\u003eDanger\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-warning\"\u003eWarning\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-info\"\u003eInfo\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-light\"\u003eLight\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-dark\"\u003eDark\u003c/button\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cdiv class=\"btn-toolbar\" role=\"toolbar\" aria-label=\"Toolbar with button groups\"\u003e\n  \u003cdiv class=\"btn-group me-2\" role=\"group\" aria-label=\"First group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e1\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e2\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e3\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e4\u003c/button\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"btn-group me-2\" role=\"group\" aria-label=\"Second group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e5\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e6\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e7\u003c/button\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"btn-group\" role=\"group\" aria-label=\"Third group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e8\u003c/button\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e"},{"file":"breadcrumb.html","id":"bootstrap/breadcrumb.html-10","componentId":"bootstrap","title":"Breadcrumb","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cnav aria-label=\"breadcrumb\"\u003e\n          \u003col class=\"breadcrumb\"\u003e\n            \u003cli class=\"breadcrumb-item\"\u003e\u003ca href=\"#\"\u003eHome\u003c/a\u003e\u003c/li\u003e\n            \u003cli class=\"breadcrumb-item\"\u003e\u003ca href=\"#\"\u003eLibrary\u003c/a\u003e\u003c/li\u003e\n            \u003cli class=\"breadcrumb-item active\" aria-current=\"page\"\u003eData\u003c/li\u003e\n          \u003c/ol\u003e\n        \u003c/nav\u003e\n        \u003c/div\u003e"},{"file":"card.html","id":"bootstrap/card.html-11","componentId":"bootstrap","title":"Card","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"row  row-cols-1 row-cols-md-2 g-4\"\u003e\n          \u003cdiv class=\"col\"\u003e\n            \u003cdiv class=\"card\"\u003e\n              \u003csvg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"180\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Image cap\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003eImage cap\u003c/text\u003e\u003c/svg\u003e\n\n              \u003cdiv class=\"card-body\"\u003e\n                \u003ch5 class=\"card-title\"\u003eCard title\u003c/h5\u003e\n                \u003cp class=\"card-text\"\u003eSome quick example text to build on the card title and make up the bulk of the card's content.\u003c/p\u003e\n                \u003ca href=\"#\" class=\"btn btn-primary\"\u003eGo somewhere\u003c/a\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"col\"\u003e\n            \u003cdiv class=\"card\"\u003e\n              \u003cdiv class=\"card-header\"\u003e\n                Featured\n              \u003c/div\u003e\n              \u003cdiv class=\"card-body\"\u003e\n                \u003ch5 class=\"card-title\"\u003eCard title\u003c/h5\u003e\n                \u003cp class=\"card-text\"\u003eSome quick example text to build on the card title and make up the bulk of the card's content.\u003c/p\u003e\n                \u003ca href=\"#\" class=\"btn btn-primary\"\u003eGo somewhere\u003c/a\u003e\n              \u003c/div\u003e\n              \u003cdiv class=\"card-footer text-muted\"\u003e\n                2 days ago\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"col\"\u003e\n            \u003cdiv class=\"card\"\u003e\n              \u003cdiv class=\"card-body\"\u003e\n                \u003ch5 class=\"card-title\"\u003eCard title\u003c/h5\u003e\n                \u003cp class=\"card-text\"\u003eSome quick example text to build on the card title and make up the bulk of the card's content.\u003c/p\u003e\n              \u003c/div\u003e\n              \u003cul class=\"list-group list-group-flush\"\u003e\n                \u003cli class=\"list-group-item\"\u003eAn item\u003c/li\u003e\n                \u003cli class=\"list-group-item\"\u003eA second item\u003c/li\u003e\n                \u003cli class=\"list-group-item\"\u003eA third item\u003c/li\u003e\n              \u003c/ul\u003e\n              \u003cdiv class=\"card-body\"\u003e\n                \u003ca href=\"#\" class=\"card-link\"\u003eCard link\u003c/a\u003e\n                \u003ca href=\"#\" class=\"card-link\"\u003eAnother link\u003c/a\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"col\"\u003e\n            \u003cdiv class=\"card\"\u003e\n              \u003cdiv class=\"row g-0\"\u003e\n                \u003cdiv class=\"col-md-4\"\u003e\n                  \u003csvg class=\"bd-placeholder-img\" width=\"100%\" height=\"250\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Image\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003eImage\u003c/text\u003e\u003c/svg\u003e\n\n                \u003c/div\u003e\n                \u003cdiv class=\"col-md-8\"\u003e\n                  \u003cdiv class=\"card-body\"\u003e\n                    \u003ch5 class=\"card-title\"\u003eCard title\u003c/h5\u003e\n                    \u003cp class=\"card-text\"\u003eThis is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.\u003c/p\u003e\n                    \u003cp class=\"card-text\"\u003e\u003csmall class=\"text-muted\"\u003eLast updated 3 mins ago\u003c/small\u003e\u003c/p\u003e\n                  \u003c/div\u003e\n                \u003c/div\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"code.html","id":"bootstrap/code.html-12","componentId":"bootstrap","title":"Code","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\u003cp\u003eA \u003ccode\u003ePOST\u003c/code\u003e callback will be sent to notification with the following form will be sent to \u003ccode\u003enotificationUrl\u003c/code\u003e once the enough is paid and once again once there is enough confirmations to the payment:\u003c/p\u003e\n\u003c/div\u003e\n\n\n\u003cdiv class=\"bd-example\"\u003e\u003cpre\u003e\u003ccode class=\"html hljs xml\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003eform\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003emethod\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"POST\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003eaction\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"https://localhost:14142/apps/2waqS3jYMpPhTEUp8vfomTfDQwu5/pos\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"amount\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"100\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"email\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"customer@example.com\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"orderId\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"CustomOrderId\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"notificationUrl\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"https://example.com/callbacks\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"redirectUrl\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"https://example.com/thanksyou\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003ebutton\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"submit\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003eBuy now\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003ebutton\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003eform\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e"},{"file":"dropdowns.html","id":"bootstrap/dropdowns.html-13","componentId":"bootstrap","title":"Dropdowns","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n  \u003cdiv class=\"btn-group w-100 align-items-center justify-content-between flex-wrap\"\u003e\n    \u003cdiv class=\"dropdown\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle dropdown-toggle-custom-caret\" type=\"button\"\n        id=\"dropdownMenuButtonSM\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n        Dropdown button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButtonSM\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item active\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item dropdown-item-custom-active\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"dropdown\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\u003e\n        Dropdown button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"dropdown\"\u003e\n      \u003cbutton class=\"btn btn-secondary btn-lg dropdown-toggle\" type=\"button\" id=\"dropdownMenuButtonLG\"\n        data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n        Dropdown button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButtonLG\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003ePrimary\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003eSecondary\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-success\"\u003eSuccess\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-success dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-info\"\u003eInfo\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-info dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-warning\"\u003eWarning\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-warning dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-danger\"\u003eDanger\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-danger dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cdiv class=\"btn-group w-100 align-items-center justify-content-between flex-wrap\"\u003e\n    \u003cdiv class=\"dropend\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropendMenuButton\" data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\u003e\n        Dropend button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropendMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"dropup\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropupMenuButton\" data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\u003e\n        Dropup button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropupMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"dropstart\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropstartMenuButton\" data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\u003e\n        Dropstart button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropstartMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cdiv class=\"dropdown\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownRightMenuButton\"\n        data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n        End-aligned menu\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"dropdownRightMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"file":"listgroups.html","id":"bootstrap/listgroups.html-14","componentId":"bootstrap","title":"Listgroups","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cul class=\"list-group\"\u003e\n          \u003cli class=\"list-group-item disabled\" aria-disabled=\"true\"\u003eA disabled item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA second item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA third item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA fourth item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eAnd a fifth one\u003c/li\u003e\n        \u003c/ul\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cul class=\"list-group list-group-flush\"\u003e\n          \u003cli class=\"list-group-item\"\u003eAn item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA second item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA third item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA fourth item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eAnd a fifth one\u003c/li\u003e\n        \u003c/ul\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"list-group\"\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action\"\u003eA simple default list group item\u003c/a\u003e\n\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-primary\"\u003eA simple primary list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-secondary\"\u003eA simple secondary list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-success\"\u003eA simple success list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-danger\"\u003eA simple danger list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-warning\"\u003eA simple warning list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-info\"\u003eA simple info list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-light\"\u003eA simple light list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-dark\"\u003eA simple dark list group item\u003c/a\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"pagination.html","id":"bootstrap/pagination.html-15","componentId":"bootstrap","title":"Pagination","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n  \u003cnav aria-label=\"Standard pagination example\"\u003e\n    \u003cul class=\"pagination\"\u003e\n      \u003cli class=\"page-item disabled\"\u003e\n        \u003ca class=\"page-link\" href=\"#\" aria-label=\"Previous\"\u003e\n          \u003cspan aria-hidden=\"true\"\u003e\u0026laquo;\u003c/span\u003e\n        \u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item active\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e1\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e2\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e3\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"#\" aria-label=\"Next\"\u003e\n          \u003cspan aria-hidden=\"true\"\u003e\u0026raquo;\u003c/span\u003e\n        \u003c/a\u003e\n      \u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/nav\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cnav class=\"d-flex flex-wrap gap-3 justify-content-between\"\u003e\n    \u003cul class=\"pagination me-auto\"\u003e\n      \u003cli class=\"page-item disabled\"\u003e\n        \u003cspan class=\"page-link px-0\"\u003e\n          1 – 500 \u003c/span\u003e\n      \u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003cul class=\"pagination ms-auto\"\u003e\n      \u003cli class=\"page-item disabled\"\u003e\n        \u003cspan class=\"page-link\"\u003ePage Size\u003c/span\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"/server/users?skip=0\u0026amp;count=50\"\u003e50\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"/server/users?skip=0\u0026amp;count=100\"\u003e100\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"/server/users?skip=0\u0026amp;count=250\"\u003e250\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item active\"\u003e\n        \u003ca class=\"page-link\" href=\"/server/users?skip=0\u0026amp;count=500\"\u003e500\u003c/a\u003e\n      \u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/nav\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cnav aria-label=\"Pagination example\"\u003e\n    \u003cul class=\"pagination pagination-sm\"\u003e\n      \u003cli class=\"page-item active\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e1\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\" aria-current=\"page\"\u003e\n        \u003ca class=\"page-link\" href=\"#\"\u003e2\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e3\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/nav\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cnav aria-label=\"Another pagination example\"\u003e\n    \u003cul class=\"pagination pagination-lg flex-wrap\"\u003e\n      \u003cli class=\"page-item disabled\"\u003e\n        \u003ca class=\"page-link\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003ePrevious\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item active\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e1\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\" aria-current=\"page\"\u003e\n        \u003ca class=\"page-link\" href=\"#\"\u003e2\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e3\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"#\"\u003eNext\u003c/a\u003e\n      \u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/nav\u003e\n\u003c/div\u003e"},{"file":"popovers.html","id":"bootstrap/popovers.html-16","componentId":"bootstrap","title":"Popovers","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-lg btn-danger\" data-bs-toggle=\"popover\" title=\"Popover title\" data-bs-content=\"And here's some amazing content. It's very engaging. Right?\"\u003eClick to toggle popover\u003c/button\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-container=\"body\" data-bs-toggle=\"popover\" data-bs-placement=\"top\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"\u003e\n          Popover on top\n        \u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-container=\"body\" data-bs-toggle=\"popover\" data-bs-placement=\"right\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"\u003e\n          Popover on end\n        \u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-container=\"body\" data-bs-toggle=\"popover\" data-bs-placement=\"bottom\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"\u003e\n          Popover on bottom\n        \u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-container=\"body\" data-bs-toggle=\"popover\" data-bs-placement=\"left\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"\u003e\n          Popover on start\n        \u003c/button\u003e\n        \u003c/div\u003e"},{"file":"progress.html","id":"bootstrap/progress.html-17","componentId":"bootstrap","title":"Progress","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"progress mb-3\"\u003e\n          \u003cdiv class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e0%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"progress mb-3\"\u003e\n          \u003cdiv class=\"progress-bar bg-success w-25\" role=\"progressbar\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e25%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"progress mb-3\"\u003e\n          \u003cdiv class=\"progress-bar bg-info text-dark w-50\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e50%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"progress mb-3\"\u003e\n          \u003cdiv class=\"progress-bar bg-warning text-dark w-75\" role=\"progressbar\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e75%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"progress\"\u003e\n          \u003cdiv class=\"progress-bar bg-danger w-100\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e100%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"progress\"\u003e\n          \u003cdiv class=\"progress-bar\" role=\"progressbar\" style=\"width: 15%\" aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e\u003c/div\u003e\n          \u003cdiv class=\"progress-bar progress-bar-striped progress-bar-animated bg-success\" role=\"progressbar\" style=\"width: 40%\" aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e\u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"modal.html","id":"bootstrap/modal.html-18","componentId":"bootstrap","title":"Modal","extension":"html","raw":"\u003cdiv class=\"bd-example\" style=\"min-height:400px\"\u003e\n  \u003cdiv class=\"d-flex justify-content-between flex-wrap\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModalDefault\"\u003e\n      Launch demo modal\n    \u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#staticBackdropLive\"\u003e\n      Launch static backdrop modal\n    \u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModalCenteredScrollable\"\u003e\n      Vertically centered scrollable modal\n    \u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModalFullscreen\"\u003e\n      Full screen\n    \u003c/button\u003e\n  \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"modal fade\" id=\"exampleModalDefault\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"modal-dialog\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-header\"\u003e\n        \u003ch5 class=\"modal-title\" id=\"exampleModalLabel\"\u003eModal title\u003c/h5\u003e\n        \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\u003e\n          \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n        \u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-body\"\u003e\n        ...\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-footer\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\"\u003eClose\u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eSave changes\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"modal fade\" id=\"staticBackdropLive\" data-bs-backdrop=\"static\" data-bs-keyboard=\"false\" tabindex=\"-1\" aria-labelledby=\"staticBackdropLiveLabel\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"modal-dialog\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-header\"\u003e\n        \u003ch5 class=\"modal-title\" id=\"staticBackdropLiveLabel\"\u003eModal title\u003c/h5\u003e\n        \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\u003e\u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-body\"\u003e\n        \u003cp\u003eI will not close if you click outside me. Don't even try to press escape key.\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-footer\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\"\u003eClose\u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eUnderstood\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"modal fade\" id=\"exampleModalCenteredScrollable\" tabindex=\"-1\" aria-labelledby=\"exampleModalCenteredScrollableTitle\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-header\"\u003e\n        \u003ch5 class=\"modal-title\" id=\"exampleModalCenteredScrollableTitle\"\u003eModal title\u003c/h5\u003e\n        \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\u003e\n          \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n        \u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-body\"\u003e\n        \u003cp\u003ePlaceholder text for this demonstration of a vertically centered modal dialog.\u003c/p\u003e\n        \u003cp\u003eIn this case, the dialog has a bit more content, just to show how vertical centering can be added to a scrollable modal.\u003c/p\u003e\n        \u003cp\u003eWhat follows is just some placeholder text for this modal dialog. Sipping on Rosé, Silver Lake sun, coming up all lazy. It’s in the palm of your hand now baby. So we hit the boulevard. So make a wish, I'll make it like your birthday everyday. Do you ever feel already buried deep six feet under? It's time to bring out the big balloons. You could've been the greatest. Passport stamps, she's cosmopolitan. Your kiss is cosmic, every move is magic.\u003c/p\u003e\n        \u003cp\u003eWe're living the life. We're doing it right. Open up your heart. I was tryna hit it and quit it. Her love is like a drug. Always leaves a trail of stardust. The girl's a freak, she drive a jeep in Laguna Beach. Fine, fresh, fierce, we got it on lock. All my girls vintage Chanel baby.\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-footer\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\"\u003eClose\u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eSave changes\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"modal fade\" id=\"exampleModalFullscreen\" tabindex=\"-1\" aria-labelledby=\"exampleModalFullscreenLabel\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"modal-dialog modal-fullscreen\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-header\"\u003e\n        \u003ch5 class=\"modal-title h4\" id=\"exampleModalFullscreenLabel\"\u003eFull screen modal\u003c/h5\u003e\n        \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\u003e\n          \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n        \u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-body\"\u003e\n        \u003cp\u003eWhat follows is just some placeholder text for this modal dialog. I feel like I'm already there. I’m gon’ put her in a coma. Boom, boom, boom. You're reading me like erotica, boy, you make me feel exotic, yeah. Happy birthday. From Tokyo to Mexico, to Rio. I knew you were.\u003c/p\u003e\n        \u003cp\u003eLast Friday night. Calling out my name. Kiss her, touch her, squeeze her buns. Heavy is the head that wears the crown. So open up your heart and just let it begin. Boy all this time was worth the waiting. You know that I'm the girl that you should call. End of the rainbow looking treasure. You're reading me like erotica, boy, you make me feel exotic, yeah. Do you know that there's still a chance for you 'Cause there's a spark in you? So I sat quietly, agreed politely. From Tokyo to Mexico, to Rio.\u003c/p\u003e\n        \u003cp\u003eDon't be a shy kinda guy I'll bet it's beautiful. You fall asleep during foreplay, 'Cause the pills you take, are more your forte. Open up your heart. You're never gonna be unsatisfied. Know that you are worthy. This one goes out to the ladies at breakfast in last night's dress. You think you've seen her in a magazine. I should've told you what you meant to me 'Cause now I pay the price. Takes you miles high, so high, 'cause she’s got that one international smile.\u003c/p\u003e\n        \u003cp\u003eYo, shout out to all you kids, buying bottle service, with your rent money. So I sat quietly, agreed politely. They say, be afraid you're not like the others, futuristic lover. Boom, boom, boom. Don't need apologies. We can dance, until we die, you and I, will be young forever. If you choose to walk away, don’t walk away. You know that I'm the girl that you should call. This Friday night, do it all again.\u003c/p\u003e\n        \u003cp\u003eI'm walking on air. But lil' mama so dope. It's time to bring out the big balloons. Are you ready for, ready for. The boys break their necks try'na to creep a little sneak peek. Summer after high school when we first met. If you want it all. (This is how we do) You open my eyes and I'm ready to go, lead me into the light.\u003c/p\u003e\n        \u003cp\u003eGrowing fast into a bolt of lightning. We freak in my jeep, Snoop Doggy Dogg on the stereo. Baby do you dare to do this? Open up your heart and just let it begin. Peach-pink lips, yeah, everybody stares. Be your teenage dream tonight. Are you brave enough to let me see your peacock? You think I'm funny when I tell the punchline wrong. Woo! I knew you were. All this money can't buy me a time machine. I can't sleep let's run away and don't ever look back, don't ever look back.\u003c/p\u003e\n        \u003cp\u003eMake it like your birthday everyday. I'm not sticking around to watch you go down. Uh-huh, I see you. For you I'll risk it all, all. I’m gon’ put her in a coma. She ride me like a roller coaster. You hear my voice, you hear that sound. 'Cause I will love you unconditionally (oh yeah). They say, be afraid you're not like the others, futuristic lover. There is no fear now, let go and just be free, I will love you unconditionally.\u003c/p\u003e\n        \u003cp\u003eWe can dance, until we die, you and I, will be young forever. Pop your Pérignon. Last Friday night, yeah I think we broke the law, always say we're gonna stop. Don't need apologies. Give you something good to celebrate. But don’t make me your enemy, your enemy, your enemy. Flowers in her hair, she don't care. Tone, tan fit and ready, turn it up cause its gettin' heavy.\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-footer\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\"\u003eClose\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"file":"scrollspy.html","id":"bootstrap/scrollspy.html-19","componentId":"bootstrap","title":"Scrollspy","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n          \u003cnav id=\"navbar-example2\" class=\"navbar navbar-light bg-light px-3\"\u003e\n            \u003ca class=\"navbar-brand\" href=\"#\"\u003eNavbar\u003c/a\u003e\n            \u003cul class=\"nav nav-pills\"\u003e\n              \u003cli class=\"nav-item\"\u003e\n                \u003ca class=\"nav-link\" href=\"#fat\"\u003e@fat\u003c/a\u003e\n              \u003c/li\u003e\n              \u003cli class=\"nav-item\"\u003e\n                \u003ca class=\"nav-link\" href=\"#mdo\"\u003e@mdo\u003c/a\u003e\n              \u003c/li\u003e\n              \u003cli class=\"nav-item dropdown\"\u003e\n                \u003ca class=\"nav-link dropdown-toggle\" data-bs-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-expanded=\"false\"\u003eDropdown\u003c/a\u003e\n                \u003cul class=\"dropdown-menu\"\u003e\n                  \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#one\"\u003eone\u003c/a\u003e\u003c/li\u003e\n                  \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#two\"\u003etwo\u003c/a\u003e\u003c/li\u003e\n                  \u003cli\u003e\u003chr class=\"dropdown-divider\"\u003e\u003c/li\u003e\n                  \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#three\"\u003ethree\u003c/a\u003e\u003c/li\u003e\n                \u003c/ul\u003e\n              \u003c/li\u003e\n            \u003c/ul\u003e\n          \u003c/nav\u003e\n          \u003cdiv data-bs-spy=\"scroll\" data-bs-target=\"#navbar-example2\" data-bs-offset=\"0\" class=\"scrollspy-example\" tabindex=\"0\"\u003e\n            \u003ch4 id=\"fat\"\u003e@fat\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. You got the finest architecture. Passport stamps, she's cosmopolitan. Fine, fresh, fierce, we got it on lock. Never planned that one day I'd be losing you. She eats your heart out. Your kiss is cosmic, every move is magic. I mean the ones, I mean like she's the one. Greetings loved ones let's take a journey. Just own the night like the 4th of July! But you'd rather get wasted.\u003c/p\u003e\n            \u003ch4 id=\"mdo\"\u003e@mdo\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. 'Cause she's the muse and the artist. (This is how we do) So you wanna play with magic. So just be sure before you give it all to me. I'm walking, I'm walking on air (tonight). Skip the talk, heard it all, time to walk the walk.\u003c/p\u003e\n            \u003ch4 id=\"one\"\u003eone\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. Takes you miles high, so high, 'cause she’s got that one international smile. There's a stranger in my bed, there's a pounding in my head. Oh, no. In another life I would make you stay. ‘Cause I, I’m capable of anything. Suiting up for my crowning battle. Used to steal your parents' liquor and climb to the roof. Tone, tan fit and ready, turn it up cause its gettin' heavy. Her love is like a drug. I guess that I forgot I had a choice.\u003c/p\u003e\n            \u003ch4 id=\"two\"\u003etwo\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. It's time to bring out the big balloons. I'm walking, I'm walking on air (tonight). Yeah, we maxed our credit cards and got kicked out of the bar. Yo, shout out to all you kids, buying bottle service, with your rent money. I'm ma get your heart racing in my skin-tight jeans. If you get the chance you better keep her. Yo, shout out to all you kids, buying bottle service, with your rent money.\u003c/p\u003e\n            \u003ch4 id=\"three\"\u003ethree\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. If you wanna dance, if you want it all, you know that I'm the girl that you should call. Walk through the storm I would. So let me get you in your birthday suit. The one that got away. Last Friday night, yeah I think we broke the law, always say we're gonna stop. 'Cause she's a little bit of Yoko, And she's a little bit of 'Oh no'. I want the jaw droppin', eye poppin', head turnin', body shockin'. Yeah, we maxed our credit cards and got kicked out of the bar.\u003c/p\u003e\n            \u003cp\u003eAnd some more placeholder content, for good measure.\u003c/p\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"spinners.html","id":"bootstrap/spinners.html-20","componentId":"bootstrap","title":"Spinners","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\n        \u003cdiv class=\"spinner-border text-primary\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-secondary\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-success\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-danger\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-warning\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-info\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-light\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-dark\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n\n        \u003cdiv class=\"spinner-grow text-primary\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-secondary\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-success\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-danger\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-warning\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-info\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-light\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-dark\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"toasts.html","id":"bootstrap/toasts.html-21","componentId":"bootstrap","title":"Toasts","extension":"html","raw":"\u003cdiv class=\"bd-example bg-dark p-5 align-items-center\"\u003e\n        \u003cdiv class=\"toast\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\"\u003e\n          \u003cdiv class=\"toast-header\"\u003e\n            \u003csvg class=\"bd-placeholder-img rounded me-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#007aff\"/\u003e\u003c/svg\u003e\n\n            \u003cstrong class=\"me-auto\"\u003eBootstrap\u003c/strong\u003e\n            \u003csmall class=\"text-muted\"\u003e11 mins ago\u003c/small\u003e\n            \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"toast\" aria-label=\"Close\"\u003e\u003c/button\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"toast-body\"\u003e\n            Hello, world! This is a toast message.\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"tooltips.html","id":"bootstrap/tooltips.html-22","componentId":"bootstrap","title":"Tooltips","extension":"html","raw":"\u003cdiv class=\"bd-example tooltip-demo\" style=\"min-height:200px; padding: 3em\"\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Tooltip on top\"\u003eTooltip on top\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"right\" title=\"Tooltip on end\"\u003eTooltip on end\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Tooltip on bottom\"\u003eTooltip on bottom\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"left\" title=\"Tooltip on start\"\u003eTooltip on start\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-html=\"true\" title=\"\u003cem\u003eTooltip\u003c/em\u003e \u003cu\u003ewith\u003c/u\u003e \u003cb\u003eHTML\u003c/b\u003e\"\u003eTooltip with HTML\u003c/button\u003e\n\u003c/div\u003e"},{"file":"carousel.html","id":"bootstrap/carousel.html-23","componentId":"bootstrap","title":"Carousel","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv id=\"carouselExampleCaptions\" class=\"carousel slide\" data-bs-ride=\"carousel\"\u003e\n          \u003col class=\"carousel-indicators\"\u003e\n            \u003cli data-bs-target=\"#carouselExampleCaptions\" data-bs-slide-to=\"0\" class=\"active\"\u003e\u003c/li\u003e\n            \u003cli data-bs-target=\"#carouselExampleCaptions\" data-bs-slide-to=\"1\"\u003e\u003c/li\u003e\n            \u003cli data-bs-target=\"#carouselExampleCaptions\" data-bs-slide-to=\"2\"\u003e\u003c/li\u003e\n          \u003c/ol\u003e\n          \u003cdiv class=\"carousel-inner\"\u003e\n            \u003cdiv class=\"carousel-item active\"\u003e\n              \u003csvg class=\"bd-placeholder-img bd-placeholder-img-lg d-block w-100\" width=\"800\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: First slide\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#777\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#555\" dy=\".3em\"\u003eFirst slide\u003c/text\u003e\u003c/svg\u003e\n\n              \u003cdiv class=\"carousel-caption d-none d-md-block\"\u003e\n                \u003ch5\u003eFirst slide label\u003c/h5\u003e\n                \u003cp\u003eSome representative placeholder content for the first slide.\u003c/p\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"carousel-item\"\u003e\n              \u003csvg class=\"bd-placeholder-img bd-placeholder-img-lg d-block w-100\" width=\"800\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Second slide\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#666\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#444\" dy=\".3em\"\u003eSecond slide\u003c/text\u003e\u003c/svg\u003e\n\n              \u003cdiv class=\"carousel-caption d-none d-md-block\"\u003e\n                \u003ch5\u003eSecond slide label\u003c/h5\u003e\n                \u003cp\u003eSome representative placeholder content for the second slide.\u003c/p\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"carousel-item\"\u003e\n              \u003csvg class=\"bd-placeholder-img bd-placeholder-img-lg d-block w-100\" width=\"800\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Third slide\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#555\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#333\" dy=\".3em\"\u003eThird slide\u003c/text\u003e\u003c/svg\u003e\n\n              \u003cdiv class=\"carousel-caption d-none d-md-block\"\u003e\n                \u003ch5\u003eThird slide label\u003c/h5\u003e\n                \u003cp\u003eSome representative placeholder content for the third slide.\u003c/p\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003ca class=\"carousel-control-prev\" href=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"prev\"\u003e\n            \u003cspan class=\"carousel-control-prev-icon\" aria-hidden=\"true\"\u003e\u003c/span\u003e\n            \u003cspan class=\"visually-hidden\"\u003ePrevious\u003c/span\u003e\n          \u003c/a\u003e\n          \u003ca class=\"carousel-control-next\" href=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"next\"\u003e\n            \u003cspan class=\"carousel-control-next-icon\" aria-hidden=\"true\"\u003e\u003c/span\u003e\n            \u003cspan class=\"visually-hidden\"\u003eNext\u003c/span\u003e\n          \u003c/a\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"shadows.html","id":"bootstrap/shadows.html-24","componentId":"bootstrap","title":"Shadows","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\u003cdiv class=\"shadow-none p-3 m-5 rounded bg-tile\"\u003eNo shadow\u003c/div\u003e\n\u003cdiv class=\"shadow-sm p-3 m-5 rounded bg-tile\"\u003eSmall shadow\u003c/div\u003e\n\u003cdiv class=\"shadow p-3 m-5 rounded bg-tile\"\u003eRegular shadow\u003c/div\u003e\n\u003cdiv class=\"shadow-lg p-3 m-5 rounded bg-tile\"\u003eLarger shadow\u003c/div\u003e\n\u003c/div\u003e"},{"file":"utils.html","id":"bootstrap/utils.html-25","componentId":"bootstrap","title":"Utils","extension":"html","raw":"\u003cdiv class=\"bd-example bg-body\"\u003e\n\u003cp\u003eBG Body\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example bg-black\"\u003e\n\u003cp\u003eBG Black\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example bg-white\"\u003e\n\u003cp\u003eBG White\u003c/p\u003e\n\u003c/div\u003e"}],"sourcePath":"src/components/bootstrap","sourceFile":"src/components/bootstrap/component.config.js","readmeFile":"src/components/bootstrap/README.md","type":"component"},"footer":{"id":"footer","title":"Footer","isTitleFromHeading":true,"content":"\u003ch1 id=\"footer\" tabindex=\"-1\"\u003eFooter\u003c/h1\u003e","variants":[{"file":"footer.html","id":"footer/footer.html-1","componentId":"footer","title":"Footer","extension":"html","raw":"\u003cdiv class=\"btcpay-footer\"\u003e\n  \u003cdiv class=\"btcpay-footer-columns\"\u003e\n    \u003cdiv\u003e\n      \u003ch6\u003eSoftware\u003c/h6\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/\"\u003eIntroduction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/btcpay-basics/usecase\"\u003eUse Case\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/features/apps\"\u003eApps\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/deployment/deployment\"\u003eDeployment\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/btcpay-basics/gettingstarted\"\u003eGetting Started\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n      \u003ch6\u003eResources\u003c/h6\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/\"\u003eDocumentation\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/development\"\u003eDevelopment\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://github.com/btcpayserver/\"\u003eGitHub\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/support-and-community/support\"\u003eSupport\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/faq-and-common-issues/faq\"\u003eFAQ\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n      \u003ch6\u003eCommunity\u003c/h6\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://blog.btcpayserver.org\"\u003eBlog\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://chat.btcpayserver.org\"\u003eChat\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://directory.btcpayserver.org\"\u003eDirectory\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/support-and-community/contribute\"\u003eContribute\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://btcpayserver.org/donate/\"\u003eDonate\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cp\u003e\n    Content Released under MIT license.\n    \u003cbr\u003e\n    This website does not use cookies nor collect personal data.\n  \u003c/p\u003e\n\u003c/div\u003e"}],"sourcePath":"src/components/footer","sourceFile":"src/components/footer/component.config.js","readmeFile":"src/components/footer/README.md","type":"component"},"header":{"id":"header","title":"Header","isTitleFromHeading":true,"content":"\u003ch1 id=\"header\" tabindex=\"-1\"\u003eHeader\u003c/h1\u003e","variants":[{"file":"header.html","id":"header/header.html-1","componentId":"header","title":"Header","extension":"html","raw":"\u003cdiv class=\"btcpay-header\"\u003e\n  \u003cdiv class=\"btcpay-header-columns\"\u003e\n    \u003ca href=\"#\"\u003e\n      \u003cimg src=\"/svg/logo.svg\" class=\"btcpay-header-logo\" alt=\"\" /\u003e\n    \u003c/a\u003e\n    \u003c!--#include file=\"/theme-switch/variants/theme-switch.html\" --\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"}],"sourcePath":"src/components/header","sourceFile":"src/components/header/component.config.js","readmeFile":"src/components/header/README.md","type":"component"},"pills":{"id":"pills","title":"Pills","isTitleFromHeading":false,"variants":[{"file":"labels.html","id":"pills/labels.html-1","componentId":"pills","title":"Labels","extension":"html","raw":"\u003cform action=\"#\"\u003e\n  \u003cdiv class=\"nav btcpay-pills pb-1\"\u003e\n    \u003cinput id=\"Internal\" value=\"Internal\" type=\"radio\" name=\"node\" checked=\"checked\"\u003e\n    \u003clabel for=\"Internal\" \u003eUse internal node\u003c/label\u003e\n    \u003cinput id=\"Custom\" value=\"Custom\" type=\"radio\" name=\"node\"\u003e\n    \u003clabel for=\"Custom\"\u003eUse custom node\u003c/label\u003e\n  \u003c/div\u003e\n\u003c/form\u003e"},{"file":"links.html","id":"pills/links.html-2","componentId":"pills","title":"Links","extension":"html","raw":"\u003cnav class=\"nav pb-1 btcpay-pills\"\u003e\n  \u003ca class=\"btcpay-pill\" href=\"#\"\u003eBTC (On-Chain)\u003c/a\u003e\n  \u003ca class=\"btcpay-pill active\" href=\"#\"\u003eBTC (Off-Chain)\u003c/a\u003e\n\u003c/nav\u003e"}],"sourcePath":"src/components/pills","sourceFile":"src/components/pills/component.config.js","type":"component"},"responsive-helper":{"id":"responsive-helper","title":"Responsive Helper","isTitleFromHeading":false,"variants":[],"sourcePath":"src/components/responsive-helper","type":"component"},"status":{"id":"status","title":"Status","isTitleFromHeading":false,"variants":[],"sourcePath":"src/components/status","type":"component"},"theme-switch":{"id":"theme-switch","title":"Theme Switch","isTitleFromHeading":true,"content":"\u003ch1 id=\"theme-switch\" tabindex=\"-1\"\u003eTheme Switch\u003c/h1\u003e\n\u003cp\u003eUse the Theme Switch in the header to offer the user the ability to set the color mode explicitely.\u003c/p\u003e\n\u003cp\u003eSee the \u003ca href=\"/scripts/theme-switch.js\"\u003etheme-switch.js\u003c/a\u003e for a vanilla JavaScript implementation.\u003c/p\u003e","variants":[{"file":"theme-switch.html","id":"theme-switch/theme-switch.html-1","componentId":"theme-switch","title":"Theme Switch","extension":"html","raw":"\u003cdiv class=\"btcpay-theme-switch\"\u003e\n  \u003cspan class=\"btcpay-theme-switch-label\"\u003eTheme\u003c/span\u003e\n  \u003cdiv class=\"btcpay-theme-switch-themes\"\u003e\n      \u003cbutton type=\"button\" title=\"System\" data-theme=\"system\"\u003e\n        \u003csvg role=\"img\" class=\"icon icon-themes-system\"\u003e\u003cuse href=\"/svg/icons.svg#themes-system\"\u003e\u003c/use\u003e\u003c/svg\u003e\n      \u003c/button\u003e\n      \u003cbutton type=\"button\" title=\"Light\" data-theme=\"light\"\u003e\n        \u003csvg role=\"img\" class=\"icon icon-themes-light\"\u003e\u003cuse href=\"/svg/icons.svg#themes-light\"\u003e\u003c/use\u003e\u003c/svg\u003e\n      \u003c/button\u003e\n      \u003cbutton type=\"button\" title=\"Dark\" data-theme=\"dark\"\u003e\n        \u003csvg role=\"img\" class=\"icon icon-themes-dark\"\u003e\u003cuse href=\"/svg/icons.svg#themes-dark\"\u003e\u003c/use\u003e\u003c/svg\u003e\n      \u003c/button\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cscript src=\"/scripts/theme-switch.js\"\u003e\u003c/script\u003e\n\u003cnoscript\u003e\u003cstyle\u003e.btcpay-theme-switch { display: none; }\u003c/style\u003e\u003c/noscript\u003e"}],"sourcePath":"src/components/theme-switch","sourceFile":"src/components/theme-switch/component.config.js","readmeFile":"src/components/theme-switch/README.md","type":"component"},"toggle":{"id":"toggle","title":"Toggle","isTitleFromHeading":false,"variants":[{"file":"simple.html","id":"toggle/simple.html-1","componentId":"toggle","title":"Simple","extension":"html","raw":"\u003cdiv class=\"form-group d-flex align-items-center\"\u003e\n  \u003cinput id=\"PayJoinEnabled\" type=\"checkbox\" class=\"btcpay-toggle me-2\" /\u003e\n  \u003clabel for=\"PayJoinEnabled\" class=\"form-label mb-0 me-1\"\u003ePayJoin enabled\u003c/label\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"form-group d-flex align-items-center\"\u003e\n  \u003cinput id=\"PayJoinEnabledOn\" type=\"checkbox\" class=\"btcpay-toggle me-2\" checked /\u003e\n  \u003clabel for=\"PayJoinEnabledOn\" class=\"form-label mb-0 me-1\"\u003ePayJoin enabled\u003c/label\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"form-group d-flex align-items-center mb-0\"\u003e\n  \u003cinput id=\"Disabled\" type=\"checkbox\" class=\"btcpay-toggle me-2\" disabled /\u003e\n  \u003clabel for=\"Disabled\" class=\"form-label mb-0 me-1\"\u003eDisabled\u003c/label\u003e\n\u003c/div\u003e"},{"file":"helptext.html","id":"toggle/helptext.html-2","componentId":"toggle","title":"Helptext","extension":"html","raw":"\u003cdiv class=\"d-flex align-items-center\"\u003e\n  \u003cinput id=\"IsRecurring\" type=\"checkbox\" class=\"btcpay-toggle me-3\" /\u003e\n  \u003cdiv\u003e\n    \u003clabel for=\"IsRecurring\" class=\"form-label mb-0\"\u003eRecurring Goal\u003c/label\u003e\n    \u003cdiv class=\"form-text\"\u003eReset goal after a specific period of time, based on your crowdfund's start date.\u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"file":"expand.html","id":"toggle/expand.html-3","componentId":"toggle","title":"Expand","extension":"html","raw":"\u003cdiv class=\"d-flex align-items-center\"\u003e\n  \u003cinput id=\"EnableTips\" type=\"checkbox\" class=\"btcpay-toggle me-3\" data-bs-toggle=\"collapse\"\n    data-bs-target=\"#CustomTipsSettings\" aria-expanded=\"false\" aria-controls=\"CustomTipsSettings\" /\u003e\n  \u003clabel for=\"EnableTips\" class=\"form-label mb-0\"\u003eEnable tips\u003c/label\u003e\n\u003c/div\u003e\n\u003cdiv class=\"collapse\" id=\"CustomTipsSettings\"\u003e\n  \u003cdiv class=\"form-group pt-3\"\u003e\n    \u003clabel id=\"CustomTipText\" class=\"form-label\" data-required\u003eCustom tip text\u003c/label\u003e\n    \u003cinput for=\"CustomTipText\" class=\"form-control\" required /\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"}],"sourcePath":"src/components/toggle","sourceFile":"src/components/toggle/component.config.js","type":"component"},"kitchensink":{"id":"kitchensink","title":"Kitchensink","isTitleFromHeading":true,"content":"\u003ch1 id=\"kitchensink\" tabindex=\"-1\"\u003eKitchensink\u003c/h1\u003e\n\u003cp\u003eJust a page that showcases everything and all together.\u003c/p\u003e","variants":[{"file":"kitchensink.html","id":"kitchensink/kitchensink.html-1","componentId":"kitchensink","title":"Kitchensink","extension":"html","raw":"\u003c!--#include file=\"/header/variants/header.html\" --\u003e\n\n\u003ch1\u003eChancellor on Brink of Second Bailout for Banks\u003c/h1\u003e\n\u003ch2\u003eBillions may be needed as lending squeeze tightens\u003c/h2\u003e\n\u003cp\u003eAlistair Darling has been forced to consider a second bailout for banks as the lending drought worsens.\u003c/p\u003e\n\u003cp\u003eThe Chancellor will decide within weeks whether to pump billions more into the economy as evidence mounts that the \u003ccode\u003e£37 billion\u003c/code\u003e part-nationalisation last year has failed to keep credit flowing. Options include cash injections, offering banks cheaper state guarantees to raise money privately or buying up “toxic assets”, The Times has learnt.\u003c/p\u003e\n\u003cpre\u003econst test = 123;\u003c/pre\u003e\n\u003cp\u003eThe Bank of England revealed yesterday that, despite intense pressure, the banks curbed lending in the final quarter of last year and plan even tighter restrictions in the coming months. Its findings will alarm the Treasury.\u003c/pre\u003e\n\n\u003c!--#include file=\"/footer/variants/footer.html\" --\u003e"}],"sourcePath":"src/views/kitchensink","sourceFile":"src/views/kitchensink/component.config.js","readmeFile":"src/views/kitchensink/README.md","type":"component"}},"navigation":{"index":{"childIds":["design","components","resources","development"],"id":"index","itemId":"index","path":"/","type":"documentation","title":"BTCPay Server Design System"},"components":{"prevSiblingId":"design","nextSiblingId":"resources","childIds":["components/header","components/theme-switch","components/bootstrap","components/pills","components/toggle","components/footer"],"parentId":"index","id":"components","itemId":"components","isStructural":true,"path":"/components/","type":"documentation","title":"Components"},"components/header":{"nextSiblingId":"components/theme-switch","parentId":"components","id":"components/header","itemId":"header","path":"/components/header/","type":"component","title":"Header","keywords":[null]},"components/theme-switch":{"prevSiblingId":"components/header","nextSiblingId":"components/bootstrap","parentId":"components","id":"components/theme-switch","itemId":"theme-switch","path":"/components/theme-switch/","type":"component","title":"Theme Switch","keywords":[null]},"components/bootstrap":{"prevSiblingId":"components/theme-switch","nextSiblingId":"components/pills","parentId":"components","id":"components/bootstrap","itemId":"bootstrap","path":"/components/bootstrap/","type":"component","title":"Bootstrap v5","keywords":[null]},"components/pills":{"prevSiblingId":"components/bootstrap","nextSiblingId":"components/toggle","parentId":"components","id":"components/pills","itemId":"pills","path":"/components/pills/","type":"component","title":"Pills","keywords":[null]},"components/toggle":{"prevSiblingId":"components/pills","nextSiblingId":"components/footer","parentId":"components","id":"components/toggle","itemId":"toggle","path":"/components/toggle/","type":"component","title":"Toggle","keywords":[null]},"components/footer":{"prevSiblingId":"components/toggle","parentId":"components","id":"components/footer","itemId":"footer","path":"/components/footer/","type":"component","title":"Footer","keywords":[null]},"design":{"nextSiblingId":"components","childIds":["design/colors","design/fonts","design/icons","design/spaces","design/variables"],"parentId":"index","id":"design","itemId":"design","isStructural":true,"path":"/design/","type":"documentation","title":"Design"},"development":{"prevSiblingId":"resources","parentId":"index","id":"development","itemId":"development","path":"/development/","type":"documentation","title":"Development"},"resources":{"prevSiblingId":"components","nextSiblingId":"development","childIds":["resources/css","resources/favicon","resources/design-files","resources/supporters"],"parentId":"index","id":"resources","itemId":"resources","isStructural":true,"path":"/resources/","type":"documentation","title":"Resources"},"views":{"nextSiblingId":"design","childIds":["views/kitchensink"],"parentId":"index","id":"views","itemId":"views","isStructural":true,"path":"/views/","type":"documentation","title":"Views"},"views/kitchensink":{"parentId":"views","id":"views/kitchensink","itemId":"kitchensink","path":"/views/kitchensink/","type":"component","title":"Kitchensink","keywords":[null]},"design/colors":{"nextSiblingId":"design/fonts","parentId":"design","id":"design/colors","itemId":"design/colors","path":"/design/colors/","type":"tokens","title":"Colors"},"design/fonts":{"prevSiblingId":"design/colors","nextSiblingId":"design/icons","parentId":"design","id":"design/fonts","itemId":"design/fonts","path":"/design/fonts/","type":"tokens","title":"Fonts"},"design/icons":{"prevSiblingId":"design/fonts","nextSiblingId":"design/spaces","parentId":"design","id":"design/icons","itemId":"design/icons","path":"/design/icons/","type":"tokens","title":"Icons"},"design/spaces":{"prevSiblingId":"design/icons","nextSiblingId":"design/variables","parentId":"design","id":"design/spaces","itemId":"design/spaces","path":"/design/spaces/","type":"tokens","title":"Spaces"},"design/variables":{"prevSiblingId":"design/spaces","parentId":"design","id":"design/variables","itemId":"design/variables","path":"/design/variables/","type":"tokens","title":"Variables"},"resources/css":{"nextSiblingId":"resources/favicon","parentId":"resources","id":"resources/css","itemId":"resources/css","path":"/resources/css/","type":"documentation","title":"CSS"},"resources/design-files":{"prevSiblingId":"resources/favicon","nextSiblingId":"resources/supporters","parentId":"resources","id":"resources/design-files","itemId":"resources/design-files","path":"/resources/design-files/","type":"documentation","title":"Design files"},"resources/favicon":{"prevSiblingId":"resources/css","nextSiblingId":"resources/design-files","parentId":"resources","id":"resources/favicon","itemId":"resources/favicon","path":"/resources/favicon/","type":"documentation","title":"Favicon"},"resources/supporters":{"prevSiblingId":"resources/design-files","parentId":"resources","id":"resources/supporters","itemId":"resources/supporters","path":"/resources/supporters/","type":"tokens","title":"Supporters"}}},
+        state: {"config":{"name":"BTCPay Server Design System","version":"0.1.0","update":1714483161328,"logo":"/resources/design-files/btcpay-logo.svg","source":{"components":["/home/runner/work/btcpayserver-design/btcpayserver-design/src/components","/home/runner/work/btcpayserver-design/btcpayserver-design/src/views"],"templates":"/home/runner/work/btcpayserver-design/btcpayserver-design/src/templates","pages":"/home/runner/work/btcpayserver-design/btcpayserver-design/pages","additionalWatches":["/home/runner/work/btcpayserver-design/btcpayserver-design/src/design"],"base":"/home/runner/work/btcpayserver-design/btcpayserver-design","configFile":"/home/runner/work/btcpayserver-design/btcpayserver-design/uiengine.config.js"},"target":"/home/runner/work/btcpayserver-design/btcpayserver-design/dist","adapters":{"html":{"module":"@uiengine/adapter-html","options":{"basedir":"./src/components","skipScaffold":false}}},"template":"patternlib.html","themes":[{"id":"light","title":"Light"},{"id":"dark","title":"Dark"}],"ui":{"lang":"en","customStylesFile":"/styles/patternlib-overrides.css","repoBaseUrl":"https://github.com/btcpayserver/btcpayserver-design/blob/master/","viewports":{"Phone":{"width":320},"Tablet":{"width":768},"Desktop":{"width":1280}},"breakpoints":{"XS":320,"S":560,"M":768,"L":960,"XL":1280},"base":"/"},"browserSync":{"open":false},"plugins":[]},"plugins":{"ui":{"js":[],"css":[],"tabs":[],"actions":[],"iframe_js":[]}},"pages":{"index":{"childIds":["design","components","resources","development"],"id":"index","title":"BTCPay Server Design System","isTitleFromHeading":true,"path":"","sourcePath":"pages","sourceFile":"pages/page.config.js","readmeFile":"pages/README.md","type":"documentation","content":"\u003ch1 id=\"btcpay-server-design-system\" tabindex=\"-1\"\u003eBTCPay Server Design System\u003c/h1\u003e\n\u003cp\u003eCodified design guidelines for the BTCPay Server webpages.\u003c/p\u003e\n\u003ch2 id=\"related-resources\" tabindex=\"-1\"\u003eRelated resources\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/btcpayserver/btcpayserver-design/\"\u003eRepository on GitHub\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://www.figma.com/file/C7Xyq0FlxgFW8vaBr8ht1z/BTCPAY\"\u003eDesign Specifications on Figma\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/btcpayserver/btcpayserver-media\"\u003eMedia asset for BTCPay Server\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/btcpayserver/btcpayserver-doc\"\u003eOfficial Documentation\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e"},"components":{"childIds":[],"componentIds":["header","theme-switch","bootstrap","pills","toggle","footer"],"id":"components","title":"Components","isTitleFromHeading":true,"path":"components","sourcePath":"pages/components","sourceFile":"pages/components/page.config.js","readmeFile":"pages/components/README.md","type":"documentation","content":"\u003ch1 id=\"components\" tabindex=\"-1\"\u003eComponents\u003c/h1\u003e"},"design":{"childIds":["design/colors","design/fonts","design/icons","design/spaces","design/variables"],"id":"design","title":"Design","isTitleFromHeading":true,"path":"design","sourcePath":"pages/design","sourceFile":"pages/design/page.config.js","readmeFile":"pages/design/README.md","type":"documentation","content":"\u003ch1 id=\"design\" tabindex=\"-1\"\u003eDesign\u003c/h1\u003e"},"development":{"childIds":[],"id":"development","title":"Development","isTitleFromHeading":true,"path":"development","sourcePath":"pages/development","readmeFile":"pages/development/README.md","type":"documentation","content":"\u003ch1 id=\"development\" tabindex=\"-1\"\u003eDevelopment\u003c/h1\u003e\n\u003ch2 id=\"setup\" tabindex=\"-1\"\u003eSetup\u003c/h2\u003e\n\u003cp\u003eDependencies are managed via npm.\nOnce you have cloned \u003ca href=\"https://github.com/btcpayserver/btcpayserver-design/\"\u003ethis repo\u003c/a\u003e, you can setup the packages:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpm install\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eCreate a build and rebuild on file change:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpm start\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis will bring up the dev server and pattern library on \u003ca href=\"http://localhost:3000\"\u003elocalhost:3000\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"how-to-create-a-component%3F\" tabindex=\"-1\"\u003eHow to create a component?\u003c/h2\u003e\n\u003cp\u003eTo generate the basic files of a component you can use the \u003ccode\u003ecomponent\u003c/code\u003e command:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine component COMPONENT_ID\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis will also generate a default variant named after the component.\nIn case you want to directly add some variants, you can list them like so:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine component COMPONENT_ID VARIANT_1 VARIANT_2 VARIANT_3\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"how-to-create-a-variant%3F\" tabindex=\"-1\"\u003eHow to create a variant?\u003c/h2\u003e\n\u003cp\u003eA variant needs at least a file to render.\nYou create a variant by adding a file renderable by one of the configured adapters to the \u003ccode\u003evariants\u003c/code\u003e directory of a component.\u003c/p\u003e\n\u003cp\u003eTo render a variant, we also need a layout.\nThe \u003ccode\u003enpx uiengine init\u003c/code\u003e command created a basic html layout file in \u003ccode\u003esrc/templates/uiengine.html\u003c/code\u003e.\nIt includes the \u003ccode\u003e\u0026lt;!-- uiengine:content --\u0026gt;\u003c/code\u003e comment, which will be replaced with the HTML of the rendered variant.\nYou can go ahead and extend the layout to fit your needs and include the correct HTML and style and script references.\u003c/p\u003e\n\u003cp\u003eThis layout file is just there to get you started.\nFeel free to change its content and use an other adapter to fit your projects needs.\u003c/p\u003e\n\u003ch2 id=\"how-to-create-a-page%3F\" tabindex=\"-1\"\u003eHow to create a page?\u003c/h2\u003e\n\u003cp\u003eTo generate the basic files and folders of a page you can use the \u003ccode\u003epage\u003c/code\u003e command:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine page PAGE_ID\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis generate a \u003ccode\u003eREADME.md\u003c/code\u003e and a \u003ccode\u003epage.config.js\u003c/code\u003e file inside the folder matching the page id in you pages source directory.\nIn case you want to directly add some pages, you can list them like so:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine page PAGE_1_ID PAGE_2_ID PAGE_3_ID\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eSay you would like to create pages for grouping your components with the \u003ca href=\"http://atomicdesign.bradfrost.com/chapter-2/\"\u003eAtomic Design Methodology\u003c/a\u003e:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpx uiengine page atoms molecules organisms templates pages\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"how-to-generate-the-project%3F\" tabindex=\"-1\"\u003eHow to generate the project?\u003c/h2\u003e\n\u003cp\u003eThe site can be generated with the following command:\u003c/p\u003e\n\u003cpre class=\"hljs lang-bash\"\u003e\u003ccode\u003enpm start\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eIt rebuilds files on change and spawns a server for the generated site.\u003c/p\u003e\n\u003cp\u003eUnder the hood \u003ca href=\"https://www.browsersync.io/\"\u003eBrowserSync\u003c/a\u003e is used to provide serving and watching the files.\nFor information on how to configure the server and pass additional options, see the \u003ca href=\"https://uiengine.uix.space/basics/config/#BrowserSync\"\u003econfiguration documentation\u003c/a\u003e.\u003c/p\u003e"},"resources":{"childIds":["resources/css","resources/favicon","resources/design-files","resources/supporters"],"id":"resources","title":"Resources","isTitleFromHeading":false,"path":"resources","sourcePath":"pages/resources","sourceFile":"pages/resources/page.config.js","type":"documentation"},"views":{"childIds":[],"componentIds":["kitchensink"],"id":"views","title":"Views","isTitleFromHeading":true,"path":"views","sourcePath":"pages/views","sourceFile":"pages/views/page.config.js","readmeFile":"pages/views/README.md","type":"documentation","content":"\u003ch1 id=\"views\" tabindex=\"-1\"\u003eViews\u003c/h1\u003e"},"design/colors":{"childIds":[],"tokens":[{"type":"category","name":"Brand","tokens":[{"category":"Brand","name":"Brand Primary","value":"#51b13e","variable":"--btcpay-brand-primary","type":"color"},{"category":"Brand","name":"Brand Secondary","value":"#CEDC21","variable":"--btcpay-brand-secondary","type":"color"},{"category":"Brand","name":"Brand Tertiary","value":"#1e7a44","variable":"--btcpay-brand-tertiary","type":"color"},{"category":"Brand","name":"Brand Dark","value":"#0F3B21","variable":"--btcpay-brand-dark","type":"color"}]},{"type":"category","name":"Primitives","tokens":[{"category":"Primitives","name":"White","value":"#ffffff","variable":"--btcpay-white","type":"color"},{"category":"Primitives","name":"White RGB","value":"255, 255, 255","variable":"--btcpay-white-rgb","type":"color"},{"category":"Primitives","name":"Black","value":"#000000","variable":"--btcpay-black","type":"color"},{"category":"Primitives","name":"Black RGB","value":"0, 0, 0","variable":"--btcpay-black-rgb","type":"color"}]},{"type":"category","name":"Neutral Light","tokens":[{"value":"#f8f9fa","category":"Neutral Light","name":"Neutral Light 100","variable":"--btcpay-neutral-light-100","reference":null,"type":"color"},{"value":"248,249,250","category":"Neutral Light","name":"Neutral Light 100","variable":"--btcpay-neutral-light-100-rgb","reference":null,"type":"color"},{"value":"#e9ecef","category":"Neutral Light","name":"Neutral Light 200","variable":"--btcpay-neutral-light-200","reference":null,"type":"color"},{"value":"233,236,239","category":"Neutral Light","name":"Neutral Light 200","variable":"--btcpay-neutral-light-200-rgb","reference":null,"type":"color"},{"value":"#dee2e6","category":"Neutral Light","name":"Neutral Light 300","variable":"--btcpay-neutral-light-300","reference":null,"type":"color"},{"value":"222,226,230","category":"Neutral Light","name":"Neutral Light 300","variable":"--btcpay-neutral-light-300-rgb","reference":null,"type":"color"},{"value":"#ced4da","category":"Neutral Light","name":"Neutral Light 400","variable":"--btcpay-neutral-light-400","reference":null,"type":"color"},{"value":"206,212,218","category":"Neutral Light","name":"Neutral Light 400","variable":"--btcpay-neutral-light-400-rgb","reference":null,"type":"color"},{"value":"#8f979e","category":"Neutral Light","name":"Neutral Light 500","variable":"--btcpay-neutral-light-500","reference":null,"type":"color"},{"value":"143,151,158","category":"Neutral Light","name":"Neutral Light 500","variable":"--btcpay-neutral-light-500-rgb","reference":null,"type":"color"},{"value":"#6c757d","category":"Neutral Light","name":"Neutral Light 600","variable":"--btcpay-neutral-light-600","reference":null,"type":"color"},{"value":"108,117,125","category":"Neutral Light","name":"Neutral Light 600","variable":"--btcpay-neutral-light-600-rgb","reference":null,"type":"color"},{"value":"#495057","category":"Neutral Light","name":"Neutral Light 700","variable":"--btcpay-neutral-light-700","reference":null,"type":"color"},{"value":"73,80,87","category":"Neutral Light","name":"Neutral Light 700","variable":"--btcpay-neutral-light-700-rgb","reference":null,"type":"color"},{"value":"#343a40","category":"Neutral Light","name":"Neutral Light 800","variable":"--btcpay-neutral-light-800","reference":null,"type":"color"},{"value":"52,58,64","category":"Neutral Light","name":"Neutral Light 800","variable":"--btcpay-neutral-light-800-rgb","reference":null,"type":"color"},{"value":"#292929","category":"Neutral Light","name":"Neutral Light 900","variable":"--btcpay-neutral-light-900","reference":null,"type":"color"},{"value":"41,41,41","category":"Neutral Light","name":"Neutral Light 900","variable":"--btcpay-neutral-light-900-rgb","reference":null,"type":"color"},{"value":"143,151,158","category":"Neutral Light","name":"Neutral Light RGB","variable":"--btcpay-neutral-light-rgb","type":"color"}]},{"type":"category","name":"Neutral Dark","tokens":[{"value":"#F0F6FC","category":"Neutral Dark","name":"Neutral Dark 100","variable":"--btcpay-neutral-dark-100","reference":null,"type":"color"},{"value":"240,246,252","category":"Neutral Dark","name":"Neutral Dark 100","variable":"--btcpay-neutral-dark-100-rgb","reference":null,"type":"color"},{"value":"#C9D1D9","category":"Neutral Dark","name":"Neutral Dark 200","variable":"--btcpay-neutral-dark-200","reference":null,"type":"color"},{"value":"201,209,217","category":"Neutral Dark","name":"Neutral Dark 200","variable":"--btcpay-neutral-dark-200-rgb","reference":null,"type":"color"},{"value":"#B1BAC4","category":"Neutral Dark","name":"Neutral Dark 300","variable":"--btcpay-neutral-dark-300","reference":null,"type":"color"},{"value":"177,186,196","category":"Neutral Dark","name":"Neutral Dark 300","variable":"--btcpay-neutral-dark-300-rgb","reference":null,"type":"color"},{"value":"#8B949E","category":"Neutral Dark","name":"Neutral Dark 400","variable":"--btcpay-neutral-dark-400","reference":null,"type":"color"},{"value":"139,148,158","category":"Neutral Dark","name":"Neutral Dark 400","variable":"--btcpay-neutral-dark-400-rgb","reference":null,"type":"color"},{"value":"#6E7681","category":"Neutral Dark","name":"Neutral Dark 500","variable":"--btcpay-neutral-dark-500","reference":null,"type":"color"},{"value":"110,118,129","category":"Neutral Dark","name":"Neutral Dark 500","variable":"--btcpay-neutral-dark-500-rgb","reference":null,"type":"color"},{"value":"#484F58","category":"Neutral Dark","name":"Neutral Dark 600","variable":"--btcpay-neutral-dark-600","reference":null,"type":"color"},{"value":"72,79,88","category":"Neutral Dark","name":"Neutral Dark 600","variable":"--btcpay-neutral-dark-600-rgb","reference":null,"type":"color"},{"value":"#30363D","category":"Neutral Dark","name":"Neutral Dark 700","variable":"--btcpay-neutral-dark-700","reference":null,"type":"color"},{"value":"48,54,61","category":"Neutral Dark","name":"Neutral Dark 700","variable":"--btcpay-neutral-dark-700-rgb","reference":null,"type":"color"},{"value":"#21262D","category":"Neutral Dark","name":"Neutral Dark 800","variable":"--btcpay-neutral-dark-800","reference":null,"type":"color"},{"value":"33,38,45","category":"Neutral Dark","name":"Neutral Dark 800","variable":"--btcpay-neutral-dark-800-rgb","reference":null,"type":"color"},{"value":"#161B22","category":"Neutral Dark","name":"Neutral Dark 900","variable":"--btcpay-neutral-dark-900","reference":null,"type":"color"},{"value":"22,27,34","category":"Neutral Dark","name":"Neutral Dark 900","variable":"--btcpay-neutral-dark-900-rgb","reference":null,"type":"color"},{"value":"110,118,129","category":"Neutral Dark","name":"Neutral Dark RGB","variable":"--btcpay-neutral-dark-rgb","type":"color"}]},{"type":"category","name":"Primary","tokens":[{"value":"#c7e6c1","category":"Primary","name":"Primary 100","variable":"--btcpay-primary-100","reference":null,"type":"color"},{"value":"199,230,193","category":"Primary","name":"Primary 100","variable":"--btcpay-primary-100-rgb","reference":null,"type":"color"},{"value":"#b5dead","category":"Primary","name":"Primary 200","variable":"--btcpay-primary-200","reference":null,"type":"color"},{"value":"181,222,173","category":"Primary","name":"Primary 200","variable":"--btcpay-primary-200-rgb","reference":null,"type":"color"},{"value":"#9dd392","category":"Primary","name":"Primary 300","variable":"--btcpay-primary-300","reference":null,"type":"color"},{"value":"157,211,146","category":"Primary","name":"Primary 300","variable":"--btcpay-primary-300-rgb","reference":null,"type":"color"},{"value":"#7cc46e","category":"Primary","name":"Primary 400","variable":"--btcpay-primary-400","reference":null,"type":"color"},{"value":"124,196,110","category":"Primary","name":"Primary 400","variable":"--btcpay-primary-400-rgb","reference":null,"type":"color"},{"value":"#44a431","category":"Primary","name":"Primary 500","variable":"--btcpay-primary-500","reference":null,"type":"color"},{"value":"68,164,49","category":"Primary","name":"Primary 500","variable":"--btcpay-primary-500-rgb","reference":null,"type":"color"},{"value":"#389725","category":"Primary","name":"Primary 600","variable":"--btcpay-primary-600","reference":null,"type":"color"},{"value":"56,151,37","category":"Primary","name":"Primary 600","variable":"--btcpay-primary-600-rgb","reference":null,"type":"color"},{"value":"#2e8a1b","category":"Primary","name":"Primary 700","variable":"--btcpay-primary-700","reference":null,"type":"color"},{"value":"46,138,27","category":"Primary","name":"Primary 700","variable":"--btcpay-primary-700-rgb","reference":null,"type":"color"},{"value":"#247d12","category":"Primary","name":"Primary 800","variable":"--btcpay-primary-800","reference":null,"type":"color"},{"value":"36,125,18","category":"Primary","name":"Primary 800","variable":"--btcpay-primary-800-rgb","reference":null,"type":"color"},{"value":"#1c710b","category":"Primary","name":"Primary 900","variable":"--btcpay-primary-900","reference":null,"type":"color"},{"value":"28,113,11","category":"Primary","name":"Primary 900","variable":"--btcpay-primary-900-rgb","reference":null,"type":"color"},{"value":"68,164,49","category":"Primary","name":"Primary RGB","variable":"--btcpay-primary-rgb","type":"color"}]},{"type":"category","name":"Green","tokens":[{"value":"#EEFAEB","category":"Green","name":"Green 100","variable":"--btcpay-green-100","reference":null,"type":"color"},{"value":"238,250,235","category":"Green","name":"Green 100","variable":"--btcpay-green-100-rgb","reference":null,"type":"color"},{"value":"#C7E8C0","category":"Green","name":"Green 200","variable":"--btcpay-green-200","reference":null,"type":"color"},{"value":"199,232,192","category":"Green","name":"Green 200","variable":"--btcpay-green-200-rgb","reference":null,"type":"color"},{"value":"#A0D695","category":"Green","name":"Green 300","variable":"--btcpay-green-300","reference":null,"type":"color"},{"value":"160,214,149","category":"Green","name":"Green 300","variable":"--btcpay-green-300-rgb","reference":null,"type":"color"},{"value":"#78C369","category":"Green","name":"Green 400","variable":"--btcpay-green-400","reference":null,"type":"color"},{"value":"120,195,105","category":"Green","name":"Green 400","variable":"--btcpay-green-400-rgb","reference":null,"type":"color"},{"value":"#51B13E","category":"Green","name":"Green 500","variable":"--btcpay-green-500","reference":null,"type":"color"},{"value":"81,177,62","category":"Green","name":"Green 500","variable":"--btcpay-green-500-rgb","reference":null,"type":"color"},{"value":"#419437","category":"Green","name":"Green 600","variable":"--btcpay-green-600","reference":null,"type":"color"},{"value":"65,148,55","category":"Green","name":"Green 600","variable":"--btcpay-green-600-rgb","reference":null,"type":"color"},{"value":"#307630","category":"Green","name":"Green 700","variable":"--btcpay-green-700","reference":null,"type":"color"},{"value":"48,118,48","category":"Green","name":"Green 700","variable":"--btcpay-green-700-rgb","reference":null,"type":"color"},{"value":"#205928","category":"Green","name":"Green 800","variable":"--btcpay-green-800","reference":null,"type":"color"},{"value":"32,89,40","category":"Green","name":"Green 800","variable":"--btcpay-green-800-rgb","reference":null,"type":"color"},{"value":"#0F3B21","category":"Green","name":"Green 900","variable":"--btcpay-green-900","reference":null,"type":"color"},{"value":"15,59,33","category":"Green","name":"Green 900","variable":"--btcpay-green-900-rgb","reference":null,"type":"color"},{"value":"81,177,62","category":"Green","name":"Green RGB","variable":"--btcpay-green-rgb","type":"color"}]},{"type":"category","name":"Blue","tokens":[{"value":"#b5e1e8","category":"Blue","name":"Blue 100","variable":"--btcpay-blue-100","reference":null,"type":"color"},{"value":"181,225,232","category":"Blue","name":"Blue 100","variable":"--btcpay-blue-100-rgb","reference":null,"type":"color"},{"value":"#9dd7e1","category":"Blue","name":"Blue 200","variable":"--btcpay-blue-200","reference":null,"type":"color"},{"value":"157,215,225","category":"Blue","name":"Blue 200","variable":"--btcpay-blue-200-rgb","reference":null,"type":"color"},{"value":"#7ccad7","category":"Blue","name":"Blue 300","variable":"--btcpay-blue-300","reference":null,"type":"color"},{"value":"124,202,215","category":"Blue","name":"Blue 300","variable":"--btcpay-blue-300-rgb","reference":null,"type":"color"},{"value":"#51b9c9","category":"Blue","name":"Blue 400","variable":"--btcpay-blue-400","reference":null,"type":"color"},{"value":"81,185,201","category":"Blue","name":"Blue 400","variable":"--btcpay-blue-400-rgb","reference":null,"type":"color"},{"value":"#17a2b8","category":"Blue","name":"Blue 500","variable":"--btcpay-blue-500","reference":null,"type":"color"},{"value":"23,162,184","category":"Blue","name":"Blue 500","variable":"--btcpay-blue-500-rgb","reference":null,"type":"color"},{"value":"#03899e","category":"Blue","name":"Blue 600","variable":"--btcpay-blue-600","reference":null,"type":"color"},{"value":"3,137,158","category":"Blue","name":"Blue 600","variable":"--btcpay-blue-600-rgb","reference":null,"type":"color"},{"value":"#007d91","category":"Blue","name":"Blue 700","variable":"--btcpay-blue-700","reference":null,"type":"color"},{"value":"0,125,145","category":"Blue","name":"Blue 700","variable":"--btcpay-blue-700-rgb","reference":null,"type":"color"},{"value":"#007284","category":"Blue","name":"Blue 800","variable":"--btcpay-blue-800","reference":null,"type":"color"},{"value":"0,114,132","category":"Blue","name":"Blue 800","variable":"--btcpay-blue-800-rgb","reference":null,"type":"color"},{"value":"#006778","category":"Blue","name":"Blue 900","variable":"--btcpay-blue-900","reference":null,"type":"color"},{"value":"0,103,120","category":"Blue","name":"Blue 900","variable":"--btcpay-blue-900-rgb","reference":null,"type":"color"},{"value":"23,162,184","category":"Blue","name":"Blue RGB","variable":"--btcpay-blue-rgb","type":"color"}]},{"type":"category","name":"Yellow","tokens":[{"value":"#FFFAF0","category":"Yellow","name":"Yellow 100","variable":"--btcpay-yellow-100","reference":null,"type":"color"},{"value":"255,250,240","category":"Yellow","name":"Yellow 100","variable":"--btcpay-yellow-100-rgb","reference":null,"type":"color"},{"value":"#FFF2D9","category":"Yellow","name":"Yellow 200","variable":"--btcpay-yellow-200","reference":null,"type":"color"},{"value":"255,242,217","category":"Yellow","name":"Yellow 200","variable":"--btcpay-yellow-200-rgb","reference":null,"type":"color"},{"value":"#FFE3AC","category":"Yellow","name":"Yellow 300","variable":"--btcpay-yellow-300","reference":null,"type":"color"},{"value":"255,227,172","category":"Yellow","name":"Yellow 300","variable":"--btcpay-yellow-300-rgb","reference":null,"type":"color"},{"value":"#FFCF70","category":"Yellow","name":"Yellow 400","variable":"--btcpay-yellow-400","reference":null,"type":"color"},{"value":"255,207,112","category":"Yellow","name":"Yellow 400","variable":"--btcpay-yellow-400-rgb","reference":null,"type":"color"},{"value":"#FFC043","category":"Yellow","name":"Yellow 500","variable":"--btcpay-yellow-500","reference":null,"type":"color"},{"value":"255,192,67","category":"Yellow","name":"Yellow 500","variable":"--btcpay-yellow-500-rgb","reference":null,"type":"color"},{"value":"#B57E12","category":"Yellow","name":"Yellow 600","variable":"--btcpay-yellow-600","reference":null,"type":"color"},{"value":"181,126,18","category":"Yellow","name":"Yellow 600","variable":"--btcpay-yellow-600-rgb","reference":null,"type":"color"},{"value":"#997328","category":"Yellow","name":"Yellow 700","variable":"--btcpay-yellow-700","reference":null,"type":"color"},{"value":"153,115,40","category":"Yellow","name":"Yellow 700","variable":"--btcpay-yellow-700-rgb","reference":null,"type":"color"},{"value":"#674D1B","category":"Yellow","name":"Yellow 800","variable":"--btcpay-yellow-800","reference":null,"type":"color"},{"value":"103,77,27","category":"Yellow","name":"Yellow 800","variable":"--btcpay-yellow-800-rgb","reference":null,"type":"color"},{"value":"#543D10","category":"Yellow","name":"Yellow 900","variable":"--btcpay-yellow-900","reference":null,"type":"color"},{"value":"84,61,16","category":"Yellow","name":"Yellow 900","variable":"--btcpay-yellow-900-rgb","reference":null,"type":"color"},{"value":"255,192,67","category":"Yellow","name":"Yellow RGB","variable":"--btcpay-yellow-rgb","type":"color"}]},{"type":"category","name":"Red","tokens":[{"value":"#FFEFED","category":"Red","name":"Red 100","variable":"--btcpay-red-100","reference":null,"type":"color"},{"value":"255,239,237","category":"Red","name":"Red 100","variable":"--btcpay-red-100-rgb","reference":null,"type":"color"},{"value":"#FED7D2","category":"Red","name":"Red 200","variable":"--btcpay-red-200","reference":null,"type":"color"},{"value":"254,215,210","category":"Red","name":"Red 200","variable":"--btcpay-red-200-rgb","reference":null,"type":"color"},{"value":"#F1998E","category":"Red","name":"Red 300","variable":"--btcpay-red-300","reference":null,"type":"color"},{"value":"241,153,142","category":"Red","name":"Red 300","variable":"--btcpay-red-300-rgb","reference":null,"type":"color"},{"value":"#E85C4A","category":"Red","name":"Red 400","variable":"--btcpay-red-400","reference":null,"type":"color"},{"value":"232,92,74","category":"Red","name":"Red 400","variable":"--btcpay-red-400-rgb","reference":null,"type":"color"},{"value":"#E11900","category":"Red","name":"Red 500","variable":"--btcpay-red-500","reference":null,"type":"color"},{"value":"225,25,0","category":"Red","name":"Red 500","variable":"--btcpay-red-500-rgb","reference":null,"type":"color"},{"value":"#AB1300","category":"Red","name":"Red 600","variable":"--btcpay-red-600","reference":null,"type":"color"},{"value":"171,19,0","category":"Red","name":"Red 600","variable":"--btcpay-red-600-rgb","reference":null,"type":"color"},{"value":"#870F00","category":"Red","name":"Red 700","variable":"--btcpay-red-700","reference":null,"type":"color"},{"value":"135,15,0","category":"Red","name":"Red 700","variable":"--btcpay-red-700-rgb","reference":null,"type":"color"},{"value":"#5A0A00","category":"Red","name":"Red 800","variable":"--btcpay-red-800","reference":null,"type":"color"},{"value":"90,10,0","category":"Red","name":"Red 800","variable":"--btcpay-red-800-rgb","reference":null,"type":"color"},{"value":"#420105","category":"Red","name":"Red 900","variable":"--btcpay-red-900","reference":null,"type":"color"},{"value":"66,1,5","category":"Red","name":"Red 900","variable":"--btcpay-red-900-rgb","reference":null,"type":"color"},{"value":"225,25,0","category":"Red","name":"Red RGB","variable":"--btcpay-red-rgb","type":"color"}]}],"id":"design/colors","title":"Colors","isTitleFromHeading":true,"path":"design/colors","sourcePath":"pages/design/colors","sourceFile":"pages/design/colors/page.config.js","readmeFile":"pages/design/colors/README.md","type":"tokens","content":"\u003ch1 id=\"colors\" tabindex=\"-1\"\u003eColors\u003c/h1\u003e"},"design/fonts":{"childIds":[],"tokens":[{"type":"category","name":"Font sizes","tokens":[{"name":"XS","value":"10px","variable":"--btcpay-font-size-xs"},{"name":"S","value":"12px","variable":"--btcpay-font-size-s"},{"name":"M","value":"14px","variable":"--btcpay-font-size-m"},{"name":"L","value":"18px","variable":"--btcpay-font-size-l"},{"name":"XL","value":"36px","variable":"--btcpay-font-size-xl"},{"name":"XXL","value":"45px","variable":"--btcpay-font-size-xxl"}]},{"type":"category","name":"Font weights","tokens":[{"name":"Regular","value":400,"variable":"--btcpay-font-weight-normal"},{"name":"Semibold","value":600,"variable":"--btcpay-font-weight-semibold"},{"name":"Bold","value":700,"variable":"--btcpay-font-weight-bold"}]},{"type":"category","name":"Font families","tokens":[{"type":"category","name":"Base","tokens":[{"type":"font","fontweight":"Regular / 400","description":"\"Open Sans\", \"Helvetica Neue\", Arial, sans-serif","value":"font-family: \"Open Sans\", \"Helvetica Neue\", Arial, sans-serif; font-weight: 400; ","variable":"--btcpay-font-family-base","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"},{"type":"font","fontweight":"Semibold / 600","description":"\"Open Sans\", \"Helvetica Neue\", Arial, sans-serif","value":"font-family: \"Open Sans\", \"Helvetica Neue\", Arial, sans-serif; font-weight: 600; ","variable":"--btcpay-font-family-base","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"},{"type":"font","fontweight":"Bold / 700","description":"\"Open Sans\", \"Helvetica Neue\", Arial, sans-serif","value":"font-family: \"Open Sans\", \"Helvetica Neue\", Arial, sans-serif; font-weight: 700; ","variable":"--btcpay-font-family-base","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"}]},{"type":"category","name":"Monospace","tokens":[{"type":"font","fontweight":"Regular / 400","description":"SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace","value":"font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-weight: 400; ","variable":"--btcpay-font-family-monospace","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"},{"type":"font","fontweight":"Semibold / 600","description":"SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace","value":"font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-weight: 600; ","variable":"--btcpay-font-family-monospace","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"},{"type":"font","fontweight":"Bold / 700","description":"SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace","value":"font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-weight: 700; ","variable":"--btcpay-font-family-monospace","sizes":["10px","12px","14px","18px","36px","45px"],"text":"Chancellor on Brink of Second Bailout for Banks"}]}]}],"id":"design/fonts","title":"Fonts","isTitleFromHeading":true,"path":"design/fonts","sourcePath":"pages/design/fonts","sourceFile":"pages/design/fonts/page.config.js","readmeFile":"pages/design/fonts/README.md","type":"tokens","content":"\u003ch1 id=\"fonts\" tabindex=\"-1\"\u003eFonts\u003c/h1\u003e\n\u003cp\u003eThe different fonts can be use via the combination of the CSS properties \u003ccode\u003efont-family\u003c/code\u003e and \u003ccode\u003efont-weight\u003c/code\u003e.\u003c/p\u003e"},"design/icons":{"childIds":[],"title":"Icons","tokens":[{"type":"category","name":"actions","tokens":[{"type":"icon","name":"actions-add","variable":"actions-add","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-add\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-archive","variable":"actions-archive","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-archive\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-copy","variable":"actions-copy","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-copy\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-drag","variable":"actions-drag","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-drag\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-refresh","variable":"actions-refresh","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-refresh\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-remove","variable":"actions-remove","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-remove\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-search","variable":"actions-search","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-search\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-send","variable":"actions-send","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-send\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-trash","variable":"actions-trash","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-trash\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"general","tokens":[{"type":"icon","name":"api","variable":"api","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#api\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"back","variable":"back","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#back\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"checkmark","variable":"checkmark","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#checkmark\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"close","variable":"close","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#close\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"cross","variable":"cross","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#cross\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"docs","variable":"docs","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#docs\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"donate","variable":"donate","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#donate\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"done","variable":"done","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#done\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"dots","variable":"dots","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#dots\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"info","variable":"info","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#info\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"minus","variable":"minus","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#minus\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"plus","variable":"plus","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#plus\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"qr-code","variable":"qr-code","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#qr-code\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"scan-qr","variable":"scan-qr","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#scan-qr\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"settings","variable":"settings","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"warning","variable":"warning","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#warning\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"caret","tokens":[{"type":"icon","name":"caret-down","variable":"caret-down","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#caret-down\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"caret-left","variable":"caret-left","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#caret-left\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"caret-right","variable":"caret-right","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"caret-up","variable":"caret-up","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#caret-up\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"checkout","tokens":[{"type":"icon","name":"checkout-complete","variable":"checkout-complete","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#checkout-complete\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"checkout-expired","variable":"checkout-expired","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#checkout-expired\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"checkout-sent","variable":"checkout-sent","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#checkout-sent\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"forms","tokens":[{"type":"icon","name":"forms-checkbox","variable":"forms-checkbox","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-checkbox\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"forms-date","variable":"forms-date","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-date\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"forms-number","variable":"forms-number","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-number\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"forms-select","variable":"forms-select","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-select\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"forms-text","variable":"forms-text","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#forms-text\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"logo","tokens":[{"type":"icon","name":"logo-btcpay","variable":"logo-btcpay","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-btcpay\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-lightningterminal","variable":"logo-lightningterminal","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-lightningterminal\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-rtl","variable":"logo-rtl","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-rtl\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-shopify","variable":"logo-shopify","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-shopify\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-thunderhub","variable":"logo-thunderhub","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-thunderhub\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"logo-tor","variable":"logo-tor","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#logo-tor\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"nav","tokens":[{"type":"icon","name":"nav-account","variable":"nav-account","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-account\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-contact","variable":"nav-contact","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-contact\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-crowdfund","variable":"nav-crowdfund","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-crowdfund\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-dashboard","variable":"nav-dashboard","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-dashboard\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-invoice","variable":"nav-invoice","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-invoice\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-invoices","variable":"nav-invoices","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-invoices\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-keypad","variable":"nav-keypad","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-keypad\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-lightning-address","variable":"nav-lightning-address","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-lightning-address\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-mobile-menu","variable":"nav-mobile-menu","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-mobile-menu\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-notifications","variable":"nav-notifications","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-notifications\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-pay-button","variable":"nav-pay-button","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-pay-button\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-payment-requests","variable":"nav-payment-requests","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-payment-requests\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-payouts","variable":"nav-payouts","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-payouts\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-plugin","variable":"nav-plugin","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-plugin\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-plugins-explore","variable":"nav-plugins-explore","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-plugins-explore\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-plugins-manage","variable":"nav-plugins-manage","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-plugins-manage\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-pointofsale","variable":"nav-pointofsale","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-pointofsale\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-pull-payments","variable":"nav-pull-payments","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-pull-payments\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-reporting","variable":"nav-reporting","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-reporting\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-server-settings","variable":"nav-server-settings","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-server-settings\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-store-settings","variable":"nav-store-settings","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-store-settings\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"nav-store","variable":"nav-store","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-store\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"notifications","tokens":[{"type":"icon","name":"notifications-invoice-failure","variable":"notifications-invoice-failure","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-invoice-failure\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-invoice-settled","variable":"notifications-invoice-settled","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-invoice-settled\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-new-version","variable":"notifications-new-version","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-new-version\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-payout-approved","variable":"notifications-payout-approved","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-payout-approved\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-payout","variable":"notifications-payout","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-payout\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"payment","tokens":[{"type":"icon","name":"payment-receive","variable":"payment-receive","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#payment-receive\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"payment-send","variable":"payment-send","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#payment-send\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"pos","tokens":[{"type":"icon","name":"pos-cart","variable":"pos-cart","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#pos-cart\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"pos-light","variable":"pos-light","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#pos-light\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"pos-print","variable":"pos-print","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#pos-print\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"pos-static","variable":"pos-static","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#pos-static\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"social","tokens":[{"type":"icon","name":"social-github","variable":"social-github","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-github\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"social-mattermost","variable":"social-mattermost","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-mattermost\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"social-nostr","variable":"social-nostr","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-nostr\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"social-telegram","variable":"social-telegram","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-telegram\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"social-twitter","variable":"social-twitter","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#social-twitter\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"themes","tokens":[{"type":"icon","name":"themes-dark","variable":"themes-dark","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#themes-dark\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"themes-light","variable":"themes-light","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#themes-light\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"themes-system","variable":"themes-system","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#themes-system\"/\u003e\u003c/svg\u003e"}]},{"type":"category","name":"wallet","tokens":[{"type":"icon","name":"wallet-existing","variable":"wallet-existing","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-existing\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-file","variable":"wallet-file","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-file\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-hardware","variable":"wallet-hardware","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-hardware\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-hot","variable":"wallet-hot","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-hot\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-key","variable":"wallet-key","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-key\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-new","variable":"wallet-new","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-new\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-seed","variable":"wallet-seed","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-seed\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-watchonly","variable":"wallet-watchonly","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-watchonly\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"wallet-xpub","variable":"wallet-xpub","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#wallet-xpub\"/\u003e\u003c/svg\u003e"}]}],"id":"design/icons","path":"design/icons","sourcePath":"pages/design/icons","sourceFile":"pages/design/icons/page.config.js","readmeFile":"pages/design/icons/README.md","type":"tokens","content":""},"design/spaces":{"childIds":[],"tokens":[{"type":"size","name":"XS","value":"4px","variable":"--btcpay-space-xs"},{"type":"size","name":"S","value":"8px","variable":"--btcpay-space-s"},{"type":"size","name":"M","value":"16px","variable":"--btcpay-space-m"},{"type":"size","name":"L","value":"32px","variable":"--btcpay-space-l"},{"type":"size","name":"XL","value":"64px","variable":"--btcpay-space-xl"},{"type":"size","name":"XXL","value":"80px","variable":"--btcpay-space-xxl"}],"id":"design/spaces","title":"Spaces","isTitleFromHeading":true,"path":"design/spaces","sourcePath":"pages/design/spaces","sourceFile":"pages/design/spaces/page.config.js","readmeFile":"pages/design/spaces/README.md","type":"tokens","content":"\u003ch1 id=\"spaces\" tabindex=\"-1\"\u003eSpaces\u003c/h1\u003e\n\u003cp\u003eThe spacings should be used via the CSS custom properties:\u003c/p\u003e\n\u003cpre class=\"hljs lang-css\"\u003e\u003ccode\u003e\u003cspan class=\"hljs-selector-class\"\u003e.my-component\u003c/span\u003e {\n  \u003cspan class=\"hljs-attribute\"\u003emargin-left\u003c/span\u003e: \u003cspan class=\"hljs-built_in\"\u003evar\u003c/span\u003e(--btcpay-space-m);\n}\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eIn addition to that there are also utility classes like \u003ccode\u003ebtcpay-space-x\u003c/code\u003e, which apply the space as \u003ccode\u003emargin-bottom\u003c/code\u003e:\u003c/p\u003e\n\u003cpre class=\"hljs lang-html\"\u003e\u003ccode\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003ediv\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003eclass\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;btcpay-space-x\u0026quot;\u003c/span\u003e\u0026gt;\u003c/span\u003e…\u003cspan class=\"hljs-tag\"\u003e\u0026lt;/\u003cspan class=\"hljs-name\"\u003ediv\u003c/span\u003e\u0026gt;\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e"},"design/variables":{"childIds":[],"tokens":[{"type":"category","name":"Borders","tokens":[{"category":"Borders","name":"Border Radius","value":".25rem","variable":"--btcpay-border-radius","type":"border-radius"},{"category":"Borders","name":"Border Radius L","value":".5rem","variable":"--btcpay-border-radius-l","type":"border-radius"},{"category":"Borders","name":"Border Radius XL","value":"1rem","variable":"--btcpay-border-radius-xl","type":"border-radius"},{"category":"Borders","name":"Border Radius XXL","value":"1.5rem","variable":"--btcpay-border-radius-xxl","type":"border-radius"}]},{"type":"category","name":"Transition","tokens":[{"category":"Transition","name":"Transition fast","value":".2s","variable":"--btcpay-transition-duration-fast"},{"category":"Transition","name":"Transition default","value":".3s","variable":"--btcpay-transition-duration-default"},{"category":"Transition","name":"Transition slow","value":".5s","variable":"--btcpay-transition-duration-slow"}]}],"id":"design/variables","title":"Variables","isTitleFromHeading":true,"path":"design/variables","sourcePath":"pages/design/variables","sourceFile":"pages/design/variables/page.config.js","readmeFile":"pages/design/variables/README.md","type":"tokens","content":"\u003ch1 id=\"variables\" tabindex=\"-1\"\u003eVariables\u003c/h1\u003e"},"resources/css":{"childIds":[],"id":"resources/css","title":"CSS","isTitleFromHeading":true,"path":"resources/css","sourcePath":"pages/resources/css","readmeFile":"pages/resources/css/README.md","type":"documentation","content":"\u003ch1 id=\"css\" tabindex=\"-1\"\u003eCSS\u003c/h1\u003e\n\u003cp\u003eTo keep the different apps and websites consistent, we offer these stylesheets you should use to build upon.\u003c/p\u003e\n\u003cp\u003eYou can download the CSS files using the references below and copy them to the styles folder of your project.\u003c/p\u003e\n\u003cp\u003eThen use this HTML snippet inside the \u003ccode\u003e\u0026lt;head\u0026gt;\u003c/code\u003e section to integrate the stylesheets you want to use:\u003c/p\u003e\n\u003cpre class=\"hljs lang-html\"\u003e\u003ccode\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/styles/btcpayserver-variables.css\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;stylesheet\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/styles/btcpayserver-bootstrap.css\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;stylesheet\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/styles/btcpayserver-main.css\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;stylesheet\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"variables\" tabindex=\"-1\"\u003eVariables\u003c/h2\u003e\n\u003cp\u003eThe codified version of what you find in the design section:\nThis stylesheet does not do anything on its own, but gives you access to the design variables via \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties\"\u003eCSS Custom Properties\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eThis file should be the first to include, as every other of the following resources uses the variables it defines.\u003c/p\u003e\n\u003cp\u003e📦 \u003ca href=\"/styles/btcpayserver-variables.css\"\u003ebtcpayserver-variables.css\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"main-styles\" tabindex=\"-1\"\u003eMain styles\u003c/h2\u003e\n\u003cp\u003eThe most basic set of CSS styles we can share across the different websites.\nThey include the font references and setting for the light/dark color themes.\u003c/p\u003e\n\u003cp\u003eThe general approach regarding the themes is:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eLight mode is the default\u003c/li\u003e\n\u003cli\u003eIf the browser supports the \u003ca href=\"https://web.dev/prefers-color-scheme/\"\u003eprefers-color-scheme media query\u003c/a\u003e, we use the users preference\u003c/li\u003e\n\u003cli\u003eSupport an \u003ca href=\"/components/theme-switch/\"\u003eexplicit setting\u003c/a\u003e saved in the browsers \u003ccode\u003elocalStorage\u003c/code\u003e, that the user can change via a switch\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e📦 \u003ca href=\"/styles/btcpayserver-main.css\"\u003ebtcpayserver-main.css\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"bootstrap\" tabindex=\"-1\"\u003eBootstrap\u003c/h2\u003e\n\u003cp\u003eThis is our forked version of \u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e.\nIncluding this is optional and only required if you want to build upon what Bootstrap offers.\u003c/p\u003e\n\u003cp\u003e📦 \u003ca href=\"/styles/btcpayserver-bootstrap.css\"\u003ebtcpayserver-bootstrap.css\u003c/a\u003e\u003c/p\u003e\n\u003ch3 id=\"why-do-we-use-a-fork%3F\" tabindex=\"-1\"\u003eWhy do we use a fork?\u003c/h3\u003e\n\u003cp\u003eBootstrap v5 unfortunately doesn’t fully support CSS Custom Properties (\u003ca href=\"https://github.com/twbs/bootstrap/commit/ac58c25dc8b65928ac817b8a2bf7c0e46a58de97\"\u003eyet\u003c/a\u003e), but that is what we need for our theming approach.\nSo the idea was to maintain this fork at a central place and use it as our custom version.\u003c/p\u003e\n\u003ch2 id=\"old-themes\" tabindex=\"-1\"\u003eOld themes\u003c/h2\u003e\n\u003cp\u003eWe have deprecated these previous themes, but keep them here for reference:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"/styles/btcpayserver-theme-classic.css\"\u003eClassic\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"/styles/btcpayserver-theme-casa.css\"\u003eCasa\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e"},"resources/design-files":{"childIds":[],"id":"resources/design-files","title":"Design files","isTitleFromHeading":true,"path":"resources/design-files","sourcePath":"pages/resources/design-files","readmeFile":"pages/resources/design-files/README.md","type":"documentation","content":"\u003ch1 id=\"design-files\" tabindex=\"-1\"\u003eDesign files\u003c/h1\u003e\n\u003ch2 id=\"color-palette\" tabindex=\"-1\"\u003eColor Palette\u003c/h2\u003e\n\u003cp\u003eYou can \u003ca href=\"./btcpay.gpl\"\u003edownload the color palette for GIMP/Inkscape\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"logo\" tabindex=\"-1\"\u003eLogo\u003c/h2\u003e\n\u003cp\u003eYou can \u003ca href=\"./btcpay-logo.ai\"\u003edownload the logo for Adobe Illustrator\u003c/a\u003e.\u003c/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eImage\u003c/th\u003e\n\u003cth\u003eDownloads\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cimg src=\"./btcpay-logo.svg\" alt=\"\"\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"./btcpay-logo.svg\"\u003eSVG\u003c/a\u003e | \u003ca href=\"./btcpay-logo.png\"\u003ePNG\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cimg src=\"./btcpay-logo-black-txt.svg\" alt=\"\"\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"./btcpay-logo-black-txt.svg\"\u003eSVG\u003c/a\u003e | \u003ca href=\"./btcpay-logo-black-txt.png\"\u003ePNG\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cimg src=\"./btcpay-logo-white-txt.svg\" alt=\"\"\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"./btcpay-logo-white-txt.svg\"\u003eSVG\u003c/a\u003e | \u003ca href=\"./btcpay-logo-white-txt.png\"\u003ePNG\u003c/a\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\u003cstyle\u003e\n  table img { height: 4em !important; margin: .2em 1em !important; display: block !important; }\n  table td { vertical-align: middle !important; }\n  table td:first-child { background: var(--uie-color-bg-medium) !important; }\n\u003c/style\u003e\n\u003ch2 id=\"further-resources\" tabindex=\"-1\"\u003eFurther resources\u003c/h2\u003e\n\u003cp\u003eAlso see the \u003ca href=\"https://github.com/btcpayserver/btcpayserver-media\"\u003emedia asset repository for BTCPay Server\u003c/a\u003e.\u003c/p\u003e","files":["/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-icon.png","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo-black-txt.png","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo-black-txt.svg","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo-white-txt.png","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo-white-txt.svg","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo.ai","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo.png","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay-logo.svg","/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/design-files/btcpay.gpl"]},"resources/favicon":{"childIds":[],"id":"resources/favicon","title":"Favicon","isTitleFromHeading":true,"path":"resources/favicon","sourcePath":"pages/resources/favicon","readmeFile":"pages/resources/favicon/README.md","type":"documentation","content":"\u003ch1 id=\"favicon\" tabindex=\"-1\"\u003eFavicon\u003c/h1\u003e\n\u003cp\u003eYou can \u003ca href=\"./favicon.zip\"\u003edownload the favicon files\u003c/a\u003e and copy them to the root folder of your project.\u003c/p\u003e\n\u003cp\u003eThen use this HTML snippet inside the \u003ccode\u003e\u0026lt;head\u0026gt;\u003c/code\u003e section to integrate the favicon:\u003c/p\u003e\n\u003cpre class=\"hljs lang-html\"\u003e\u003ccode\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;apple-touch-icon\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003esizes\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;180x180\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/apple-touch-icon.png\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;icon\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;image/png\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003esizes\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;32x32\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/favicon-32x32.png\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;icon\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;image/png\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003esizes\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;16x16\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/favicon-16x16.png\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;manifest\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/site.webmanifest\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003elink\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003erel\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;mask-icon\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ehref\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;/safari-pinned-tab.svg\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ecolor\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;#51b13e\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003emeta\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;msapplication-TileColor\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003econtent\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;#0f3b21\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003cspan class=\"hljs-name\"\u003emeta\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;theme-color\u0026quot;\u003c/span\u003e \u003cspan class=\"hljs-attr\"\u003econtent\u003c/span\u003e=\u003cspan class=\"hljs-string\"\u003e\u0026quot;#ffffff\u0026quot;\u003c/span\u003e /\u0026gt;\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e","files":["/home/runner/work/btcpayserver-design/btcpayserver-design/pages/resources/favicon/favicon.zip"]},"resources/supporters":{"childIds":[],"title":"Supporters","tokens":[{"type":"icon","name":"bailliegifford","variable":"bailliegifford","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#bailliegifford\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"coincards","variable":"coincards","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#coincards\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"esc","variable":"esc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#esc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"hrf","variable":"hrf","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#hrf\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"ivpn","variable":"ivpn","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#ivpn\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"lunanode","variable":"lunanode","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#lunanode\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"opensats","variable":"opensats","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#opensats\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"spiral","variable":"spiral","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#spiral\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"strike","variable":"strike","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#strike\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"walletofsatoshi","variable":"walletofsatoshi","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/supporters.svg#walletofsatoshi\"/\u003e\u003c/svg\u003e"}],"id":"resources/supporters","path":"resources/supporters","sourcePath":"pages/resources/supporters","sourceFile":"pages/resources/supporters/page.config.js","readmeFile":"pages/resources/supporters/README.md","type":"tokens","content":"\u003cp\u003eThe BTCPay Server Project is proudly supported by these entities through the BTCPay Server Foundation\u003c/p\u003e"}},"components":{"bootstrap":{"id":"bootstrap","title":"Bootstrap v5","isTitleFromHeading":true,"content":"\u003ch1 id=\"bootstrap-v5\" tabindex=\"-1\"\u003eBootstrap v5\u003c/h1\u003e\n\u003cp\u003eThis is a \u003ca href=\"https://getbootstrap.com/docs/\"\u003eBootstrap\u003c/a\u003e kitchensink page that showcases everything and all together.\nIt is intended to be used as a quick overview/reference and to check the themes.\u003c/p\u003e","variants":[{"file":"typography.html","id":"bootstrap/typography.html-1","componentId":"bootstrap","title":"Typography","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\u003cp class=\"display-1\"\u003eDisplay 1\u003c/p\u003e\n\u003cp class=\"display-2\"\u003eDisplay 2\u003c/p\u003e\n\u003cp class=\"display-3\"\u003eDisplay 3\u003c/p\u003e\n\u003cp class=\"display-4\"\u003eDisplay 4\u003c/p\u003e\n\u003cp class=\"display-5\"\u003eDisplay 5\u003c/p\u003e\n\u003cp class=\"display-6\"\u003eDisplay 6\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cp class=\"h1\"\u003eHeading 1\u003c/p\u003e\n\u003cp class=\"h2\"\u003eHeading 2\u003c/p\u003e\n\u003cp class=\"h3\"\u003eHeading 3\u003c/p\u003e\n\u003cp class=\"h4\"\u003eHeading 4\u003c/p\u003e\n\u003cp class=\"h5\"\u003eHeading 5\u003c/p\u003e\n\u003cp class=\"h6\"\u003eHeading 6\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cp class=\"lead\"\u003e\n  This is a lead paragraph. It stands out from regular paragraphs.\n\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cp\u003eYou can \u003ca href=\"#\"\u003elink\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eYou can use the mark tag to \u003cmark\u003ehighlight\u003c/mark\u003e text.\u003c/p\u003e\n\u003cp\u003e\u003cdel\u003eThis line of text is meant to be treated as deleted text.\u003c/del\u003e\u003c/p\u003e\n\u003cp\u003e\u003cs\u003eThis line of text is meant to be treated as no longer accurate.\u003c/s\u003e\u003c/p\u003e\n\u003cp\u003e\u003cins\u003eThis line of text is meant to be treated as an addition to the document.\u003c/ins\u003e\u003c/p\u003e\n\u003cp\u003e\u003cu\u003eThis line of text will render as underlined.\u003c/u\u003e\u003c/p\u003e\n\u003cp\u003e\u003csmall\u003eThis line of text is meant to be treated as fine print.\u003c/small\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eThis line rendered as bold text.\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eThis line rendered as italicized text.\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cblockquote class=\"blockquote\"\u003e\n  \u003cp\u003eA well-known quote, contained in a blockquote element.\u003c/p\u003e\n  \u003cfooter class=\"blockquote-footer\"\u003eSomeone famous in \u003ccite title=\"Source Title\"\u003eSource Title\u003c/cite\u003e\u003c/footer\u003e\n\u003c/blockquote\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cul class=\"list-unstyled\"\u003e\n  \u003cli\u003eThis is a list.\u003c/li\u003e\n  \u003cli\u003eIt appears completely unstyled.\u003c/li\u003e\n  \u003cli\u003eStructurally, it's still a list.\u003c/li\u003e\n  \u003cli\u003eHowever, this style only applies to immediate child elements.\u003c/li\u003e\n  \u003cli\u003eNested lists:\n    \u003cul\u003e\n      \u003cli\u003eare unaffected by this style\u003c/li\u003e\n      \u003cli\u003ewill still show a bullet\u003c/li\u003e\n      \u003cli\u003eand have appropriate left margin\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003eThis may still come in handy in some situations.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cul class=\"list-inline\"\u003e\n  \u003cli class=\"list-inline-item\"\u003eThis is a list item.\u003c/li\u003e\n  \u003cli class=\"list-inline-item\"\u003eAnd another one.\u003c/li\u003e\n  \u003cli class=\"list-inline-item\"\u003eBut they're displayed inline.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e"},{"file":"images.html","id":"bootstrap/images.html-2","componentId":"bootstrap","title":"Images","extension":"html","raw":"\u003carticle class=\"my-3\" id=\"images\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eImages\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/content/images/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003csvg class=\"bd-placeholder-img bd-placeholder-img-lg img-fluid\" width=\"100%\" height=\"250\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Responsive image\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003eResponsive image\u003c/text\u003e\u003c/svg\u003e\n\n    \u003c/div\u003e\n\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003csvg class=\"bd-placeholder-img img-thumbnail\" width=\"200\" height=\"200\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera: 200x200\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003eA generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003e200x200\u003c/text\u003e\u003c/svg\u003e\n\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"figures\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eFigures\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/content/figures/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cfigure class=\"figure\"\u003e\n      \u003csvg class=\"bd-placeholder-img figure-img img-fluid rounded\" width=\"400\" height=\"300\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: 400x300\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003e400x300\u003c/text\u003e\u003c/svg\u003e\n\n      \u003cfigcaption class=\"figure-caption\"\u003eA caption for the above image.\u003c/figcaption\u003e\n    \u003c/figure\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e"},{"file":"tables.html","id":"bootstrap/tables.html-3","componentId":"bootstrap","title":"Tables","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n  \u003ctable class=\"table table-striped\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\"\u003e#\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eFirst\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eLast\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHandle\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e1\u003c/th\u003e\n      \u003ctd\u003eMark\u003c/td\u003e\n      \u003ctd\u003eOtto\u003c/td\u003e\n      \u003ctd\u003e@mdo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e2\u003c/th\u003e\n      \u003ctd\u003eJacob\u003c/td\u003e\n      \u003ctd\u003eThornton\u003c/td\u003e\n      \u003ctd\u003e@fat\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e3\u003c/th\u003e\n      \u003ctd colspan=\"2\"\u003eLarry the Bird\u003c/td\u003e\n      \u003ctd\u003e@twitter\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/table\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"bd-example\"\u003e\n  \u003ctable class=\"table table-dark table-borderless\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\"\u003e#\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eFirst\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eLast\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHandle\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e1\u003c/th\u003e\n      \u003ctd\u003eMark\u003c/td\u003e\n      \u003ctd\u003eOtto\u003c/td\u003e\n      \u003ctd\u003e@mdo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e2\u003c/th\u003e\n      \u003ctd\u003eJacob\u003c/td\u003e\n      \u003ctd\u003eThornton\u003c/td\u003e\n      \u003ctd\u003e@fat\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e3\u003c/th\u003e\n      \u003ctd colspan=\"2\"\u003eLarry the Bird\u003c/td\u003e\n      \u003ctd\u003e@twitter\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/table\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"bd-example\"\u003e\n  \u003ctable class=\"table table-hover\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\"\u003eClass\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHeading\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHeading\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003eDefault\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n\n    \u003ctr class=\"table-primary\"\u003e\n      \u003cth scope=\"row\"\u003ePrimary\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-secondary\"\u003e\n      \u003cth scope=\"row\"\u003eSecondary\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-success\"\u003e\n      \u003cth scope=\"row\"\u003eSuccess\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-danger\"\u003e\n      \u003cth scope=\"row\"\u003eDanger\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-warning\"\u003e\n      \u003cth scope=\"row\"\u003eWarning\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-info\"\u003e\n      \u003cth scope=\"row\"\u003eInfo\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-light\"\u003e\n      \u003cth scope=\"row\"\u003eLight\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr class=\"table-dark\"\u003e\n      \u003cth scope=\"row\"\u003eDark\u003c/th\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n      \u003ctd\u003eCell\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/table\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"bd-example\"\u003e\n  \u003ctable class=\"table table-sm table-bordered\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"col\"\u003e#\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eFirst\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eLast\u003c/th\u003e\n      \u003cth scope=\"col\"\u003eHandle\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e1\u003c/th\u003e\n      \u003ctd\u003eMark\u003c/td\u003e\n      \u003ctd\u003eOtto\u003c/td\u003e\n      \u003ctd\u003e@mdo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e2\u003c/th\u003e\n      \u003ctd\u003eJacob\u003c/td\u003e\n      \u003ctd\u003eThornton\u003c/td\u003e\n      \u003ctd\u003e@fat\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\"\u003e3\u003c/th\u003e\n      \u003ctd colspan=\"2\"\u003eLarry the Bird\u003c/td\u003e\n      \u003ctd\u003e@twitter\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/table\u003e\n  \u003c/div\u003e"},{"file":"forms.html","id":"bootstrap/forms.html-4","componentId":"bootstrap","title":"Forms","extension":"html","raw":"\u003carticle class=\"my-3\" id=\"overview\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eOverview\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/overview/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cform\u003e\n      \u003cdiv class=\"mb-3\"\u003e\n        \u003clabel for=\"exampleInputEmail1\" class=\"form-label\"\u003eEmail address\u003c/label\u003e\n        \u003cinput type=\"email\" class=\"form-control\" id=\"exampleInputEmail1\" aria-describedby=\"emailHelp\"\u003e\n        \u003cdiv id=\"emailHelp\" class=\"form-text\"\u003eWe'll never share your email with anyone else.\u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-3\"\u003e\n        \u003clabel for=\"exampleInputPassword1\" class=\"form-label\"\u003ePassword\u003c/label\u003e\n        \u003cinput type=\"password\" class=\"form-control\" id=\"exampleInputPassword1\"\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-3 form-check\"\u003e\n        \u003cinput type=\"checkbox\" class=\"form-check-input\" id=\"exampleCheck1\"\u003e\n        \u003clabel class=\"form-check-label\" for=\"exampleCheck1\"\u003eCheck me out\u003c/label\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"form-group\"\u003e\n        \u003clabel class=\"form-label\" data-required=\"\" for=\"DefaultCurrency\"\u003eDefault currency\u003c/label\u003e\n        \u003cinput class=\"form-control\" style=\"max-width:12.5ch;\" type=\"text\" data-val=\"true\"\n          data-val-maxlength=\"The field Default currency must be a string or array type with a maximum length of '10'.\"\n          data-val-maxlength-max=\"10\" data-val-required=\"The Default currency field is required.\" id=\"DefaultCurrency\"\n          maxlength=\"10\" name=\"DefaultCurrency\" value=\"USD\" list=\"currency-selection-suggestion\"\u003e\u003cdatalist\n          id=\"currency-selection-suggestion\"\u003e\n          \u003coption value=\"BTC\"\u003e\u003c/option\u003e\n          \u003coption value=\"SATS\"\u003e\u003c/option\u003e\n          \u003coption value=\"USD\"\u003e\u003c/option\u003e\n          \u003coption value=\"EUR\"\u003e\u003c/option\u003e\n          \u003coption value=\"JPY\"\u003e\u003c/option\u003e\n        \u003c/datalist\u003e\n        \u003cspan class=\"text-danger field-validation-valid\" data-valmsg-for=\"DefaultCurrency\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e\n      \u003c/div\u003e\n      \u003cfieldset class=\"mb-3\"\u003e\n        \u003clegend class=\"h3 my-3\"\u003eRadios buttons\u003c/legend\u003e\n        \u003cdiv class=\"form-check\"\u003e\n          \u003cinput type=\"radio\" name=\"radios\" class=\"form-check-input\" id=\"exampleRadio1\"\u003e\n          \u003clabel class=\"form-check-label\" for=\"exampleRadio1\"\u003eDefault radio\u003c/label\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3 form-check\"\u003e\n          \u003cinput type=\"radio\" name=\"radios\" class=\"form-check-input\" id=\"exampleRadio2\"\u003e\n          \u003clabel class=\"form-check-label\" for=\"exampleRadio2\"\u003eAnother radio\u003c/label\u003e\n        \u003c/div\u003e\n      \u003c/fieldset\u003e\n      \u003cdiv class=\"mb-3\"\u003e\n        \u003clabel class=\"form-label\" for=\"customFile\"\u003eUpload\u003c/label\u003e\n        \u003cinput type=\"file\" class=\"form-control\" id=\"customFile\"\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-3 form-check form-switch\"\u003e\n        \u003cinput class=\"form-check-input\" type=\"checkbox\" id=\"flexSwitchCheckChecked\" checked\u003e\n        \u003clabel class=\"form-check-label\" for=\"flexSwitchCheckChecked\"\u003eChecked switch checkbox input\u003c/label\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-3\"\u003e\n        \u003clabel for=\"customRange3\" class=\"form-label\"\u003eExample range\u003c/label\u003e\n        \u003cinput type=\"range\" class=\"form-range\" min=\"0\" max=\"5\" step=\"0.5\" id=\"customRange3\"\u003e\n      \u003c/div\u003e\n      \u003cbutton type=\"submit\" class=\"btn btn-primary\"\u003eSubmit\u003c/button\u003e\n    \u003c/form\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"disabled-forms\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eDisabled forms\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/overview/#disabled-forms\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cform\u003e\n      \u003cfieldset disabled aria-label=\"Disabled fieldset example\"\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003clabel for=\"disabledTextInput\" class=\"form-label\"\u003eDisabled input\u003c/label\u003e\n          \u003cinput type=\"text\" id=\"disabledTextInput\" class=\"form-control\" placeholder=\"Disabled input\"\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003clabel for=\"disabledSelect\" class=\"form-label\"\u003eDisabled select menu\u003c/label\u003e\n          \u003cselect id=\"disabledSelect\" class=\"form-select\"\u003e\n            \u003coption\u003eDisabled select\u003c/option\u003e\n          \u003c/select\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003cdiv class=\"form-check\"\u003e\n            \u003cinput class=\"form-check-input\" type=\"checkbox\" id=\"disabledFieldsetCheck\" disabled\u003e\n            \u003clabel class=\"form-check-label\" for=\"disabledFieldsetCheck\"\u003e\n              Can't check this\n            \u003c/label\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003cfieldset class=\"mb-3\"\u003e\n          \u003clegend class=\"h3 my-3\"\u003eDisabled radios buttons\u003c/legend\u003e\n          \u003cdiv class=\"form-check\"\u003e\n            \u003cinput type=\"radio\" name=\"radios\" class=\"form-check-input\" id=\"disabledRadio1\" disabled\u003e\n            \u003clabel class=\"form-check-label\" for=\"disabledRadio1\"\u003eDisabled radio\u003c/label\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"mb-3 form-check\"\u003e\n            \u003cinput type=\"radio\" name=\"radios\" class=\"form-check-input\" id=\"disabledRadio2\" disabled\u003e\n            \u003clabel class=\"form-check-label\" for=\"disabledRadio2\"\u003eAnother radio\u003c/label\u003e\n          \u003c/div\u003e\n        \u003c/fieldset\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003clabel class=\"form-label\" for=\"disabledCustomFile\"\u003eUpload\u003c/label\u003e\n          \u003cinput type=\"file\" class=\"form-control\" id=\"disabledCustomFile\" disabled\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3 form-check form-switch\"\u003e\n          \u003cinput class=\"form-check-input\" type=\"checkbox\" id=\"disabledSwitchCheckChecked\" checked disabled\u003e\n          \u003clabel class=\"form-check-label\" for=\"disabledSwitchCheckChecked\"\u003eDisabled checked switch checkbox input\u003c/label\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mb-3\"\u003e\n          \u003clabel for=\"disabledRange\" class=\"form-label\"\u003eDisabled range\u003c/label\u003e\n          \u003cinput type=\"range\" class=\"form-range\" min=\"0\" max=\"5\" step=\"0.5\" id=\"disabledRange\"\u003e\n        \u003c/div\u003e\n        \u003cbutton type=\"submit\" class=\"btn btn-primary\"\u003eSubmit\u003c/button\u003e\n      \u003c/fieldset\u003e\n    \u003c/form\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"sizing\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eSizing\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/form-control/#sizing\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cinput class=\"form-control form-control-lg\" type=\"text\" placeholder=\".form-control-lg\" aria-label=\".form-control-lg example\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cselect class=\"form-select form-select-lg mb-3\" aria-label=\".form-select-lg example\"\u003e\n        \u003coption selected\u003eOpen this select menu\u003c/option\u003e\n        \u003coption value=\"1\"\u003eOne\u003c/option\u003e\n        \u003coption value=\"2\"\u003eTwo\u003c/option\u003e\n        \u003coption value=\"3\"\u003eThree\u003c/option\u003e\n      \u003c/select\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cinput type=\"file\" class=\"form-control form-control-lg\" aria-label=\"Large file input example\"\u003e\n    \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cinput class=\"form-control form-control-sm\" type=\"text\" placeholder=\".form-control-sm\" aria-label=\".form-control-sm example\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cselect class=\"form-select form-select-sm\" aria-label=\".form-select-sm example\"\u003e\n        \u003coption selected\u003eOpen this select menu\u003c/option\u003e\n        \u003coption value=\"1\"\u003eOne\u003c/option\u003e\n        \u003coption value=\"2\"\u003eTwo\u003c/option\u003e\n        \u003coption value=\"3\"\u003eThree\u003c/option\u003e\n      \u003c/select\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-3\"\u003e\n      \u003cinput type=\"file\" class=\"form-control form-control-sm\" aria-label=\"Small file input example\"\u003e\n    \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"input-group\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eInput group\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/input-group/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cdiv class=\"input-group mb-3\"\u003e\n      \u003cspan class=\"input-group-text\" id=\"basic-addon1\"\u003e@\u003c/span\u003e\n      \u003cinput type=\"text\" class=\"form-control\" placeholder=\"Username\" aria-label=\"Username\" aria-describedby=\"basic-addon1\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"input-group mb-3\"\u003e\n      \u003cinput type=\"text\" class=\"form-control\" placeholder=\"Recipient's username\" aria-label=\"Recipient's username\" aria-describedby=\"basic-addon2\"\u003e\n      \u003cspan class=\"input-group-text\" id=\"basic-addon2\"\u003e@example.com\u003c/span\u003e\n    \u003c/div\u003e\n    \u003clabel for=\"basic-url\" class=\"form-label\"\u003eYour vanity URL\u003c/label\u003e\n    \u003cdiv class=\"input-group mb-3\"\u003e\n      \u003cspan class=\"input-group-text\" id=\"basic-addon3\"\u003ehttps://example.com/users/\u003c/span\u003e\n      \u003cinput type=\"text\" class=\"form-control\" id=\"basic-url\" aria-describedby=\"basic-addon3\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"input-group mb-3\"\u003e\n      \u003cspan class=\"input-group-text\"\u003e$\u003c/span\u003e\n      \u003cinput type=\"text\" class=\"form-control\" aria-label=\"Amount (to the nearest dollar)\"\u003e\n      \u003cspan class=\"input-group-text\"\u003e.00\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"input-group\"\u003e\n      \u003cspan class=\"input-group-text\"\u003eWith textarea\u003c/span\u003e\n      \u003ctextarea class=\"form-control\" aria-label=\"With textarea\"\u003e\u003c/textarea\u003e\n    \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"floating-labels\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eFloating labels\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/floating-labels/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cform\u003e\n      \u003cdiv class=\"form-floating mb-3\"\u003e\n        \u003cinput type=\"email\" class=\"form-control\" id=\"floatingInput\" placeholder=\"name@example.com\"\u003e\n        \u003clabel for=\"floatingInput\"\u003eEmail address\u003c/label\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"form-floating\"\u003e\n        \u003cinput type=\"password\" class=\"form-control\" id=\"floatingPassword\" placeholder=\"Password\"\u003e\n        \u003clabel for=\"floatingPassword\"\u003ePassword\u003c/label\u003e\n      \u003c/div\u003e\n    \u003c/form\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e\n\u003carticle class=\"my-3\" id=\"validation\"\u003e\n  \u003cdiv class=\"bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2\"\u003e\n    \u003ch3\u003eValidation\u003c/h3\u003e\n    \u003ca class=\"d-flex align-items-center\" href=\"https://getbootstrap.com/docs/5.0/forms/validation/\"\u003eDocumentation\u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv\u003e\n    \u003cdiv class=\"bd-example\"\u003e\n    \u003cform class=\"row g-3\"\u003e\n      \u003cdiv class=\"col-md-4\"\u003e\n        \u003clabel for=\"validationServer01\" class=\"form-label\"\u003eFirst name\u003c/label\u003e\n        \u003cinput type=\"text\" class=\"form-control is-valid\" id=\"validationServer01\" value=\"Mark\" required\u003e\n        \u003cdiv class=\"valid-feedback\"\u003e\n          Looks good!\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-4\"\u003e\n        \u003clabel for=\"validationServer02\" class=\"form-label\"\u003eLast name\u003c/label\u003e\n        \u003cinput type=\"text\" class=\"form-control is-valid\" id=\"validationServer02\" value=\"Otto\" required\u003e\n        \u003cdiv class=\"valid-feedback\"\u003e\n          Looks good!\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-4\"\u003e\n        \u003clabel for=\"validationServerUsername\" class=\"form-label\"\u003eUsername\u003c/label\u003e\n        \u003cdiv class=\"input-group has-validation\"\u003e\n          \u003cspan class=\"input-group-text\" id=\"inputGroupPrepend3\"\u003e@\u003c/span\u003e\n          \u003cinput type=\"text\" class=\"form-control is-invalid\" id=\"validationServerUsername\" aria-describedby=\"inputGroupPrepend3\" required\u003e\n          \u003cdiv class=\"invalid-feedback\"\u003e\n            Please choose a username.\n          \u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-6\"\u003e\n        \u003clabel for=\"validationServer03\" class=\"form-label\"\u003eCity\u003c/label\u003e\n        \u003cinput type=\"text\" class=\"form-control is-invalid\" id=\"validationServer03\" required\u003e\n        \u003cdiv class=\"invalid-feedback\"\u003e\n          Please provide a valid city.\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-3\"\u003e\n        \u003clabel for=\"validationServer04\" class=\"form-label\"\u003eState\u003c/label\u003e\n        \u003cselect class=\"form-select is-invalid\" id=\"validationServer04\" required\u003e\n          \u003coption selected disabled value=\"\"\u003eChoose...\u003c/option\u003e\n          \u003coption\u003e...\u003c/option\u003e\n        \u003c/select\u003e\n        \u003cdiv class=\"invalid-feedback\"\u003e\n          Please select a valid state.\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-md-3\"\u003e\n        \u003clabel for=\"validationServer05\" class=\"form-label\"\u003eZip\u003c/label\u003e\n        \u003cinput type=\"text\" class=\"form-control is-invalid\" id=\"validationServer05\" required\u003e\n        \u003cdiv class=\"invalid-feedback\"\u003e\n          Please provide a valid zip.\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-12\"\u003e\n        \u003cdiv class=\"form-check\"\u003e\n          \u003cinput class=\"form-check-input is-invalid\" type=\"checkbox\" value=\"\" id=\"invalidCheck3\" required\u003e\n          \u003clabel class=\"form-check-label\" for=\"invalidCheck3\"\u003e\n            Agree to terms and conditions\n          \u003c/label\u003e\n          \u003cdiv class=\"invalid-feedback\"\u003e\n            You must agree before submitting.\n          \u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"col-12\"\u003e\n        \u003cbutton class=\"btn btn-primary\" type=\"submit\"\u003eSubmit form\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/form\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/article\u003e"},{"file":"navs.html","id":"bootstrap/navs.html-5","componentId":"bootstrap","title":"Navs","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cnav class=\"nav\"\u003e\n          \u003ca class=\"nav-link active\" aria-current=\"page\" href=\"#\"\u003eActive\u003c/a\u003e\n          \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n          \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n          \u003ca class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003eDisabled\u003c/a\u003e\n        \u003c/nav\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cnav\u003e\n          \u003cdiv class=\"nav nav-tabs mb-3\" id=\"nav-tab\" role=\"tablist\"\u003e\n            \u003ca class=\"nav-link active\" id=\"nav-home-tab\" data-bs-toggle=\"tab\" href=\"#nav-home\" role=\"tab\" aria-controls=\"nav-home\" aria-selected=\"true\"\u003eHome\u003c/a\u003e\n            \u003ca class=\"nav-link\" id=\"nav-profile-tab\" data-bs-toggle=\"tab\" href=\"#nav-profile\" role=\"tab\" aria-controls=\"nav-profile\" aria-selected=\"false\"\u003eProfile\u003c/a\u003e\n            \u003ca class=\"nav-link\" id=\"nav-contact-tab\" data-bs-toggle=\"tab\" href=\"#nav-contact\" role=\"tab\" aria-controls=\"nav-contact\" aria-selected=\"false\"\u003eContact\u003c/a\u003e\n          \u003c/div\u003e\n        \u003c/nav\u003e\n        \u003cdiv class=\"tab-content\" id=\"nav-tabContent\"\u003e\n          \u003cdiv class=\"tab-pane fade show active\" id=\"nav-home\" role=\"tabpanel\" aria-labelledby=\"nav-home-tab\"\u003e\n            \u003cp\u003ePlaceholder content for the tab panel. This one relates to the home tab. Takes you miles high, so high, 'cause she’s got that one international smile. There's a stranger in my bed, there's a pounding in my head. Oh, no. In another life I would make you stay. ‘Cause I, I’m capable of anything. Suiting up for my crowning battle. Used to steal your parents' liquor and climb to the roof. Tone, tan fit and ready, turn it up cause its gettin' heavy. Her love is like a drug. I guess that I forgot I had a choice.\u003c/p\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"tab-pane fade\" id=\"nav-profile\" role=\"tabpanel\" aria-labelledby=\"nav-profile-tab\"\u003e\n            \u003cp\u003ePlaceholder content for the tab panel. This one relates to the profile tab. You got the finest architecture. Passport stamps, she's cosmopolitan. Fine, fresh, fierce, we got it on lock. Never planned that one day I'd be losing you. She eats your heart out. Your kiss is cosmic, every move is magic. I mean the ones, I mean like she's the one. Greetings loved ones let's take a journey. Just own the night like the 4th of July! But you'd rather get wasted.\u003c/p\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"tab-pane fade\" id=\"nav-contact\" role=\"tabpanel\" aria-labelledby=\"nav-contact-tab\"\u003e\n            \u003cp\u003ePlaceholder content for the tab panel. This one relates to the contact tab. Her love is like a drug. All my girls vintage Chanel baby. Got a motel and built a fort out of sheets. 'Cause she's the muse and the artist. (This is how we do) So you wanna play with magic. So just be sure before you give it all to me. I'm walking, I'm walking on air (tonight). Skip the talk, heard it all, time to walk the walk. Catch her if you can. Stinging like a bee I earned my stripes.\u003c/p\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cul class=\"nav nav-pills\"\u003e\n          \u003cli class=\"nav-item\"\u003e\n            \u003ca class=\"nav-link active\" aria-current=\"page\" href=\"#\"\u003eActive\u003c/a\u003e\n          \u003c/li\u003e\n          \u003cli class=\"nav-item\"\u003e\n            \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n          \u003c/li\u003e\n          \u003cli class=\"nav-item\"\u003e\n            \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n          \u003c/li\u003e\n          \u003cli class=\"nav-item\"\u003e\n            \u003ca class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003eDisabled\u003c/a\u003e\n          \u003c/li\u003e\n        \u003c/ul\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cnav class=\"navbar navbar-expand-lg navbar-light bg-light\"\u003e\n          \u003cdiv class=\"container-fluid\"\u003e\n            \u003cbutton class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\"\u003e\n              \u003cspan class=\"navbar-toggler-icon\"\u003e\u003c/span\u003e\n            \u003c/button\u003e\n            \u003cdiv class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\"\u003e\n              \u003cul class=\"navbar-nav me-auto mb-2 mb-lg-0\"\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link active\" aria-current=\"page\" href=\"#\"\u003eHome\u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item dropdown\"\u003e\n                  \u003ca class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n                    Dropdown\n                  \u003c/a\u003e\n                  \u003cul class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown\"\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003chr class=\"dropdown-divider\"\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n                  \u003c/ul\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003eDisabled\u003c/a\u003e\n                \u003c/li\u003e\n              \u003c/ul\u003e\n              \u003cform class=\"d-flex\"\u003e\n                \u003cinput class=\"form-control me-2\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\"\u003e\n                \u003cbutton class=\"btn btn-outline-dark\" type=\"submit\"\u003eSearch\u003c/button\u003e\n              \u003c/form\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        \u003c/nav\u003e\n\n        \u003cnav class=\"navbar navbar-expand-lg navbar-dark bg-primary mt-5\"\u003e\n          \u003cdiv class=\"container-fluid\"\u003e\n            \u003cbutton class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarSupportedContent2\" aria-controls=\"navbarSupportedContent2\" aria-expanded=\"false\" aria-label=\"Toggle navigation\"\u003e\n              \u003cspan class=\"navbar-toggler-icon\"\u003e\u003c/span\u003e\n            \u003c/button\u003e\n            \u003cdiv class=\"collapse navbar-collapse\" id=\"navbarSupportedContent2\"\u003e\n              \u003cul class=\"navbar-nav me-auto mb-2 mb-lg-0\"\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link active\" aria-current=\"page\" href=\"#\"\u003eHome\u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link\" href=\"#\"\u003eLink\u003c/a\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item dropdown\"\u003e\n                  \u003ca class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown2\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n                    Dropdown\n                  \u003c/a\u003e\n                  \u003cul class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown2\"\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003chr class=\"dropdown-divider\"\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n                  \u003c/ul\u003e\n                \u003c/li\u003e\n                \u003cli class=\"nav-item\"\u003e\n                  \u003ca class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003eDisabled\u003c/a\u003e\n                \u003c/li\u003e\n              \u003c/ul\u003e\n              \u003cform class=\"d-flex\"\u003e\n                \u003cinput class=\"form-control me-2\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\"\u003e\n                \u003cbutton class=\"btn btn-outline-light\" type=\"submit\"\u003eSearch\u003c/button\u003e\n              \u003c/form\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        \u003c/nav\u003e\n        \u003c/div\u003e"},{"file":"accordion.html","id":"bootstrap/accordion.html-6","componentId":"bootstrap","title":"Accordion","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"accordion\" id=\"accordionExample\"\u003e\n          \u003cdiv class=\"accordion-item\"\u003e\n            \u003ch4 class=\"accordion-header\" id=\"headingOne\"\u003e\n              \u003cbutton class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseOne\" aria-expanded=\"true\" aria-controls=\"collapseOne\"\u003e\n                Accordion Item #1\n                \u003csvg role=\"img\" class=\"icon icon-caret-down\"\u003e\u003cuse href=\"/svg/icons.svg#caret-down\"\u003e\u003c/use\u003e\u003c/svg\u003e\n              \u003c/button\u003e\n            \u003c/h4\u003e\n            \u003cdiv id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\" data-bs-parent=\"#accordionExample\"\u003e\n              \u003cdiv class=\"accordion-body\"\u003e\n                \u003cstrong\u003eThis is the first item's accordion body.\u003c/strong\u003e It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the \u003ccode\u003e.accordion-body\u003c/code\u003e, though the transition does limit overflow.\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"accordion-item\"\u003e\n            \u003ch4 class=\"accordion-header\" id=\"headingTwo\"\u003e\n              \u003cbutton class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\"\u003e\n                Accordion Item #2\n                \u003csvg role=\"img\" class=\"icon icon-caret-down\"\u003e\u003cuse href=\"/svg/icons.svg#caret-down\"\u003e\u003c/use\u003e\u003c/svg\u003e\n              \u003c/button\u003e\n            \u003c/h4\u003e\n            \u003cdiv id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\" data-bs-parent=\"#accordionExample\"\u003e\n              \u003cdiv class=\"accordion-body\"\u003e\n                \u003cstrong\u003eThis is the second item's accordion body.\u003c/strong\u003e It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the \u003ccode\u003e.accordion-body\u003c/code\u003e, though the transition does limit overflow.\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"accordion-item\"\u003e\n            \u003ch4 class=\"accordion-header\" id=\"headingThree\"\u003e\n              \u003cbutton class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\"\u003e\n                Accordion Item #3\n                \u003csvg role=\"img\" class=\"icon icon-caret-down\"\u003e\u003cuse href=\"/svg/icons.svg#caret-down\"\u003e\u003c/use\u003e\u003c/svg\u003e\n              \u003c/button\u003e\n            \u003c/h4\u003e\n            \u003cdiv id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\" data-bs-parent=\"#accordionExample\"\u003e\n              \u003cdiv class=\"accordion-body\"\u003e\n                \u003cstrong\u003eThis is the third item's accordion body.\u003c/strong\u003e It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the \u003ccode\u003e.accordion-body\u003c/code\u003e, though the transition does limit overflow.\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"alerts.html","id":"bootstrap/alerts.html-7","componentId":"bootstrap","title":"Alerts","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\n\u003cdiv class=\"alert alert-primary alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple primary alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-secondary alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple secondary alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-success alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple success alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-danger alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple danger alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-warning alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple warning alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-info alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple info alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-light alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple light alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003cdiv class=\"alert alert-dark alert-dismissible fade show\" role=\"alert\"\u003e\n  A simple dark alert with \u003ca href=\"#\" class=\"alert-link\"\u003ean example link\u003c/a\u003e. Give it a click if you like.\n  \u003ccode\u003eThis is code.\u003c/code\u003e\n  \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"\u003e\n    \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n  \u003c/button\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cdiv class=\"alert alert-success\" role=\"alert\"\u003e\n  \u003ch4 class=\"alert-heading\"\u003eWell done!\u003c/h4\u003e\n  \u003cp\u003eAww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.\u003c/p\u003e\n  \u003chr\u003e\n  \u003cp class=\"mb-0\"\u003eWhenever you need to, be sure to use margin utilities to keep things nice and tidy.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e"},{"file":"badges.html","id":"bootstrap/badges.html-8","componentId":"bootstrap","title":"Badges","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cp class=\"h1\"\u003eExample heading \u003cspan class=\"badge bg-primary\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h2\"\u003eExample heading \u003cspan class=\"badge bg-secondary\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h3\"\u003eExample heading \u003cspan class=\"badge bg-success\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h4\"\u003eExample heading \u003cspan class=\"badge bg-danger\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h5\"\u003eExample heading \u003cspan class=\"badge bg-warning\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h6\"\u003eExample heading \u003cspan class=\"badge bg-info\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h6\"\u003eExample heading \u003cspan class=\"badge bg-light\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003cp class=\"h6\"\u003eExample heading \u003cspan class=\"badge bg-dark\"\u003eNew\u003c/span\u003e\u003c/p\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n\n        \u003cspan class=\"badge rounded-pill bg-primary\"\u003ePrimary\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-secondary\"\u003eSecondary\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-success\"\u003eSuccess\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-danger\"\u003eDanger\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-warning\"\u003eWarning\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-info\"\u003eInfo\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-light\"\u003eLight\u003c/span\u003e\n        \u003cspan class=\"badge rounded-pill bg-dark\"\u003eDark\u003c/span\u003e\n        \u003c/div\u003e"},{"file":"buttons.html","id":"bootstrap/buttons.html-9","componentId":"bootstrap","title":"Buttons","extension":"html","raw":"\u003cstyle\u003e\n  .button-example { margin-bottom: 3rem; }\n  .button-example th { vertical-align: top; font-weight: bold; }\n  .button-example td, .button-example th { padding: .5rem 1rem .5rem 0; }\n\u003c/style\u003e\n\n\u003ch4\u003ePrimary\u003c/h4\u003e\n\u003ctable class=\"button-example\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003e\u003c/th\u003e\n    \u003cth\u003eDefault\u003c/th\u003e\n    \u003cth\u003eActive\u003c/th\u003e\n    \u003cth\u003eDisabled\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eLarge\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary active\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\" disabled\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary active\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\" disabled\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-primary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eMedium\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary active\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\" disabled\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary active\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\" disabled\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-primary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eSmall\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary active\"\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\" disabled\u003ePrimary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary active\"\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\" disabled\u003ePrimary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Primary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-primary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ch4\u003eSecondary\u003c/h4\u003e\n\u003ctable class=\"button-example\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003e\u003c/th\u003e\n    \u003cth\u003eDefault\u003c/th\u003e\n    \u003cth\u003eActive\u003c/th\u003e\n    \u003cth\u003eDisabled\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eLarge\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary active\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\" disabled\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary active\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\" disabled\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-lg btn-secondary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eMedium\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary active\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\" disabled\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary active\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\" disabled\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-secondary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth rowspan=\"4\"\u003eSmall\u003c/th\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary active\"\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\" disabled\u003eSecondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary active\"\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\" disabled\u003eSecondary \u003csvg role=\"img\" class=\"icon icon-caret-right\"\u003e\u003cuse href=\"/svg/icons.svg#caret-right\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e Secondary\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary rounded-circle\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary rounded-circle active\"\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cbutton type=\"button\" class=\"btn btn-sm btn-secondary rounded-circle\" disabled\u003e\u003csvg role=\"img\" class=\"icon icon-settings\"\u003e\u003cuse href=\"/svg/icons.svg#settings\"\u003e\u003c/use\u003e\u003c/svg\u003e\u003c/button\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ch4\u003eOthers\u003c/h4\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cbutton type=\"button\" class=\"btn btn-success\"\u003eSuccess\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-danger\"\u003eDanger\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-warning\"\u003eWarning\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-info\"\u003eInfo\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-light\"\u003eLight\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-dark\"\u003eDark\u003c/button\u003e\n\n\u003cbutton type=\"button\" class=\"btn btn-link\"\u003eLink\u003c/button\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\n\u003cbutton type=\"button\" class=\"btn btn-outline-success\"\u003eSuccess\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-danger\"\u003eDanger\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-warning\"\u003eWarning\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-info\"\u003eInfo\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-light\"\u003eLight\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-outline-dark\"\u003eDark\u003c/button\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n\u003cdiv class=\"btn-toolbar\" role=\"toolbar\" aria-label=\"Toolbar with button groups\"\u003e\n  \u003cdiv class=\"btn-group me-2\" role=\"group\" aria-label=\"First group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e1\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e2\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e3\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e4\u003c/button\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"btn-group me-2\" role=\"group\" aria-label=\"Second group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e5\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e6\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e7\u003c/button\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"btn-group\" role=\"group\" aria-label=\"Third group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003e8\u003c/button\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e"},{"file":"breadcrumb.html","id":"bootstrap/breadcrumb.html-10","componentId":"bootstrap","title":"Breadcrumb","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cnav aria-label=\"breadcrumb\"\u003e\n          \u003col class=\"breadcrumb\"\u003e\n            \u003cli class=\"breadcrumb-item\"\u003e\u003ca href=\"#\"\u003eHome\u003c/a\u003e\u003c/li\u003e\n            \u003cli class=\"breadcrumb-item\"\u003e\u003ca href=\"#\"\u003eLibrary\u003c/a\u003e\u003c/li\u003e\n            \u003cli class=\"breadcrumb-item active\" aria-current=\"page\"\u003eData\u003c/li\u003e\n          \u003c/ol\u003e\n        \u003c/nav\u003e\n        \u003c/div\u003e"},{"file":"card.html","id":"bootstrap/card.html-11","componentId":"bootstrap","title":"Card","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"row  row-cols-1 row-cols-md-2 g-4\"\u003e\n          \u003cdiv class=\"col\"\u003e\n            \u003cdiv class=\"card\"\u003e\n              \u003csvg class=\"bd-placeholder-img card-img-top\" width=\"100%\" height=\"180\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Image cap\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003eImage cap\u003c/text\u003e\u003c/svg\u003e\n\n              \u003cdiv class=\"card-body\"\u003e\n                \u003ch5 class=\"card-title\"\u003eCard title\u003c/h5\u003e\n                \u003cp class=\"card-text\"\u003eSome quick example text to build on the card title and make up the bulk of the card's content.\u003c/p\u003e\n                \u003ca href=\"#\" class=\"btn btn-primary\"\u003eGo somewhere\u003c/a\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"col\"\u003e\n            \u003cdiv class=\"card\"\u003e\n              \u003cdiv class=\"card-header\"\u003e\n                Featured\n              \u003c/div\u003e\n              \u003cdiv class=\"card-body\"\u003e\n                \u003ch5 class=\"card-title\"\u003eCard title\u003c/h5\u003e\n                \u003cp class=\"card-text\"\u003eSome quick example text to build on the card title and make up the bulk of the card's content.\u003c/p\u003e\n                \u003ca href=\"#\" class=\"btn btn-primary\"\u003eGo somewhere\u003c/a\u003e\n              \u003c/div\u003e\n              \u003cdiv class=\"card-footer text-muted\"\u003e\n                2 days ago\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"col\"\u003e\n            \u003cdiv class=\"card\"\u003e\n              \u003cdiv class=\"card-body\"\u003e\n                \u003ch5 class=\"card-title\"\u003eCard title\u003c/h5\u003e\n                \u003cp class=\"card-text\"\u003eSome quick example text to build on the card title and make up the bulk of the card's content.\u003c/p\u003e\n              \u003c/div\u003e\n              \u003cul class=\"list-group list-group-flush\"\u003e\n                \u003cli class=\"list-group-item\"\u003eAn item\u003c/li\u003e\n                \u003cli class=\"list-group-item\"\u003eA second item\u003c/li\u003e\n                \u003cli class=\"list-group-item\"\u003eA third item\u003c/li\u003e\n              \u003c/ul\u003e\n              \u003cdiv class=\"card-body\"\u003e\n                \u003ca href=\"#\" class=\"card-link\"\u003eCard link\u003c/a\u003e\n                \u003ca href=\"#\" class=\"card-link\"\u003eAnother link\u003c/a\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"col\"\u003e\n            \u003cdiv class=\"card\"\u003e\n              \u003cdiv class=\"row g-0\"\u003e\n                \u003cdiv class=\"col-md-4\"\u003e\n                  \u003csvg class=\"bd-placeholder-img\" width=\"100%\" height=\"250\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Image\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#868e96\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#dee2e6\" dy=\".3em\"\u003eImage\u003c/text\u003e\u003c/svg\u003e\n\n                \u003c/div\u003e\n                \u003cdiv class=\"col-md-8\"\u003e\n                  \u003cdiv class=\"card-body\"\u003e\n                    \u003ch5 class=\"card-title\"\u003eCard title\u003c/h5\u003e\n                    \u003cp class=\"card-text\"\u003eThis is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.\u003c/p\u003e\n                    \u003cp class=\"card-text\"\u003e\u003csmall class=\"text-muted\"\u003eLast updated 3 mins ago\u003c/small\u003e\u003c/p\u003e\n                  \u003c/div\u003e\n                \u003c/div\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"code.html","id":"bootstrap/code.html-12","componentId":"bootstrap","title":"Code","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\u003cp\u003eA \u003ccode\u003ePOST\u003c/code\u003e callback will be sent to notification with the following form will be sent to \u003ccode\u003enotificationUrl\u003c/code\u003e once the enough is paid and once again once there is enough confirmations to the payment:\u003c/p\u003e\n\u003c/div\u003e\n\n\n\u003cdiv class=\"bd-example\"\u003e\u003cpre\u003e\u003ccode class=\"html hljs xml\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003eform\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003emethod\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"POST\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003eaction\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"https://localhost:14142/apps/2waqS3jYMpPhTEUp8vfomTfDQwu5/pos\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"amount\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"100\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"email\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"customer@example.com\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"orderId\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"CustomOrderId\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"notificationUrl\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"https://example.com/callbacks\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003einput\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"hidden\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003ename\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"redirectUrl\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003evalue\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"https://example.com/thanksyou\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e /\u0026gt;\u003c/span\u003e\u003c/span\u003e\n  \u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003ebutton\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e \u003c/span\u003e\u003cspan class=\"hljs-attr\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-attr\"\u003etype\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e=\u003c/span\u003e\u003cspan class=\"hljs-string\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-string\"\u003e\"submit\"\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003eBuy now\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003ebutton\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"hljs-name\"\u003e\u003cspan class=\"hljs-tag\"\u003e\u003cspan class=\"hljs-name\"\u003eform\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"hljs-tag\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e"},{"file":"dropdowns.html","id":"bootstrap/dropdowns.html-13","componentId":"bootstrap","title":"Dropdowns","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n  \u003cdiv class=\"btn-group w-100 align-items-center justify-content-between flex-wrap\"\u003e\n    \u003cdiv class=\"dropdown\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle dropdown-toggle-custom-caret\" type=\"button\"\n        id=\"dropdownMenuButtonSM\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n        Dropdown button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButtonSM\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item active\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item dropdown-item-custom-active\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"dropdown\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\u003e\n        Dropdown button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"dropdown\"\u003e\n      \u003cbutton class=\"btn btn-secondary btn-lg dropdown-toggle\" type=\"button\" id=\"dropdownMenuButtonLG\"\n        data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n        Dropdown button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButtonLG\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003ePrimary\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary\"\u003eSecondary\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-success\"\u003eSuccess\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-success dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-info\"\u003eInfo\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-info dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-warning\"\u003eWarning\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-warning dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-danger\"\u003eDanger\u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-danger dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\"\n      aria-expanded=\"false\"\u003e\n      \u003cspan class=\"visually-hidden\"\u003eToggle Dropdown\u003c/span\u003e\n    \u003c/button\u003e\n    \u003cul class=\"dropdown-menu\"\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\u003c!-- /btn-group --\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cdiv class=\"btn-group w-100 align-items-center justify-content-between flex-wrap\"\u003e\n    \u003cdiv class=\"dropend\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropendMenuButton\" data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\u003e\n        Dropend button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropendMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"dropup\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropupMenuButton\" data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\u003e\n        Dropup button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropupMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"dropstart\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropstartMenuButton\" data-bs-toggle=\"dropdown\"\n        aria-expanded=\"false\"\u003e\n        Dropstart button\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu\" aria-labelledby=\"dropstartMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSomething else here\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cdiv class=\"btn-group\"\u003e\n    \u003cdiv class=\"dropdown\"\u003e\n      \u003cbutton class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownRightMenuButton\"\n        data-bs-toggle=\"dropdown\" aria-expanded=\"false\"\u003e\n        End-aligned menu\n      \u003c/button\u003e\n      \u003cul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"dropdownRightMenuButton\"\u003e\n        \u003cli\u003e\n          \u003ch6 class=\"dropdown-header\"\u003eDropdown header\u003c/h6\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eAnother action\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\n          \u003chr class=\"dropdown-divider\"\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#\"\u003eSeparated link\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"file":"listgroups.html","id":"bootstrap/listgroups.html-14","componentId":"bootstrap","title":"Listgroups","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cul class=\"list-group\"\u003e\n          \u003cli class=\"list-group-item disabled\" aria-disabled=\"true\"\u003eA disabled item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA second item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA third item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA fourth item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eAnd a fifth one\u003c/li\u003e\n        \u003c/ul\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cul class=\"list-group list-group-flush\"\u003e\n          \u003cli class=\"list-group-item\"\u003eAn item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA second item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA third item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eA fourth item\u003c/li\u003e\n          \u003cli class=\"list-group-item\"\u003eAnd a fifth one\u003c/li\u003e\n        \u003c/ul\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"list-group\"\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action\"\u003eA simple default list group item\u003c/a\u003e\n\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-primary\"\u003eA simple primary list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-secondary\"\u003eA simple secondary list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-success\"\u003eA simple success list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-danger\"\u003eA simple danger list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-warning\"\u003eA simple warning list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-info\"\u003eA simple info list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-light\"\u003eA simple light list group item\u003c/a\u003e\n          \u003ca href=\"#\" class=\"list-group-item list-group-item-action list-group-item-dark\"\u003eA simple dark list group item\u003c/a\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"pagination.html","id":"bootstrap/pagination.html-15","componentId":"bootstrap","title":"Pagination","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n  \u003cnav aria-label=\"Standard pagination example\"\u003e\n    \u003cul class=\"pagination\"\u003e\n      \u003cli class=\"page-item disabled\"\u003e\n        \u003ca class=\"page-link\" href=\"#\" aria-label=\"Previous\"\u003e\n          \u003cspan aria-hidden=\"true\"\u003e\u0026laquo;\u003c/span\u003e\n        \u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item active\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e1\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e2\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e3\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"#\" aria-label=\"Next\"\u003e\n          \u003cspan aria-hidden=\"true\"\u003e\u0026raquo;\u003c/span\u003e\n        \u003c/a\u003e\n      \u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/nav\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cnav class=\"d-flex flex-wrap gap-3 justify-content-between\"\u003e\n    \u003cul class=\"pagination me-auto\"\u003e\n      \u003cli class=\"page-item disabled\"\u003e\n        \u003cspan class=\"page-link px-0\"\u003e\n          1 – 500 \u003c/span\u003e\n      \u003c/li\u003e\n    \u003c/ul\u003e\n\n    \u003cul class=\"pagination ms-auto\"\u003e\n      \u003cli class=\"page-item disabled\"\u003e\n        \u003cspan class=\"page-link\"\u003ePage Size\u003c/span\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"/server/users?skip=0\u0026amp;count=50\"\u003e50\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"/server/users?skip=0\u0026amp;count=100\"\u003e100\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"/server/users?skip=0\u0026amp;count=250\"\u003e250\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item active\"\u003e\n        \u003ca class=\"page-link\" href=\"/server/users?skip=0\u0026amp;count=500\"\u003e500\u003c/a\u003e\n      \u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/nav\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cnav aria-label=\"Pagination example\"\u003e\n    \u003cul class=\"pagination pagination-sm\"\u003e\n      \u003cli class=\"page-item active\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e1\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\" aria-current=\"page\"\u003e\n        \u003ca class=\"page-link\" href=\"#\"\u003e2\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e3\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/nav\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example\"\u003e\n  \u003cnav aria-label=\"Another pagination example\"\u003e\n    \u003cul class=\"pagination pagination-lg flex-wrap\"\u003e\n      \u003cli class=\"page-item disabled\"\u003e\n        \u003ca class=\"page-link\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\u003ePrevious\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item active\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e1\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\" aria-current=\"page\"\u003e\n        \u003ca class=\"page-link\" href=\"#\"\u003e2\u003c/a\u003e\n      \u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link\" href=\"#\"\u003e3\u003c/a\u003e\u003c/li\u003e\n      \u003cli class=\"page-item\"\u003e\n        \u003ca class=\"page-link\" href=\"#\"\u003eNext\u003c/a\u003e\n      \u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/nav\u003e\n\u003c/div\u003e"},{"file":"popovers.html","id":"bootstrap/popovers.html-16","componentId":"bootstrap","title":"Popovers","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-lg btn-danger\" data-bs-toggle=\"popover\" title=\"Popover title\" data-bs-content=\"And here's some amazing content. It's very engaging. Right?\"\u003eClick to toggle popover\u003c/button\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-container=\"body\" data-bs-toggle=\"popover\" data-bs-placement=\"top\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"\u003e\n          Popover on top\n        \u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-container=\"body\" data-bs-toggle=\"popover\" data-bs-placement=\"right\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"\u003e\n          Popover on end\n        \u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-container=\"body\" data-bs-toggle=\"popover\" data-bs-placement=\"bottom\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"\u003e\n          Popover on bottom\n        \u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-container=\"body\" data-bs-toggle=\"popover\" data-bs-placement=\"left\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\"\u003e\n          Popover on start\n        \u003c/button\u003e\n        \u003c/div\u003e"},{"file":"progress.html","id":"bootstrap/progress.html-17","componentId":"bootstrap","title":"Progress","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"progress mb-3\"\u003e\n          \u003cdiv class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e0%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"progress mb-3\"\u003e\n          \u003cdiv class=\"progress-bar bg-success w-25\" role=\"progressbar\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e25%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"progress mb-3\"\u003e\n          \u003cdiv class=\"progress-bar bg-info text-dark w-50\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e50%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"progress mb-3\"\u003e\n          \u003cdiv class=\"progress-bar bg-warning text-dark w-75\" role=\"progressbar\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e75%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"progress\"\u003e\n          \u003cdiv class=\"progress-bar bg-danger w-100\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e100%\u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv class=\"progress\"\u003e\n          \u003cdiv class=\"progress-bar\" role=\"progressbar\" style=\"width: 15%\" aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e\u003c/div\u003e\n          \u003cdiv class=\"progress-bar progress-bar-striped progress-bar-animated bg-success\" role=\"progressbar\" style=\"width: 40%\" aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\"\u003e\u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"modal.html","id":"bootstrap/modal.html-18","componentId":"bootstrap","title":"Modal","extension":"html","raw":"\u003cdiv class=\"bd-example\" style=\"min-height:400px\"\u003e\n  \u003cdiv class=\"d-flex justify-content-between flex-wrap\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModalDefault\"\u003e\n      Launch demo modal\n    \u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#staticBackdropLive\"\u003e\n      Launch static backdrop modal\n    \u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModalCenteredScrollable\"\u003e\n      Vertically centered scrollable modal\n    \u003c/button\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModalFullscreen\"\u003e\n      Full screen\n    \u003c/button\u003e\n  \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"modal fade\" id=\"exampleModalDefault\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"modal-dialog\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-header\"\u003e\n        \u003ch5 class=\"modal-title\" id=\"exampleModalLabel\"\u003eModal title\u003c/h5\u003e\n        \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\u003e\n          \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n        \u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-body\"\u003e\n        ...\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-footer\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\"\u003eClose\u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eSave changes\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"modal fade\" id=\"staticBackdropLive\" data-bs-backdrop=\"static\" data-bs-keyboard=\"false\" tabindex=\"-1\" aria-labelledby=\"staticBackdropLiveLabel\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"modal-dialog\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-header\"\u003e\n        \u003ch5 class=\"modal-title\" id=\"staticBackdropLiveLabel\"\u003eModal title\u003c/h5\u003e\n        \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\u003e\u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-body\"\u003e\n        \u003cp\u003eI will not close if you click outside me. Don't even try to press escape key.\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-footer\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\"\u003eClose\u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eUnderstood\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"modal fade\" id=\"exampleModalCenteredScrollable\" tabindex=\"-1\" aria-labelledby=\"exampleModalCenteredScrollableTitle\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-header\"\u003e\n        \u003ch5 class=\"modal-title\" id=\"exampleModalCenteredScrollableTitle\"\u003eModal title\u003c/h5\u003e\n        \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\u003e\n          \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n        \u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-body\"\u003e\n        \u003cp\u003ePlaceholder text for this demonstration of a vertically centered modal dialog.\u003c/p\u003e\n        \u003cp\u003eIn this case, the dialog has a bit more content, just to show how vertical centering can be added to a scrollable modal.\u003c/p\u003e\n        \u003cp\u003eWhat follows is just some placeholder text for this modal dialog. Sipping on Rosé, Silver Lake sun, coming up all lazy. It’s in the palm of your hand now baby. So we hit the boulevard. So make a wish, I'll make it like your birthday everyday. Do you ever feel already buried deep six feet under? It's time to bring out the big balloons. You could've been the greatest. Passport stamps, she's cosmopolitan. Your kiss is cosmic, every move is magic.\u003c/p\u003e\n        \u003cp\u003eWe're living the life. We're doing it right. Open up your heart. I was tryna hit it and quit it. Her love is like a drug. Always leaves a trail of stardust. The girl's a freak, she drive a jeep in Laguna Beach. Fine, fresh, fierce, we got it on lock. All my girls vintage Chanel baby.\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-footer\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\"\u003eClose\u003c/button\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eSave changes\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"modal fade\" id=\"exampleModalFullscreen\" tabindex=\"-1\" aria-labelledby=\"exampleModalFullscreenLabel\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"modal-dialog modal-fullscreen\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-header\"\u003e\n        \u003ch5 class=\"modal-title h4\" id=\"exampleModalFullscreenLabel\"\u003eFull screen modal\u003c/h5\u003e\n        \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\u003e\n          \u003csvg role=\"img\" class=\"icon icon-close\"\u003e\u003cuse href=\"/svg/icons.svg#close\"\u003e\u003c/use\u003e\u003c/svg\u003e\n        \u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-body\"\u003e\n        \u003cp\u003eWhat follows is just some placeholder text for this modal dialog. I feel like I'm already there. I’m gon’ put her in a coma. Boom, boom, boom. You're reading me like erotica, boy, you make me feel exotic, yeah. Happy birthday. From Tokyo to Mexico, to Rio. I knew you were.\u003c/p\u003e\n        \u003cp\u003eLast Friday night. Calling out my name. Kiss her, touch her, squeeze her buns. Heavy is the head that wears the crown. So open up your heart and just let it begin. Boy all this time was worth the waiting. You know that I'm the girl that you should call. End of the rainbow looking treasure. You're reading me like erotica, boy, you make me feel exotic, yeah. Do you know that there's still a chance for you 'Cause there's a spark in you? So I sat quietly, agreed politely. From Tokyo to Mexico, to Rio.\u003c/p\u003e\n        \u003cp\u003eDon't be a shy kinda guy I'll bet it's beautiful. You fall asleep during foreplay, 'Cause the pills you take, are more your forte. Open up your heart. You're never gonna be unsatisfied. Know that you are worthy. This one goes out to the ladies at breakfast in last night's dress. You think you've seen her in a magazine. I should've told you what you meant to me 'Cause now I pay the price. Takes you miles high, so high, 'cause she’s got that one international smile.\u003c/p\u003e\n        \u003cp\u003eYo, shout out to all you kids, buying bottle service, with your rent money. So I sat quietly, agreed politely. They say, be afraid you're not like the others, futuristic lover. Boom, boom, boom. Don't need apologies. We can dance, until we die, you and I, will be young forever. If you choose to walk away, don’t walk away. You know that I'm the girl that you should call. This Friday night, do it all again.\u003c/p\u003e\n        \u003cp\u003eI'm walking on air. But lil' mama so dope. It's time to bring out the big balloons. Are you ready for, ready for. The boys break their necks try'na to creep a little sneak peek. Summer after high school when we first met. If you want it all. (This is how we do) You open my eyes and I'm ready to go, lead me into the light.\u003c/p\u003e\n        \u003cp\u003eGrowing fast into a bolt of lightning. We freak in my jeep, Snoop Doggy Dogg on the stereo. Baby do you dare to do this? Open up your heart and just let it begin. Peach-pink lips, yeah, everybody stares. Be your teenage dream tonight. Are you brave enough to let me see your peacock? You think I'm funny when I tell the punchline wrong. Woo! I knew you were. All this money can't buy me a time machine. I can't sleep let's run away and don't ever look back, don't ever look back.\u003c/p\u003e\n        \u003cp\u003eMake it like your birthday everyday. I'm not sticking around to watch you go down. Uh-huh, I see you. For you I'll risk it all, all. I’m gon’ put her in a coma. She ride me like a roller coaster. You hear my voice, you hear that sound. 'Cause I will love you unconditionally (oh yeah). They say, be afraid you're not like the others, futuristic lover. There is no fear now, let go and just be free, I will love you unconditionally.\u003c/p\u003e\n        \u003cp\u003eWe can dance, until we die, you and I, will be young forever. Pop your Pérignon. Last Friday night, yeah I think we broke the law, always say we're gonna stop. Don't need apologies. Give you something good to celebrate. But don’t make me your enemy, your enemy, your enemy. Flowers in her hair, she don't care. Tone, tan fit and ready, turn it up cause its gettin' heavy.\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"modal-footer\"\u003e\n        \u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\"\u003eClose\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"file":"scrollspy.html","id":"bootstrap/scrollspy.html-19","componentId":"bootstrap","title":"Scrollspy","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n          \u003cnav id=\"navbar-example2\" class=\"navbar navbar-light bg-light px-3\"\u003e\n            \u003ca class=\"navbar-brand\" href=\"#\"\u003eNavbar\u003c/a\u003e\n            \u003cul class=\"nav nav-pills\"\u003e\n              \u003cli class=\"nav-item\"\u003e\n                \u003ca class=\"nav-link\" href=\"#fat\"\u003e@fat\u003c/a\u003e\n              \u003c/li\u003e\n              \u003cli class=\"nav-item\"\u003e\n                \u003ca class=\"nav-link\" href=\"#mdo\"\u003e@mdo\u003c/a\u003e\n              \u003c/li\u003e\n              \u003cli class=\"nav-item dropdown\"\u003e\n                \u003ca class=\"nav-link dropdown-toggle\" data-bs-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-expanded=\"false\"\u003eDropdown\u003c/a\u003e\n                \u003cul class=\"dropdown-menu\"\u003e\n                  \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#one\"\u003eone\u003c/a\u003e\u003c/li\u003e\n                  \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#two\"\u003etwo\u003c/a\u003e\u003c/li\u003e\n                  \u003cli\u003e\u003chr class=\"dropdown-divider\"\u003e\u003c/li\u003e\n                  \u003cli\u003e\u003ca class=\"dropdown-item\" href=\"#three\"\u003ethree\u003c/a\u003e\u003c/li\u003e\n                \u003c/ul\u003e\n              \u003c/li\u003e\n            \u003c/ul\u003e\n          \u003c/nav\u003e\n          \u003cdiv data-bs-spy=\"scroll\" data-bs-target=\"#navbar-example2\" data-bs-offset=\"0\" class=\"scrollspy-example\" tabindex=\"0\"\u003e\n            \u003ch4 id=\"fat\"\u003e@fat\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. You got the finest architecture. Passport stamps, she's cosmopolitan. Fine, fresh, fierce, we got it on lock. Never planned that one day I'd be losing you. She eats your heart out. Your kiss is cosmic, every move is magic. I mean the ones, I mean like she's the one. Greetings loved ones let's take a journey. Just own the night like the 4th of July! But you'd rather get wasted.\u003c/p\u003e\n            \u003ch4 id=\"mdo\"\u003e@mdo\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. 'Cause she's the muse and the artist. (This is how we do) So you wanna play with magic. So just be sure before you give it all to me. I'm walking, I'm walking on air (tonight). Skip the talk, heard it all, time to walk the walk.\u003c/p\u003e\n            \u003ch4 id=\"one\"\u003eone\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. Takes you miles high, so high, 'cause she’s got that one international smile. There's a stranger in my bed, there's a pounding in my head. Oh, no. In another life I would make you stay. ‘Cause I, I’m capable of anything. Suiting up for my crowning battle. Used to steal your parents' liquor and climb to the roof. Tone, tan fit and ready, turn it up cause its gettin' heavy. Her love is like a drug. I guess that I forgot I had a choice.\u003c/p\u003e\n            \u003ch4 id=\"two\"\u003etwo\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. It's time to bring out the big balloons. I'm walking, I'm walking on air (tonight). Yeah, we maxed our credit cards and got kicked out of the bar. Yo, shout out to all you kids, buying bottle service, with your rent money. I'm ma get your heart racing in my skin-tight jeans. If you get the chance you better keep her. Yo, shout out to all you kids, buying bottle service, with your rent money.\u003c/p\u003e\n            \u003ch4 id=\"three\"\u003ethree\u003c/h4\u003e\n            \u003cp\u003ePlaceholder content for the scrollspy example. If you wanna dance, if you want it all, you know that I'm the girl that you should call. Walk through the storm I would. So let me get you in your birthday suit. The one that got away. Last Friday night, yeah I think we broke the law, always say we're gonna stop. 'Cause she's a little bit of Yoko, And she's a little bit of 'Oh no'. I want the jaw droppin', eye poppin', head turnin', body shockin'. Yeah, we maxed our credit cards and got kicked out of the bar.\u003c/p\u003e\n            \u003cp\u003eAnd some more placeholder content, for good measure.\u003c/p\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"spinners.html","id":"bootstrap/spinners.html-20","componentId":"bootstrap","title":"Spinners","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\n        \u003cdiv class=\"spinner-border text-primary\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-secondary\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-success\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-danger\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-warning\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-info\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-light\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-border text-dark\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"bd-example\"\u003e\n\n        \u003cdiv class=\"spinner-grow text-primary\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-secondary\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-success\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-danger\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-warning\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-info\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-light\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"spinner-grow text-dark\" role=\"status\"\u003e\n          \u003cspan class=\"visually-hidden\"\u003eLoading...\u003c/span\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"toasts.html","id":"bootstrap/toasts.html-21","componentId":"bootstrap","title":"Toasts","extension":"html","raw":"\u003cdiv class=\"bd-example bg-dark p-5 align-items-center\"\u003e\n        \u003cdiv class=\"toast\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\"\u003e\n          \u003cdiv class=\"toast-header\"\u003e\n            \u003csvg class=\"bd-placeholder-img rounded me-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#007aff\"/\u003e\u003c/svg\u003e\n\n            \u003cstrong class=\"me-auto\"\u003eBootstrap\u003c/strong\u003e\n            \u003csmall class=\"text-muted\"\u003e11 mins ago\u003c/small\u003e\n            \u003cbutton type=\"button\" class=\"btn-close\" data-bs-dismiss=\"toast\" aria-label=\"Close\"\u003e\u003c/button\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"toast-body\"\u003e\n            Hello, world! This is a toast message.\n          \u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"tooltips.html","id":"bootstrap/tooltips.html-22","componentId":"bootstrap","title":"Tooltips","extension":"html","raw":"\u003cdiv class=\"bd-example tooltip-demo\" style=\"min-height:200px; padding: 3em\"\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Tooltip on top\"\u003eTooltip on top\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"right\" title=\"Tooltip on end\"\u003eTooltip on end\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Tooltip on bottom\"\u003eTooltip on bottom\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"left\" title=\"Tooltip on start\"\u003eTooltip on start\u003c/button\u003e\n\u003cbutton type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-html=\"true\" title=\"\u003cem\u003eTooltip\u003c/em\u003e \u003cu\u003ewith\u003c/u\u003e \u003cb\u003eHTML\u003c/b\u003e\"\u003eTooltip with HTML\u003c/button\u003e\n\u003c/div\u003e"},{"file":"carousel.html","id":"bootstrap/carousel.html-23","componentId":"bootstrap","title":"Carousel","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n        \u003cdiv id=\"carouselExampleCaptions\" class=\"carousel slide\" data-bs-ride=\"carousel\"\u003e\n          \u003col class=\"carousel-indicators\"\u003e\n            \u003cli data-bs-target=\"#carouselExampleCaptions\" data-bs-slide-to=\"0\" class=\"active\"\u003e\u003c/li\u003e\n            \u003cli data-bs-target=\"#carouselExampleCaptions\" data-bs-slide-to=\"1\"\u003e\u003c/li\u003e\n            \u003cli data-bs-target=\"#carouselExampleCaptions\" data-bs-slide-to=\"2\"\u003e\u003c/li\u003e\n          \u003c/ol\u003e\n          \u003cdiv class=\"carousel-inner\"\u003e\n            \u003cdiv class=\"carousel-item active\"\u003e\n              \u003csvg class=\"bd-placeholder-img bd-placeholder-img-lg d-block w-100\" width=\"800\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: First slide\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#777\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#555\" dy=\".3em\"\u003eFirst slide\u003c/text\u003e\u003c/svg\u003e\n\n              \u003cdiv class=\"carousel-caption d-none d-md-block\"\u003e\n                \u003ch5\u003eFirst slide label\u003c/h5\u003e\n                \u003cp\u003eSome representative placeholder content for the first slide.\u003c/p\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"carousel-item\"\u003e\n              \u003csvg class=\"bd-placeholder-img bd-placeholder-img-lg d-block w-100\" width=\"800\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Second slide\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#666\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#444\" dy=\".3em\"\u003eSecond slide\u003c/text\u003e\u003c/svg\u003e\n\n              \u003cdiv class=\"carousel-caption d-none d-md-block\"\u003e\n                \u003ch5\u003eSecond slide label\u003c/h5\u003e\n                \u003cp\u003eSome representative placeholder content for the second slide.\u003c/p\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"carousel-item\"\u003e\n              \u003csvg class=\"bd-placeholder-img bd-placeholder-img-lg d-block w-100\" width=\"800\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"Placeholder: Third slide\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\"\u003e\u003ctitle\u003ePlaceholder\u003c/title\u003e\u003crect width=\"100%\" height=\"100%\" fill=\"#555\"/\u003e\u003ctext x=\"50%\" y=\"50%\" fill=\"#333\" dy=\".3em\"\u003eThird slide\u003c/text\u003e\u003c/svg\u003e\n\n              \u003cdiv class=\"carousel-caption d-none d-md-block\"\u003e\n                \u003ch5\u003eThird slide label\u003c/h5\u003e\n                \u003cp\u003eSome representative placeholder content for the third slide.\u003c/p\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n          \u003ca class=\"carousel-control-prev\" href=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"prev\"\u003e\n            \u003cspan class=\"carousel-control-prev-icon\" aria-hidden=\"true\"\u003e\u003c/span\u003e\n            \u003cspan class=\"visually-hidden\"\u003ePrevious\u003c/span\u003e\n          \u003c/a\u003e\n          \u003ca class=\"carousel-control-next\" href=\"#carouselExampleCaptions\" role=\"button\" data-bs-slide=\"next\"\u003e\n            \u003cspan class=\"carousel-control-next-icon\" aria-hidden=\"true\"\u003e\u003c/span\u003e\n            \u003cspan class=\"visually-hidden\"\u003eNext\u003c/span\u003e\n          \u003c/a\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e"},{"file":"shadows.html","id":"bootstrap/shadows.html-24","componentId":"bootstrap","title":"Shadows","extension":"html","raw":"\u003cdiv class=\"bd-example\"\u003e\n\u003cdiv class=\"shadow-none p-3 m-5 rounded bg-tile\"\u003eNo shadow\u003c/div\u003e\n\u003cdiv class=\"shadow-sm p-3 m-5 rounded bg-tile\"\u003eSmall shadow\u003c/div\u003e\n\u003cdiv class=\"shadow p-3 m-5 rounded bg-tile\"\u003eRegular shadow\u003c/div\u003e\n\u003cdiv class=\"shadow-lg p-3 m-5 rounded bg-tile\"\u003eLarger shadow\u003c/div\u003e\n\u003c/div\u003e"},{"file":"utils.html","id":"bootstrap/utils.html-25","componentId":"bootstrap","title":"Utils","extension":"html","raw":"\u003cdiv class=\"bd-example bg-body\"\u003e\n\u003cp\u003eBG Body\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example bg-black\"\u003e\n\u003cp\u003eBG Black\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"bd-example bg-white\"\u003e\n\u003cp\u003eBG White\u003c/p\u003e\n\u003c/div\u003e"}],"sourcePath":"src/components/bootstrap","sourceFile":"src/components/bootstrap/component.config.js","readmeFile":"src/components/bootstrap/README.md","type":"component"},"footer":{"id":"footer","title":"Footer","isTitleFromHeading":true,"content":"\u003ch1 id=\"footer\" tabindex=\"-1\"\u003eFooter\u003c/h1\u003e","variants":[{"file":"footer.html","id":"footer/footer.html-1","componentId":"footer","title":"Footer","extension":"html","raw":"\u003cdiv class=\"btcpay-footer\"\u003e\n  \u003cdiv class=\"btcpay-footer-columns\"\u003e\n    \u003cdiv\u003e\n      \u003ch6\u003eSoftware\u003c/h6\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/\"\u003eIntroduction\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/btcpay-basics/usecase\"\u003eUse Case\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/features/apps\"\u003eApps\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/deployment/deployment\"\u003eDeployment\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/btcpay-basics/gettingstarted\"\u003eGetting Started\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n      \u003ch6\u003eResources\u003c/h6\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/\"\u003eDocumentation\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/development\"\u003eDevelopment\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://github.com/btcpayserver/\"\u003eGitHub\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/support-and-community/support\"\u003eSupport\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/faq-and-common-issues/faq\"\u003eFAQ\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n      \u003ch6\u003eCommunity\u003c/h6\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"https://blog.btcpayserver.org\"\u003eBlog\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://chat.btcpayserver.org\"\u003eChat\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://directory.btcpayserver.org\"\u003eDirectory\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://docs.btcpayserver.org/support-and-community/contribute\"\u003eContribute\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"https://btcpayserver.org/donate/\"\u003eDonate\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cp\u003e\n    Content Released under MIT license.\n    \u003cbr\u003e\n    This website does not use cookies nor collect personal data.\n  \u003c/p\u003e\n\u003c/div\u003e"}],"sourcePath":"src/components/footer","sourceFile":"src/components/footer/component.config.js","readmeFile":"src/components/footer/README.md","type":"component"},"header":{"id":"header","title":"Header","isTitleFromHeading":true,"content":"\u003ch1 id=\"header\" tabindex=\"-1\"\u003eHeader\u003c/h1\u003e","variants":[{"file":"header.html","id":"header/header.html-1","componentId":"header","title":"Header","extension":"html","raw":"\u003cdiv class=\"btcpay-header\"\u003e\n  \u003cdiv class=\"btcpay-header-columns\"\u003e\n    \u003ca href=\"#\"\u003e\n      \u003cimg src=\"/svg/logo.svg\" class=\"btcpay-header-logo\" alt=\"\" /\u003e\n    \u003c/a\u003e\n    \u003c!--#include file=\"/theme-switch/variants/theme-switch.html\" --\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"}],"sourcePath":"src/components/header","sourceFile":"src/components/header/component.config.js","readmeFile":"src/components/header/README.md","type":"component"},"pills":{"id":"pills","title":"Pills","isTitleFromHeading":false,"variants":[{"file":"labels.html","id":"pills/labels.html-1","componentId":"pills","title":"Labels","extension":"html","raw":"\u003cform action=\"#\"\u003e\n  \u003cdiv class=\"nav btcpay-pills pb-1\"\u003e\n    \u003cinput id=\"Internal\" value=\"Internal\" type=\"radio\" name=\"node\" checked=\"checked\"\u003e\n    \u003clabel for=\"Internal\" \u003eUse internal node\u003c/label\u003e\n    \u003cinput id=\"Custom\" value=\"Custom\" type=\"radio\" name=\"node\"\u003e\n    \u003clabel for=\"Custom\"\u003eUse custom node\u003c/label\u003e\n  \u003c/div\u003e\n\u003c/form\u003e"},{"file":"links.html","id":"pills/links.html-2","componentId":"pills","title":"Links","extension":"html","raw":"\u003cnav class=\"nav pb-1 btcpay-pills\"\u003e\n  \u003ca class=\"btcpay-pill\" href=\"#\"\u003eBTC (On-Chain)\u003c/a\u003e\n  \u003ca class=\"btcpay-pill active\" href=\"#\"\u003eBTC (Off-Chain)\u003c/a\u003e\n\u003c/nav\u003e"}],"sourcePath":"src/components/pills","sourceFile":"src/components/pills/component.config.js","type":"component"},"responsive-helper":{"id":"responsive-helper","title":"Responsive Helper","isTitleFromHeading":false,"variants":[],"sourcePath":"src/components/responsive-helper","type":"component"},"status":{"id":"status","title":"Status","isTitleFromHeading":false,"variants":[],"sourcePath":"src/components/status","type":"component"},"theme-switch":{"id":"theme-switch","title":"Theme Switch","isTitleFromHeading":true,"content":"\u003ch1 id=\"theme-switch\" tabindex=\"-1\"\u003eTheme Switch\u003c/h1\u003e\n\u003cp\u003eUse the Theme Switch in the header to offer the user the ability to set the color mode explicitely.\u003c/p\u003e\n\u003cp\u003eSee the \u003ca href=\"/scripts/theme-switch.js\"\u003etheme-switch.js\u003c/a\u003e for a vanilla JavaScript implementation.\u003c/p\u003e","variants":[{"file":"theme-switch.html","id":"theme-switch/theme-switch.html-1","componentId":"theme-switch","title":"Theme Switch","extension":"html","raw":"\u003cdiv class=\"btcpay-theme-switch\"\u003e\n  \u003cspan class=\"btcpay-theme-switch-label\"\u003eTheme\u003c/span\u003e\n  \u003cdiv class=\"btcpay-theme-switch-themes\"\u003e\n      \u003cbutton type=\"button\" title=\"System\" data-theme=\"system\"\u003e\n        \u003csvg role=\"img\" class=\"icon icon-themes-system\"\u003e\u003cuse href=\"/svg/icons.svg#themes-system\"\u003e\u003c/use\u003e\u003c/svg\u003e\n      \u003c/button\u003e\n      \u003cbutton type=\"button\" title=\"Light\" data-theme=\"light\"\u003e\n        \u003csvg role=\"img\" class=\"icon icon-themes-light\"\u003e\u003cuse href=\"/svg/icons.svg#themes-light\"\u003e\u003c/use\u003e\u003c/svg\u003e\n      \u003c/button\u003e\n      \u003cbutton type=\"button\" title=\"Dark\" data-theme=\"dark\"\u003e\n        \u003csvg role=\"img\" class=\"icon icon-themes-dark\"\u003e\u003cuse href=\"/svg/icons.svg#themes-dark\"\u003e\u003c/use\u003e\u003c/svg\u003e\n      \u003c/button\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cscript src=\"/scripts/theme-switch.js\"\u003e\u003c/script\u003e\n\u003cnoscript\u003e\u003cstyle\u003e.btcpay-theme-switch { display: none; }\u003c/style\u003e\u003c/noscript\u003e"}],"sourcePath":"src/components/theme-switch","sourceFile":"src/components/theme-switch/component.config.js","readmeFile":"src/components/theme-switch/README.md","type":"component"},"toggle":{"id":"toggle","title":"Toggle","isTitleFromHeading":false,"variants":[{"file":"simple.html","id":"toggle/simple.html-1","componentId":"toggle","title":"Simple","extension":"html","raw":"\u003cdiv class=\"form-group d-flex align-items-center\"\u003e\n  \u003cinput id=\"PayJoinEnabled\" type=\"checkbox\" class=\"btcpay-toggle me-2\" /\u003e\n  \u003clabel for=\"PayJoinEnabled\" class=\"form-label mb-0 me-1\"\u003ePayJoin enabled\u003c/label\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"form-group d-flex align-items-center\"\u003e\n  \u003cinput id=\"PayJoinEnabledOn\" type=\"checkbox\" class=\"btcpay-toggle me-2\" checked /\u003e\n  \u003clabel for=\"PayJoinEnabledOn\" class=\"form-label mb-0 me-1\"\u003ePayJoin enabled\u003c/label\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"form-group d-flex align-items-center mb-0\"\u003e\n  \u003cinput id=\"Disabled\" type=\"checkbox\" class=\"btcpay-toggle me-2\" disabled /\u003e\n  \u003clabel for=\"Disabled\" class=\"form-label mb-0 me-1\"\u003eDisabled\u003c/label\u003e\n\u003c/div\u003e"},{"file":"helptext.html","id":"toggle/helptext.html-2","componentId":"toggle","title":"Helptext","extension":"html","raw":"\u003cdiv class=\"d-flex align-items-center\"\u003e\n  \u003cinput id=\"IsRecurring\" type=\"checkbox\" class=\"btcpay-toggle me-3\" /\u003e\n  \u003cdiv\u003e\n    \u003clabel for=\"IsRecurring\" class=\"form-label mb-0\"\u003eRecurring Goal\u003c/label\u003e\n    \u003cdiv class=\"form-text\"\u003eReset goal after a specific period of time, based on your crowdfund's start date.\u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"file":"expand.html","id":"toggle/expand.html-3","componentId":"toggle","title":"Expand","extension":"html","raw":"\u003cdiv class=\"d-flex align-items-center\"\u003e\n  \u003cinput id=\"EnableTips\" type=\"checkbox\" class=\"btcpay-toggle me-3\" data-bs-toggle=\"collapse\"\n    data-bs-target=\"#CustomTipsSettings\" aria-expanded=\"false\" aria-controls=\"CustomTipsSettings\" /\u003e\n  \u003clabel for=\"EnableTips\" class=\"form-label mb-0\"\u003eEnable tips\u003c/label\u003e\n\u003c/div\u003e\n\u003cdiv class=\"collapse\" id=\"CustomTipsSettings\"\u003e\n  \u003cdiv class=\"form-group pt-3\"\u003e\n    \u003clabel id=\"CustomTipText\" class=\"form-label\" data-required\u003eCustom tip text\u003c/label\u003e\n    \u003cinput for=\"CustomTipText\" class=\"form-control\" required /\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"}],"sourcePath":"src/components/toggle","sourceFile":"src/components/toggle/component.config.js","type":"component"},"kitchensink":{"id":"kitchensink","title":"Kitchensink","isTitleFromHeading":true,"content":"\u003ch1 id=\"kitchensink\" tabindex=\"-1\"\u003eKitchensink\u003c/h1\u003e\n\u003cp\u003eJust a page that showcases everything and all together.\u003c/p\u003e","variants":[{"file":"kitchensink.html","id":"kitchensink/kitchensink.html-1","componentId":"kitchensink","title":"Kitchensink","extension":"html","raw":"\u003c!--#include file=\"/header/variants/header.html\" --\u003e\n\n\u003ch1\u003eChancellor on Brink of Second Bailout for Banks\u003c/h1\u003e\n\u003ch2\u003eBillions may be needed as lending squeeze tightens\u003c/h2\u003e\n\u003cp\u003eAlistair Darling has been forced to consider a second bailout for banks as the lending drought worsens.\u003c/p\u003e\n\u003cp\u003eThe Chancellor will decide within weeks whether to pump billions more into the economy as evidence mounts that the \u003ccode\u003e£37 billion\u003c/code\u003e part-nationalisation last year has failed to keep credit flowing. Options include cash injections, offering banks cheaper state guarantees to raise money privately or buying up “toxic assets”, The Times has learnt.\u003c/p\u003e\n\u003cpre\u003econst test = 123;\u003c/pre\u003e\n\u003cp\u003eThe Bank of England revealed yesterday that, despite intense pressure, the banks curbed lending in the final quarter of last year and plan even tighter restrictions in the coming months. Its findings will alarm the Treasury.\u003c/pre\u003e\n\n\u003c!--#include file=\"/footer/variants/footer.html\" --\u003e"}],"sourcePath":"src/views/kitchensink","sourceFile":"src/views/kitchensink/component.config.js","readmeFile":"src/views/kitchensink/README.md","type":"component"}},"navigation":{"index":{"childIds":["design","components","resources","development"],"id":"index","itemId":"index","path":"/","type":"documentation","title":"BTCPay Server Design System"},"components":{"prevSiblingId":"design","nextSiblingId":"resources","childIds":["components/header","components/theme-switch","components/bootstrap","components/pills","components/toggle","components/footer"],"parentId":"index","id":"components","itemId":"components","isStructural":true,"path":"/components/","type":"documentation","title":"Components"},"components/header":{"nextSiblingId":"components/theme-switch","parentId":"components","id":"components/header","itemId":"header","path":"/components/header/","type":"component","title":"Header","keywords":[null]},"components/theme-switch":{"prevSiblingId":"components/header","nextSiblingId":"components/bootstrap","parentId":"components","id":"components/theme-switch","itemId":"theme-switch","path":"/components/theme-switch/","type":"component","title":"Theme Switch","keywords":[null]},"components/bootstrap":{"prevSiblingId":"components/theme-switch","nextSiblingId":"components/pills","parentId":"components","id":"components/bootstrap","itemId":"bootstrap","path":"/components/bootstrap/","type":"component","title":"Bootstrap v5","keywords":[null]},"components/pills":{"prevSiblingId":"components/bootstrap","nextSiblingId":"components/toggle","parentId":"components","id":"components/pills","itemId":"pills","path":"/components/pills/","type":"component","title":"Pills","keywords":[null]},"components/toggle":{"prevSiblingId":"components/pills","nextSiblingId":"components/footer","parentId":"components","id":"components/toggle","itemId":"toggle","path":"/components/toggle/","type":"component","title":"Toggle","keywords":[null]},"components/footer":{"prevSiblingId":"components/toggle","parentId":"components","id":"components/footer","itemId":"footer","path":"/components/footer/","type":"component","title":"Footer","keywords":[null]},"design":{"nextSiblingId":"components","childIds":["design/colors","design/fonts","design/icons","design/spaces","design/variables"],"parentId":"index","id":"design","itemId":"design","isStructural":true,"path":"/design/","type":"documentation","title":"Design"},"development":{"prevSiblingId":"resources","parentId":"index","id":"development","itemId":"development","path":"/development/","type":"documentation","title":"Development"},"resources":{"prevSiblingId":"components","nextSiblingId":"development","childIds":["resources/css","resources/favicon","resources/design-files","resources/supporters"],"parentId":"index","id":"resources","itemId":"resources","isStructural":true,"path":"/resources/","type":"documentation","title":"Resources"},"views":{"nextSiblingId":"design","childIds":["views/kitchensink"],"parentId":"index","id":"views","itemId":"views","isStructural":true,"path":"/views/","type":"documentation","title":"Views"},"views/kitchensink":{"parentId":"views","id":"views/kitchensink","itemId":"kitchensink","path":"/views/kitchensink/","type":"component","title":"Kitchensink","keywords":[null]},"design/colors":{"nextSiblingId":"design/fonts","parentId":"design","id":"design/colors","itemId":"design/colors","path":"/design/colors/","type":"tokens","title":"Colors"},"design/fonts":{"prevSiblingId":"design/colors","nextSiblingId":"design/icons","parentId":"design","id":"design/fonts","itemId":"design/fonts","path":"/design/fonts/","type":"tokens","title":"Fonts"},"design/icons":{"prevSiblingId":"design/fonts","nextSiblingId":"design/spaces","parentId":"design","id":"design/icons","itemId":"design/icons","path":"/design/icons/","type":"tokens","title":"Icons"},"design/spaces":{"prevSiblingId":"design/icons","nextSiblingId":"design/variables","parentId":"design","id":"design/spaces","itemId":"design/spaces","path":"/design/spaces/","type":"tokens","title":"Spaces"},"design/variables":{"prevSiblingId":"design/spaces","parentId":"design","id":"design/variables","itemId":"design/variables","path":"/design/variables/","type":"tokens","title":"Variables"},"resources/css":{"nextSiblingId":"resources/favicon","parentId":"resources","id":"resources/css","itemId":"resources/css","path":"/resources/css/","type":"documentation","title":"CSS"},"resources/design-files":{"prevSiblingId":"resources/favicon","nextSiblingId":"resources/supporters","parentId":"resources","id":"resources/design-files","itemId":"resources/design-files","path":"/resources/design-files/","type":"documentation","title":"Design files"},"resources/favicon":{"prevSiblingId":"resources/css","nextSiblingId":"resources/design-files","parentId":"resources","id":"resources/favicon","itemId":"resources/favicon","path":"/resources/favicon/","type":"documentation","title":"Favicon"},"resources/supporters":{"prevSiblingId":"resources/design-files","parentId":"resources","id":"resources/supporters","itemId":"resources/supporters","path":"/resources/supporters/","type":"tokens","title":"Supporters"}}},
         locales: {"de":{"_meta":{"title":"Deutsch"},"navigation":{"toggle":"Navigation umschalten"},"options":{"edit":"Bearbeiten","info":"Info","properties":"Properties","theme_properties":"Themes","preview":"Vorschau","code":"Code","copy_permalink":"Variantenlink kopieren","open_in_window":"In separatem Fenster öffnen","edit_on_codepen":"In Codepen öffnen","reset":"zurücksetzen","toggle":"umschalten","all_themes":"Alle anzeigen","loading":"Wird geladen…","copy_code":"Code kopieren","copy_code_tooltip":"Kopiert!"},"code":{"raw":"Code","context":"Daten","rendered":"HTML"},"component":{"dependencies":"Zusammengesetzt aus","dependents":"Wird benutzt von"},"token":{"name":"Name","type":"Typ","icon":"Icon","demo":"Demo","value":"Wert","usage":"Gebrauch","license":"Lizenz","fontface":"Schriftart","fontweight":"Schriftschnitt","variable":"Variable","description":"Beschreibung","reference":"Referenz","property":"Eigenschaft","theme":"Theme","default":"Standard"},"properties":{"title":"Datentypen","name":"Property","type":"Typ","description":"Beschreibung","required":"Pflicht","default":"Standard"},"footer":{"version":"Version","last_update":"Letztes Update am"},"search":{"label":"Suche","toggle":"Suche umschalten","title":"Suchergebnisse für \"%{query}\"","no_results":"Leider konnten keine passenden Suchergebnisse gefunden werden."},"settings":{"title":"Einstellungen","locale":"Sprache","hljs":"Highlight-Theme","preview_mode":"Vorschaumodus","breakpoints":"Breakpoints","viewports":"Viewports"},"not_found":{"title":"Nicht gefunden","content":"Diese Seite existiert leider nicht."}},"en":{"_meta":{"title":"English"},"navigation":{"toggle":"Toggle navigation"},"options":{"edit":"Edit","info":"Info","properties":"Properties","theme_properties":"Themes","preview":"Preview","code":"Code","copy_permalink":"Copy link to variant","open_in_window":"Open in separate window","edit_on_codepen":"Edit on Codepen","reset":"reset","toggle":"toggle","all_themes":"All themes","loading":"Loading…","copy_code":"Copy to clipboard","copy_code_tooltip":"Copied!"},"code":{"raw":"Code","context":"Data","rendered":"HTML"},"component":{"dependencies":"Composed of","dependents":"Used within"},"token":{"name":"Name","type":"Type","icon":"Icon","demo":"Demo","value":"Value","usage":"Usage","license":"License","fontface":"Typeface","fontweight":"Weight","variable":"Variable","description":"Description","reference":"Reference","property":"Property","theme":"Theme","default":"Default"},"properties":{"title":"Datatypes","name":"Property","type":"Type","description":"Description","required":"Required","default":"Default"},"footer":{"version":"Version","last_update":"Last updated on"},"search":{"label":"Search","toggle":"Toggle search","title":"Search results for \"%{query}\"","no_results":"Unfortunately there is no content matching your search query."},"settings":{"title":"Settings","locale":"Locale","hljs":"Highlight-Theme","preview_mode":"Preview Mode","breakpoints":"Breakpoints","viewports":"Viewports"},"not_found":{"title":"Not Found","content":"This page does not exist."}}},
         iframeScripts: [
           "/_assets/scripts/preview.9fa6fdd.js",
diff --git a/svg/icons/actions-add.svg b/svg/icons/actions-add.svg
new file mode 100644
index 0000000..d4b4732
--- /dev/null
+++ b/svg/icons/actions-add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M17 11h-4V7c0-.55-.45-1-1-1s-1 .45-1 1v4H7c-.55 0-1 .45-1 1s.45 1 1 1h4v4c0 .55.45 1 1 1s1-.45 1-1v-4h4c.55 0 1-.45 1-1s-.45-1-1-1"/></svg>
\ No newline at end of file
diff --git a/svg/icons/actions-archive.svg b/svg/icons/actions-archive.svg
new file mode 100644
index 0000000..4047956
--- /dev/null
+++ b/svg/icons/actions-archive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M11.862 6.002c-.005.002-.843.006-1.863.008-2.153.006-2.213.007-2.302.03a.9.9 0 0 0-.288.145 2.5 2.5 0 0 0-.278.289l-.044.05c-.01.01-.017.019-.015.019s-.01.014-.027.031a5 5 0 0 0-.194.235l-.045.053-.093.112c-.047.06-.106.132-.13.161a19 19 0 0 0-.35.43 1.3 1.3 0 0 0-.148.269c-.02.044-.072.188-.067.188q.003.002-.008.018c-.012.02-.014 8.748-.001 8.852.013.102.07.278.12.375.06.113.114.196.126.196q.006 0 .007.009c0 .02.118.15.18.2.024.019.056.045.07.058a.3.3 0 0 0 .049.035 1.7 1.7 0 0 0 .5.218c.064.017 9.169.024 9.662.008.254-.009.34-.029.543-.128a1 1 0 0 0 .199-.128 1.3 1.3 0 0 0 .51-.831c.007-.045.01-1.19.012-4.451l.002-4.391-.04-.108a1.6 1.6 0 0 0-.126-.277 5 5 0 0 0-.124-.187l-.073-.094a.5.5 0 0 0-.068-.078q-.007-.001-.011-.014a.2.2 0 0 0-.038-.05 2 2 0 0 1-.1-.116l-.042-.053-.052-.064-.045-.055-.032-.04-.032-.04a5 5 0 0 0-.146-.179l-.08-.096c-.328-.4-.564-.576-.793-.591a356 356 0 0 0-4.325-.018m3.917.689c.174.005.22.015.22.048 0 .004.014.02.03.035l.048.05c.01.013.069.078.131.144l.267.283.047.05.024.025H7.445l.021-.03.037-.046.048-.06.057-.07a.1.1 0 0 0 .02-.027c0-.002.014-.019.032-.039l.047-.058c.007-.012.016-.022.02-.022q.005 0 .006-.012 0-.01.006-.012a.4.4 0 0 0 .054-.06c.026-.034.058-.073.07-.087s.04-.047.06-.075l.038-.05 3.84.004c2.114.003 3.903.007 3.978.009m-2.458 4.656v.672h1.144c.63 0 1.146.001 1.148.003a1 1 0 0 1-.09.094l-.245.25a2 2 0 0 1-.164.166q0 .009-.016.019-.016.009-.013.014t-.006.006c-.006 0-.074.067-.151.148s-.144.147-.15.147a.02.02 0 0 0-.015.01q-.005.008.004.003c.015-.01.01 0-.008.016q-.016.012-.012.005.023-.036-.06.059a.4.4 0 0 1-.077.076q-.017.007-.014.015t-.008.008-.012.006a.6.6 0 0 1-.118.119c.008.007-.017.035-.03.035a.02.02 0 0 0-.017.01q-.005.008.005.002t.005.003a.02.02 0 0 1-.016.009c-.005 0-.02.013-.033.03-.033.041-.068.078-.068.07q0-.005-.012.004-.01.01-.007.017t-.012.012-.015.01a.7.7 0 0 1-.104.104q-.005.001-.006.01t-.012.008q-.01-.002-.006.003c.008.008-.01.029-.019.023q-.006-.003-.007.007c0 .018-.068.089-.079.082q-.008-.004-.008.001.005.03-.014.023-.012-.005-.008 0c.007.008-.018.036-.031.036a.02.02 0 0 0-.016.009q-.006.01.005.002.015-.009 0 .007-.01.013-.014.01a1 1 0 0 0-.093.09 1 1 0 0 1-.1.096c.003.01-.028.042-.047.05q-.016.008-.018.02-.001.01-.01.011c-.01 0-.054.04-.054.048 0 .01-.197.204-.204.202q-.007-.002-.002.003c.008.008-.018.036-.028.03q-.007-.005-.004.003c.007.01-.037.052-.046.044q-.005-.005-.002.003c.003.005-.002.016-.012.024q-.025.023-.006 0a1 1 0 0 0-.071.07 3 3 0 0 1-.137.137c.007-.004.002.005-.011.018-.013.014-.027.025-.032.024q-.007-.001-.009.01t-.01.01q-.01-.002-.007.004c.004.007-.04.054-.05.054-.012 0-.025.014-.02.022q.005.008-.004.003t-.014.007a.2.2 0 0 1-.042.047 1 1 0 0 0-.177.184q-.022.018-.02.02.005.002-.008.017c-.008.009-.02.016-.025.016q-.01 0-.008.006c.002.003-.005.013-.017.021q-.017.013-.014.005.007-.01-.002-.005-.009.006-.01.019 0 .011-.005.007a1.6 1.6 0 0 0-.21.207c0 .014-.053.06-.06.054q-.006-.005-.002.003t-.007.019q-.01.008-.011.004t-.012.005q-.01.01-.007.017.003.005-.004.006a2 2 0 0 0-.162.15c-.135.131-.156.15-.165.138q-.009-.011-.01-.005c0 .004-.009-.002-.019-.013a.3.3 0 0 0-.04-.034c-.02-.014-.03-.035-.011-.024q.009.005.003-.001-.006-.007-.01-.008a2 2 0 0 1-.104-.1 2 2 0 0 0-.099-.097q0 .003-.012-.006-.01-.01-.008-.017.004-.006-.006-.003c-.012.005-.057-.041-.05-.052q.003-.006-.01-.018-.019-.016-.002.005a2 2 0 0 1-.108-.106 3 3 0 0 1-.123-.13q-.002-.006-.014-.007a.6.6 0 0 1-.129-.127 4 4 0 0 0-.223-.222q-.009-.009-.004-.015t-.004 0c-.014.007-.126-.104-.118-.117q.006-.008-.002-.004-.01.002-.023-.012-.013-.016-.005-.011a1 1 0 0 0-.067-.07 1 1 0 0 0-.088-.08q-.011-.007-.007-.014.004-.008-.006-.006-.01 0-.008-.008.001-.01-.007-.005c-.012.007-.09-.074-.083-.086q.006-.008-.002-.004c-.006.004-.044-.03-.041-.037l-.134-.133c-.165-.16-.154-.15-.135-.136q.021.015.005-.002-.01-.013-.02-.014c-.012 0-.057-.047-.064-.068q-.005-.013-.01-.01a1.3 1.3 0 0 1-.144-.144q-.014-.016-.025-.018-.009 0-.01-.012a.02.02 0 0 0-.01-.017q-.008-.006-.002.005.004.009-.02-.015c-.015-.014-.028-.03-.028-.036q0-.009-.008-.01c-.013 0-.052-.037-.047-.045q.003-.005-.002-.005a5 5 0 0 1-.306-.307q-.001-.005-.013-.006-.01-.001-.008-.008.004-.007-.006-.008a.4.4 0 0 1-.076-.071.5.5 0 0 0-.086-.083q-.023-.024 0-.006.022.017.006-.002c-.006-.008-.016-.014-.021-.014-.01 0-.046-.034-.042-.04a.3.3 0 0 0-.045-.05c-.026-.027-.044-.043-.04-.037.01.017-.044-.024-.057-.043-.006-.009-.01-.02-.007-.024q.004-.008-.004-.002-.009.003-.013-.005c-.003-.006-.183-.19-.4-.41s-.395-.4-.393-.401c.001-.002.518-.003 1.147-.003h1.145v-1.343h2.654z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/actions-copy.svg b/svg/icons/actions-copy.svg
new file mode 100644
index 0000000..c4d4856
--- /dev/null
+++ b/svg/icons/actions-copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.333 6h-6C6.597 6 6 6.597 6 7.333v6c0 .737.597 1.334 1.333 1.334h6c.737 0 1.334-.597 1.334-1.334v-6c0-.736-.597-1.333-1.334-1.333"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.332 10h-.667a1.333 1.333 0 0 1-1.333-1.333v-6a1.333 1.333 0 0 1 1.333-1.333h6A1.333 1.333 0 0 1 10 2.667v.667"/></svg>
\ No newline at end of file
diff --git a/svg/icons/actions-drag.svg b/svg/icons/actions-drag.svg
new file mode 100644
index 0000000..742869d
--- /dev/null
+++ b/svg/icons/actions-drag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M4.5 0H7v2.5H4.5zM9 0h2.5v2.5H9zM4.5 4.5H7V7H4.5zm4.5 0h2.5V7H9zM4.5 9H7v2.5H4.5zM9 9h2.5v2.5H9zm-4.5 4.5H7V16H4.5zm4.5 0h2.5V16H9z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/actions-refresh.svg b/svg/icons/actions-refresh.svg
new file mode 100644
index 0000000..d1e9f6a
--- /dev/null
+++ b/svg/icons/actions-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M23 4v6h-6M1 20v-6h6"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></g></svg>
\ No newline at end of file
diff --git a/svg/icons/actions-remove.svg b/svg/icons/actions-remove.svg
new file mode 100644
index 0000000..4144a0e
--- /dev/null
+++ b/svg/icons/actions-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M16.243 14.828 13.414 12l2.829-2.828a1.003 1.003 0 0 0 0-1.415 1.003 1.003 0 0 0-1.415 0L12 10.586 9.172 7.757a1.003 1.003 0 0 0-1.415 0 1.003 1.003 0 0 0 0 1.415L10.586 12l-2.829 2.828a1.003 1.003 0 0 0 0 1.415 1.003 1.003 0 0 0 1.415 0L12 13.414l2.828 2.829a1.003 1.003 0 0 0 1.415 0 1.003 1.003 0 0 0 0-1.415"/></svg>
\ No newline at end of file
diff --git a/svg/icons/actions-search.svg b/svg/icons/actions-search.svg
new file mode 100644
index 0000000..8735fdc
--- /dev/null
+++ b/svg/icons/actions-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="11.5" cy="11.75" r="6.25" stroke="currentColor" stroke-width="1.5"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m16.5 16.25 3 3"/></svg>
\ No newline at end of file
diff --git a/svg/icons/actions-send.svg b/svg/icons/actions-send.svg
new file mode 100644
index 0000000..6995ed6
--- /dev/null
+++ b/svg/icons/actions-send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M12.53 8.97a.75.75 0 0 0-1.06 0l-3.75 3.75a.75.75 0 0 0 1.06 1.06l2.47-2.47V18a.75.75 0 1 0 1.5 0v-6.69l2.47 2.47a.75.75 0 0 0 1.06-1.06zm3.72-2.22a.75.75 0 1 0 0-1.5h-8.5a.75.75 0 0 0 0 1.5z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/actions-trash.svg b/svg/icons/actions-trash.svg
new file mode 100644
index 0000000..79b92bc
--- /dev/null
+++ b/svg/icons/actions-trash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M11 1.75V3h2.25a.75.75 0 1 1 0 1.5H2.75a.75.75 0 0 1 0-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75M4.496 6.675l.66 6.6a.25.25 0 0 0 .249.225h5.19a.25.25 0 0 0 .249-.225l.66-6.6a.75.75 0 0 1 1.492.149l-.66 6.6A1.75 1.75 0 0 1 10.595 15h-5.19a1.75 1.75 0 0 1-1.741-1.575l-.66-6.6a.75.75 0 1 1 1.492-.15M6.5 1.75V3h3V1.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25"/></svg>
\ No newline at end of file
diff --git a/svg/icons/api.svg b/svg/icons/api.svg
new file mode 100644
index 0000000..19dd40c
--- /dev/null
+++ b/svg/icons/api.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M2.8 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10.4a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm7.9 5.6H5.3a.5.5 0 0 1-.5-.5v-.6a.5.5 0 0 1 .5-.5h5.4a.5.5 0 0 1 .5.5v.6a.5.5 0 0 1-.5.5M5.3 7.2h5.4a.5.5 0 0 1 .5.5v.6a.5.5 0 0 1-.5.5H5.3a.5.5 0 0 1-.5-.5v-.6a.5.5 0 0 1 .5-.5m2.2 3.202H5.3a.5.5 0 0 0-.5.5v.6a.5.5 0 0 0 .5.5h2.2a.5.5 0 0 0 .5-.5v-.6a.5.5 0 0 0-.5-.5" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg/icons/back.svg b/svg/icons/back.svg
new file mode 100644
index 0000000..d12ecd4
--- /dev/null
+++ b/svg/icons/back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="18" fill="none"><path fill="currentColor" d="M7.638 1.109.578 8.168a1.177 1.177 0 0 0 0 1.663l7.06 7.06A1.177 1.177 0 0 0 9.3 15.226l-5.05-5.051h14.807a1.175 1.175 0 1 0 0-2.353H4.25l5.051-5.05A1.17 1.17 0 0 0 9.3 1.11a1.177 1.177 0 0 0-1.663 0"/></svg>
\ No newline at end of file
diff --git a/svg/icons/caret-down.svg b/svg/icons/caret-down.svg
new file mode 100644
index 0000000..30d346a
--- /dev/null
+++ b/svg/icons/caret-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m7 9.5 5 5 5-5"/></svg>
\ No newline at end of file
diff --git a/svg/icons/caret-left.svg b/svg/icons/caret-left.svg
new file mode 100644
index 0000000..07e04cd
--- /dev/null
+++ b/svg/icons/caret-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M7.923 12.004c0 .32.117.584.366.834l6 5.866a1 1 0 0 0 .731.296c.585 0 1.06-.46 1.06-1.044a1.08 1.08 0 0 0-.335-.764l-5.329-5.18 5.329-5.197c.21-.21.335-.467.335-.763 0-.585-.475-1.052-1.06-1.052a1 1 0 0 0-.732.304L8.29 11.17c-.257.25-.366.515-.366.834"/></svg>
\ No newline at end of file
diff --git a/svg/icons/caret-right.svg b/svg/icons/caret-right.svg
new file mode 100644
index 0000000..ba3c6fe
--- /dev/null
+++ b/svg/icons/caret-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9.5 17 5-5-5-5"/></svg>
\ No newline at end of file
diff --git a/svg/icons/caret-up.svg b/svg/icons/caret-up.svg
new file mode 100644
index 0000000..22fa483
--- /dev/null
+++ b/svg/icons/caret-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M11.996 7.923c-.32 0-.584.117-.834.366l-5.866 6A1 1 0 0 0 5 15.02c0 .584.46 1.059 1.044 1.059.288 0 .553-.125.763-.335l5.181-5.329 5.197 5.329c.21.21.467.335.763.335.585 0 1.052-.475 1.052-1.06a1 1 0 0 0-.304-.732L12.83 8.29c-.25-.257-.514-.366-.834-.366"/></svg>
\ No newline at end of file
diff --git a/svg/icons/checkmark.svg b/svg/icons/checkmark.svg
new file mode 100644
index 0000000..ab715aa
--- /dev/null
+++ b/svg/icons/checkmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg/icons/checkout-complete.svg b/svg/icons/checkout-complete.svg
new file mode 100644
index 0000000..10382f9
--- /dev/null
+++ b/svg/icons/checkout-complete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><path stroke="currentColor" stroke-width="3" d="M47 24a22.5 22.5 0 1 1-45 0 22.5 22.5 0 0 1 45 0Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="m15.23 24.8 7.1 7.1 12.8-12.8"/></svg>
\ No newline at end of file
diff --git a/svg/icons/checkout-expired.svg b/svg/icons/checkout-expired.svg
new file mode 100644
index 0000000..ed7e65c
--- /dev/null
+++ b/svg/icons/checkout-expired.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><circle cx="24" cy="24" r="22.5" stroke="currentColor" stroke-width="3"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="m17 31 14-14m-14 0 14 14"/></svg>
\ No newline at end of file
diff --git a/svg/icons/checkout-sent.svg b/svg/icons/checkout-sent.svg
new file mode 100644
index 0000000..153d01c
--- /dev/null
+++ b/svg/icons/checkout-sent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><circle cx="24" cy="24" r="22.5" stroke="currentColor" stroke-width="3"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M24 16v16m5.71-10.29L24 16l-6.29 6.29"/></svg>
\ No newline at end of file
diff --git a/svg/icons/close.svg b/svg/icons/close.svg
new file mode 100644
index 0000000..723989b
--- /dev/null
+++ b/svg/icons/close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="m9.385 8.088 6.165-6.232c.415-.42.415-1.05 0-1.47a.997.997 0 0 0-1.455 0l-6.164 6.23L1.766.315a.997.997 0 0 0-1.454 0 1.023 1.023 0 0 0 0 1.47l6.164 6.233-6.164 6.231a1.023 1.023 0 0 0 0 1.47c.207.211.484.281.762.281.277 0 .554-.07.761-.28L8 9.488l6.165 6.232c.207.21.484.28.761.28s.554-.07.762-.28c.416-.42.416-1.05 0-1.47z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/cross.svg b/svg/icons/cross.svg
new file mode 100644
index 0000000..0552591
--- /dev/null
+++ b/svg/icons/cross.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M12.131 3.837a.75.75 0 0 1 0 1.06l-7.25 7.25c-.478.337-.686.29-1.06 0-.374-.291-.02-1.026-.02-1.026l7.27-7.284a.75.75 0 0 1 1.06 0"/><path fill="currentColor" d="M12.131 12.163a.75.75 0 0 0 0-1.06l-7.25-7.25c-.478-.337-.686-.29-1.06 0-.374.291-.02 1.026-.02 1.026l7.27 7.284a.75.75 0 0 0 1.06 0"/></svg>
\ No newline at end of file
diff --git a/svg/icons/docs.svg b/svg/icons/docs.svg
new file mode 100644
index 0000000..1edcb9c
--- /dev/null
+++ b/svg/icons/docs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M8 16A8 8 0 1 0 7.998-.002 8 8 0 0 0 8 16m-.336-8.032.773-.616c.258-.203.437-.414.546-.624a1.43 1.43 0 0 0 .172-.71c0-.32-.094-.578-.297-.758q-.301-.272-.85-.273c-.549-.001-.664.094-.882.289-.203.195-.312.46-.312.804 0 .255-.194.489-.449.47l-.728-.053a.46.46 0 0 1-.435-.4 3 3 0 0 1-.012-.244c0-.655.258-1.178.765-1.568.523-.383 1.21-.578 2.076-.578.913 0 1.616.187 2.115.57q.74.561.742 1.592-.002 1.146-1.093 2.068l-.679.57a1.4 1.4 0 0 0-.28.312.74.74 0 0 0-.071.351.36.36 0 0 1-.36.36h-.78a.5.5 0 0 1-.5-.5v-.023c0-.235.048-.43.133-.586a1.8 1.8 0 0 1 .406-.453m-.406 4.036a.97.97 0 0 0 .726.288c.305 0 .547-.093.734-.288a1 1 0 0 0 .289-.734c0-.304-.094-.546-.289-.742-.187-.195-.43-.288-.734-.288a.97.97 0 0 0-.726.288 1.02 1.02 0 0 0-.28.742q0 .443.28.734" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg/icons/donate.svg b/svg/icons/donate.svg
new file mode 100644
index 0000000..87b7876
--- /dev/null
+++ b/svg/icons/donate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M7.65 14.91a.75.75 0 0 0 .7 0L8 14.26l.35.66h.02c1.33-.74 2.59-1.6 3.75-2.6C13.96 10.74 16 8.36 16 5.5 16 2.84 13.91 1 11.75 1 10.2 1 8.85 1.8 8 3.02A4.57 4.57 0 0 0 4.25 1 4.38 4.38 0 0 0 0 5.5c0 2.85 2.04 5.23 3.88 6.82a22 22 0 0 0 3.75 2.58z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg/icons/done.svg b/svg/icons/done.svg
new file mode 100644
index 0000000..9463992
--- /dev/null
+++ b/svg/icons/done.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="12" fill="#51B13E"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m7 12.14 3.55 3.54L17.5 9"/></svg>
\ No newline at end of file
diff --git a/svg/icons/dots.svg b/svg/icons/dots.svg
new file mode 100644
index 0000000..44b6608
--- /dev/null
+++ b/svg/icons/dots.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M8 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"/></svg>
\ No newline at end of file
diff --git a/svg/icons/forms-checkbox.svg b/svg/icons/forms-checkbox.svg
new file mode 100644
index 0000000..7333a2a
--- /dev/null
+++ b/svg/icons/forms-checkbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect width="22" height="22" x="1" y="1" stroke="currentColor" stroke-width="2" rx="3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m7.5 12.5 3.43 2.94a.1.1 0 0 0 .136-.005L17.5 9"/></svg>
\ No newline at end of file
diff --git a/svg/icons/forms-date.svg b/svg/icons/forms-date.svg
new file mode 100644
index 0000000..eff25ca
--- /dev/null
+++ b/svg/icons/forms-date.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect width="22" height="19" x="1" y="4" stroke="currentColor" stroke-width="2" rx="3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 1v2m12-2v2M5 9h14"/></svg>
\ No newline at end of file
diff --git a/svg/icons/forms-number.svg b/svg/icons/forms-number.svg
new file mode 100644
index 0000000..9ea9a32
--- /dev/null
+++ b/svg/icons/forms-number.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect width="22" height="22" x="1" y="1" stroke="currentColor" stroke-width="2" rx="3"/><path fill="currentColor" d="M15.568 17H8.315v-1.777l2.44-2.468a40 40 0 0 0 1.177-1.272q.423-.479.594-.813.171-.335.171-.697 0-.444-.287-.643a1.16 1.16 0 0 0-.677-.198 1.94 1.94 0 0 0-.957.273 7 7 0 0 0-1.087.793L8.206 8.462q.45-.403.957-.766a4.4 4.4 0 0 1 1.196-.601q.69-.233 1.682-.233 1.02 0 1.764.356.751.356 1.162.977.41.616.41 1.402 0 .869-.321 1.551-.315.678-.95 1.36-.636.678-1.586 1.539l-.732.656v.069h3.78z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/forms-select.svg b/svg/icons/forms-select.svg
new file mode 100644
index 0000000..5b8e910
--- /dev/null
+++ b/svg/icons/forms-select.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-width="2" d="M1 4a3 3 0 0 1 3-3h13v19a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3z"/><path stroke="currentColor" stroke-width="2" d="M1 2a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 12h6m-6 5h6"/></svg>
\ No newline at end of file
diff --git a/svg/icons/forms-text.svg b/svg/icons/forms-text.svg
new file mode 100644
index 0000000..0e72464
--- /dev/null
+++ b/svg/icons/forms-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect width="22" height="22" x="1" y="1" stroke="currentColor" stroke-width="2" rx="3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M7 7.75h10M12 8v8"/></svg>
\ No newline at end of file
diff --git a/svg/icons/info.svg b/svg/icons/info.svg
new file mode 100644
index 0000000..db59b55
--- /dev/null
+++ b/svg/icons/info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M12 22.39c5.739 0 10.39-4.651 10.39-10.39S17.74 1.61 12 1.61C6.261 1.61 1.61 6.26 1.61 12c0 5.739 4.651 10.39 10.39 10.39m0-2.597a7.793 7.793 0 1 0 0-15.586 7.793 7.793 0 0 0 0 15.586" clip-rule="evenodd"/><path fill="currentColor" d="M12 6.805a1.299 1.299 0 1 0 0 2.597 1.299 1.299 0 0 0 0-2.597M10.701 12s0-1.299 1.299-1.299S13.299 12 13.299 12v3.897s0 1.298-1.299 1.298-1.299-1.298-1.299-1.298z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/logo-btcpay.svg b/svg/icons/logo-btcpay.svg
new file mode 100644
index 0000000..605e869
--- /dev/null
+++ b/svg/icons/logo-btcpay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="currentColor"><path d="M7.023 23.262a1.32 1.32 0 0 1-1.32-1.32V2.077a1.32 1.32 0 1 1 2.64 0v19.865a1.32 1.32 0 0 1-1.32 1.32"/><path d="M7.024 23.262a1.32 1.32 0 0 1-.566-2.513l7.96-3.777-8.178-6.024a1.32 1.32 0 0 1 1.566-2.126l9.954 7.333a1.32 1.32 0 0 1-.217 2.256l-9.954 4.724a1.3 1.3 0 0 1-.565.127"/><path d="M7.025 15.454a1.32 1.32 0 0 1-.784-2.383l8.176-6.024-7.96-3.778A1.32 1.32 0 0 1 7.59.884l9.954 4.724a1.32 1.32 0 0 1 .217 2.255l-9.954 7.333a1.3 1.3 0 0 1-.781.258"/><path d="M8.343 9.218V14.8l3.787-2.79Zm0-7.141a1.32 1.32 0 0 0-1.32-1.32 1.32 1.32 0 0 0-1.32 1.32v16.612h2.64z"/></g></svg>
\ No newline at end of file
diff --git a/svg/icons/logo-lightningterminal.svg b/svg/icons/logo-lightningterminal.svg
new file mode 100644
index 0000000..c2c239b
--- /dev/null
+++ b/svg/icons/logo-lightningterminal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="55" fill="none"><g fill="currentColor"><path d="m27.25 30.5-15.9 23.2a.84.84 0 1 1-1.38-.96l15.9-23.19a.84.84 0 1 1 1.38.96zm-2.09-4.13L9.63 49.08a.84.84 0 0 1-1.39-.95l15.54-22.71a.84.84 0 0 1 1.38.95m-4.72-24.8L2.43 27.9h16.9l-1.14 1.68H.36a.84.84 0 0 1-.22-1.15L19 .62A.84.84 0 0 1 20.16.4c.4.26.52.78.28 1.19z"/><path d="M22.12 6.62 10.24 23.99H22l-1.15 1.68H7.05l1.14-1.68 12.53-18.3a.84.84 0 0 1 1.39.93z"/></g></svg>
\ No newline at end of file
diff --git a/svg/icons/logo-rtl.svg b/svg/icons/logo-rtl.svg
new file mode 100644
index 0000000..865c64a
--- /dev/null
+++ b/svg/icons/logo-rtl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="610" height="524" fill="none"><path fill="currentColor" d="M418.62 107.6c1.95 4.6 2.73 8.24 2.63 10.24-7.56-4.56-18.93-8.43-25.14-9.54-4.03-.72 9.18-3.93 22.51-.7m10.99 169.33a476 476 0 0 1 14.43-2.8 447 447 0 0 0-5.98-3.71c-25.45-15.5-52.58-28.64-79.4-41.37-16.91-8.03-34.15-16.02-51.7-23.22 15.31-20.19 34.91-37.32 55.86-52 .02 0 .1-.07.23-.16 4.59 6.26 10.38 10.51 13.29 12.11 5.68 3.13 12.84 6.06 19.41 6.95a110.5 110.5 0 0 0 35.44-.55c1.06-.18 2.14-.3 3.2-.49a105 105 0 0 1 16.87-1.54c5.88-.1 8.79 1.14 9.48 1.32 2.1.54 3.89 1.44 4.88 2.64a40 40 0 0 0 3.7 4.13c3.96 3.93 7.89 6.11 13.58 6.74 7.34.8 12.53-2.07 16.2-6.83 1.74-2.25.9-5.78.71-6.47-.96-3.55-3.18-8.7-4.8-13.5a27.3 27.3 0 0 0-4.86-7.64l-2.42-2.56c-3.78-4-7.59-7.96-11.36-11.95-15.06-15.92-31.38-30.58-48.21-44.59l-5.24-4.36-3.82-3.16a1033 1033 0 0 0-6.06-4.96l-1.63-1.31c-.86-.7-2.81-2.34-4.46-3.66 5.46-5.44 9.86-8.83 17.68-13.95 1.12-.74 7.16-3.96 6.95-4.78-.13-.49-10.05-.38-21.4 1.09-4 .51-26.38 3.81-41.74 7.16-16.35 3.56-33.62 8.55-49.53 13.55-45.94 14.47-89.81 34.07-129.99 60.7-23.09 15.32-44.7 32.21-65.56 50.42a1067 1067 0 0 0-28.81 25.95 697 697 0 0 0-4.41 4.19c2 .37 4.01.76 6.02 1.18 16.6 3.4 33.04 7.97 49.02 12.53 19.53 5.59 39.3 11.6 58.41 19a583 583 0 0 0-31.63 32.21 766 766 0 0 0-53.37 66.63c-21.6 30.15-40.02 62.67-56.09 96.17a765 765 0 0 0-4.5 9.54q4.455-3.57 8.97-7.08c26.01-20.17 53.44-38.82 80.82-56.84 38.53-25.35 79.88-46.3 122.78-63.16 51.73-20.32 104.56-40.03 159.04-51.57"/></svg>
\ No newline at end of file
diff --git a/svg/icons/logo-shopify.svg b/svg/icons/logo-shopify.svg
new file mode 100644
index 0000000..c70b847
--- /dev/null
+++ b/svg/icons/logo-shopify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="m17.815 25.879 6.734-1.456-2.45-16.548c-.021-.112-.105-.182-.196-.182l-1.799-.126s-1.19-1.19-1.344-1.316a.3.3 0 0 0-.112-.07l-.854 19.698zm-3.381-11.83s-.763-.392-1.659-.392c-1.351 0-1.4.84-1.4 1.064 0 1.148 3.017 1.603 3.017 4.319 0 2.142-1.344 3.507-3.178 3.507-2.198 0-3.304-1.365-3.304-1.365l.602-1.946s1.162.994 2.128.994c.63 0 .91-.504.91-.868 0-1.512-2.478-1.582-2.478-4.067-.028-2.086 1.47-4.13 4.508-4.13 1.176 0 1.75.343 1.75.343l-.882 2.534zM13.93 4.27c.119 0 .252.042.371.133-.917.434-1.925 1.526-2.338 3.724-.616.196-1.211.378-1.764.539.483-1.666 1.652-4.382 3.731-4.382zm1.148 2.758v.126l-2.24.686c.441-1.659 1.253-2.471 1.953-2.772.182.469.287 1.099.287 1.96m.504-2.086c.644.07 1.064.805 1.33 1.638-.322.105-.686.21-1.078.343v-.238c0-.7-.091-1.274-.252-1.75zm2.793 1.204-.07.021c-.021 0-.273.07-.672.196-.392-1.155-1.092-2.212-2.338-2.212h-.112c-.343-.455-.791-.651-1.169-.651-2.898 0-4.284 3.619-4.718 5.46-1.12.336-1.925.588-2.016.63-.63.196-.651.21-.721.805-.07.434-1.708 13.125-1.708 13.125l12.656 2.38z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/logo-thunderhub.svg b/svg/icons/logo-thunderhub.svg
new file mode 100644
index 0000000..c7265c1
--- /dev/null
+++ b/svg/icons/logo-thunderhub.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="16" height="16" x="4" y="4" rx="2" ry="2"/><path d="M9 9h6v6H9zm0-8v3m6-3v3M9 20v3m6-3v3m5-14h3m-3 5h3M1 9h3m-3 5h3"/></g></svg>
\ No newline at end of file
diff --git a/svg/icons/logo-tor.svg b/svg/icons/logo-tor.svg
new file mode 100644
index 0000000..db36360
--- /dev/null
+++ b/svg/icons/logo-tor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="61" height="91" fill="none"><g fill="currentColor"><path d="m34.9 6.8-2.4 9.6C35.9 9.6 41.4 4.5 47.7 0c-4.6 5.3-8.8 10.6-11.3 16C40.7 9.9 46.5 6.6 53 4.3 44.3 12 37.4 20.4 32.2 28.7L28 26.9c.7-6.7 3.2-13.5 6.9-20.1"/><path d="m31.7 28.3 2.9 1.5c-.3 1.9.1 6.1 2 7.1 8.4 5.2 16.2 10.8 19.3 16.5 11 19.9-7.7 38.4-24 36.6 8.8-6.5 11.4-19.9 8.1-34.6-1.3-5.7-3.4-10.9-7.1-16.8-1.6-2.7-1-6.3-1.2-10.3m-3.2 9.5c-.6 3.1-1.3 8.7-4 10.8-1.1.8-2.3 1.6-3.5 2.4-4.9 3.3-9.7 6.4-11.9 14.3-.5 1.7-.1 3.5.3 5.2 1.2 4.9 4.6 10.1 7.3 13.2 0 .1.5.5.5.6 2.2 2.6 2.9 3.4 11.3 5.3l-.2.9c-5.1-1.3-9.2-2.6-11.9-5.6 0-.1-.5-.5-.5-.5-2.8-3.2-6.3-8.6-7.5-13.7-.5-2-.9-3.6-.3-5.7 2.3-8.2 7.3-11.5 12.3-14.9 1.1-.7 2.5-1.4 3.6-2.3 2.3-1.5 3.4-6.2 4.5-10"/><path d="M30.7 50.8c.1 3.5-.3 5.3.6 7.8.5 1.5 2.4 3.5 2.9 5.5.7 2.6 1.5 5.5 1.5 7.3 0 2-.1 5.8-1 9.8-.7 3.3-2.2 6.2-4.8 7.8-2.7-.5-5.8-1.5-7.6-3.1-3.6-3.1-6.7-8.3-7.1-12.8-.3-3.7 3.1-9.2 7.9-11.9 4-2.4 5-5 5.9-9.4-1.2 3.8-2.4 6.9-6.3 9-5.7 3-8.6 7.9-8.3 12.7.4 6.1 2.8 10.2 7.6 13.5 2 1.4 5.8 2.9 8.2 3.3V90c1.8-.3 4.1-3.3 5.3-7.2 1-3.6 1.4-8.1 1.3-11-.1-1.7-.8-5.3-2.2-8.6-.7-1.8-1.9-3.6-2.6-4.9-.9-1.5-.9-4.3-1.3-7.5"/><path d="M30.1 64.5c.1 2.4 1 5.4 1.4 8.5.3 2.3.2 4.6.1 6.6-.1 2.3-.8 6.5-1.9 8.6-1-.5-1.4-1-2.1-1.8-.8-1.1-1.4-2.3-1.9-3.6-.4-1-.9-2.2-1.1-3.5-.3-2-.2-5.2 2.1-8.4 1.8-2.6 2.2-2.8 2.8-5.7-.8 2.6-1.4 2.9-3.3 5.1-2.1 2.4-2.4 6-2.4 8.9 0 1.2.5 2.6 1 3.8.5 1.3 1 2.7 1.7 3.7 1.1 1.6 2.5 2.6 3.2 2.7v-.1c1.3-1.5 2.1-2.9 2.4-4.4.3-1.8.4-3.5.6-5.6.2-1.8.1-4.1-.4-6.5-.6-3-1.7-6.1-2.2-8.3"/><path d="M30.5 35c.1 3.5.3 10 1.3 12.6.3.9 2.8 4.7 4.5 9.4 1.2 3.2 1.5 6.2 1.7 7.1.8 3.8-.2 10.3-1.5 16.4-.7 3.3-3 7.4-5.6 9l-.5.9c1.5-.1 5.1-3.6 6.4-8.1 2.2-7.5 3-11 2-19.4-.1-.8-.5-3.6-1.8-6.5-1.9-4.5-4.6-8.8-4.9-9.7-.7-1.4-1.5-7.6-1.6-11.7"/><path d="M31.7 28.6c-.2 3.6-.2 6.4.4 9.1.7 2.9 4.5 7.1 6.1 11.9 3 9.2 2.2 21.2.1 30.5-.8 3.3-4.6 8.1-8.5 9.6l2.8.7c1.5-.1 5.5-3.8 7.1-8 2.5-6.7 3-14.6 2-23-.1-.8-1.4-8-2.7-11-1.8-4.5-4.7-7.7-5.7-10.5-.8-2.1-1.1-7.7-.6-8.8z"/><path d="M51.7 46.3c-2.9-2.6-6.5-4.8-10.3-6.9-1.7-.9-6.9-5-5.1-10.8l-13.1-5.4-.9.7c4.4 7.9 2.1 12.1-.1 13.5-4.4 3-10.8 6.8-13.9 10.1C2.2 53.8.4 59.8 1 67.6c.6 10.1 7.9 18.5 17.8 21.8 4.3 1.4 8.3 1.6 12.7 1.6 7.1 0 14.5-1.9 19.8-6.3 5.7-4.7 9-11.8 9-19.1s-3.1-14.3-8.6-19.3m-1.9 36.9c-4.9 4-13.7 6.8-18.4 6.6-5.2-.3-10.3-1.1-14.8-3.3C8.7 82.7 3.5 74.4 3.1 67.7 2.4 54 9 50.1 15.1 45.1c3.4-2.8 8.2-4.2 10.9-9.2.5-1.1.8-3.5.2-6-.3-.9-1.5-3.9-2-4.6l9.8 4.3c-1.2 4.5 2.5 9.2 5.5 10.9s7.7 4.9 10.6 7.5c5.1 4.5 7.7 10.9 7.7 17.6s-2.8 13.3-8 17.6"/></g></svg>
\ No newline at end of file
diff --git a/svg/icons/minus.svg b/svg/icons/minus.svg
new file mode 100644
index 0000000..cecc599
--- /dev/null
+++ b/svg/icons/minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M14 7H2v2h12z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-account.svg b/svg/icons/nav-account.svg
new file mode 100644
index 0000000..02c9893
--- /dev/null
+++ b/svg/icons/nav-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M11.934 12.777a4.05 4.05 0 1 0 0-8.101 4.05 4.05 0 0 0 0 8.101Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M5.385 19.325a3.343 3.343 0 0 1 3.376-3.376h6.48c1.823 0 3.376 1.486 3.376 3.376"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-contact.svg b/svg/icons/nav-contact.svg
new file mode 100644
index 0000000..db59b55
--- /dev/null
+++ b/svg/icons/nav-contact.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M12 22.39c5.739 0 10.39-4.651 10.39-10.39S17.74 1.61 12 1.61C6.261 1.61 1.61 6.26 1.61 12c0 5.739 4.651 10.39 10.39 10.39m0-2.597a7.793 7.793 0 1 0 0-15.586 7.793 7.793 0 0 0 0 15.586" clip-rule="evenodd"/><path fill="currentColor" d="M12 6.805a1.299 1.299 0 1 0 0 2.597 1.299 1.299 0 0 0 0-2.597M10.701 12s0-1.299 1.299-1.299S13.299 12 13.299 12v3.897s0 1.298-1.299 1.298-1.299-1.298-1.299-1.298z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-crowdfund.svg b/svg/icons/nav-crowdfund.svg
new file mode 100644
index 0000000..d1561bc
--- /dev/null
+++ b/svg/icons/nav-crowdfund.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.164 12.492a3.939 3.939 0 1 0 0-7.877 3.939 3.939 0 0 0 0 7.877m6.769 5.538a2.83 2.83 0 1 0 0-5.66 2.83 2.83 0 0 0 0 5.66M8.24 19.384a2.277 2.277 0 1 0 0-4.554 2.277 2.277 0 0 0 0 4.554"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-dashboard.svg b/svg/icons/nav-dashboard.svg
new file mode 100644
index 0000000..1d28548
--- /dev/null
+++ b/svg/icons/nav-dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M15.692 19.385H8.308a3.703 3.703 0 0 1-3.693-3.693V8.308a3.703 3.703 0 0 1 3.693-3.693h7.384a3.703 3.703 0 0 1 3.693 3.693v7.384a3.703 3.703 0 0 1-3.693 3.692Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M7.57 11.938h1.476l1.539 2.215 2.769-4.43 1.538 2.215h1.354"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-invoice.svg b/svg/icons/nav-invoice.svg
new file mode 100644
index 0000000..8cf40ee
--- /dev/null
+++ b/svg/icons/nav-invoice.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" fill="none"><path stroke="currentColor" stroke-width="1.6" d="M1.167 3v13.543l2.333-.914L5.834 17l2.333-1.371L10.5 17l2.334-1.371 2.333.914V3a2 2 0 0 0-2-2h-10a2 2 0 0 0-2 2Z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M4.667 5h7m-7 3.5h7m-7 3.5h4"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-invoices.svg b/svg/icons/nav-invoices.svg
new file mode 100644
index 0000000..a7be3c4
--- /dev/null
+++ b/svg/icons/nav-invoices.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M8.308 4.615h7.384a3.703 3.703 0 0 1 3.693 3.693v7.384a3.703 3.703 0 0 1-3.693 3.692H8.308a3.703 3.703 0 0 1-3.693-3.692V8.308a3.703 3.703 0 0 1 3.693-3.693Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.308 8.924h7.384M8.308 12h7.384m-7.384 3.016H12"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-keypad.svg b/svg/icons/nav-keypad.svg
new file mode 100644
index 0000000..728421a
--- /dev/null
+++ b/svg/icons/nav-keypad.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M6.833 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m6 12c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m-6 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0-6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m6 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m4-8c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2m-4 2c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m6 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-lightning-address.svg b/svg/icons/nav-lightning-address.svg
new file mode 100644
index 0000000..247280d
--- /dev/null
+++ b/svg/icons/nav-lightning-address.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M17.57 10.7c-.1-.23-.27-.34-.5-.34h-4.3l.5-3.76a.48.48 0 0 0-.33-.55.52.52 0 0 0-.66.17l-5.45 6.54a.59.59 0 0 0-.05.6c.1.17.27.28.49.28h4.3l-.49 3.76c-.05.22.11.5.33.55.06.05.17.05.22.05a.5.5 0 0 0 .44-.22l5.45-6.54c.1-.17.16-.39.05-.55Z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-mobile-menu.svg b/svg/icons/nav-mobile-menu.svg
new file mode 100644
index 0000000..720e1e0
--- /dev/null
+++ b/svg/icons/nav-mobile-menu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M21 17a1 1 0 0 1 .117 1.993L21 19H3a1 1 0 0 1-.117-1.993L3 17zm0-6a1 1 0 0 1 .117 1.993L21 13H3a1 1 0 0 1-.117-1.993L3 11zm0-6a1 1 0 0 1 .117 1.993L21 7H3a1 1 0 0 1-.117-1.993L3 5z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-notifications.svg b/svg/icons/nav-notifications.svg
new file mode 100644
index 0000000..38bbe17
--- /dev/null
+++ b/svg/icons/nav-notifications.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M12.193.992c4.959 0 7.042 4.364 7.538 6.05.595 2.082.099 2.975.595 5.851.297 1.884 1.289 3.471 2.082 4.364.298.297 0 .793-.396.793H2.078c-.397 0-.695-.496-.397-.793.694-.893 1.785-2.48 2.083-4.364.396-2.876 0-3.769.595-5.851.495-1.686 2.677-6.05 7.834-6.05Z"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M16.26 18.049c0 .198.099.496.099.694a4.233 4.233 0 0 1-4.265 4.265 4.233 4.233 0 0 1-4.264-4.265v-.595"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-pay-button.svg b/svg/icons/nav-pay-button.svg
new file mode 100644
index 0000000..1d70c45
--- /dev/null
+++ b/svg/icons/nav-pay-button.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M8.308 4.615h7.384a3.703 3.703 0 0 1 3.693 3.693v7.384a3.703 3.703 0 0 1-3.693 3.692H8.308a3.703 3.703 0 0 1-3.693-3.692V8.308a3.703 3.703 0 0 1 3.693-3.693Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M12 15.078a3.077 3.077 0 1 0 0-6.154 3.077 3.077 0 0 0 0 6.154"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-payment-requests.svg b/svg/icons/nav-payment-requests.svg
new file mode 100644
index 0000000..f2f9e1f
--- /dev/null
+++ b/svg/icons/nav-payment-requests.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M12 19.385a7.385 7.385 0 1 0 0-14.77 7.385 7.385 0 0 0 0 14.77Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m9.538 14.216 4.739-4.8m-4.739 1.291v3.508h3.693"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-payouts.svg b/svg/icons/nav-payouts.svg
new file mode 100644
index 0000000..a7be3c4
--- /dev/null
+++ b/svg/icons/nav-payouts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M8.308 4.615h7.384a3.703 3.703 0 0 1 3.693 3.693v7.384a3.703 3.703 0 0 1-3.693 3.692H8.308a3.703 3.703 0 0 1-3.693-3.692V8.308a3.703 3.703 0 0 1 3.693-3.693Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.308 8.924h7.384M8.308 12h7.384m-7.384 3.016H12"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-plugin.svg b/svg/icons/nav-plugin.svg
new file mode 100644
index 0000000..07016c4
--- /dev/null
+++ b/svg/icons/nav-plugin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 10.235 4.736 7.387M12 10.235l7.264-2.848M12 10.235V19.5M5.212 7.016l6.066-2.378a1.96 1.96 0 0 1 1.442 0l6.066 2.378a1.175 1.175 0 0 1 .714 1.108v7.752a1.175 1.175 0 0 1-.711 1.108l-6.067 2.38a1.97 1.97 0 0 1-1.441 0l-6.067-2.38a1.175 1.175 0 0 1-.714-1.108V8.124a1.175 1.175 0 0 1 .712-1.108"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-plugins-explore.svg b/svg/icons/nav-plugins-explore.svg
new file mode 100644
index 0000000..8735fdc
--- /dev/null
+++ b/svg/icons/nav-plugins-explore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="11.5" cy="11.75" r="6.25" stroke="currentColor" stroke-width="1.5"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m16.5 16.25 3 3"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-plugins-manage.svg b/svg/icons/nav-plugins-manage.svg
new file mode 100644
index 0000000..5d5142c
--- /dev/null
+++ b/svg/icons/nav-plugins-manage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M6 7h12M6 12h12M6 17h8"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-pointofsale.svg b/svg/icons/nav-pointofsale.svg
new file mode 100644
index 0000000..8abf596
--- /dev/null
+++ b/svg/icons/nav-pointofsale.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.88 19.43H7.12a2.286 2.286 0 0 1-2.286-2.537l.766-6.731a1.143 1.143 0 0 1 1.143-1.017h10.514a1.143 1.143 0 0 1 1.143 1.017l.743 6.731a2.286 2.286 0 0 1-2.263 2.537"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.429 9.144a4.571 4.571 0 0 1 9.142 0m-7.428 3.428h5.714"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-pull-payments.svg b/svg/icons/nav-pull-payments.svg
new file mode 100644
index 0000000..4d432eb
--- /dev/null
+++ b/svg/icons/nav-pull-payments.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" stroke="currentColor" stroke-width=".6" d="M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-15.19a7.2 7.2 0 0 0 0 14.38A7.2 7.2 0 0 0 12 4.8Z"/><path fill="currentColor" stroke="currentColor" stroke-width=".6" d="M9.48 14.85a.44.44 0 0 1-.3-.14c-.14-.16-.14-.43.05-.57l5.02-4.31c.16-.14.43-.14.57.05.14.17.14.44-.05.57l-5.05 4.29c-.05.08-.16.1-.24.1Z"/><path fill="currentColor" stroke="currentColor" stroke-width=".6" d="M14.39 14.28a.4.4 0 0 1-.41-.4l.1-3.42-3.08-.17a.4.4 0 0 1-.38-.43c0-.22.19-.4.43-.38l3.47.19c.22 0 .38.19.38.4l-.13 3.83c.02.19-.17.38-.38.38Z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-reporting.svg b/svg/icons/nav-reporting.svg
new file mode 100644
index 0000000..a7be3c4
--- /dev/null
+++ b/svg/icons/nav-reporting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M8.308 4.615h7.384a3.703 3.703 0 0 1 3.693 3.693v7.384a3.703 3.703 0 0 1-3.693 3.692H8.308a3.703 3.703 0 0 1-3.693-3.692V8.308a3.703 3.703 0 0 1 3.693-3.693Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.308 8.924h7.384M8.308 12h7.384m-7.384 3.016H12"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-server-settings.svg b/svg/icons/nav-server-settings.svg
new file mode 100644
index 0000000..a1361d3
--- /dev/null
+++ b/svg/icons/nav-server-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect width="14.5" height="14.5" x="4.75" y="4.75" stroke="currentColor" stroke-width="1.5" rx="3.25"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m8 8 1.6 1.6L8 11.2"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-store-settings.svg b/svg/icons/nav-store-settings.svg
new file mode 100644
index 0000000..c02018e
--- /dev/null
+++ b/svg/icons/nav-store-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m9.817 6.154.529-1.366A1.23 1.23 0 0 1 11.49 4h1.01a1.23 1.23 0 0 1 1.144.788l.53 1.366 1.797 1.034 1.452-.222a1.23 1.23 0 0 1 1.23.603l.493.862a1.23 1.23 0 0 1-.099 1.39l-.898 1.145v2.068l.923 1.144a1.23 1.23 0 0 1 .099 1.391l-.493.862a1.23 1.23 0 0 1-1.23.603l-1.453-.222-1.797 1.034-.529 1.366a1.23 1.23 0 0 1-1.145.788h-1.033a1.23 1.23 0 0 1-1.145-.788l-.53-1.366-1.796-1.034-1.453.222a1.23 1.23 0 0 1-1.23-.603l-.493-.862a1.23 1.23 0 0 1 .099-1.39l.898-1.145v-2.068l-.923-1.144A1.23 1.23 0 0 1 4.82 8.43l.492-.862a1.23 1.23 0 0 1 1.23-.603l1.453.222zM9.534 12a2.462 2.462 0 1 0 4.923 0 2.462 2.462 0 0 0-4.923 0"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-store.svg b/svg/icons/nav-store.svg
new file mode 100644
index 0000000..c48dd0c
--- /dev/null
+++ b/svg/icons/nav-store.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M19.049 10.264v6.265a2.244 2.244 0 0 1-2.238 2.238H7.245a2.244 2.244 0 0 1-2.238-2.238v-6.265"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M9.455 5.256V9.09c0 1.175-.951 2.153-2.126 2.153h-.42a2.613 2.613 0 0 1-2.405-3.664l.559-1.315A1.7 1.7 0 0 1 6.629 5.23zm5.091.002V9.09c0 1.175.95 2.154 2.125 2.154h.42c1.902 0 3.16-1.93 2.406-3.665l-.56-1.314a1.72 1.72 0 0 0-1.566-1.007zM12 11.495a2.525 2.525 0 0 1-2.517-2.518V5.285h5.063v3.692c0 1.4-1.147 2.518-2.546 2.518Z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/notifications-invoice-failure.svg b/svg/icons/notifications-invoice-failure.svg
new file mode 100644
index 0000000..9f5bbee
--- /dev/null
+++ b/svg/icons/notifications-invoice-failure.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g clip-path="url(#a)"><path fill="#E11900" fill-rule="evenodd" d="M3.515 20.486a12 12 0 1 1 16.97-16.97 12 12 0 0 1-16.97 16.97m5.53-13.03a1.125 1.125 0 0 0-1.59 1.59L10.41 12l-2.955 2.955a1.125 1.125 0 1 0 1.59 1.59L12 13.59l2.955 2.955a1.126 1.126 0 1 0 1.59-1.59L13.59 12l2.955-2.955a1.126 1.126 0 1 0-1.59-1.59L12 10.41z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/svg/icons/notifications-invoice-settled.svg b/svg/icons/notifications-invoice-settled.svg
new file mode 100644
index 0000000..c187627
--- /dev/null
+++ b/svg/icons/notifications-invoice-settled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g clip-path="url(#a)"><path fill="#51B13E" fill-rule="evenodd" d="M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0m-6.779-2.617a1.12 1.12 0 0 1-.301.787l-5.25 5.25a1.125 1.125 0 0 1-1.59 0l-3-3a1.125 1.125 0 0 1 1.59-1.59l2.205 2.205L15.33 8.58a1.125 1.125 0 0 1 1.891.803" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/svg/icons/notifications-new-version.svg b/svg/icons/notifications-new-version.svg
new file mode 100644
index 0000000..fbf2bae
--- /dev/null
+++ b/svg/icons/notifications-new-version.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#1F6FEB" d="M11.07 2.359c.333-.844 1.527-.844 1.86 0l2.305 5.843a1 1 0 0 0 .563.563l5.843 2.305c.844.333.844 1.527 0 1.86l-5.843 2.305a1 1 0 0 0-.563.563l-2.305 5.843c-.333.844-1.527.844-1.86 0l-2.305-5.843a1 1 0 0 0-.563-.563L2.359 12.93c-.844-.333-.844-1.527 0-1.86l5.843-2.305a1 1 0 0 0 .563-.563z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/notifications-payout-approved.svg b/svg/icons/notifications-payout-approved.svg
new file mode 100644
index 0000000..868e354
--- /dev/null
+++ b/svg/icons/notifications-payout-approved.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g clip-path="url(#a)"><path fill="#51B13E" fill-rule="evenodd" d="M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m7.954 4.046a1.125 1.125 0 0 1 0-1.591l4.58-4.58h-2.349a1.125 1.125 0 1 1 0-2.25h5.065c.194 0 .376.05.535.136l.013.006a1.12 1.12 0 0 1 .47.503c.068.145.107.308.107.48v4.75a1.125 1.125 0 0 1-2.25 0v-2.034l-4.58 4.58a1.124 1.124 0 0 1-1.59 0" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/svg/icons/notifications-payout.svg b/svg/icons/notifications-payout.svg
new file mode 100644
index 0000000..4742d63
--- /dev/null
+++ b/svg/icons/notifications-payout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g clip-path="url(#a)"><path fill="#1F6FEB" fill-rule="evenodd" d="M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m7.954 4.046a1.125 1.125 0 0 1 0-1.591l4.58-4.58h-2.349a1.125 1.125 0 1 1 0-2.25h5.065c.194 0 .376.05.535.136l.013.006a1.12 1.12 0 0 1 .47.503c.068.145.107.308.107.48v4.75a1.125 1.125 0 0 1-2.25 0v-2.034l-4.58 4.58a1.124 1.124 0 0 1-1.59 0" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/svg/icons/payment-receive.svg b/svg/icons/payment-receive.svg
new file mode 100644
index 0000000..3279831
--- /dev/null
+++ b/svg/icons/payment-receive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M12 19.385a7.385 7.385 0 1 0 0-14.77 7.385 7.385 0 0 0 0 14.77Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m9.539 14.215 4.738-4.8m-4.738 1.293v3.508h3.692"/></svg>
\ No newline at end of file
diff --git a/svg/icons/payment-send.svg b/svg/icons/payment-send.svg
new file mode 100644
index 0000000..2dcaf2e
--- /dev/null
+++ b/svg/icons/payment-send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M12 4.616a7.385 7.385 0 1 0 0 14.769 7.385 7.385 0 0 0 0-14.77Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m14.461 9.785-4.738 4.8m4.738-1.293V9.784H10.77"/></svg>
\ No newline at end of file
diff --git a/svg/icons/plus.svg b/svg/icons/plus.svg
new file mode 100644
index 0000000..3712b5d
--- /dev/null
+++ b/svg/icons/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M14 7.182H8.818V2H7.182v5.182H2v1.636h5.182V14h1.636V8.818H14z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/pos-cart.svg b/svg/icons/pos-cart.svg
new file mode 100644
index 0000000..4b3b871
--- /dev/null
+++ b/svg/icons/pos-cart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.88 19.426H7.12a2.286 2.286 0 0 1-2.286-2.537l.766-6.731A1.143 1.143 0 0 1 6.743 9.14h10.514a1.143 1.143 0 0 1 1.143 1.017l.743 6.731a2.286 2.286 0 0 1-2.263 2.537Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.43 9.142a4.571 4.571 0 1 1 9.143 0M9.14 12.57h5.715"/></svg>
\ No newline at end of file
diff --git a/svg/icons/pos-light.svg b/svg/icons/pos-light.svg
new file mode 100644
index 0000000..8119784
--- /dev/null
+++ b/svg/icons/pos-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M8 4h8c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V8c0-2.2 1.8-4 4-4Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 13h8m-8 3.25h8"/><rect width="10" height="3.5" x="7" y="7" fill="currentColor" rx="1"/></svg>
\ No newline at end of file
diff --git a/svg/icons/pos-print.svg b/svg/icons/pos-print.svg
new file mode 100644
index 0000000..e530547
--- /dev/null
+++ b/svg/icons/pos-print.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-width="1.6" d="M5 6v13.543l2.333-.914L9.667 20 12 18.629 14.333 20l2.334-1.371 2.333.914V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2Z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M8.5 8h7m-7 3.5h7m-7 3.5h4"/></svg>
\ No newline at end of file
diff --git a/svg/icons/pos-static.svg b/svg/icons/pos-static.svg
new file mode 100644
index 0000000..36a280b
--- /dev/null
+++ b/svg/icons/pos-static.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M19.05 10.266v6.265a2.244 2.244 0 0 1-2.238 2.238H7.246a2.244 2.244 0 0 1-2.238-2.238v-6.265"/><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M9.455 5.262v3.833c0 1.174-.951 2.153-2.126 2.153h-.42a2.613 2.613 0 0 1-2.405-3.664l.56-1.315A1.7 1.7 0 0 1 6.63 5.234zm5.092-.004V9.09c0 1.175.95 2.154 2.126 2.154h.42c1.901 0 3.16-1.93 2.405-3.665l-.56-1.314a1.72 1.72 0 0 0-1.566-1.007zm-2.545 6.241A2.525 2.525 0 0 1 9.484 8.98V5.29h5.063v3.692c0 1.399-1.147 2.518-2.545 2.518Z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/qr-code.svg b/svg/icons/qr-code.svg
new file mode 100644
index 0000000..99d2829
--- /dev/null
+++ b/svg/icons/qr-code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M4 11.111h7.111V4H4zm1.778-5.333h3.555v3.555H5.778zM4 20h7.111v-7.111H4zm1.778-5.333h3.555v3.555H5.778zm7.11-3.556V4H20v7.111zm1.778-1.778h3.556V5.778h-3.556zM20 18.223h-1.778v-1.778H20v-1.778h-1.778v-1.778h-1.777v1.778h-1.778v1.778h1.778v1.777h-1.778V20h1.778v-1.778h1.777V20H20zm-1.778-3.556h-1.777v1.778h1.777zm-5.333-1.778h1.777v1.778H12.89zm0 3.556h1.777v1.777H12.89z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg/icons/scan-qr.svg b/svg/icons/scan-qr.svg
new file mode 100644
index 0000000..9b24fdc
--- /dev/null
+++ b/svg/icons/scan-qr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path stroke="currentColor" stroke-width="1.75" d="M20 .875h10c.621 0 1.125.504 1.125 1.125v10m0 8v10c0 .621-.504 1.125-1.125 1.125H20m-8 0H2A1.125 1.125 0 0 1 .875 30V20m0-8V2C.875 1.379 1.379.875 2 .875h10"/></svg>
\ No newline at end of file
diff --git a/svg/icons/settings.svg b/svg/icons/settings.svg
new file mode 100644
index 0000000..c02018e
--- /dev/null
+++ b/svg/icons/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m9.817 6.154.529-1.366A1.23 1.23 0 0 1 11.49 4h1.01a1.23 1.23 0 0 1 1.144.788l.53 1.366 1.797 1.034 1.452-.222a1.23 1.23 0 0 1 1.23.603l.493.862a1.23 1.23 0 0 1-.099 1.39l-.898 1.145v2.068l.923 1.144a1.23 1.23 0 0 1 .099 1.391l-.493.862a1.23 1.23 0 0 1-1.23.603l-1.453-.222-1.797 1.034-.529 1.366a1.23 1.23 0 0 1-1.145.788h-1.033a1.23 1.23 0 0 1-1.145-.788l-.53-1.366-1.796-1.034-1.453.222a1.23 1.23 0 0 1-1.23-.603l-.493-.862a1.23 1.23 0 0 1 .099-1.39l.898-1.145v-2.068l-.923-1.144A1.23 1.23 0 0 1 4.82 8.43l.492-.862a1.23 1.23 0 0 1 1.23-.603l1.453.222zM9.534 12a2.462 2.462 0 1 0 4.923 0 2.462 2.462 0 0 0-4.923 0"/></svg>
\ No newline at end of file
diff --git a/svg/icons/social-github.svg b/svg/icons/social-github.svg
new file mode 100644
index 0000000..9a7e9c6
--- /dev/null
+++ b/svg/icons/social-github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M12.75.3c-6.6 0-12 5.4-12 12 0 5.325 3.45 9.825 8.175 11.4.6.075.825-.225.825-.6v-2.025C6.375 21.825 5.7 19.5 5.7 19.5c-.525-1.35-1.35-1.725-1.35-1.725-1.125-.75.075-.75.075-.75 1.2.075 1.875 1.2 1.875 1.2 1.05 1.8 2.775 1.275 3.525.975a2.6 2.6 0 0 1 .75-1.575c-2.7-.3-5.475-1.35-5.475-5.925 0-1.275.45-2.4 1.2-3.225-.15-.3-.525-1.5.15-3.15 0 0 .975-.3 3.3 1.2.975-.3 1.95-.375 3-.375s2.025.15 3 .375c2.325-1.575 3.3-1.275 3.3-1.275.675 1.65.225 2.85.15 3.15.75.825 1.2 1.875 1.2 3.225 0 4.575-2.775 5.625-5.475 5.925.45.375.825 1.125.825 2.25v3.3c0 .3.225.675.825.6a12.015 12.015 0 0 0 8.175-11.4c0-6.6-5.4-12-12-12" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg/icons/social-mattermost.svg b/svg/icons/social-mattermost.svg
new file mode 100644
index 0000000..0d628f4
--- /dev/null
+++ b/svg/icons/social-mattermost.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="206" height="206" fill="none"><path fill="currentColor" d="m163.012 19.596 1.082 21.794c17.667 19.519 24.641 47.161 15.846 73.14-13.129 38.782-56.419 59.169-96.693 45.535-40.272-13.633-62.278-56.124-49.15-94.905 8.825-26.066 31.275-43.822 57.276-48.524L105.422.038C61.592-1.15 20.242 26.056 5.448 69.76c-18.178 53.697 10.616 111.963 64.314 130.142 53.698 18.178 111.964-10.617 130.143-64.315 14.77-43.633-1.474-90.283-36.893-115.99"/><path fill="currentColor" d="m137.097 53.436-.596-17.531-.404-15.189s.084-7.322-.17-9.043a2.8 2.8 0 0 0-.305-.914l-.05-.109-.06-.094a2.38 2.38 0 0 0-1.293-1.07 2.38 2.38 0 0 0-1.714.078l-.033.014-.18.092a2.8 2.8 0 0 0-.75.518c-1.25 1.212-5.63 7.08-5.63 7.08l-9.547 11.82-11.123 13.563-19.098 23.75s-8.763 10.938-6.827 24.4c1.937 13.464 11.946 20.022 19.71 22.65 7.765 2.63 19.7 3.5 29.417-6.019 9.716-9.518 9.397-23.53 9.397-23.53z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/social-nostr.svg b/svg/icons/social-nostr.svg
new file mode 100644
index 0000000..d063aba
--- /dev/null
+++ b/svg/icons/social-nostr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 533.31 533.31"><path fill="currentColor" d="M266.655 2.542C120.789 2.542 2.542 120.789 2.542 266.655s118.247 264.113 264.113 264.113 264.113-118.247 264.113-264.113S412.521 2.542 266.655 2.542m104.01 67.283c2.877.134 5.167 1.168 6.615 2.285 1.93 1.49 5.06 2.73 5.81 4.47.15.74-.6 2.83 3.58 3.58s6.971 1.811 6.971 1.811 6.8 1.87 1.35 3.36c-5.51.89-8.92-.31-10.56.74s-3.13 4.38-4.17 4.83-3.13.15-5.21 1.79-4.171 2.979-5.511 6.259-2.379 6.851-1.489 11.621 3.72 13.71 6.26 18.77c2.53 5.07 8.79 17.73 10.58 20.71s6.85 12.81 7.3 23.39.45 19.219 0 23.839-4.71 22.452-15.44 37.352c-3.54 6.14-10.091 13.858-10.721 15.218s-1.31 2.12-.7 3.32c2.01 3.93 5.591 9.62 6.391 12.7 1 2.89 3.04 7.01 3.14 12.48h-.04c.1 5.47-5.19 22.37-16.81 35.33s-24.341 9.06-25.391 8.76-1.34-1.939-3.43-1.639-4.17 2.68-8.19 3.13-7.6.74-11.32-.6c-1.94.3-2.229.31-3.129.97s-7.75 4.689-9.39 4.989c0 3.13-.6 19.37 0 24.29s1.64 11.171 3.28 15.641 1.19 4.619 3.28 4.319 5.81.15 6.85 1.79.599 2.83 2.379 3.58 26.37 7.45 43.21 8.34c11.62.3 18.621 1.19 22.651 8.49.6 3.43 3.28 5.66 4.92 6.11s3.58.892 5.21 2.532.45 3.578 2.38 5.068c1.94 1.49 6.41 3.72 11.03 5.96 4.62 2.23 6.559 5.81 6.849 7s.74 4.77.74 4.77-3.87 0-4.77-.89-1.189-2.53-1.189-2.53-2.681.45-3.281 1.49.3 1.191-3.43.301-5.07-1.64-7.9-3.72-7.15-7.451-10.88-7.301c1.79 3.58 2.53 3.581 4.62 4.771s3.58 2.53 3.58 2.53l-3.129 1.94s-1.94.89-6.41-.3-5.07-1.94-5.51-4.62 0-4.02-1.191-6.26c-1.19-2.24-1.79-6.85-9.68-9.24-7.9-2.38-28.91-9.241-43.51-10.731s-9.83-1.19-12.22-.6-6.849 1.94-11.469-.6c-4.62-2.53-7.3-5.958-7.6-8.788s-.74-4.772 0-8.342 1.49-8.64.74-11.62-6.11-24.289-8.64-27.859c-5.66.45-22.05-.3-22.05-.3s-1.04-.301-7.6 2.529-15.85 5.98-20.32 8.66-6.26 4.22-7 5.71c.05 1.3-.53 3.35-1.21 3.94s-5.42 1.051-5.42 1.051-2.54 2.54-3.58 4.33c-2.98 4.17-23.99 54.38-28.91 65.11-5.89 14.15-4.25 11.92-16.39 11.92s-3.5.13-3.5.13-5.361 2.55-7.301 2.55-8.189-1.04-11.469 0-7.15 4.02-10.13 4.47-2.15-.581-3.64-1.631c-1.74-.09-6.2-.049-6.2-.049s.759-2.83 3.439-4.73c3.58-2.53 11.03-7 15.05-9.24 4.02-2.23 7.601-3.43 10.131-4.02 2.53-.6 8.05-2.68 13.26-4.32s8.49-3.58 12.96-13.71S200.09 358.79 200.54 356.7c.28-1.29 1.622-2.809 2.092-6.559.29-2.32-1.082-5.67.738-9.83 4.77-10.88 9.39-8.79 11.47-8.79s7.451.15 11.471-.6c4.02-.74 6.699-1.19 10.729-3.43 4.02-2.23 4.922-3.871 4.922-3.871l-8.641-1.488s-8.05.298-10.88-1.942-6.7-6.85-6.7-6.85l-3.28-3.128.45 3.718s-2.23-3.868-2.83-4.468-3.72-2.832-4.92-4.922-3.28-10.88-3.28-10.88l-2.681 5.661-.738-8.19-2.23 3.13-1.192-7-2.09 3.58-1.488-6.26-2.532 1.94-1.039-4.47-2.531-1.49s-6.108-4.02-7.148-4.17-1.942 1.49-1.942 1.49l.6 5.21-5.299-2.721-3.041-5.17s1.02 1.741-4.18 3.271c-8.93 0-9.51-.99-10.83-1.71-.57-2.85-2.42-4.391-2.42-4.391h-8.94l-.15-2.979-3.43 1.34.302-4.47h-6.112l.451-4.92h-3.87s1.34-4.02 11.17-9.98 10.88-7.15 20.11-7.45c9.24-.3 14.3 1.19 20.11 3.58 5.81 2.38 16.84 5.96 19.07 7.6 4.92-4.32 12.37-8.641 14.9-8.641.45-1.04 2.69-5.358 7.81-7.648 15.34-6.87 46.99-14.782 57.16-15.452 13.56-.89 3.43-.599 16.99.891s23.54 3.28 30.25 5.51c5.46 1.82 10.88 4.17 14.9.89 1.88-.79 5.13-.58 7.75-2.23 13.34-10.9 15.089-14.06 18.959-18.23s8.75-10.83 9.8-19.62 1.942-25.33-4.618-38.29-12.521-19.67-15.051-30.1-3.58-26.52-2.68-31.74 2.23-9.68 2.98-13.26 4.32-6.41 8.64-7.15c1.08-.186 2.105-.24 3.064-.196"/></svg>
\ No newline at end of file
diff --git a/svg/icons/social-telegram.svg b/svg/icons/social-telegram.svg
new file mode 100644
index 0000000..73e5aca
--- /dev/null
+++ b/svg/icons/social-telegram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="496" height="512" fill="none"><path fill="currentColor" d="M248 8C111.033 8 0 119.033 0 256s111.033 248 248 248 248-111.033 248-248S384.967 8 248 8m114.952 168.66c-3.732 39.215-19.881 134.378-28.1 178.3-3.476 18.584-10.322 24.816-16.948 25.425-14.4 1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25 5.342-39.5 3.652-3.793 67.107-61.51 68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608 69.142-14.845 10.194-26.894 9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7 18.45-13.7 108.446-47.248 144.628-62.3c68.872-28.647 83.183-33.623 92.511-33.789 2.052-.034 6.639.474 9.61 2.885a10.45 10.45 0 0 1 3.53 6.716 43.8 43.8 0 0 1 .417 9.769"/></svg>
\ No newline at end of file
diff --git a/svg/icons/social-twitter.svg b/svg/icons/social-twitter.svg
new file mode 100644
index 0000000..1694ab7
--- /dev/null
+++ b/svg/icons/social-twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" fill="none"><path fill="currentColor" d="M36 18c0 9.945-8.055 18-18 18S0 27.945 0 18 8.055 0 18 0s18 8.055 18 18m-21.294 9.495c7.983 0 12.348-6.615 12.348-12.348 0-.189 0-.378-.009-.558a8.9 8.9 0 0 0 2.169-2.25 8.8 8.8 0 0 1-2.493.684 4.34 4.34 0 0 0 1.908-2.403 8.8 8.8 0 0 1-2.754 1.053 4.32 4.32 0 0 0-3.168-1.368 4.34 4.34 0 0 0-4.338 4.338c0 .342.036.675.117.99a12.3 12.3 0 0 1-8.946-4.536 4.35 4.35 0 0 0-.585 2.178 4.32 4.32 0 0 0 1.935 3.609 4.26 4.26 0 0 1-1.962-.54v.054a4.345 4.345 0 0 0 3.483 4.257 4.3 4.3 0 0 1-1.962.072 4.33 4.33 0 0 0 4.05 3.015 8.72 8.72 0 0 1-6.426 1.791 12.1 12.1 0 0 0 6.633 1.962"/></svg>
\ No newline at end of file
diff --git a/svg/icons/themes-dark.svg b/svg/icons/themes-dark.svg
new file mode 100644
index 0000000..78e94c0
--- /dev/null
+++ b/svg/icons/themes-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M8.742 1.825a10.6 10.6 0 0 0-5.23 3.852 10.58 10.58 0 0 0-1.996 6.179c0 5.865 4.756 10.615 10.626 10.615 4.676 0 8.634-3.025 10.042-7.218-1.063.345-2.205.584-3.4.584-5.871 0-10.626-4.75-10.626-10.615 0-1.195.212-2.336.584-3.397"/></svg>
\ No newline at end of file
diff --git a/svg/icons/themes-light.svg b/svg/icons/themes-light.svg
new file mode 100644
index 0000000..d3be9dd
--- /dev/null
+++ b/svg/icons/themes-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M12 1c-.77 0-1.375.605-1.375 1.375S11.23 3.75 12 3.75s1.375-.605 1.375-1.375S12.77 1 12 1M5.125 3.75c-.77 0-1.375.605-1.375 1.375S4.355 6.5 5.125 6.5 6.5 5.895 6.5 5.125 5.895 3.75 5.125 3.75m13.75 0c-.77 0-1.375.605-1.375 1.375S18.105 6.5 18.875 6.5s1.375-.605 1.375-1.375-.605-1.375-1.375-1.375M12 6.5c-3.025 0-5.5 2.475-5.5 5.5s2.475 5.5 5.5 5.5 5.5-2.475 5.5-5.5-2.475-5.5-5.5-5.5m-9.625 4.125C1.605 10.625 1 11.23 1 12s.605 1.375 1.375 1.375S3.75 12.77 3.75 12s-.605-1.375-1.375-1.375m19.25 0c-.77 0-1.375.605-1.375 1.375s.605 1.375 1.375 1.375S23 12.77 23 12s-.605-1.375-1.375-1.375M5.125 17.5c-.77 0-1.375.605-1.375 1.375s.605 1.375 1.375 1.375S6.5 19.645 6.5 18.875 5.895 17.5 5.125 17.5m13.75 0c-.77 0-1.375.605-1.375 1.375s.605 1.375 1.375 1.375 1.375-.605 1.375-1.375-.605-1.375-1.375-1.375M12 20.25c-.77 0-1.375.605-1.375 1.375S11.23 23 12 23s1.375-.605 1.375-1.375S12.77 20.25 12 20.25"/></svg>
\ No newline at end of file
diff --git a/svg/icons/themes-system.svg b/svg/icons/themes-system.svg
new file mode 100644
index 0000000..bb5cf9a
--- /dev/null
+++ b/svg/icons/themes-system.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M12 1C5.935 1 1 5.935 1 12s4.935 11 11 11 11-4.935 11-11S18.065 1 12 1M2.086 12c0-5.467 4.447-9.914 9.914-9.914v19.828c-5.466 0-9.914-4.447-9.914-9.914"/></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-existing.svg b/svg/icons/wallet-existing.svg
new file mode 100644
index 0000000..e6c98cc
--- /dev/null
+++ b/svg/icons/wallet-existing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M26.536 7.087h-.575V3.255c0-1.15-.574-2.108-1.34-2.683s-1.917-.766-2.875-.574L4.117 5.363C2.01 5.938.668 7.853.668 9.962v17.437c0 2.682 2.108 4.79 4.79 4.79h21.078c2.683 0 4.79-2.108 4.79-4.79v-15.33c0-2.682-2.107-4.982-4.79-4.982m-21.844 0 17.437-5.173c.383-.192.958 0 1.341.191.384.192.575.767.575 1.15v3.832H5.458c-.574 0-.958.192-1.533.384.192-.192.575-.384.767-.384m24.719 20.12c0 1.533-1.342 2.874-2.875 2.874H5.458c-1.533 0-2.874-1.34-2.874-2.874V11.878c0-1.533 1.341-2.874 2.874-2.874h21.078c1.533 0 2.874 1.34 2.874 2.874z"/><path fill="currentColor" d="M25.96 21.649a1.916 1.916 0 1 0 0-3.833 1.916 1.916 0 0 0 0 3.833"/></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-file.svg b/svg/icons/wallet-file.svg
new file mode 100644
index 0000000..f5fedbb
--- /dev/null
+++ b/svg/icons/wallet-file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path stroke="currentColor" stroke-width="2" d="M5 1h15.848L27 6.903V31H5z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-hardware.svg b/svg/icons/wallet-hardware.svg
new file mode 100644
index 0000000..4114038
--- /dev/null
+++ b/svg/icons/wallet-hardware.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><rect width="6" height="8" x="18.977" y="6.57" stroke="currentColor" stroke-width="2" rx="1" transform="rotate(-45 18.977 6.57)"/><path stroke="currentColor" stroke-width="2" d="M3.887 21.106a3 3 0 0 1 0-4.243l12.001-12a1 1 0 0 1 1.414 0l8.488 8.487a1 1 0 0 1 0 1.414l-12.001 12a3 3 0 0 1-4.243 0z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-hot.svg b/svg/icons/wallet-hot.svg
new file mode 100644
index 0000000..e6c98cc
--- /dev/null
+++ b/svg/icons/wallet-hot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M26.536 7.087h-.575V3.255c0-1.15-.574-2.108-1.34-2.683s-1.917-.766-2.875-.574L4.117 5.363C2.01 5.938.668 7.853.668 9.962v17.437c0 2.682 2.108 4.79 4.79 4.79h21.078c2.683 0 4.79-2.108 4.79-4.79v-15.33c0-2.682-2.107-4.982-4.79-4.982m-21.844 0 17.437-5.173c.383-.192.958 0 1.341.191.384.192.575.767.575 1.15v3.832H5.458c-.574 0-.958.192-1.533.384.192-.192.575-.384.767-.384m24.719 20.12c0 1.533-1.342 2.874-2.875 2.874H5.458c-1.533 0-2.874-1.34-2.874-2.874V11.878c0-1.533 1.341-2.874 2.874-2.874h21.078c1.533 0 2.874 1.34 2.874 2.874z"/><path fill="currentColor" d="M25.96 21.649a1.916 1.916 0 1 0 0-3.833 1.916 1.916 0 0 0 0 3.833"/></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-key.svg b/svg/icons/wallet-key.svg
new file mode 100644
index 0000000..5ecab16
--- /dev/null
+++ b/svg/icons/wallet-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g fill="currentColor"><path d="M16.383 10.781a3.046 3.046 0 1 1-.062-6.091 3.046 3.046 0 0 1 .062 6.091m0-4.75a1.714 1.714 0 0 0-1.22 2.919 1.75 1.75 0 0 0 2.419 0 1.714 1.714 0 0 0-1.21-2.919z" style="stroke-width:.729924" transform="translate(-.494 -.22)"/><path d="M9.039 22.433a1.8 1.8 0 0 1-1.275-.53L6.47 20.6l-.069.091a2.081 2.081 0 0 1-2.946-2.94l7.658-7.674a5.758 5.758 0 1 1 2.94 2.945l-2.267 2.267.898.896a1.796 1.796 0 0 1 0 2.548 1.84 1.84 0 0 1-2.542 0l-.898-.903-.234.234 1.301 1.3a1.805 1.805 0 0 1-1.272 3.073zm-2.57-3.429a.66.66 0 0 1 .468.192l1.767 1.772a.493.493 0 0 0 .668 0 .47.47 0 0 0 0-.669l-1.766-1.767a.66.66 0 0 1-.197-.493.65.65 0 0 1 .197-.467l1.188-1.125a.664.664 0 0 1 .94 0l1.368 1.368a.48.48 0 0 0 .665 0 .47.47 0 0 0 .143-.334.5.5 0 0 0-.139-.334l-1.385-1.39a.67.67 0 0 1-.146-.726.7.7 0 0 1 .146-.213l3.073-3.073a.66.66 0 0 1 .79-.112 4.44 4.44 0 1 0-1.74-1.745.66.66 0 0 1-.112.784l-8.002 7.993a.753.753 0 0 0 1.061 1.061l.531-.53a.68.68 0 0 1 .483-.192z" style="stroke-width:.729924" transform="translate(-.494 -.22)"/></g></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-new.svg b/svg/icons/wallet-new.svg
new file mode 100644
index 0000000..7fc90bf
--- /dev/null
+++ b/svg/icons/wallet-new.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 10v12m6-6H10"/><circle cx="16" cy="16" r="15" stroke="currentColor" stroke-width="2"/></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-seed.svg b/svg/icons/wallet-seed.svg
new file mode 100644
index 0000000..7d1ac47
--- /dev/null
+++ b/svg/icons/wallet-seed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><rect width="30.25" height="26.25" x=".875" y="2.875" stroke="currentColor" stroke-width="1.75" rx="1.125"/><rect width="9" height="4" x="5" y="7" fill="currentColor" rx=".5"/><rect width="9" height="4" x="5" y="14" fill="currentColor" rx=".5"/><rect width="9" height="4" x="18" y="7" fill="currentColor" rx=".5"/><rect width="9" height="4" x="18" y="14" fill="currentColor" rx=".5"/><rect width="9" height="4" x="5" y="21" fill="currentColor" rx=".5"/><rect width="9" height="4" x="18" y="21" fill="currentColor" rx=".5"/></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-watchonly.svg b/svg/icons/wallet-watchonly.svg
new file mode 100644
index 0000000..e6c98cc
--- /dev/null
+++ b/svg/icons/wallet-watchonly.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M26.536 7.087h-.575V3.255c0-1.15-.574-2.108-1.34-2.683s-1.917-.766-2.875-.574L4.117 5.363C2.01 5.938.668 7.853.668 9.962v17.437c0 2.682 2.108 4.79 4.79 4.79h21.078c2.683 0 4.79-2.108 4.79-4.79v-15.33c0-2.682-2.107-4.982-4.79-4.982m-21.844 0 17.437-5.173c.383-.192.958 0 1.341.191.384.192.575.767.575 1.15v3.832H5.458c-.574 0-.958.192-1.533.384.192-.192.575-.384.767-.384m24.719 20.12c0 1.533-1.342 2.874-2.875 2.874H5.458c-1.533 0-2.874-1.34-2.874-2.874V11.878c0-1.533 1.341-2.874 2.874-2.874h21.078c1.533 0 2.874 1.34 2.874 2.874z"/><path fill="currentColor" d="M25.96 21.649a1.916 1.916 0 1 0 0-3.833 1.916 1.916 0 0 0 0 3.833"/></svg>
\ No newline at end of file
diff --git a/svg/icons/wallet-xpub.svg b/svg/icons/wallet-xpub.svg
new file mode 100644
index 0000000..a71cc78
--- /dev/null
+++ b/svg/icons/wallet-xpub.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="currentColor" d="M21.391 14.03a4.173 4.173 0 1 1-.084-8.345 4.173 4.173 0 0 1 .084 8.345m0-6.507a2.348 2.348 0 0 0-1.672 3.999 2.4 2.4 0 0 0 3.315 0 2.348 2.348 0 0 0-1.657-4z"/><path fill="currentColor" d="M11.33 29.993a2.48 2.48 0 0 1-1.746-.727L7.81 27.484l-.094.124A2.851 2.851 0 0 1 3.68 23.58l10.491-10.513a7.888 7.888 0 1 1 4.028 4.035l-3.105 3.105 1.23 1.228a2.46 2.46 0 0 1 0 3.49 2.523 2.523 0 0 1-3.483 0l-1.23-1.236-.32.32 1.782 1.781A2.473 2.473 0 0 1 11.33 30zm-3.52-4.697a.9.9 0 0 1 .64.262l2.421 2.428a.676.676 0 0 0 .916 0 .647.647 0 0 0 0-.916l-2.42-2.421a.9.9 0 0 1-.27-.676.9.9 0 0 1 .27-.64l1.628-1.541a.91.91 0 0 1 1.287 0l1.876 1.875a.66.66 0 0 0 .908 0 .65.65 0 0 0 .197-.458.67.67 0 0 0-.19-.458l-1.897-1.905a.92.92 0 0 1-.2-.994.9.9 0 0 1 .2-.292l4.21-4.21a.9.9 0 0 1 1.083-.153 6.084 6.084 0 1 0-2.385-2.391.9.9 0 0 1-.153 1.076L4.968 24.83a1.032 1.032 0 0 0 1.454 1.454l.727-.727a.93.93 0 0 1 .661-.262"/></svg>
\ No newline at end of file
diff --git a/svg/icons/warning.svg b/svg/icons/warning.svg
new file mode 100644
index 0000000..695210a
--- /dev/null
+++ b/svg/icons/warning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M12.337 3.101a.383.383 0 0 0-.674 0l-9.32 17.434a.383.383 0 0 0 .338.564h18.638a.384.384 0 0 0 .337-.564zM9.636 2.018c1.01-1.89 3.719-1.89 4.728 0l9.32 17.434a2.68 2.68 0 0 1-2.365 3.945H2.681a2.68 2.68 0 0 1-2.364-3.945zm3.896 15.25a1.532 1.532 0 1 1-3.064 0 1.532 1.532 0 0 1 3.064 0m-.383-8.044a1.15 1.15 0 0 0-2.298 0v3.83a1.15 1.15 0 0 0 2.298 0z"/></svg>
\ No newline at end of file