Initial commit

2026-07-13 11:57:09 +05:30
commit ac629ef540
26616 changed files with 795848 additions and 0 deletions
@@ -0,0 +1,66 @@
+/* eslint-env browser */
+
+/* global ClipboardJS: false */
+
+(function () {
+  'use strict'
+
+  var btnHtml = '<div class="bd-clipboard"><button type="button" class="btn-clipboard" title="Copy to clipboard"><svg class="bi" width="1em" height="1em" fill="currentColor"><use xlink:href="/bootstrap-icons.svg#clipboard"/></svg></button></div>';
+
+  [].slice.call(document.querySelectorAll('div.highlight'))
+    .forEach(function (element) {
+      element.insertAdjacentHTML('beforebegin', btnHtml)
+    })
+
+  var clipboard = new ClipboardJS('.btn-clipboard', {
+    target: function (trigger) {
+      return trigger.parentNode.nextElementSibling
+    }
+  })
+
+  clipboard.on('success', function (event) {
+    var iconFirstChild = event.trigger.querySelector('.bi').firstChild
+    var namespace = 'http://www.w3.org/1999/xlink'
+    var originalXhref = iconFirstChild.getAttributeNS(namespace, 'href')
+    var originalTitle = event.trigger.title
+
+    event.clearSelection()
+    iconFirstChild.setAttributeNS(namespace, 'href', originalXhref.replace('clipboard', 'check2'))
+    event.trigger.title = "Copied!"
+
+    setTimeout(function () {
+      iconFirstChild.setAttributeNS(namespace, 'href', originalXhref)
+      event.trigger.title = originalTitle
+    }, 2000)
+  })
+
+  clipboard.on('error', function () {
+    var modifierKey = /mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-'
+    var fallbackMsg = 'Press ' + modifierKey + 'C to copy'
+    var errorElement = document.getElementById('copy-error-callout')
+
+    if (!errorElement) {
+      return
+    }
+
+    errorElement.classList.remove('d-none')
+    errorElement.insertAdjacentHTML('afterbegin', fallbackMsg)
+  })
+
+  var searchInput = document.getElementById('search')
+  if (searchInput) {
+    searchInput.addEventListener('keydown', function (event) {
+      if (event.key === 'Enter') {
+        event.preventDefault()
+      }
+    })
+  }
+
+  // Disable empty links in docs
+  [].slice.call(document.querySelectorAll('[href="javascript:void(0);"]'))
+    .forEach(function (link) {
+      link.addEventListener('click', function (event) {
+        event.preventDefault()
+      })
+    })
+})()
@@ -0,0 +1,54 @@
+// stylelint-disable-next-line selector-max-id
+#carbonads {
+  max-width: 28rem;
+  padding: .75rem;
+  margin-right: auto;
+  margin-left: auto;
+  overflow: auto;
+  background-color: var(--bs-gray-100);
+  border-radius: .25rem;
+
+  @media (min-width: 992px) {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+
+.carbon-img {
+  float: left;
+  margin-right: .75rem;
+
+  @media (min-width: 768px) {
+    margin-bottom: .5rem;
+  }
+
+  @media (min-width: 992px) {
+    margin-bottom: 0;
+  }
+}
+
+.carbon-text,
+.carbon-poweredby {
+  display: block;
+  color: #6c757d;
+
+  &:hover,
+  &:focus {
+    color: #343a40;
+    text-decoration: none;
+  }
+}
+
+.carbon-text {
+  margin-bottom: .5rem;
+  text-decoration: none;
+
+  @media (min-width: 768px) {
+    font-size: .875rem;
+  }
+}
+
+.carbon-poweredby {
+  margin-top: .75rem;
+  font-size: .875rem;
+}
@@ -0,0 +1,45 @@
+// Buttons
+//
+// Custom buttons for the docs.
+
+// scss-docs-start btn-css-vars-example
+.btn-bd-primary {
+  --bs-btn-font-weight: 600;
+  --bs-btn-color: var(--bs-white);
+  --bs-btn-bg: var(--bd-violet);
+  --bs-btn-border-color: var(--bd-violet);
+  --bs-btn-border-radius: .5rem;
+  --bs-btn-hover-color: var(--bs-white);
+  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
+  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
+  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
+  --bs-btn-active-color: var(--bs-btn-hover-color);
+  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
+  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
+}
+// scss-docs-end btn-css-vars-example
+
+.btn-bd-accent {
+  --bs-btn-font-weight: 600;
+  --bs-btn-color: var(--bd-accent);
+  --bs-btn-border-color: var(--bd-accent);
+  --bs-btn-hover-color: var(--bd-dark);
+  --bs-btn-hover-bg: var(--bd-accent);
+  --bs-btn-hover-border-color: var(--bd-accent);
+  --bs-btn-focus-shadow-rgb: var(--bd-accent-rgb);
+  --bs-btn-active-color: var(--bs-btn-hover-color);
+  --bs-btn-active-bg: var(--bs-btn-hover-bg);
+  --bs-btn-active-border-color: var(--bs-btn-hover-border-color);
+}
+
+.btn-bd-light {
+  --bs-btn-color: var(--bs-gray-600);
+  --bs-btn-border-color: var(--bs-gray-400);
+  --bs-btn-hover-color: var(--bd-violet);
+  --bs-btn-hover-border-color: var(--bd-violet);
+  --bs-btn-active-color: var(--bd-violet);
+  --bs-btn-active-bg: var(--bs-white);
+  --bs-btn-active-border-color: var(--bd-violet);
+  --bs-btn-focus-border-color: var(--bd-violet);
+  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
+}
@@ -0,0 +1,35 @@
+// clipboard.js
+//
+// JS-based `Copy` buttons for code snippets.
+
+.bd-clipboard {
+  position: relative;
+  display: none;
+  float: right;
+
+  + .highlight {
+    margin-top: 0;
+  }
+
+  @media (min-width: 768px) {
+    display: block;
+  }
+}
+
+.btn-clipboard {
+  position: absolute;
+  top: .75em;
+  right: .5em;
+  z-index: 10;
+  display: block;
+  padding: .5em .75em .625em;
+  line-height: 1;
+  color: var(--bs-gray-900);
+  background-color: var(--bs-gray-100);
+  border: 0;
+  border-radius: .25rem;
+
+  &:hover {
+    color: var(--bs-primary);
+  }
+}
@@ -0,0 +1,35 @@
+//
+// Footer
+//
+
+.bd-footer {
+  font-size: .875rem;
+  color: var(--bs-gray-600);
+
+  a {
+    font-weight: 600;
+    color: var(--bs-gray-700);
+
+    &:hover,
+    &:focus {
+      color: var(--bs-primary);
+    }
+  }
+
+  p {
+    margin-bottom: 0;
+  }
+}
+
+.bd-footer-links {
+  padding-left: 0;
+  margin-bottom: 1rem;
+
+  li {
+    display: inline-block;
+
+    + li {
+      margin-left: 1rem;
+    }
+  }
+}
@@ -0,0 +1,10 @@
+// See https://codepen.io/kevinweber/pen/dXWoRw
+@function escape-svg($string) {
+  @if str-index($string, "data:image/svg+xml") {
+    @each $char, $encoded in $escaped-characters {
+      $string: str-replace($string, $char, $encoded);
+    }
+  }
+
+  @return $string;
+}
@@ -0,0 +1,64 @@
+.bd-navbar {
+  padding: .75rem 0;
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), .95));
+  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
+
+  .navbar-toggler {
+    padding: 0;
+    margin-right: -.5rem;
+    border: 0;
+
+    &:first-child {
+      margin-left: -.5rem;
+    }
+
+    .bi {
+      width: 1.5rem;
+      height: 1.5rem;
+    }
+
+    &:focus {
+      box-shadow: none;
+    }
+  }
+
+  .navbar-brand {
+    transition: .2s ease-in-out transform;
+
+    &:hover {
+      transform: rotate(-5deg) scale(1.1);
+    }
+  }
+
+  .navbar-toggler,
+  .nav-link {
+    padding-right: $spacer * .25;
+    padding-left: $spacer * .25;
+    color: rgba($white, .85);
+
+    &:hover,
+    &:focus {
+      color: $white;
+    }
+
+    &.active {
+      font-weight: 600;
+      color: $white;
+    }
+  }
+
+  .navbar-nav-svg {
+    display: inline-block;
+    vertical-align: -.125rem;
+  }
+
+  .offcanvas-lg {
+    background-color: var(--bd-violet);
+    border-left: 0;
+
+    @media (max-width: 992px) {
+      box-shadow: $box-shadow-lg;
+    }
+  }
+}
@@ -0,0 +1,17 @@
+.skippy {
+  display: block;
+  padding: 1em;
+  color: #fff;
+  text-align: center;
+  background-color: $bd-purple;
+  outline: 0;
+
+  &:hover {
+    color: #fff;
+  }
+}
+
+.skippy-text {
+  padding: .5em;
+  outline: 1px dotted;
+}
@@ -0,0 +1,102 @@
+// stylelint-disable comment-empty-line-before, declaration-block-single-line-max-declarations
+
+/* Background .chroma { background-color: #f0f0f0; } */
+/* Other .chroma .x { } */
+/* Error .chroma .err { } */
+/* LineTableTD .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } */
+/* LineTable .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } */
+/* LineHighlight .chroma .hl { display: block; width: 100%; background-color: #ffffcc; } */
+/* LineNumbersTable .chroma .lnt { margin-right: .4em; padding: 0 .4em; } */
+/* LineNumbers .chroma .ln { margin-right: .4em; padding: 0 .4em; } */
+
+/* Comment */ .chroma .c { color: #727272; }
+/* CommentHashbang */ .chroma .ch { font-style: italic; color: #60a0b0; }
+/* CommentMultiline */ .chroma .cm { color: #727272; }
+/* CommentPreproc */ .chroma .cp { color: #008085; }
+/* CommentPreprocFile */ .chroma .cpf { color: #007020; }
+/* CommentSingle */ .chroma .c1 { color: #727272; }
+/* CommentSpecial */ .chroma .cs { color: #727272; }
+/* Generic .chroma .g { } */
+/* GenericDeleted */ .chroma .gd { background-color: #fcc; border: 1px solid #c00; }
+/* GenericEmph */ .chroma .ge { font-style: italic; }
+/* GenericError */ .chroma .gr { color: #f00; }
+/* GenericHeading */ .chroma .gh { color: #030; }
+/* GenericInserted */ .chroma .gi { background-color: #cfc; border: 1px solid #0c0; }
+/* GenericOutput */ .chroma .go { color: #aaa; }
+/* GenericPrompt */ .chroma .gp { color: #009; }
+/* GenericStrong */ .chroma .gs { font-weight: 700; }
+/* GenericSubheading */ .chroma .gu { color: #030; }
+/* GenericTraceback */ .chroma .gt { color: #9c6; }
+/* GenericUnderline */ .chroma .gl { text-decoration: underline; }
+/* Keyword */ .chroma .k { color: #069; }
+/* KeywordConstant */ .chroma .kc { color: #069; }
+/* KeywordDeclaration */ .chroma .kd { color: #069; }
+/* KeywordNamespace */ .chroma .kn { color: #069; }
+/* KeywordPseudo */ .chroma .kp { color: #069; }
+/* KeywordReserved */ .chroma .kr { color: #069; }
+/* KeywordType */ .chroma .kt { color: #078; }
+/* Literal .chroma .l { } */
+/* LiteralDate .chroma .ld { color: #c24f19 } */
+/* LiteralNumber */ .chroma .m { color: #c24f19; }
+/* LiteralNumberBin */ .chroma .mb { color: #40a070; }
+/* LiteralNumberFloat */ .chroma .mf { color: #c24f19; }
+/* LiteralNumberHex */ .chroma .mh { color: #c24f19; }
+/* LiteralNumberInteger */ .chroma .mi { color: #c24f19; }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #c24f19; }
+/* LiteralNumberOct */ .chroma .mo { color: #c24f19; }
+/* LiteralString */ .chroma .s { color: #d73038; }
+/* LiteralStringAffix */ .chroma .sa { color: #4070a0; }
+/* LiteralStringBacktick */ .chroma .sb { color: #c30; }
+/* LiteralStringChar */ .chroma .sc { color: #c30; }
+/* LiteralStringDelimiter */ .chroma .dl { color: #4070a0; }
+/* LiteralStringDoc */ .chroma .sd { font-style: italic; color: #c30; }
+/* LiteralStringDouble */ .chroma .s2 { color: #c30; }
+/* LiteralStringEscape */ .chroma .se { color: #c30; }
+/* LiteralStringHeredoc */ .chroma .sh { color: #c30; }
+/* LiteralStringInterpol */ .chroma .si { color: #a00; }
+/* LiteralStringOther */ .chroma .sx { color: #c30; }
+/* LiteralStringRegex */ .chroma .sr { color: #337e7e; }
+/* LiteralStringSingle */ .chroma .s1 { color: #c30; }
+/* LiteralStringSymbol */ .chroma .ss { color: #fc3; }
+/* Name .chroma .n { } */
+/* NameAttribute */ .chroma .na { color: #006ee0; }
+/* NameBuiltin */ .chroma .nb { color: #366; }
+/* NameBuiltinPseudo .chroma .bp { } */
+/* NameClass */ .chroma .nc { color: #168174; }
+/* NameConstant */ .chroma .no { color: #360; }
+/* NameDecorator */ .chroma .nd { color: #6b62de; }
+/* NameEntity */ .chroma .ni { color: #727272; }
+/* NameException */ .chroma .ne { color: #c00; }
+/* NameFunction */ .chroma .nf { color: #b715f4; }
+/* NameFunctionMagic .chroma .fm { } */
+/* NameLabel */ .chroma .nl { color: #6b62de; }
+/* NameNamespace */ .chroma .nn { color: #007ca5; }
+/* NameOther .chroma .nx { } */
+/* NameProperty .chroma .py { } */
+/* NameTag */ .chroma .nt { color: #2f6f9f; }
+/* NameVariable */ .chroma .nv { color: #033; }
+/* NameVariableClass .chroma .vc { } */
+/* NameVariableGlobal .chroma .vg { } */
+/* NameVariableInstance .chroma .vi { } */
+/* NameVariableMagic .chroma .vm { } */
+/* Operator */ .chroma .o { color: #555; }
+/* OperatorWord */ .chroma .ow { color: #000; }
+/* Punctuation .chroma .p { } */
+/* TextWhitespace */ .chroma .w { color: #bbb; }
+
+.chroma {
+  .language-bash,
+  .language-sh {
+    &::before {
+      color: var(--bs-gray-600);
+      content: "$ ";
+      user-select: none;
+    }
+  }
+
+  .language-powershell::before {
+    color: #009;
+    content: "PM> ";
+    user-select: none;
+  }
+}
@@ -0,0 +1,15 @@
+// Local docs variables
+$bd-purple: #4c0bce;
+$bd-violet: lighten(saturate($bd-purple, 5%), 15%);
+$bd-accent: #ffe484;
+$bd-gutter-x: 3rem;
+
+:root {
+  --bd-purple: #{$bd-purple};
+  --bd-violet: #{$bd-violet};
+  --bd-accent: #{$bd-accent};
+  --bd-violet-rgb: #{to-rgb($bd-violet)};
+  --bd-accent-rgb: #{to-rgb($bd-accent)};
+  --bd-pink-rgb: #{to-rgb($pink-500)};
+  --bd-teal-rgb: #{to-rgb($teal-500)};
+}
@@ -0,0 +1,745 @@
+.btn-bd-primary {
+  font-weight: 600;
+  color: #7952b3;
+  border-color: #7952b3;
+}
+
+.btn-bd-primary:hover, .btn-bd-primary:active {
+  color: #fff;
+  background-color: #7952b3;
+  border-color: #7952b3;
+}
+
+.btn-bd-primary:focus {
+  -webkit-box-shadow: 0 0 0 3px rgba(121, 82, 179, 0.25);
+          box-shadow: 0 0 0 3px rgba(121, 82, 179, 0.25);
+}
+
+.btn-bd-download {
+  font-weight: 600;
+  color: #ffe484;
+  border-color: #ffe484;
+}
+
+.btn-bd-download:hover, .btn-bd-download:active {
+  color: #2a2730;
+  background-color: #ffe484;
+  border-color: #ffe484;
+}
+
+.btn-bd-download:focus {
+  -webkit-box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.25);
+          box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.25);
+}
+
+.bd-clipboard {
+  position: relative;
+  display: none;
+  float: right;
+}
+
+.bd-clipboard + .highlight {
+  margin-top: 0;
+}
+
+@media (min-width: 768px) {
+  .bd-clipboard {
+    display: block;
+  }
+}
+
+.btn-clipboard {
+  position: absolute;
+  top: .75em;
+  right: .5em;
+  z-index: 10;
+  display: block;
+  padding: .5em .75em .625em;
+  line-height: 1;
+  color: #212529;
+  background-color: #f8f9fa;
+  border: 0;
+  border-radius: .25rem;
+}
+
+.btn-clipboard:hover {
+  color: #0d6efd;
+}
+
+.bd-navbar {
+  padding: .75rem 0;
+  background-color: #7952b3;
+}
+
+.bd-navbar .navbar-toggler {
+  padding: 0;
+  border: 0;
+}
+
+.bd-navbar .navbar-toggler .bi {
+  width: 2rem;
+  fill: currentColor;
+}
+
+.bd-navbar .navbar-nav .nav-link {
+  padding-right: 0.25rem;
+  padding-left: 0.25rem;
+  color: rgba(255, 255, 255, 0.85);
+}
+
+.bd-navbar .navbar-nav .nav-link:hover, .bd-navbar .navbar-nav .nav-link:focus {
+  color: #fff;
+}
+
+.bd-navbar .navbar-nav .nav-link.active {
+  font-weight: 600;
+  color: #fff;
+}
+
+.bd-navbar .navbar-nav-svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.skippy {
+  display: block;
+  padding: 1em;
+  color: #fff;
+  text-align: center;
+  background-color: #563d7c;
+  outline: 0;
+}
+
+.skippy:hover {
+  color: #fff;
+}
+
+.skippy-text {
+  padding: .5em;
+  outline: 1px dotted;
+}
+
+.bd-footer {
+  font-size: .875rem;
+  color: #63707c;
+}
+
+.bd-footer a {
+  font-weight: 600;
+  color: #495057;
+}
+
+.bd-footer a:hover, .bd-footer a:focus {
+  color: #007bff;
+}
+
+.bd-footer p {
+  margin-bottom: 0;
+}
+
+.bd-footer-links {
+  padding-left: 0;
+  margin-bottom: 1rem;
+}
+
+.bd-footer-links li {
+  display: inline-block;
+}
+
+.bd-footer-links li + li {
+  margin-left: 1rem;
+}
+
+/* Background .chroma { background-color: #f0f0f0; } */
+/* Other .chroma .x { } */
+/* Error .chroma .err { } */
+/* LineTableTD .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } */
+/* LineTable .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } */
+/* LineHighlight .chroma .hl { display: block; width: 100%; background-color: #ffffcc; } */
+/* LineNumbersTable .chroma .lnt { margin-right: .4em; padding: 0 .4em; } */
+/* LineNumbers .chroma .ln { margin-right: .4em; padding: 0 .4em; } */
+/* Comment */
+.chroma .c {
+  color: #727272;
+}
+
+/* CommentHashbang */
+.chroma .ch {
+  font-style: italic;
+  color: #60a0b0;
+}
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #727272;
+}
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #008085;
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #007020;
+}
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #727272;
+}
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #727272;
+}
+
+/* Generic .chroma .g { } */
+/* GenericDeleted */
+.chroma .gd {
+  background-color: #fcc;
+  border: 1px solid #c00;
+}
+
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+
+/* GenericError */
+.chroma .gr {
+  color: #f00;
+}
+
+/* GenericHeading */
+.chroma .gh {
+  color: #030;
+}
+
+/* GenericInserted */
+.chroma .gi {
+  background-color: #cfc;
+  border: 1px solid #0c0;
+}
+
+/* GenericOutput */
+.chroma .go {
+  color: #aaa;
+}
+
+/* GenericPrompt */
+.chroma .gp {
+  color: #009;
+}
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: 700;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+  color: #030;
+}
+
+/* GenericTraceback */
+.chroma .gt {
+  color: #9c6;
+}
+
+/* GenericUnderline */
+.chroma .gl {
+  text-decoration: underline;
+}
+
+/* Keyword */
+.chroma .k {
+  color: #069;
+}
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #069;
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #069;
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #069;
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #069;
+}
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #069;
+}
+
+/* KeywordType */
+.chroma .kt {
+  color: #078;
+}
+
+/* Literal .chroma .l { } */
+/* LiteralDate .chroma .ld { color: #c24f19 } */
+/* LiteralNumber */
+.chroma .m {
+  color: #c24f19;
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #40a070;
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #c24f19;
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #c24f19;
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #c24f19;
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #c24f19;
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #c24f19;
+}
+
+/* LiteralString */
+.chroma .s {
+  color: #d73038;
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #4070a0;
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #c30;
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #c30;
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #4070a0;
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+  font-style: italic;
+  color: #c30;
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #c30;
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #c30;
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #c30;
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #a00;
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #c30;
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #337e7e;
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #c30;
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #fc3;
+}
+
+/* Name .chroma .n { } */
+/* NameAttribute */
+.chroma .na {
+  color: #006ee0;
+}
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #366;
+}
+
+/* NameBuiltinPseudo .chroma .bp { } */
+/* NameClass */
+.chroma .nc {
+  color: #168174;
+}
+
+/* NameConstant */
+.chroma .no {
+  color: #360;
+}
+
+/* NameDecorator */
+.chroma .nd {
+  color: #6b62de;
+}
+
+/* NameEntity */
+.chroma .ni {
+  color: #727272;
+}
+
+/* NameException */
+.chroma .ne {
+  color: #c00;
+}
+
+/* NameFunction */
+.chroma .nf {
+  color: #b715f4;
+}
+
+/* NameFunctionMagic .chroma .fm { } */
+/* NameLabel */
+.chroma .nl {
+  color: #6b62de;
+}
+
+/* NameNamespace */
+.chroma .nn {
+  color: #007ca5;
+}
+
+/* NameOther .chroma .nx { } */
+/* NameProperty .chroma .py { } */
+/* NameTag */
+.chroma .nt {
+  color: #2f6f9f;
+}
+
+/* NameVariable */
+.chroma .nv {
+  color: #033;
+}
+
+/* NameVariableClass .chroma .vc { } */
+/* NameVariableGlobal .chroma .vg { } */
+/* NameVariableInstance .chroma .vi { } */
+/* NameVariableMagic .chroma .vm { } */
+/* Operator */
+.chroma .o {
+  color: #555;
+}
+
+/* OperatorWord */
+.chroma .ow {
+  color: #000;
+}
+
+/* Punctuation .chroma .p { } */
+/* TextWhitespace */
+.chroma .w {
+  color: #bbb;
+}
+
+.chroma .language-bash::before,
+.chroma .language-sh::before {
+  color: #adb5bd;
+  content: "$ ";
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.chroma .language-powershell::before {
+  color: #009;
+  content: "PM> ";
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+#carbonads {
+  max-width: 28rem;
+  padding: .75rem;
+  margin-right: auto;
+  margin-left: auto;
+  overflow: auto;
+  background-color: #f8f9fa;
+  border-radius: .25rem;
+}
+
+@media (min-width: 992px) {
+  #carbonads {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+
+.carbon-img {
+  float: left;
+  margin-right: .75rem;
+}
+
+@media (min-width: 768px) {
+  .carbon-img {
+    margin-bottom: .5rem;
+  }
+}
+
+@media (min-width: 992px) {
+  .carbon-img {
+    margin-bottom: 0;
+  }
+}
+
+.carbon-text,
+.carbon-poweredby {
+  display: block;
+  color: #6c757d;
+}
+
+.carbon-text:hover, .carbon-text:focus,
+.carbon-poweredby:hover,
+.carbon-poweredby:focus {
+  color: #343a40;
+  text-decoration: none;
+}
+
+.carbon-text {
+  margin-bottom: .5rem;
+  text-decoration: none;
+}
+
+@media (min-width: 768px) {
+  .carbon-text {
+    font-size: .875rem;
+  }
+}
+
+.carbon-poweredby {
+  margin-top: .75rem;
+  font-size: .875rem;
+}
+
+.bi {
+  display: inline-block;
+  vertical-align: -.125em;
+}
+
+.hero-notice {
+  background-color: #d2f4ea;
+}
+
+@media (min-width: 540px) {
+  .hero-notice {
+    border-radius: 5em !important;
+  }
+}
+
+.highlight {
+  padding: 1.25rem;
+  margin-bottom: 1.5rem;
+  background-color: #f8f9fa;
+  border-radius: .25rem;
+}
+
+.highlight pre {
+  margin-bottom: 0;
+  scrollbar-width: none;
+}
+
+.highlight pre::-webkit-scrollbar {
+  display: none;
+}
+
+.highlight pre code {
+  word-wrap: normal;
+}
+
+.bd-example {
+  padding: 1.25rem;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-top-left-radius: .25rem;
+  border-top-right-radius: .25rem;
+}
+
+.bd-example + .bd-clipboard + .highlight pre {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.f0 {
+  font-size: 2rem;
+}
+
+@media (min-width: 520px) {
+  .f0 {
+    font-size: 3rem;
+  }
+}
+
+.f3 {
+  font-size: 1.25rem;
+}
+
+@media (min-width: 520px) {
+  .f3 {
+    font-size: 1.5rem;
+  }
+}
+
+.f5 {
+  font-size: 1rem;
+}
+
+.hero {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.hero .highlight pre {
+  padding-right: 4em;
+  margin-bottom: 0;
+  border-radius: .5rem;
+}
+
+.hero .btn-clipboard {
+  top: .625em;
+}
+
+.hero hr {
+  max-width: 100px;
+}
+
+@media (min-width: 768px) {
+  .icon-search {
+    width: 35%;
+  }
+}
+
+.list {
+  font-size: 2rem;
+}
+
+.list a:hover,
+.list a:hover .name,
+.list a:focus,
+.list a:focus .name {
+  color: var(--bs-blue) !important;
+}
+
+.list:empty::before {
+  display: block;
+  width: 100%;
+  padding: 100px 2rem;
+  margin-right: 15px;
+  margin-left: 15px;
+  color: #adb5bd;
+  text-align: center;
+  content: "Nothing found, try searching again.";
+  background-color: #f8f9fa;
+  border-radius: .5rem;
+}
+
+.btn-group > .btn {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+
+.name {
+  font-size: .8125rem;
+}
+
+@media (min-width: 1200px) {
+  .row-cols-xl-8 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 12.5%;
+            flex: 0 0 12.5%;
+    max-width: 12.5%;
+  }
+}
+
+.icon-demo {
+  background-color: #fdfdfd;
+  background-image: radial-gradient(circle, #ddd 1px, rgba(0, 0, 0, 0) 1px);
+  background-size: 1rem 1rem;
+}
+
+.icon-demo .bi,
+.icon-demo-examples .bi {
+  width: 1em;
+  height: 1em;
+}
+
+.py-6 {
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+}
+
+@font-face {
+  font-family: bootstrap-icons;
+  src: url("../../font/fonts/bootstrap-icons.woff2?231ce25e89ab5804f9a6c427b8d325c9") format("woff2"), url("../../font/fonts/bootstrap-icons.woff?231ce25e89ab5804f9a6c427b8d325c9") format("woff");
+}
+
+[class^="bi-"]::before,
+[class*=" bi-"]::before {
+  display: inline-block;
+  font-family: bootstrap-icons !important;
+  font-style: normal;
+  font-weight: 400 !important;
+  font-variant: normal;
+  line-height: 1;
+  text-transform: none;
+  vertical-align: -.125em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.bi-alarm::before {
+  content: "\f102";
+}
+
+.bi-github::before {
+  content: "\f3ed";
+}
+/*# sourceMappingURL=docs.css.map */
@@ -0,0 +1,221 @@
+@import "bootstrap/functions";
+@import "bootstrap/variables";
+@import "bootstrap/maps";
+@import "bootstrap/mixins";
+@import "bootstrap/utilities";
+@import "bootstrap/root";
+@import "bootstrap/reboot";
+@import "bootstrap/type";
+@import "bootstrap/images";
+@import "bootstrap/containers";
+@import "bootstrap/grid";
+@import "bootstrap/tables";
+@import "bootstrap/forms";
+@import "bootstrap/buttons";
+@import "bootstrap/transitions";
+@import "bootstrap/dropdown";
+@import "bootstrap/button-group";
+@import "bootstrap/nav";
+@import "bootstrap/navbar";
+// @import "bootstrap/card";
+// @import "bootstrap/accordion";
+@import "bootstrap/breadcrumb";
+// @import "bootstrap/pagination";
+// @import "bootstrap/badge";
+// @import "bootstrap/alert";
+// @import "bootstrap/progress";
+// @import "bootstrap/list-group";
+@import "bootstrap/close";
+// @import "bootstrap/toasts";
+// @import "bootstrap/modal";
+// @import "bootstrap/tooltip";
+// @import "bootstrap/popover";
+// @import "bootstrap/carousel";
+// @import "bootstrap/spinners";
+@import "bootstrap/offcanvas";
+// @import "bootstrap/placeholders";
+@import "bootstrap/helpers";
+@import "bootstrap/utilities/api";
+
+@import "variables";
+@import "buttons";
+@import "clipboard-js";
+@import "navbar";
+@import "skippy";
+@import "footer";
+@import "syntax";
+@import "ads";
+
+.bd-gutter {
+  --bs-gutter-x: #{$bd-gutter-x};
+}
+
+.bi {
+  display: inline-block;
+  vertical-align: -.125em;
+  fill: currentcolor;
+}
+
+.hero-notice {
+  background-color: $teal-100;
+
+  @media (min-width: 540px) {
+    border-radius: 5em !important; // stylelint-disable-line declaration-no-important
+  }
+}
+
+.highlight {
+  padding: 1.25rem;
+  margin-bottom: 1.5rem;
+  background-color: var(--bs-gray-100);
+  border-radius: .5rem;
+
+  pre {
+    margin-bottom: 0;
+    scrollbar-width: none;
+
+    &:focus { outline: 0; }
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    code {
+      word-wrap: normal;
+    }
+  }
+}
+
+.bd-example {
+  padding: 1.25rem;
+  border: 1px solid rgba(0, 0, 0, .1);
+  border-top-left-radius: .25rem;
+  border-top-right-radius: .25rem;
+
+  + .bd-clipboard + .highlight pre {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+}
+
+.f0 {
+  font-size: 2rem;
+
+  @media (min-width: 520px) {
+    font-size: 3rem;
+  }
+}
+.f3 {
+  font-size: 1.25rem;
+
+  @media (min-width: 520px) {
+    font-size: 1.5rem;
+  }
+}
+.f5 {
+  font-size: 1rem;
+}
+
+.hero {
+  border-bottom: 1px solid rgba(0, 0, 0, .075);
+
+  .highlight {
+    margin-bottom: 0;
+    color: var(--bs-gray-200);
+    background-color: var(--bs-gray-800);
+
+    pre {
+      margin-bottom: 0;
+
+      @media (min-width: 768px) {
+        padding-right: 4em;
+      }
+    }
+  }
+
+  .btn-clipboard {
+    top: .625em;
+    color: var(--bs-gray-200);
+    background-color: var(--bs-gray-800);
+  }
+
+  .btn {
+    padding: 1rem 1.25rem;
+    border-radius: .5rem;
+  }
+
+  hr {
+    max-width: 100px;
+  }
+}
+
+.icon-search {
+  @media (min-width: 768px) {
+    width: 35%;
+  }
+}
+
+.list {
+  font-size: 2rem;
+
+  // stylelint-disable  declaration-no-important
+  a:hover,
+  a:focus {
+    &,
+    .name {
+      color: var(--bs-blue) !important;
+    }
+  }
+  // stylelint-enable  declaration-no-important
+
+  &:empty::before {
+    display: block;
+    width: 100%;
+    padding: 100px 2rem;
+    margin-right: 15px;
+    margin-left: 15px;
+    color: var(--bs-gray-500);
+    text-align: center;
+    content: "Nothing found, try searching again.";
+    background-color: var(--bs-gray-100);
+    border-radius: .5rem;
+  }
+}
+
+.btn-group > .btn {
+  flex-shrink: 0;
+}
+
+.name {
+  font-size: .8125rem;
+}
+
+@media (min-width: 1200px) {
+  .row-cols-xl-8 {
+    > * {
+      flex: 0 0 12.5%;
+      max-width: 12.5%;
+    }
+  }
+}
+
+.icon-demo {
+  background-color: #fdfdfd;
+  background-image: radial-gradient(circle, #ddd 1px, rgba(0, 0, 0, 0) 1px);
+  background-size: 1rem 1rem;
+}
+
+.icon-demo,
+.icon-demo-examples {
+  .bi {
+    width: 1em;
+    height: 1em;
+  }
+}
+
+// stylelint-disable declaration-no-important
+.py-6 {
+  padding-top: 4.5rem !important;
+  padding-bottom: 4.5rem !important;
+}
+// stylelint-enable declaration-no-important
@@ -0,0 +1,13 @@
+---
+title: "404 - File not found"
+description: ""
+layout: 404
+url: /404.html
+robots: noindex,follow
+sitemap_exclude: true
+---
+
+<div class="text-center py-5">
+  <h1 class="display-1">404</h1>
+  <h2>File not found</h2>
+</div>
@@ -0,0 +1,223 @@
+---
+---
+
+## Install
+
+Bootstrap Icons are published to npm, but they can also be manually downloaded if needed.
+
+<div class="row my-4">
+  <div class="col-md-4">
+{{< md >}}
+### npm
+Install [Bootstrap Icons](https://www.npmjs.com/package/bootstrap-icons)—including SVGs, icon sprite, and icon fonts—with npm. Then, choose how you'd like to include the icons with the [usage instructions](#usage).
+
+{{< highlight sh >}}
+npm i bootstrap-icons
+{{< /highlight >}}
+{{< /md >}}
+  </div>
+  <div class="col-md-4">
+{{< md >}}
+### Download
+[Releases are published on GitHub](https://github.com/twbs/icons/releases/) and include icon SVGs, fonts, license, and readme. Our `package.json` is also included, though our npm scripts are primarily available for our development workflows.
+
+<a class="btn btn-outline-primary" href="https://github.com/twbs/icons/releases/latest/">Download latest ZIP</a>
+{{< /md >}}
+  </div>
+  <div class="col-md-4">
+{{< md >}}
+### CDN
+Include the icon fonts stylesheet—in your website `<head>` or via `@import` in CSS—from our CDN and get started in seconds. [See icon font docs](#icon-font) for examples.
+
+{{< highlight html >}}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@{{< param version >}}/font/bootstrap-icons.css">
+{{< /highlight >}}
+
+{{< highlight css >}}
+@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@{{< param version >}}/font/bootstrap-icons.css");
+{{< /highlight >}}
+{{< /md >}}
+  </div>
+</div>
+
+## Usage
+
+Bootstrap Icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. We recommend using a `width: 1em` (and optionally `height: 1em`) for easy resizing via `font-size`.
+
+<div class="row my-4">
+  <div class="col-md-4">
+{{< md >}}
+### Embedded
+Embed your icons within the HTML of your page (as opposed to an external image file). Here we've used a custom `width` and `height`.
+{{< /md >}}
+  </div>
+  <div class="col-md-8">
+    {{< example >}}<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>{{< /example >}}
+  </div>
+</div>
+
+<div class="row my-4">
+  <div class="col-md-4">
+{{< md >}}
+### Sprite
+Use the SVG sprite to insert any icon through the `<use>` element. Use the icon's filename as the fragment identifier (e.g., `toggles` is `#toggles`). SVG sprites allow you to reference an external file similar to an `<img>` element, but with the power of `currentColor` for easy theming.
+
+**Heads up!** There's an issue with Chrome where [`<use>` doesn't work across domains](https://bugs.chromium.org/p/chromium/issues/detail?id=470601).
+{{< /md >}}
+  </div>
+  <div class="col-md-8">
+{{< example >}}
+<svg class="bi" width="32" height="32" fill="currentColor">
+  <use xlink:href="bootstrap-icons.svg#heart-fill"/>
+</svg>
+<svg class="bi" width="32" height="32" fill="currentColor">
+  <use xlink:href="bootstrap-icons.svg#toggles"/>
+</svg>
+<svg class="bi" width="32" height="32" fill="currentColor">
+  <use xlink:href="bootstrap-icons.svg#shop"/>
+</svg>
+{{< /example >}}
+  </div>
+</div>
+
+<div class="row my-4">
+  <div class="col-md-4">
+{{< md >}}
+### External image
+Copy the Bootstrap Icons SVGs to your directory of choice and reference them like normal images with the `<img>` element.
+{{< /md >}}
+  </div>
+  <div class="col-md-8">
+    {{< example >}}<img src="/assets/img/bootstrap.svg" alt="Bootstrap" width="32" height="32">{{< /example >}}
+  </div>
+</div>
+
+<div class="row my-4">
+  <div class="col-md-4">
+{{< md >}}
+### Icon font
+Icon fonts with classes for every icon are also included for Bootstrap Icons. Include the icon web fonts in your page via CSS, then reference the class names as needed in your HTML (e.g., `<i class="bi-alarm-clock"></i>`).
+
+Use `font-size` and `color` to change the icon appearance.
+{{< /md >}}
+  </div>
+  <div class="col-md-8">
+    {{< example >}}<i class="bi-alarm"></i>{{< /example >}}
+    {{< example >}}<i class="bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>{{< /example >}}
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-md-4">
+{{< md >}}
+### CSS
+You can also use the SVG within your CSS (**be sure to escape any characters**, such as `#` to `%23` when specifying hex color values). When no dimensions are specified via `width` and `height` on the `<svg>`, the icon will fill the available space.
+
+The `viewBox` attribute is required if you wish to resize icons with `background-size`. Note that the `xmlns` attribute is required.
+{{< /md >}}
+  </div>
+  <div class="col-md-8">
+{{< highlight css >}}
+.bi::before {
+  display: inline-block;
+  content: "";
+  vertical-align: -.125em;
+  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
+  background-repeat: no-repeat;
+  background-size: 1rem 1rem;
+}
+
+{{< /highlight >}}
+  </div>
+</div>
+
+<div class="row my-4">
+  <div class="col-md-4">
+{{< md >}}
+## Styling
+Color can be changed by setting a `.text-*` class or custom CSS:
+{{< /md >}}
+  </div>
+  <div class="col-md-8">
+    <div class="bd-example">
+      <svg class="bi bi-exclamation-triangle text-success" width="32" height="32" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+        <path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/>
+        <path d="M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"/>
+      </svg>
+    </div>
+{{< highlight html >}}
+<svg class="bi bi-exclamation-triangle text-success" width="32" height="32" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  ...
+</svg>
+{{< /highlight >}}
+  </div>
+</div>
+
+<div class="row my-4">
+  <div class="col-md-4">
+{{< md >}}
+## Accessibility
+For purely decorative icons, add `aria-hidden="true"`. Otherwise, provide an appropriate text alternative. Depending on which method you're using to add the icons, and where you're using them (e.g. as standalone images, or as the only content of a button or similar control), there are various possible approaches. Here are a few examples:
+{{< /md >}}
+  </div>
+  <div class="col-md-8">
+    <div class="bd-example">
+      <img src="/assets/img/bootstrap.svg" alt="Bootstrap" width="32" height="32">
+    </div>
+{{< highlight html >}}
+<!-- alt="..." on <img> element -->
+<img src="/assets/img/bootstrap.svg" alt="Bootstrap" ...>
+{{< /highlight >}}
+    <div class="bd-example">
+      <i class="bi-github" role="img" style="font-size: 2em" aria-label="GitHub"></i>
+    </div>
+{{< highlight html >}}
+<i class="bi-github" role="img" aria-label="GitHub"></i>
+{{< /highlight >}}
+    <div class="bd-example">
+      <svg class="bi" width="32" height="32" fill="currentColor" role="img" aria-label="Tools">
+        <use xlink:href="bootstrap-icons.svg#tools"/>
+      </svg>
+    </div>
+{{< highlight html >}}
+<svg class="bi" ... role="img" aria-label="Tools">
+  <use xlink:href="bootstrap-icons.svg#tools"/>
+</svg>
+{{< /highlight >}}
+    <div class="bd-example">
+      <button type="button" class="btn btn-primary" aria-label="Mute">
+        <svg class="bi bi-volume-mute-fill" width="32" height="32" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M6.717 3.55A.5.5 0 017 4v8a.5.5 0 01-.812.39L3.825 10.5H1.5A.5.5 0 011 10V6a.5.5 0 01.5-.5h2.325l2.363-1.89a.5.5 0 01.529-.06zm7.137 2.096a.5.5 0 010 .708L12.207 8l1.647 1.646a.5.5 0 01-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 01-.708-.708L10.793 8 9.146 6.354a.5.5 0 11.708-.708L11.5 7.293l1.646-1.647a.5.5 0 01.708 0z"></path></svg>
+      </button>
+    </div>
+{{< highlight html >}}
+<!-- aria-label="..." on the control -->
+<button ... aria-label="Mute">
+  <svg class="bi bi-volume-mute-fill" aria-hidden="true" ...>
+  ...
+  </svg>
+</button>
+{{< /highlight >}}
+  </div>
+</div>
+
+<div class="row my-4">
+  <div class="col-md-4">
+{{< md >}}
+## Working with SVGs
+SVGs are awesome to work with, but they do have some known quirks to work around. Given the numerous ways in which SVGs can be used, we haven't included these attributes and workarounds in our code.
+{{< /md >}}
+  </div>
+  <div class="col-md-8">
+{{< md >}}
+Known issues include:
+
+- **SVGs receive focus by default in Internet Explorer and Edge Legacy.** When embedding your SVGs, add `focusable="false"` to the `<svg>` element. [Learn more on Stack Overflow.](https://stackoverflow.com/questions/18646111/disable-onfocus-event-for-svg-element)
+
+- **When using SVGs with `<img>` elements, screen readers may not announce them as images, or skip the image completely.** Include an additional `role="img"` on the `<img>` element to avoid any issues. [See this article for details.](https://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-2)
+
+- **External SVG sprites may not function correctly in Internet Explorer.** Use the [svg4everybody](https://github.com/jonathantneal/svg4everybody) polyfill as needed.
+
+Found another issue with SVGs we should note? Please open [an issue]({{< param repo >}}/issues) to share details.
+{{< /md >}}
+  </div>
+</div>
@@ -0,0 +1,7 @@
+---
+title: 123
+categories:
+  - Typography
+tags:
+  - numbers
+---
@@ -0,0 +1,9 @@
+---
+title: Activity
+categories:
+  - Data
+tags:
+  - pulse
+  - heartbeat
+  - rhythm
+---
@@ -0,0 +1,9 @@
+---
+title: Alarm Fill
+categories:
+  - Devices
+tags:
+  - alarm
+  - clock
+  - time
+---
@@ -0,0 +1,9 @@
+---
+title: Alarm
+categories:
+  - Devices
+tags:
+  - alarm
+  - clock
+  - time
+---
@@ -0,0 +1,9 @@
+---
+title: Align bottom
+categories:
+  - Graphics
+tags:
+  - space
+  - align
+  - distribute
+---
@@ -0,0 +1,9 @@
+---
+title: Align center
+categories:
+  - Graphics
+tags:
+  - space
+  - align
+  - distribute
+---
@@ -0,0 +1,9 @@
+---
+title: Align end
+categories:
+  - Graphics
+tags:
+  - space
+  - align
+  - distribute
+---
@@ -0,0 +1,9 @@
+---
+title: Align middle
+categories:
+  - Graphics
+tags:
+  - space
+  - align
+  - distribute
+---
@@ -0,0 +1,9 @@
+---
+title: Align start
+categories:
+  - Graphics
+tags:
+  - space
+  - align
+  - distribute
+---
@@ -0,0 +1,9 @@
+---
+title: Align top
+categories:
+  - Graphics
+tags:
+  - space
+  - align
+  - distribute
+---
@@ -0,0 +1,9 @@
+---
+title: Alt
+categories:
+  - UI and keyboard
+tags:
+  - key
+  - alt
+  - option
+---
@@ -0,0 +1,12 @@
+---
+title: App indicator
+categories:
+  - Apps
+tags:
+  - app
+  - application
+  - ios
+  - android
+  - notification
+  - square
+---
@@ -0,0 +1,11 @@
+---
+title: App
+categories:
+  - Apps
+tags:
+  - app
+  - application
+  - ios
+  - android
+  - square
+---
@@ -0,0 +1,9 @@
+---
+title: Apple
+categories:
+  - Brand
+tags:
+  - aapl
+  - mac
+  - macintosh
+---
@@ -0,0 +1,8 @@
+---
+title: Archive fill
+categories:
+  - Files and folders
+tags:
+  - box
+  - delete
+---
@@ -0,0 +1,8 @@
+---
+title: Archive
+categories:
+  - Files and folders
+tags:
+  - box
+  - delete
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow 90deg down
+categories:
+  - Arrows
+tags:
+  - arrow
+  - right-angle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow 90deg left
+categories:
+  - Arrows
+tags:
+  - arrow
+  - right-angle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow 90deg right
+categories:
+  - Arrows
+tags:
+  - arrow
+  - right-angle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow 90deg up
+categories:
+  - Arrows
+tags:
+  - arrow
+  - right-angle
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow bar bottom
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow bar left
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow bar right
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow bar up
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,16 @@
+---
+title: Arrow clockwise
+categories:
+  - Arrows
+tags:
+  - arrow
+  - right
+  - spin
+  - turn
+  - around
+  - round
+  - rotate
+  - refresh
+  - reload
+  - redo
+---
@@ -0,0 +1,14 @@
+---
+title: Arrow counterclockwise
+categories:
+  - Arrows
+tags:
+  - arrow
+  - left
+  - spin
+  - turn
+  - around
+  - round
+  - rotate
+  - undo
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down circle fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down circle
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down left circle fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down left circle
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down left square fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down left square
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow down-left
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down right circle fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down right circle
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down right square fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down right square
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow down-right
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow down-short
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down square fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow down square
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow down-up
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow down
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow left circle fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow left circle
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow left-right
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow left-short
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow left square fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow left square
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow left
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,13 @@
+---
+title: Arrow repeat
+categories:
+  - Arrows
+tags:
+  - arrow
+  - spin
+  - turn
+  - around
+  - round
+  - rotate
+  - sync
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow return left
+categories:
+  - Arrows
+tags:
+  - arrow
+  - return
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow return right
+categories:
+  - Arrows
+tags:
+  - arrow
+  - return
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow right circle fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow right circle
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow right-short
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow right square fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow right square
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow right
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,10 @@
+---
+title: Arrow through heart fill
+categories:
+  - Arrows
+  - Love
+tags:
+  - cupid
+  - love
+  - valentine
+---
@@ -0,0 +1,10 @@
+---
+title: Arrow through heart
+categories:
+  - Arrows
+  - Love
+tags:
+  - cupid
+  - love
+  - valentine
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up circle fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up circle
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up left circle fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up left circle
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up left square fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up left square
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow up-left
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up right circle fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up right circle
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - circle
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up right square fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up right square
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow up-right
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow up-short
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up square fill
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,8 @@
+---
+title: Arrow up square
+categories:
+  - Shape Arrows
+tags:
+  - arrow
+  - square
+---
@@ -0,0 +1,7 @@
+---
+title: Arrow up
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrows angle contract
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrows angle expand
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrows collapse
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrows expand
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,7 @@
+---
+title: Arrows fullscreen
+categories:
+  - Arrows
+tags:
+  - arrow
+---
@@ -0,0 +1,9 @@
+---
+title: Arrows move
+categories:
+  - Arrows
+tags:
+  - arrow
+  - cursor
+  - move
+---
--- a/Show More
+++ b/Show More