diff --git a/_state.json b/_state.json
index babf416..58dd881 100644
--- a/_state.json
+++ b/_state.json
@@ -2,7 +2,7 @@
   "config": {
     "name": "BTCPay Server Design System",
     "version": "0.1.0",
-    "update": 1718092198184,
+    "update": 1718692942239,
     "logo": "/resources/design-files/btcpay-logo.svg",
     "source": {
       "components": [
@@ -2191,6 +2191,30 @@
             }
           ]
         },
+        {
+          "type": "category",
+          "name": "review",
+          "tokens": [
+            {
+              "type": "icon",
+              "name": "review-empty",
+              "variable": "review-empty",
+              "value": "<svg role=\"img\"><use href=\"/svg/icons.svg#review-empty\"/></svg>"
+            },
+            {
+              "type": "icon",
+              "name": "review-full",
+              "variable": "review-full",
+              "value": "<svg role=\"img\"><use href=\"/svg/icons.svg#review-full\"/></svg>"
+            },
+            {
+              "type": "icon",
+              "name": "review-half",
+              "variable": "review-half",
+              "value": "<svg role=\"img\"><use href=\"/svg/icons.svg#review-half\"/></svg>"
+            }
+          ]
+        },
         {
           "type": "category",
           "name": "social",
diff --git a/_tokens/_all/design/icons.html b/_tokens/_all/design/icons.html
index c5ca648..a86f412 100644
--- a/_tokens/_all/design/icons.html
+++ b/_tokens/_all/design/icons.html
@@ -863,6 +863,36 @@ <h2 class="uie-tokens__title">pos</h2>
           </figure>
       </div>
       </section>
+      <section class="uie-tokens__category" id="review">
+          <h2 class="uie-tokens__title">review</h2>
+        
+          <div class="uie-tokens__grid">
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-empty"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-empty
+            </figcaption>
+          </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-full"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-full
+            </figcaption>
+          </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-half"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-half
+            </figcaption>
+          </figure>
+      </div>
+      </section>
       <section class="uie-tokens__category" id="social">
           <h2 class="uie-tokens__title">social</h2>
         
diff --git a/_tokens/dark/design/icons.html b/_tokens/dark/design/icons.html
index 28726cf..38b4544 100644
--- a/_tokens/dark/design/icons.html
+++ b/_tokens/dark/design/icons.html
@@ -863,6 +863,36 @@ <h2 class="uie-tokens__title">pos</h2>
           </figure>
       </div>
       </section>
+      <section class="uie-tokens__category" id="review">
+          <h2 class="uie-tokens__title">review</h2>
+        
+          <div class="uie-tokens__grid">
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-empty"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-empty
+            </figcaption>
+          </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-full"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-full
+            </figcaption>
+          </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-half"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-half
+            </figcaption>
+          </figure>
+      </div>
+      </section>
       <section class="uie-tokens__category" id="social">
           <h2 class="uie-tokens__title">social</h2>
         
diff --git a/_tokens/light/design/icons.html b/_tokens/light/design/icons.html
index 1bf7087..9390aac 100644
--- a/_tokens/light/design/icons.html
+++ b/_tokens/light/design/icons.html
@@ -863,6 +863,36 @@ <h2 class="uie-tokens__title">pos</h2>
           </figure>
       </div>
       </section>
+      <section class="uie-tokens__category" id="review">
+          <h2 class="uie-tokens__title">review</h2>
+        
+          <div class="uie-tokens__grid">
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-empty"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-empty
+            </figcaption>
+          </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-full"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-full
+            </figcaption>
+          </figure>
+          <figure class="uie-icon-token">
+            <div class="uie-icon-token__icon">
+              <svg role="img"><use href="/svg/icons.svg#review-half"/></svg>
+            </div>
+            <figcaption class="uie-icon-token__name">
+              review-half
+            </figcaption>
+          </figure>
+      </div>
+      </section>
       <section class="uie-tokens__category" id="social">
           <h2 class="uie-tokens__title">social</h2>
         
diff --git a/index.html b/index.html
index 7ab56e9..b2c84a0 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":1718092198184,"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":"20px","variable":"--btcpay-font-size-l"},{"name":"XL","value":"28px","variable":"--btcpay-font-size-xl"},{"name":"XXL","value":"36px","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","20px","28px","36px"],"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","20px","28px","36px"],"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","20px","28px","36px"],"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","20px","28px","36px"],"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","20px","28px","36px"],"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","20px","28px","36px"],"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-comment","variable":"actions-comment","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-comment\"/\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-email","variable":"actions-email","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-email\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-hide","variable":"actions-hide","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-hide\"/\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-show","variable":"actions-show","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-show\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-alpha-asc","variable":"actions-sort-alpha-asc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-alpha-asc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-alpha-desc","variable":"actions-sort-alpha-desc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-alpha-desc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-asc-alt","variable":"actions-sort-asc-alt","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-asc-alt\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-asc","variable":"actions-sort-asc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-asc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-desc-alt","variable":"actions-sort-desc-alt","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-desc-alt\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-desc","variable":"actions-sort-desc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-desc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort","variable":"actions-sort","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort\"/\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":"block","variable":"block","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#block\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"calendar","variable":"calendar","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#calendar\"/\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":"key","variable":"key","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#key\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"lightning","variable":"lightning","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#lightning\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"lock","variable":"lock","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#lock\"/\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":"time","variable":"time","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#time\"/\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-explore","variable":"nav-explore","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-explore\"/\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-menu","variable":"nav-menu","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-menu\"/\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-account","variable":"notifications-account","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-account\"/\u003e\u003c/svg\u003e"},{"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":"icon","name":"notifications-plugin-disabled","variable":"notifications-plugin-disabled","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-plugin-disabled\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-plugin-released","variable":"notifications-plugin-released","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-plugin-released\"/\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-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":1718692942239,"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":"20px","variable":"--btcpay-font-size-l"},{"name":"XL","value":"28px","variable":"--btcpay-font-size-xl"},{"name":"XXL","value":"36px","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","20px","28px","36px"],"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","20px","28px","36px"],"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","20px","28px","36px"],"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","20px","28px","36px"],"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","20px","28px","36px"],"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","20px","28px","36px"],"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-comment","variable":"actions-comment","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-comment\"/\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-email","variable":"actions-email","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-email\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-hide","variable":"actions-hide","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-hide\"/\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-show","variable":"actions-show","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-show\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-alpha-asc","variable":"actions-sort-alpha-asc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-alpha-asc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-alpha-desc","variable":"actions-sort-alpha-desc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-alpha-desc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-asc-alt","variable":"actions-sort-asc-alt","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-asc-alt\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-asc","variable":"actions-sort-asc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-asc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-desc-alt","variable":"actions-sort-desc-alt","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-desc-alt\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort-desc","variable":"actions-sort-desc","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort-desc\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"actions-sort","variable":"actions-sort","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#actions-sort\"/\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":"block","variable":"block","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#block\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"calendar","variable":"calendar","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#calendar\"/\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":"key","variable":"key","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#key\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"lightning","variable":"lightning","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#lightning\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"lock","variable":"lock","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#lock\"/\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":"time","variable":"time","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#time\"/\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-explore","variable":"nav-explore","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-explore\"/\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-menu","variable":"nav-menu","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#nav-menu\"/\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-account","variable":"notifications-account","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-account\"/\u003e\u003c/svg\u003e"},{"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":"icon","name":"notifications-plugin-disabled","variable":"notifications-plugin-disabled","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-plugin-disabled\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"notifications-plugin-released","variable":"notifications-plugin-released","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#notifications-plugin-released\"/\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":"review","tokens":[{"type":"icon","name":"review-empty","variable":"review-empty","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#review-empty\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"review-full","variable":"review-full","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#review-full\"/\u003e\u003c/svg\u003e"},{"type":"icon","name":"review-half","variable":"review-half","value":"\u003csvg role=\"img\"\u003e\u003cuse href=\"/svg/icons.svg#review-half\"/\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-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.svg b/svg/icons.svg
index 2b7edbf..fb5e1eb 100644
--- a/svg/icons.svg
+++ b/svg/icons.svg
@@ -21,7 +21,7 @@
 <symbol id="actions-sort" viewBox="0 0 24 24" fill="none"><path d="M16.1893 11C16.8575 11 17.1921 10.1921 16.7197 9.71967L12.5303 5.53033C12.2374 5.23744 11.7626 5.23744 11.4697 5.53033L7.28033 9.71967C6.80786 10.1921 7.14248 11 7.81066 11L16.1893 11Z" fill="#8f979e" fill-opacity=".8"/><path d="M7.81066 13C7.14248 13 6.80786 13.8079 7.28033 14.2803L11.4697 18.4697C11.7626 18.7626 12.2374 18.7626 12.5303 18.4697L16.7197 14.2803C17.1921 13.8079 16.8575 13 16.1893 13H7.81066Z" fill="#8f979e" fill-opacity=".8"/></symbol>
 <symbol id="actions-trash" viewBox="0 0 24 24" fill="none"><g clip-path="url(#clip0_8677_1443)"><path d="M10 16V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/><path d="M14 16V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/><path d="M6 5H18V18.5C18 19.3284 17.3284 20 16.5 20H7.5C6.67157 20 6 19.3284 6 18.5V5Z" stroke="currentColor" stroke-width="1.5"/><path d="M5 5H19" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/><rect x="9" y="3" width="6" height="2" fill="currentColor"/></g></symbol>
 <symbol id="api" viewBox="0 0 24 24" fill="none"><g clip-path="url(#clip0_8916_971)"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14 17H7V15H14V17ZM17 13H7V11H17V13ZM17 9H7V7H17V9Z" fill="currentColor"/></g></symbol>
-<symbol id="back" viewBox="0 0 21 18" fill="none"><path d="M7.63754 1.10861L0.578503 8.16764C0.119666 8.62648 0.119666 9.37121 0.578503 9.83122L7.63754 16.8902C8.09637 17.3491 8.8411 17.3491 9.30111 16.8902C9.53053 16.6608 9.64583 16.3608 9.64583 16.0585C9.64583 15.7561 9.53053 15.4561 9.30111 15.2267L4.25038 10.1759H19.0579C19.7085 10.1759 20.2344 9.65004 20.2344 8.99943C20.2344 8.34882 19.7085 7.82293 19.0579 7.82293L4.25038 7.82293L9.30111 2.77219C9.53053 2.54277 9.64583 2.24276 9.64583 1.9404C9.64583 1.63804 9.53053 1.33803 9.30111 1.10861C8.84228 0.649771 8.09755 0.649771 7.63754 1.10861Z" fill="currentColor"/></symbol>
+<symbol id="back" viewBox="0 0 24 24" fill="none"><path d="M11.67 19.545C11.4591 19.7557 11.1731 19.874 10.875 19.874C10.5769 19.874 10.2909 19.7557 10.08 19.545L3.705 13.17C3.49433 12.9591 3.37599 12.6731 3.37599 12.375C3.37599 12.0769 3.49433 11.7909 3.705 11.58L10.08 5.205C10.2934 5.00638 10.5755 4.89823 10.8669 4.90326C11.1584 4.9083 11.4366 5.02613 11.643 5.232C11.8489 5.4384 11.9667 5.71658 11.9717 6.00805C11.9768 6.29953 11.8686 6.58161 11.67 6.795L7.215 11.25L18.375 11.25C18.6734 11.25 18.9595 11.3685 19.1705 11.5795C19.3815 11.7905 19.5 12.0766 19.5 12.375C19.5 12.6734 19.3815 12.9595 19.1705 13.1705C18.9595 13.3815 18.6734 13.5 18.375 13.5L7.215 13.5L11.67 17.955C11.8807 18.1659 11.999 18.4519 11.999 18.75C11.999 19.0481 11.8807 19.3341 11.67 19.545Z" fill="currentColor"/></symbol>
 <symbol id="block" viewBox="0 0 24 24" fill="none"><path d="M12.0002 10.2354L4.73633 7.38747M12.0002 10.2354L19.2642 7.38747M12.0002 10.2354V19.5M5.21166 7.01614L11.2783 4.6375C11.7412 4.45417 12.2566 4.45417 12.7196 4.6375L18.7862 7.01614C19.0023 7.1083 19.1858 7.26312 19.3131 7.46062C19.4404 7.65812 19.5055 7.88923 19.5002 8.12413V15.876C19.5058 16.1106 19.441 16.3415 19.3142 16.539C19.1874 16.7365 19.0045 16.8915 18.7888 16.984L12.7222 19.3633C12.259 19.5453 11.7441 19.5453 11.2809 19.3633L5.21433 16.984C4.9982 16.8919 4.81466 16.737 4.68739 16.5395C4.56012 16.342 4.49496 16.1109 4.50033 15.876V8.12413C4.49475 7.88953 4.55951 7.65864 4.68628 7.46117C4.81305 7.26371 4.99603 7.10871 5.21166 7.01614Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol>
 <symbol id="calendar" viewBox="0 0 24 24" fill="none"><rect x="4" y="5" width="16" height="15" rx="1.5" stroke="currentColor" stroke-width="1.75"/><path d="M8 3V7" stroke="currentColor" stroke-width="1.75"/><path d="M8 10V12" stroke="currentColor" stroke-width="2"/><path d="M8 14V16" stroke="currentColor" stroke-width="2"/><path d="M12 10V12" stroke="currentColor" stroke-width="2"/><path d="M12 14V16" stroke="currentColor" stroke-width="2"/><path d="M16 10V12" stroke="currentColor" stroke-width="2"/><path d="M16 3V7" stroke="currentColor" stroke-width="1.75"/></symbol>
 <symbol id="caret-down" viewBox="0 0 24 24" fill="none"><path d="M7 9.5L12 14.5L17 9.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></symbol>
@@ -70,7 +70,7 @@
 <symbol id="nav-payment-requests" viewBox="0 0 24 24" fill="none"><path d="M12 19.3845C16.0784 19.3845 19.3846 16.0783 19.3846 11.9999C19.3846 7.92144 16.0784 4.61523 12 4.61523C7.92156 4.61523 4.61536 7.92144 4.61536 11.9999C4.61536 16.0783 7.92156 19.3845 12 19.3845Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M9.53845 14.216L14.2769 9.41602" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.53845 10.707V14.2147H13.2308" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></symbol>
 <symbol id="nav-payouts" viewBox="0 0 24 24" fill="none"><path d="M8.30766 4.61523H15.6923C17.723 4.61523 19.3846 6.27677 19.3846 8.30754V15.6922C19.3846 17.7229 17.723 19.3845 15.6923 19.3845H8.30766C6.27689 19.3845 4.61536 17.7229 4.61536 15.6922V8.30754C4.61536 6.27677 6.27689 4.61523 8.30766 4.61523Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M8.30774 8.92383H15.6924" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.30774 12H15.6924" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.30774 15.0156H12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></symbol>
 <symbol id="nav-plugin" viewBox="0 0 24 24" fill="none"><path d="M12.0002 10.2354L4.73633 7.38747M12.0002 10.2354L19.2642 7.38747M12.0002 10.2354V19.5M5.21166 7.01614L11.2783 4.6375C11.7412 4.45417 12.2566 4.45417 12.7196 4.6375L18.7862 7.01614C19.0023 7.1083 19.1858 7.26312 19.3131 7.46062C19.4404 7.65812 19.5055 7.88923 19.5002 8.12413V15.876C19.5058 16.1106 19.441 16.3415 19.3142 16.539C19.1874 16.7365 19.0045 16.8915 18.7888 16.984L12.7222 19.3633C12.259 19.5453 11.7441 19.5453 11.2809 19.3633L5.21433 16.984C4.9982 16.8919 4.81466 16.737 4.68739 16.5395C4.56012 16.342 4.49496 16.1109 4.50033 15.876V8.12413C4.49475 7.88953 4.55951 7.65864 4.68628 7.46117C4.81305 7.26371 4.99603 7.10871 5.21166 7.01614Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol>
-<symbol id="nav-plugins-explore" viewBox="0 0 24 24" fill="none"><circle cx="11.5" cy="11.75" r="6.25" stroke="currentColor" stroke-width="1.5"/><path d="M16.5 16.25L19.5 19.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></symbol>
+<symbol id="nav-plugins-explore" viewBox="0 0 24 24" fill="none"><circle cx="11.75" cy="11.75" r="8.25" stroke="currentColor" stroke-width="1.5"/><path d="M10.3989 10.3096L13.7427 8.97203C14.1259 8.81873 14.5194 9.1696 14.4108 9.56783L13.3979 13.2815C13.3525 13.448 13.2245 13.5793 13.0592 13.6288L9.71436 14.6323C9.33296 14.7467 8.97735 14.3911 9.09177 14.0097L10.1057 10.6301C10.1494 10.4842 10.2574 10.3661 10.3989 10.3096Z" stroke="currentColor" stroke-width="1.5"/></symbol>
 <symbol id="nav-plugins-manage" viewBox="0 0 24 24" fill="none"><path d="M6 7H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M6 12H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M6 17H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></symbol>
 <symbol id="nav-pointofsale" viewBox="0 0 24 24" fill="none"><path d="M16.88 19.4303H7.12002C6.79748 19.4322 6.47817 19.3659 6.18309 19.2356C5.88802 19.1054 5.62385 18.9141 5.40795 18.6745C5.19206 18.4349 5.02933 18.1522 4.93046 17.8452C4.83159 17.5382 4.79882 17.2137 4.83431 16.8931L5.60002 10.1617C5.6311 9.88087 5.76509 9.62152 5.97615 9.43368C6.1872 9.24584 6.46035 9.14284 6.74288 9.14455H17.2572C17.5397 9.14284 17.8129 9.24584 18.0239 9.43368C18.235 9.62152 18.369 9.88087 18.4 10.1617L19.1429 16.8931C19.1782 17.2118 19.146 17.5343 19.0485 17.8398C18.951 18.1452 18.7903 18.4267 18.5769 18.666C18.3634 18.9053 18.1021 19.097 17.8097 19.2286C17.5174 19.3603 17.2006 19.429 16.88 19.4303Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.42859 9.14369C7.42859 7.93128 7.91022 6.76852 8.76753 5.91121C9.62484 5.0539 10.7876 4.57227 12 4.57227C13.2124 4.57227 14.3752 5.0539 15.2325 5.91121C16.0898 6.76852 16.5714 7.93128 16.5714 9.14369" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.14282 12.5723H14.8571" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol>
 <symbol id="nav-pull-payments" viewBox="0 0 24 24" fill="none"><path 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" fill="currentColor" stroke="currentColor" stroke-width=".6"/><path 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" fill="currentColor" stroke="currentColor" stroke-width=".6"/><path 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" fill="currentColor" stroke="currentColor" stroke-width=".6"/></symbol>
@@ -94,6 +94,9 @@
 <symbol id="pos-print" viewBox="0 0 24 24" fill="none"><path d="M3 18H18.6884M21 18H18.6884M5.57366 17.7391V6L7.93431 7.56433L10.0327 6L12.131 7.56433L14.4917 6L16.59 7.56433L18.6884 6V18" stroke="currentColor" stroke-width="1.5"/><path d="M8.50012 11H14.0001" stroke="currentColor" stroke-width="1.5"/><path d="M8.50012 14.5H15.5001" stroke="currentColor" stroke-width="1.5"/></symbol>
 <symbol id="pos-static" viewBox="0 0 24 24" fill="none"><path d="M19.0489 10.2647V16.5304C19.0489 17.7612 18.0419 18.7682 16.8112 18.7682H7.24472C6.01395 18.7682 5.00696 17.7612 5.00696 16.5304V10.2647" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M9.4545 5.25771V9.08988C9.4545 10.2647 8.50345 11.2437 7.32862 11.2437H6.90904C5.00694 11.2437 3.7482 9.31365 4.50345 7.57939L5.06289 6.2647C5.34261 5.62134 5.95799 5.22974 6.62932 5.22974L9.4545 5.25771Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M14.5454 5.25769V9.08986C14.5454 10.2647 15.4965 11.2437 16.6713 11.2437H17.0909C18.993 11.2437 20.2517 9.31364 19.4965 7.57937L18.937 6.26468C18.6573 5.6493 18.0419 5.25769 17.3706 5.25769H14.5454Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M12 11.4955C10.6014 11.4955 9.48254 10.3486 9.48254 8.97801V5.28571H14.5455V8.97801C14.5455 10.3766 13.3986 11.4955 12 11.4955Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M19.0489 10.3147V16.5804C19.0489 17.8112 18.0419 18.8182 16.8112 18.8182H7.24472C6.01395 18.8182 5.00696 17.8112 5.00696 16.5804V10.3147" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M9.4545 5.3077V9.13986C9.4545 10.3147 8.50345 11.2937 7.32862 11.2937H6.90904C5.00694 11.2937 3.7482 9.36364 4.50345 7.62937L5.06289 6.31469C5.34261 5.67133 5.95799 5.27972 6.62932 5.27972L9.4545 5.3077Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M14.5454 5.30768V9.13985C14.5454 10.3147 15.4965 11.2937 16.6713 11.2937H17.0909C18.993 11.2937 20.2517 9.36362 19.4965 7.62936L18.937 6.31467C18.6573 5.69929 18.0419 5.30768 17.3706 5.30768H14.5454Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M12 11.5455C10.6014 11.5455 9.48254 10.3986 9.48254 9.028V5.33569H14.5455V9.028C14.5455 10.4266 13.3986 11.5455 12 11.5455Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/><path d="M14 18.5V15.25C14 15.1119 13.8881 15 13.75 15H10.25C10.1119 15 10 15.1119 10 15.25V18.5" stroke="currentColor" stroke-width="1.5"/></symbol>
 <symbol id="qr-code" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 11.1111H11.1111V4H4V11.1111ZM5.77778 5.77778H9.33333V9.33333H5.77778V5.77778ZM4 20H11.1111V12.8889H4V20ZM5.77778 14.6667H9.33333V18.2223H5.77778V14.6667ZM12.8887 11.1111V4H19.9998V11.1111H12.8887ZM14.6664 9.33333H18.222V5.77778H14.6664V9.33333ZM19.9999 18.2222L18.2224 18.2222V16.4445L19.9999 16.4445V14.6667L18.2224 14.6667V12.8889H16.4446V14.6667L14.667 14.6667V16.4445L16.4446 16.4445V18.2222L14.667 18.2222V20H16.4448V18.2222H18.2222V20H19.9999V18.2222ZM18.2222 14.6667H16.4448V16.4445H18.2222V14.6667ZM12.8887 12.8889H14.6665V14.6667H12.8887V12.8889ZM12.8887 16.4445H14.6665V18.2222H12.8887V16.4445Z" fill="currentColor"/></symbol>
+<symbol id="review-empty" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.001 4.35C12.1522 4.3499 12.3004 4.39213 12.4289 4.4719C12.5573 4.55168 12.6609 4.66581 12.7278 4.80139L14.7601 8.92118L19.3065 9.58207C19.456 9.60379 19.5965 9.6669 19.712 9.76427C19.8276 9.86164 19.9135 9.98938 19.9603 10.1331C20.007 10.2768 20.0126 10.4306 19.9765 10.5774C19.9403 10.7241 19.8639 10.8577 19.7557 10.9633L16.4664 14.1705L17.2428 18.6974C17.2684 18.8464 17.2518 18.9995 17.1949 19.1395C17.138 19.2796 17.0431 19.4009 16.9209 19.4897C16.7986 19.5786 16.654 19.6315 16.5032 19.6424C16.3525 19.6534 16.2017 19.6219 16.0679 19.5516L12.001 17.4134L7.93415 19.5516C7.80045 19.6218 7.64978 19.6533 7.49916 19.6423C7.34854 19.6314 7.20397 19.5786 7.08177 19.4899C6.95958 19.4012 6.86462 19.2801 6.80762 19.1402C6.75063 19.0004 6.73387 18.8474 6.75923 18.6985L7.53675 14.1695L4.24524 10.9633C4.13679 10.8578 4.06004 10.724 4.02371 10.5772C3.98737 10.4303 3.9929 10.2762 4.03966 10.1323C4.08642 9.98842 4.17255 9.86051 4.28828 9.76307C4.40402 9.66563 4.54473 9.60256 4.69448 9.58099L9.24082 8.92118L11.2743 4.80139C11.3412 4.66581 11.4447 4.55168 11.5732 4.4719C11.7016 4.39213 11.8498 4.3499 12.001 4.35ZM12.001 6.99033L10.5054 10.0194C10.4473 10.137 10.3615 10.2388 10.2554 10.3159C10.1493 10.393 10.0261 10.4432 9.89631 10.4622L6.55189 10.9481L8.97085 13.3066C9.06496 13.3983 9.13537 13.5114 9.17601 13.6363C9.21665 13.7613 9.22629 13.8942 9.2041 14.0237L8.63392 17.354L11.6241 15.7817C11.7404 15.7206 11.8697 15.6887 12.001 15.6887C12.1323 15.6887 12.2617 15.7206 12.3779 15.7817L15.3692 17.354L14.7969 14.0237C14.7747 13.8942 14.7843 13.7613 14.825 13.6363C14.8656 13.5114 14.936 13.3983 15.0301 13.3066L17.4491 10.9492L14.1057 10.4633C13.9759 10.4443 13.8527 10.3941 13.7466 10.317C13.6405 10.2398 13.5548 10.1381 13.4967 10.0205L12.001 6.98925V6.99033Z" fill="currentColor"/></symbol>
+<symbol id="review-full" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.001 4.35C12.1522 4.3499 12.3004 4.39213 12.4289 4.4719C12.5573 4.55168 12.6609 4.66581 12.7278 4.80139L14.7601 8.92118L19.3065 9.58207C19.456 9.60379 19.5965 9.6669 19.712 9.76427C19.8276 9.86164 19.9135 9.98938 19.9603 10.1331C20.007 10.2768 20.0126 10.4306 19.9765 10.5774C19.9403 10.7241 19.8639 10.8577 19.7557 10.9633L16.4664 14.1705L17.2428 18.6974C17.2684 18.8464 17.2518 18.9995 17.1949 19.1395C17.138 19.2796 17.0431 19.4009 16.9209 19.4897C16.7986 19.5786 16.654 19.6315 16.5032 19.6424C16.3525 19.6534 16.2017 19.6219 16.0679 19.5516L12.001 17.4134L7.93415 19.5516C7.80045 19.6218 7.64978 19.6533 7.49916 19.6423C7.34854 19.6314 7.20397 19.5786 7.08177 19.4899C6.95958 19.4012 6.86462 19.2801 6.80762 19.1402C6.75063 19.0004 6.73387 18.8474 6.75923 18.6985L7.53675 14.1695L4.24524 10.9633C4.13679 10.8578 4.06004 10.724 4.02371 10.5772C3.98737 10.4303 3.9929 10.2762 4.03966 10.1323C4.08642 9.98842 4.17255 9.86051 4.28828 9.76307C4.40402 9.66563 4.54473 9.60256 4.69448 9.58099L9.24082 8.92118L11.2743 4.80139C11.3412 4.66581 11.4447 4.55168 11.5732 4.4719C11.7016 4.39213 11.8498 4.3499 12.001 4.35Z" fill="currentColor"/></symbol>
+<symbol id="review-half" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.001 4.35C12.1522 4.3499 12.3004 4.39213 12.4289 4.4719C12.5573 4.55168 12.6609 4.66581 12.7278 4.80139L14.7601 8.92118L19.3065 9.58207C19.456 9.60379 19.5965 9.6669 19.712 9.76427C19.8276 9.86164 19.9135 9.98938 19.9603 10.1331C20.007 10.2768 20.0126 10.4306 19.9765 10.5774C19.9403 10.7241 19.8639 10.8577 19.7557 10.9633L16.4664 14.1705L17.2428 18.6974C17.2684 18.8464 17.2518 18.9995 17.1949 19.1395C17.138 19.2796 17.0431 19.4009 16.9209 19.4897C16.7986 19.5786 16.654 19.6315 16.5032 19.6424C16.3525 19.6534 16.2017 19.6219 16.0679 19.5516L12.001 17.4134L7.93415 19.5516C7.80045 19.6218 7.64978 19.6533 7.49916 19.6423C7.34854 19.6314 7.20397 19.5786 7.08177 19.4899C6.95958 19.4012 6.86462 19.2801 6.80762 19.1402C6.75063 19.0004 6.73387 18.8474 6.75923 18.6985L7.53675 14.1695L4.24524 10.9633C4.13679 10.8578 4.06004 10.724 4.02371 10.5772C3.98737 10.4303 3.9929 10.2762 4.03966 10.1323C4.08642 9.98842 4.17255 9.86051 4.28828 9.76307C4.40402 9.66563 4.54473 9.60256 4.69448 9.58099L9.24082 8.92118L11.2743 4.80139C11.3412 4.66581 11.4447 4.55168 11.5732 4.4719C11.7016 4.39213 11.8498 4.3499 12.001 4.35ZM12.001 6.99033L10.5054 10.0194C10.4473 10.137 10.3615 10.2388 10.2554 10.3159C10.1493 10.393 10.0261 10.4432 9.89631 10.4622L6.55189 10.9481L8.97085 13.3066C9.06496 13.3983 9.13537 13.5114 9.17601 13.6363C9.21665 13.7613 9.22629 13.8942 9.2041 14.0237L8.63392 17.354L11.6241 15.7817C11.7404 15.7206 11.8697 15.6887 12.001 15.6887C12.1323 15.6887 12.2617 15.7206 12.3779 15.7817L15.3692 17.354L14.7969 14.0237C14.7747 13.8942 14.7843 13.7613 14.825 13.6363C14.8656 13.5114 14.936 13.3983 15.0301 13.3066L17.4491 10.9492L14.1057 10.4633C13.9759 10.4443 13.8527 10.3941 13.7466 10.317C13.6405 10.2398 13.5548 10.1381 13.4967 10.0205L12.001 6.98925V6.99033Z" fill="currentColor"/><path d="M7.93415 19.5516L12.001 17.4134V4.35C11.8498 4.3499 11.7016 4.39213 11.5732 4.4719C11.4447 4.55168 11.3412 4.66581 11.2743 4.80139L9.24082 8.92118L4.69448 9.58099C4.54473 9.60256 4.40402 9.66563 4.28828 9.76307C4.17255 9.86051 4.08642 9.98842 4.03966 10.1323C3.9929 10.2762 3.98737 10.4303 4.02371 10.5772C4.06004 10.724 4.13679 10.8578 4.24524 10.9633L7.53675 14.1695L6.75923 18.6985C6.73387 18.8474 6.75063 19.0004 6.80762 19.1402C6.86462 19.2801 6.95958 19.4012 7.08177 19.4899C7.20397 19.5786 7.34854 19.6314 7.49916 19.6423C7.64978 19.6533 7.80045 19.6218 7.93415 19.5516Z" fill="currentColor"/></symbol>
 <symbol id="scan-qr" viewBox="0 0 24 24" fill="none"><path d="M4 5.77778V9.33333H5.77778V5.77778H9.33333V4H5.77778C4.8 4 4 4.8 4 5.77778ZM5.77778 14.6667H4V18.2222C4 19.2 4.8 20 5.77778 20H9.33333V18.2222H5.77778V14.6667ZM18.2222 18.2222H14.6667V20H18.2222C19.2 20 20 19.2 20 18.2222V14.6667H18.2222V18.2222ZM18.2222 4H14.6667V5.77778H18.2222V9.33333H20V5.77778C20 4.8 19.2 4 18.2222 4Z" fill="currentColor"/></symbol>
 <symbol id="settings" viewBox="0 0 24 24" fill="none"><path d="M9.81672 6.15385L10.3459 4.78769C10.4352 4.55639 10.5922 4.35743 10.7965 4.21688C11.0007 4.07632 11.2426 4.00073 11.4906 4H12.4998C12.7477 4.00073 12.9896 4.07632 13.1939 4.21688C13.3981 4.35743 13.5552 4.55639 13.6444 4.78769L14.1736 6.15385L15.9706 7.18769L17.4229 6.96615C17.6647 6.93333 17.9108 6.97314 18.13 7.08052C18.3491 7.1879 18.5314 7.35801 18.6536 7.56923L19.1459 8.43077C19.2721 8.64535 19.3302 8.89314 19.3126 9.14144C19.2951 9.38974 19.2026 9.62687 19.0475 9.82154L18.149 10.9662V13.0338L19.0721 14.1785C19.2272 14.3731 19.3197 14.6103 19.3373 14.8586C19.3548 15.1069 19.2967 15.3546 19.1706 15.5692L18.6783 16.4308C18.556 16.642 18.3737 16.8121 18.1546 16.9195C17.9354 17.0269 17.6893 17.0667 17.4475 17.0338L15.9952 16.8123L14.1983 17.8462L13.669 19.2123C13.5798 19.4436 13.4227 19.6426 13.2185 19.7831C13.0143 19.9237 12.7723 19.9993 12.5244 20H11.4906C11.2426 19.9993 11.0007 19.9237 10.7965 19.7831C10.5922 19.6426 10.4352 19.4436 10.3459 19.2123L9.81672 17.8462L8.01979 16.8123L6.56749 17.0338C6.32566 17.0667 6.07954 17.0269 5.86039 16.9195C5.64124 16.8121 5.45896 16.642 5.33672 16.4308L4.84441 15.5692C4.71826 15.3546 4.66013 15.1069 4.67771 14.8586C4.69529 14.6103 4.78774 14.3731 4.94287 14.1785L5.84133 13.0338V10.9662L4.91826 9.82154C4.76313 9.62687 4.67068 9.38974 4.6531 9.14144C4.63552 8.89314 4.69364 8.64535 4.81979 8.43077L5.3121 7.56923C5.43435 7.35801 5.61662 7.1879 5.83577 7.08052C6.05492 6.97314 6.30105 6.93333 6.54287 6.96615L7.99518 7.18769L9.81672 6.15385ZM9.53364 12C9.53364 12.4868 9.67801 12.9628 9.94848 13.3676C10.219 13.7724 10.6034 14.0879 11.0532 14.2742C11.503 14.4605 11.9979 14.5092 12.4754 14.4142C12.9529 14.3193 13.3915 14.0848 13.7357 13.7406C14.08 13.3963 14.3144 12.9577 14.4094 12.4802C14.5044 12.0027 14.4557 11.5078 14.2693 11.058C14.083 10.6082 13.7675 10.2238 13.3627 9.95331C12.9579 9.68283 12.482 9.53846 11.9952 9.53846C11.3423 9.53846 10.7162 9.7978 10.2546 10.2594C9.79298 10.7211 9.53364 11.3472 9.53364 12V12Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol>
 <symbol id="social-github" viewBox="0 0 25 24" fill="none"><path clip-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.59 2.59 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-12z" fill="currentColor" fill-rule="evenodd"/></symbol>
diff --git a/svg/icons/back.svg b/svg/icons/back.svg
index d12ecd4..0cd7955 100644
--- a/svg/icons/back.svg
+++ b/svg/icons/back.svg
@@ -1 +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
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M11.67 19.545a1.125 1.125 0 0 1-1.59 0L3.705 13.17a1.125 1.125 0 0 1 0-1.59l6.375-6.375a1.127 1.127 0 0 1 1.892.803c.005.292-.103.574-.302.787L7.215 11.25h11.16a1.125 1.125 0 1 1 0 2.25H7.215l4.455 4.455a1.125 1.125 0 0 1 0 1.59"/></svg>
\ No newline at end of file
diff --git a/svg/icons/nav-plugins-explore.svg b/svg/icons/nav-plugins-explore.svg
index 8735fdc..0d6a1de 100644
--- a/svg/icons/nav-plugins-explore.svg
+++ b/svg/icons/nav-plugins-explore.svg
@@ -1 +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
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="11.75" cy="11.75" r="8.25" stroke="currentColor" stroke-width="1.5"/><path stroke="currentColor" stroke-width="1.5" d="m10.399 10.31 3.344-1.338a.5.5 0 0 1 .668.596l-1.013 3.714a.5.5 0 0 1-.339.347l-3.345 1.003a.5.5 0 0 1-.622-.622l1.014-3.38a.5.5 0 0 1 .293-.32Z"/></svg>
\ No newline at end of file
diff --git a/svg/icons/review-empty.svg b/svg/icons/review-empty.svg
new file mode 100644
index 0000000..43d9bd4
--- /dev/null
+++ b/svg/icons/review-empty.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.001 4.35a.81.81 0 0 1 .727.451l2.032 4.12 4.547.661a.81.81 0 0 1 .449 1.381l-3.29 3.208.777 4.526a.81.81 0 0 1-1.175.855L12 17.413l-4.067 2.139a.809.809 0 0 1-1.175-.854l.778-4.529-3.292-3.206a.81.81 0 0 1 .45-1.382l4.546-.66 2.033-4.12A.81.81 0 0 1 12 4.35m0 2.64-1.496 3.03a.81.81 0 0 1-.609.442l-3.344.486 2.419 2.359a.81.81 0 0 1 .233.717l-.57 3.33 2.99-1.572a.81.81 0 0 1 .754 0l2.991 1.572-.572-3.33a.81.81 0 0 1 .233-.717l2.42-2.358-3.344-.486a.81.81 0 0 1-.61-.442z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg/icons/review-full.svg b/svg/icons/review-full.svg
new file mode 100644
index 0000000..3e34556
--- /dev/null
+++ b/svg/icons/review-full.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.001 4.35a.81.81 0 0 1 .727.451l2.032 4.12 4.547.661a.81.81 0 0 1 .449 1.381l-3.29 3.208.777 4.526a.81.81 0 0 1-1.175.855L12 17.413l-4.067 2.139a.809.809 0 0 1-1.175-.854l.778-4.529-3.292-3.206a.81.81 0 0 1 .45-1.382l4.546-.66 2.033-4.12A.81.81 0 0 1 12 4.35" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg/icons/review-half.svg b/svg/icons/review-half.svg
new file mode 100644
index 0000000..f1bc78a
--- /dev/null
+++ b/svg/icons/review-half.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.001 4.35a.81.81 0 0 1 .727.451l2.032 4.12 4.547.661a.81.81 0 0 1 .449 1.381l-3.29 3.208.777 4.526a.81.81 0 0 1-1.175.855L12 17.413l-4.067 2.139a.809.809 0 0 1-1.175-.854l.778-4.529-3.292-3.206a.81.81 0 0 1 .45-1.382l4.546-.66 2.033-4.12A.81.81 0 0 1 12 4.35m0 2.64-1.496 3.03a.81.81 0 0 1-.609.442l-3.344.486 2.419 2.359a.81.81 0 0 1 .233.717l-.57 3.33 2.99-1.572a.81.81 0 0 1 .754 0l2.991 1.572-.572-3.33a.81.81 0 0 1 .233-.717l2.42-2.358-3.344-.486a.81.81 0 0 1-.61-.442z" clip-rule="evenodd"/><path fill="currentColor" d="m7.934 19.552 4.067-2.139V4.35a.81.81 0 0 0-.727.451l-2.033 4.12-4.547.66a.81.81 0 0 0-.449 1.382l3.292 3.207-.778 4.528a.81.81 0 0 0 1.175.854"/></svg>
\ No newline at end of file