From f9b0dac04bf91bc46ebe86642ce27e32e6d8e593 Mon Sep 17 00:00:00 2001
From: Viktor Rusakov <52399399+viktorrusakov@users.noreply.github.com>
Date: Thu, 15 Dec 2022 14:50:33 +0200
Subject: [PATCH] feat: add CLI interface for design tokens (#1846)

---
 package.json                                  |    6 +-
 scss/core/css/utility-classes.css             | 2794 ++++++++--------
 scss/core/css/variables.css                   | 2920 ++++++++---------
 tokens/build-tokens.js                        |  211 +-
 tokens/build/utility-classes.css              | 2448 --------------
 tokens/build/variables.css                    | 1465 ---------
 tokens/map-scss-to-css.js                     |    4 +-
 tokens/package-lock.json                      |    2 +-
 tokens/package.json                           |    4 +-
 tokens/replace-variables.js                   |    4 +-
 tokens/style-dictionary.js                    |  151 +
 .../css-to-scss.json                          |    0
 .../scss-to-css.json                          |    0
 13 files changed, 3046 insertions(+), 6963 deletions(-)
 mode change 100644 => 100755 tokens/build-tokens.js
 delete mode 100644 tokens/build/utility-classes.css
 delete mode 100644 tokens/build/variables.css
 create mode 100644 tokens/style-dictionary.js
 rename tokens/{build => variables-maps}/css-to-scss.json (100%)
 rename tokens/{build => variables-maps}/scss-to-css.json (100%)

diff --git a/package.json b/package.json
index 57afbaaa11..d5d269d73c 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,9 @@
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "Apache-2.0",
+  "bin": {
+    "build-design-tokens": "./tokens/build-tokens.js"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -16,7 +19,8 @@
     "/dist",
     "/icons",
     "/src",
-    "/scss"
+    "/scss",
+    "/tokens"
   ],
   "sideEffects": false,
   "scripts": {
diff --git a/scss/core/css/utility-classes.css b/scss/core/css/utility-classes.css
index dbc7a84ab8..f82c516bfd 100644
--- a/scss/core/css/utility-classes.css
+++ b/scss/core/css/utility-classes.css
@@ -1,169 +1,169 @@
-.bg-accent-a {
-  background-color: #00BBF9FF !important;
+.bg-dark {
+  background-color: #273F2FFF !important;
 }
 
-a.bg-accent-a:hover,
-a.bg-accent-a:focus,
-button.bg-accent-a:hover,
-button.bg-accent-a:focus {
-  background-color: #0095C6FF !important;
+a.bg-dark:hover,
+a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #142018FF !important;
 }
 
-.text-accent-a {
-  color: #00BBF9FF !important;
+.text-dark {
+  color: #273F2FFF !important;
 }
 
-a.text-accent-a:hover,
-a.text-accent-a:focus {
-  color: #0082ADFF !important;
+a.text-dark:hover,
+a.text-dark:focus {
+  color: #0A100CFF !important;
 }
 
-.border-accent-a {
-  border-color: #00BBF9FF !important;
+.border-dark {
+  border-color: #273F2FFF !important;
 }
 
-.bg-accent-b {
-  background-color: #FFEE88FF !important;
+.bg-light {
+  background-color: #E1DDDBFF !important;
 }
 
-a.bg-accent-b:hover,
-a.bg-accent-b:focus,
-button.bg-accent-b:hover,
-button.bg-accent-b:focus {
-  background-color: #FFE755FF !important;
+a.bg-light:hover,
+a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+  background-color: #CAC3BFFF !important;
 }
 
-.text-accent-b {
-  color: #FFEE88FF !important;
+.text-light {
+  color: #E1DDDBFF !important;
 }
 
-a.text-accent-b:hover,
-a.text-accent-b:focus {
-  color: #FFE33BFF !important;
+a.text-light:hover,
+a.text-light:focus {
+  color: #BEB6B1FF !important;
 }
 
-.border-accent-b {
-  border-color: #FFEE88FF !important;
+.border-light {
+  border-color: #E1DDDBFF !important;
 }
 
-.bg-gray-100 {
-  background-color: #EBEBEBFF !important;
+.bg-brand {
+  background-color: #9D0054FF !important;
 }
 
-a.bg-gray-100:hover,
-a.bg-gray-100:focus,
-button.bg-gray-100:hover,
-button.bg-gray-100:focus {
-  background-color: #D2D2D2FF !important;
+a.bg-brand:hover,
+a.bg-brand:focus,
+button.bg-brand:hover,
+button.bg-brand:focus {
+  background-color: #6A0039FF !important;
 }
 
-.text-gray-100 {
-  color: #EBEBEBFF !important;
+.text-brand {
+  color: #9D0054FF !important;
 }
 
-a.text-gray-100:hover,
-a.text-gray-100:focus {
-  color: #C5C5C5FF !important;
+a.text-brand:hover,
+a.text-brand:focus {
+  color: #51002BFF !important;
 }
 
-.border-gray-100 {
-  border-color: #EBEBEBFF !important;
+.border-brand {
+  border-color: #9D0054FF !important;
 }
 
-.bg-gray-200 {
-  background-color: #CCCCCCFF !important;
+.bg-primary {
+  background-color: #0A3055FF !important;
 }
 
-a.bg-gray-200:hover,
-a.bg-gray-200:focus,
-button.bg-gray-200:hover,
-button.bg-gray-200:focus {
-  background-color: #B3B3B3FF !important;
+a.bg-primary:hover,
+a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #051627FF !important;
 }
 
-.text-gray-200 {
-  color: #CCCCCCFF !important;
+.text-primary {
+  color: #0A3055FF !important;
 }
 
-a.text-gray-200:hover,
-a.text-gray-200:focus {
-  color: #A6A6A6FF !important;
+a.text-primary:hover,
+a.text-primary:focus {
+  color: #020911FF !important;
 }
 
-.border-gray-200 {
-  border-color: #CCCCCCFF !important;
+.border-primary {
+  border-color: #0A3055FF !important;
 }
 
-.bg-gray-300 {
-  background-color: #ADADADFF !important;
+.bg-gray {
+  background-color: #707070FF !important;
 }
 
-a.bg-gray-300:hover,
-a.bg-gray-300:focus,
-button.bg-gray-300:hover,
-button.bg-gray-300:focus {
-  background-color: #949494FF !important;
+a.bg-gray:hover,
+a.bg-gray:focus,
+button.bg-gray:hover,
+button.bg-gray:focus {
+  background-color: #575757FF !important;
 }
 
-.text-gray-300 {
-  color: #ADADADFF !important;
+.text-gray {
+  color: #707070FF !important;
 }
 
-a.text-gray-300:hover,
-a.text-gray-300:focus {
-  color: #878787FF !important;
+a.text-gray:hover,
+a.text-gray:focus {
+  color: #4A4A4AFF !important;
 }
 
-.border-gray-300 {
-  border-color: #ADADADFF !important;
+.border-gray {
+  border-color: #707070FF !important;
 }
 
-.bg-gray-400 {
-  background-color: #8F8F8FFF !important;
+.bg-gray-900 {
+  background-color: #212529FF !important;
 }
 
-a.bg-gray-400:hover,
-a.bg-gray-400:focus,
-button.bg-gray-400:hover,
-button.bg-gray-400:focus {
-  background-color: #767676FF !important;
+a.bg-gray-900:hover,
+a.bg-gray-900:focus,
+button.bg-gray-900:hover,
+button.bg-gray-900:focus {
+  background-color: #0A0C0DFF !important;
 }
 
-.text-gray-400 {
-  color: #8F8F8FFF !important;
+.text-gray-900 {
+  color: #212529FF !important;
 }
 
-a.text-gray-400:hover,
-a.text-gray-400:focus {
-  color: #696969FF !important;
+a.text-gray-900:hover,
+a.text-gray-900:focus {
+  color: #000000FF !important;
 }
 
-.border-gray-400 {
-  border-color: #8F8F8FFF !important;
+.border-gray-900 {
+  border-color: #212529FF !important;
 }
 
-.bg-gray-600 {
-  background-color: #5C5C5CFF !important;
+.bg-gray-800 {
+  background-color: #333333FF !important;
 }
 
-a.bg-gray-600:hover,
-a.bg-gray-600:focus,
-button.bg-gray-600:hover,
-button.bg-gray-600:focus {
-  background-color: #424242FF !important;
+a.bg-gray-800:hover,
+a.bg-gray-800:focus,
+button.bg-gray-800:hover,
+button.bg-gray-800:focus {
+  background-color: #1A1A1AFF !important;
 }
 
-.text-gray-600 {
-  color: #5C5C5CFF !important;
+.text-gray-800 {
+  color: #333333FF !important;
 }
 
-a.text-gray-600:hover,
-a.text-gray-600:focus {
-  color: #363636FF !important;
+a.text-gray-800:hover,
+a.text-gray-800:focus {
+  color: #0D0D0DFF !important;
 }
 
-.border-gray-600 {
-  border-color: #5C5C5CFF !important;
+.border-gray-800 {
+  border-color: #333333FF !important;
 }
 
 .bg-gray-700 {
@@ -190,676 +190,652 @@ a.text-gray-700:focus {
   border-color: #454545FF !important;
 }
 
-.bg-gray-800 {
-  background-color: #333333FF !important;
+.bg-gray-600 {
+  background-color: #5C5C5CFF !important;
 }
 
-a.bg-gray-800:hover,
-a.bg-gray-800:focus,
-button.bg-gray-800:hover,
-button.bg-gray-800:focus {
-  background-color: #1A1A1AFF !important;
+a.bg-gray-600:hover,
+a.bg-gray-600:focus,
+button.bg-gray-600:hover,
+button.bg-gray-600:focus {
+  background-color: #424242FF !important;
 }
 
-.text-gray-800 {
-  color: #333333FF !important;
+.text-gray-600 {
+  color: #5C5C5CFF !important;
 }
 
-a.text-gray-800:hover,
-a.text-gray-800:focus {
-  color: #0D0D0DFF !important;
+a.text-gray-600:hover,
+a.text-gray-600:focus {
+  color: #363636FF !important;
 }
 
-.border-gray-800 {
-  border-color: #333333FF !important;
+.border-gray-600 {
+  border-color: #5C5C5CFF !important;
 }
 
-.bg-gray-900 {
-  background-color: #212529FF !important;
+.bg-gray-400 {
+  background-color: #8F8F8FFF !important;
 }
 
-a.bg-gray-900:hover,
-a.bg-gray-900:focus,
-button.bg-gray-900:hover,
-button.bg-gray-900:focus {
-  background-color: #0A0C0DFF !important;
+a.bg-gray-400:hover,
+a.bg-gray-400:focus,
+button.bg-gray-400:hover,
+button.bg-gray-400:focus {
+  background-color: #767676FF !important;
 }
 
-.text-gray-900 {
-  color: #212529FF !important;
+.text-gray-400 {
+  color: #8F8F8FFF !important;
 }
 
-a.text-gray-900:hover,
-a.text-gray-900:focus {
-  color: #000000FF !important;
+a.text-gray-400:hover,
+a.text-gray-400:focus {
+  color: #696969FF !important;
 }
 
-.border-gray-900 {
-  border-color: #212529FF !important;
+.border-gray-400 {
+  border-color: #8F8F8FFF !important;
 }
 
-.bg-gray {
-  background-color: #707070FF !important;
+.bg-gray-300 {
+  background-color: #ADADADFF !important;
 }
 
-a.bg-gray:hover,
-a.bg-gray:focus,
-button.bg-gray:hover,
-button.bg-gray:focus {
-  background-color: #575757FF !important;
-}
-
-.text-gray {
-  color: #707070FF !important;
-}
-
-a.text-gray:hover,
-a.text-gray:focus {
-  color: #4A4A4AFF !important;
-}
-
-.border-gray {
-  border-color: #707070FF !important;
-}
-
-.bg-primary {
-  background-color: #0A3055FF !important;
-}
-
-a.bg-primary:hover,
-a.bg-primary:focus,
-button.bg-primary:hover,
-button.bg-primary:focus {
-  background-color: #051627FF !important;
+a.bg-gray-300:hover,
+a.bg-gray-300:focus,
+button.bg-gray-300:hover,
+button.bg-gray-300:focus {
+  background-color: #949494FF !important;
 }
 
-.text-primary {
-  color: #0A3055FF !important;
+.text-gray-300 {
+  color: #ADADADFF !important;
 }
 
-a.text-primary:hover,
-a.text-primary:focus {
-  color: #020911FF !important;
+a.text-gray-300:hover,
+a.text-gray-300:focus {
+  color: #878787FF !important;
 }
 
-.border-primary {
-  border-color: #0A3055FF !important;
+.border-gray-300 {
+  border-color: #ADADADFF !important;
 }
 
-.bg-brand {
-  background-color: #9D0054FF !important;
+.bg-gray-200 {
+  background-color: #CCCCCCFF !important;
 }
 
-a.bg-brand:hover,
-a.bg-brand:focus,
-button.bg-brand:hover,
-button.bg-brand:focus {
-  background-color: #6A0039FF !important;
+a.bg-gray-200:hover,
+a.bg-gray-200:focus,
+button.bg-gray-200:hover,
+button.bg-gray-200:focus {
+  background-color: #B3B3B3FF !important;
 }
 
-.text-brand {
-  color: #9D0054FF !important;
+.text-gray-200 {
+  color: #CCCCCCFF !important;
 }
 
-a.text-brand:hover,
-a.text-brand:focus {
-  color: #51002BFF !important;
+a.text-gray-200:hover,
+a.text-gray-200:focus {
+  color: #A6A6A6FF !important;
 }
 
-.border-brand {
-  border-color: #9D0054FF !important;
+.border-gray-200 {
+  border-color: #CCCCCCFF !important;
 }
 
-.bg-light {
-  background-color: #E1DDDBFF !important;
+.bg-gray-100 {
+  background-color: #EBEBEBFF !important;
 }
 
-a.bg-light:hover,
-a.bg-light:focus,
-button.bg-light:hover,
-button.bg-light:focus {
-  background-color: #CAC3BFFF !important;
+a.bg-gray-100:hover,
+a.bg-gray-100:focus,
+button.bg-gray-100:hover,
+button.bg-gray-100:focus {
+  background-color: #D2D2D2FF !important;
 }
 
-.text-light {
-  color: #E1DDDBFF !important;
+.text-gray-100 {
+  color: #EBEBEBFF !important;
 }
 
-a.text-light:hover,
-a.text-light:focus {
-  color: #BEB6B1FF !important;
+a.text-gray-100:hover,
+a.text-gray-100:focus {
+  color: #C5C5C5FF !important;
 }
 
-.border-light {
-  border-color: #E1DDDBFF !important;
+.border-gray-100 {
+  border-color: #EBEBEBFF !important;
 }
 
-.bg-dark {
-  background-color: #273F2FFF !important;
+.bg-accent-b {
+  background-color: #FFEE88FF !important;
 }
 
-a.bg-dark:hover,
-a.bg-dark:focus,
-button.bg-dark:hover,
-button.bg-dark:focus {
-  background-color: #142018FF !important;
+a.bg-accent-b:hover,
+a.bg-accent-b:focus,
+button.bg-accent-b:hover,
+button.bg-accent-b:focus {
+  background-color: #FFE755FF !important;
 }
 
-.text-dark {
-  color: #273F2FFF !important;
+.text-accent-b {
+  color: #FFEE88FF !important;
 }
 
-a.text-dark:hover,
-a.text-dark:focus {
-  color: #0A100CFF !important;
+a.text-accent-b:hover,
+a.text-accent-b:focus {
+  color: #FFE33BFF !important;
 }
 
-.border-dark {
-  border-color: #273F2FFF !important;
+.border-accent-b {
+  border-color: #FFEE88FF !important;
 }
 
-.bg-gray-500 {
-  background-color: #707070FF !important;
+.bg-accent-a {
+  background-color: #00BBF9FF !important;
 }
 
-a.bg-gray-500:hover,
-a.bg-gray-500:focus,
-button.bg-gray-500:hover,
-button.bg-gray-500:focus {
-  background-color: #575757FF !important;
+a.bg-accent-a:hover,
+a.bg-accent-a:focus,
+button.bg-accent-a:hover,
+button.bg-accent-a:focus {
+  background-color: #0095C6FF !important;
 }
 
-.text-gray-500 {
-  color: #707070FF !important;
+.text-accent-a {
+  color: #00BBF9FF !important;
 }
 
-a.text-gray-500:hover,
-a.text-gray-500:focus {
-  color: #4A4A4AFF !important;
+a.text-accent-a:hover,
+a.text-accent-a:focus {
+  color: #0082ADFF !important;
 }
 
-.border-gray-500 {
-  border-color: #707070FF !important;
+.border-accent-a {
+  border-color: #00BBF9FF !important;
 }
 
-.bg-primary-100 {
-  background-color: #F0F3F5FF !important;
+.bg-dark-900 {
+  background-color: #1B2C21FF !important;
 }
 
-a.bg-primary-100:hover,
-a.bg-primary-100:focus,
-button.bg-primary-100:hover,
-button.bg-primary-100:focus {
-  background-color: #D1DBE1FF !important;
+a.bg-dark-900:hover,
+a.bg-dark-900:focus,
+button.bg-dark-900:hover,
+button.bg-dark-900:focus {
+  background-color: #080C09FF !important;
 }
 
-.text-primary-100 {
-  color: #F0F3F5FF !important;
+.text-dark-900 {
+  color: #1B2C21FF !important;
 }
 
-a.text-primary-100:hover,
-a.text-primary-100:focus {
-  color: #C2CED6FF !important;
+a.text-dark-900:hover,
+a.text-dark-900:focus {
+  color: #000000FF !important;
 }
 
-.border-primary-100 {
-  border-color: #F0F3F5FF !important;
+.border-dark-900 {
+  border-color: #1B2C21FF !important;
 }
 
-.bg-primary-200 {
-  background-color: #C2CBD5FF !important;
+.bg-dark-800 {
+  background-color: #1D2F23FF !important;
 }
 
-a.bg-primary-200:hover,
-a.bg-primary-200:focus,
-button.bg-primary-200:hover,
-button.bg-primary-200:focus {
-  background-color: #A4B1C0FF !important;
+a.bg-dark-800:hover,
+a.bg-dark-800:focus,
+button.bg-dark-800:hover,
+button.bg-dark-800:focus {
+  background-color: #0A0F0CFF !important;
 }
 
-.text-primary-200 {
-  color: #C2CBD5FF !important;
+.text-dark-800 {
+  color: #1D2F23FF !important;
 }
 
-a.text-primary-200:hover,
-a.text-primary-200:focus {
-  color: #95A4B6FF !important;
+a.text-dark-800:hover,
+a.text-dark-800:focus {
+  color: #000000FF !important;
 }
 
-.border-primary-200 {
-  border-color: #C2CBD5FF !important;
+.border-dark-800 {
+  border-color: #1D2F23FF !important;
 }
 
-.bg-primary-300 {
-  background-color: #8598AAFF !important;
+.bg-dark-700 {
+  background-color: #1F3226FF !important;
 }
 
-a.bg-primary-300:hover,
-a.bg-primary-300:focus,
-button.bg-primary-300:hover,
-button.bg-primary-300:focus {
-  background-color: #677F95FF !important;
+a.bg-dark-700:hover,
+a.bg-dark-700:focus,
+button.bg-dark-700:hover,
+button.bg-dark-700:focus {
+  background-color: #0B130EFF !important;
 }
 
-.text-primary-300 {
-  color: #8598AAFF !important;
+.text-dark-700 {
+  color: #1F3226FF !important;
 }
 
-a.text-primary-300:hover,
-a.text-primary-300:focus {
-  color: #5D7285FF !important;
+a.text-dark-700:hover,
+a.text-dark-700:focus {
+  color: #020302FF !important;
 }
 
-.border-primary-300 {
-  border-color: #8598AAFF !important;
+.border-dark-700 {
+  border-color: #1F3226FF !important;
 }
 
-.bg-primary-400 {
-  background-color: #476480FF !important;
+.bg-dark-600 {
+  background-color: #23392AFF !important;
 }
 
-a.bg-primary-400:hover,
-a.bg-primary-400:focus,
-button.bg-primary-400:hover,
-button.bg-primary-400:focus {
-  background-color: #354A5FFF !important;
+a.bg-dark-600:hover,
+a.bg-dark-600:focus,
+button.bg-dark-600:hover,
+button.bg-dark-600:focus {
+  background-color: #101913FF !important;
 }
 
-.text-primary-400 {
-  color: #476480FF !important;
+.text-dark-600 {
+  color: #23392AFF !important;
 }
 
-a.text-primary-400:hover,
-a.text-primary-400:focus {
-  color: #2C3E4FFF !important;
+a.text-dark-600:hover,
+a.text-dark-600:focus {
+  color: #060A07FF !important;
 }
 
-.border-primary-400 {
-  border-color: #476480FF !important;
+.border-dark-600 {
+  border-color: #23392AFF !important;
 }
 
-.bg-primary-500 {
-  background-color: #0A3055FF !important;
+.bg-dark-500 {
+  background-color: #273F2FFF !important;
 }
 
-a.bg-primary-500:hover,
-a.bg-primary-500:focus,
-button.bg-primary-500:hover,
-button.bg-primary-500:focus {
-  background-color: #051627FF !important;
+a.bg-dark-500:hover,
+a.bg-dark-500:focus,
+button.bg-dark-500:hover,
+button.bg-dark-500:focus {
+  background-color: #142018FF !important;
 }
 
-.text-primary-500 {
-  color: #0A3055FF !important;
+.text-dark-500 {
+  color: #273F2FFF !important;
 }
 
-a.text-primary-500:hover,
-a.text-primary-500:focus {
-  color: #020911FF !important;
+a.text-dark-500:hover,
+a.text-dark-500:focus {
+  color: #0A100CFF !important;
 }
 
-.border-primary-500 {
-  border-color: #0A3055FF !important;
+.border-dark-500 {
+  border-color: #273F2FFF !important;
 }
 
-.bg-primary-600 {
-  background-color: #092B4DFF !important;
+.bg-dark-400 {
+  background-color: #5D6F63FF !important;
 }
 
-a.bg-primary-600:hover,
-a.bg-primary-600:focus,
-button.bg-primary-600:hover,
-button.bg-primary-600:focus {
-  background-color: #04111FFF !important;
+a.bg-dark-400:hover,
+a.bg-dark-400:focus,
+button.bg-dark-400:hover,
+button.bg-dark-400:focus {
+  background-color: #46534AFF !important;
 }
 
-.text-primary-600 {
-  color: #092B4DFF !important;
+.text-dark-400 {
+  color: #5D6F63FF !important;
 }
 
-a.text-primary-600:hover,
-a.text-primary-600:focus {
-  color: #010509FF !important;
+a.text-dark-400:hover,
+a.text-dark-400:focus {
+  color: #3A453EFF !important;
 }
 
-.border-primary-600 {
-  border-color: #092B4DFF !important;
+.border-dark-400 {
+  border-color: #5D6F63FF !important;
 }
 
-.bg-primary-700 {
-  background-color: #082644FF !important;
+.bg-dark-300 {
+  background-color: #939F97FF !important;
 }
 
-a.bg-primary-700:hover,
-a.bg-primary-700:focus,
-button.bg-primary-700:hover,
-button.bg-primary-700:focus {
-  background-color: #030C16FF !important;
+a.bg-dark-300:hover,
+a.bg-dark-300:focus,
+button.bg-dark-300:hover,
+button.bg-dark-300:focus {
+  background-color: #78877DFF !important;
 }
 
-.text-primary-700 {
-  color: #082644FF !important;
+.text-dark-300 {
+  color: #939F97FF !important;
 }
 
-a.text-primary-700:hover,
-a.text-primary-700:focus {
-  color: #000000FF !important;
+a.text-dark-300:hover,
+a.text-dark-300:focus {
+  color: #6C7A71FF !important;
 }
 
-.border-primary-700 {
-  border-color: #082644FF !important;
+.border-dark-300 {
+  border-color: #939F97FF !important;
 }
 
-.bg-primary-800 {
-  background-color: #082440FF !important;
+.bg-dark-200 {
+  background-color: #C9CFCBFF !important;
 }
 
-a.bg-primary-800:hover,
-a.bg-primary-800:focus,
-button.bg-primary-800:hover,
-button.bg-primary-800:focus {
-  background-color: #020A13FF !important;
+a.bg-dark-200:hover,
+a.bg-dark-200:focus,
+button.bg-dark-200:hover,
+button.bg-dark-200:focus {
+  background-color: #AEB7B1FF !important;
 }
 
-.text-primary-800 {
-  color: #082440FF !important;
+.text-dark-200 {
+  color: #C9CFCBFF !important;
 }
 
-a.text-primary-800:hover,
-a.text-primary-800:focus {
-  color: #000000FF !important;
+a.text-dark-200:hover,
+a.text-dark-200:focus {
+  color: #A1ABA4FF !important;
 }
 
-.border-primary-800 {
-  border-color: #082440FF !important;
+.border-dark-200 {
+  border-color: #C9CFCBFF !important;
 }
 
-.bg-primary-900 {
-  background-color: #07223CFF !important;
+.bg-dark-100 {
+  background-color: #F2F3F3FF !important;
 }
 
-a.bg-primary-900:hover,
-a.bg-primary-900:focus,
-button.bg-primary-900:hover,
-button.bg-primary-900:focus {
-  background-color: #02080EFF !important;
+a.bg-dark-100:hover,
+a.bg-dark-100:focus,
+button.bg-dark-100:hover,
+button.bg-dark-100:focus {
+  background-color: #D7DBDBFF !important;
 }
 
-.text-primary-900 {
-  color: #07223CFF !important;
+.text-dark-100 {
+  color: #F2F3F3FF !important;
 }
 
-a.text-primary-900:hover,
-a.text-primary-900:focus {
-  color: #000000FF !important;
+a.text-dark-100:hover,
+a.text-dark-100:focus {
+  color: #CACECEFF !important;
 }
 
-.border-primary-900 {
-  border-color: #07223CFF !important;
+.border-dark-100 {
+  border-color: #F2F3F3FF !important;
 }
 
-.bg-secondary {
-  background-color: #454545FF !important;
+.bg-light-900 {
+  background-color: #9E9B99FF !important;
 }
 
-a.bg-secondary:hover,
-a.bg-secondary:focus,
-button.bg-secondary:hover,
-button.bg-secondary:focus {
-  background-color: #2B2B2BFF !important;
+a.bg-light-900:hover,
+a.bg-light-900:focus,
+button.bg-light-900:hover,
+button.bg-light-900:focus {
+  background-color: #85817FFF !important;
 }
 
-.text-secondary {
-  color: #454545FF !important;
+.text-light-900 {
+  color: #9E9B99FF !important;
 }
 
-a.text-secondary:hover,
-a.text-secondary:focus {
-  color: #1F1F1FFF !important;
+a.text-light-900:hover,
+a.text-light-900:focus {
+  color: #787572FF !important;
 }
 
-.border-secondary {
-  border-color: #454545FF !important;
+.border-light-900 {
+  border-color: #9E9B99FF !important;
 }
 
-.bg-brand-100 {
-  background-color: #F9F0F5FF !important;
+.bg-light-800 {
+  background-color: #A9A6A4FF !important;
 }
 
-a.bg-brand-100:hover,
-a.bg-brand-100:focus,
-button.bg-brand-100:hover,
-button.bg-brand-100:focus {
-  background-color: #EACCDDFF !important;
+a.bg-light-800:hover,
+a.bg-light-800:focus,
+button.bg-light-800:hover,
+button.bg-light-800:focus {
+  background-color: #908C8AFF !important;
 }
 
-.text-brand-100 {
-  color: #F9F0F5FF !important;
+.text-light-800 {
+  color: #A9A6A4FF !important;
 }
 
-a.text-brand-100:hover,
-a.text-brand-100:focus {
-  color: #E3B9D1FF !important;
+a.text-light-800:hover,
+a.text-light-800:focus {
+  color: #84807DFF !important;
 }
 
-.border-brand-100 {
-  border-color: #F9F0F5FF !important;
+.border-light-800 {
+  border-color: #A9A6A4FF !important;
 }
 
-.bg-brand-200 {
-  background-color: #E7BFD4FF !important;
+.bg-light-700 {
+  background-color: #B4B1AFFF !important;
 }
 
-a.bg-brand-200:hover,
-a.bg-brand-200:focus,
-button.bg-brand-200:hover,
-button.bg-brand-200:focus {
-  background-color: #D99ABBFF !important;
+a.bg-light-700:hover,
+a.bg-light-700:focus,
+button.bg-light-700:hover,
+button.bg-light-700:focus {
+  background-color: #9B9795FF !important;
 }
 
-.text-brand-200 {
-  color: #E7BFD4FF !important;
+.text-light-700 {
+  color: #B4B1AFFF !important;
 }
 
-a.text-brand-200:hover,
-a.text-brand-200:focus {
-  color: #D287AFFF !important;
+a.text-light-700:hover,
+a.text-light-700:focus {
+  color: #8F8B88FF !important;
 }
 
-.border-brand-200 {
-  border-color: #E7BFD4FF !important;
+.border-light-700 {
+  border-color: #B4B1AFFF !important;
 }
 
-.bg-brand-300 {
-  background-color: #CE80AAFF !important;
+.bg-light-600 {
+  background-color: #CBC7C5FF !important;
 }
 
-a.bg-brand-300:hover,
-a.bg-brand-300:focus,
-button.bg-brand-300:hover,
-button.bg-brand-300:focus {
-  background-color: #C05B91FF !important;
+a.bg-light-600:hover,
+a.bg-light-600:focus,
+button.bg-light-600:hover,
+button.bg-light-600:focus {
+  background-color: #B3ADAAFF !important;
 }
 
-.text-brand-300 {
-  color: #CE80AAFF !important;
+.text-light-600 {
+  color: #CBC7C5FF !important;
 }
 
-a.text-brand-300:hover,
-a.text-brand-300:focus {
-  color: #B94985FF !important;
+a.text-light-600:hover,
+a.text-light-600:focus {
+  color: #A7A09DFF !important;
 }
 
-.border-brand-300 {
-  border-color: #CE80AAFF !important;
+.border-light-600 {
+  border-color: #CBC7C5FF !important;
 }
 
-.bg-brand-400 {
-  background-color: #B6407FFF !important;
+.bg-light-500 {
+  background-color: #E1DDDBFF !important;
 }
 
-a.bg-brand-400:hover,
-a.bg-brand-400:focus,
-button.bg-brand-400:hover,
-button.bg-brand-400:focus {
-  background-color: #903365FF !important;
+a.bg-light-500:hover,
+a.bg-light-500:focus,
+button.bg-light-500:hover,
+button.bg-light-500:focus {
+  background-color: #CAC3BFFF !important;
 }
 
-.text-brand-400 {
-  color: #B6407FFF !important;
+.text-light-500 {
+  color: #E1DDDBFF !important;
 }
 
-a.text-brand-400:hover,
-a.text-brand-400:focus {
-  color: #7D2C58FF !important;
+a.text-light-500:hover,
+a.text-light-500:focus {
+  color: #BEB6B1FF !important;
 }
 
-.border-brand-400 {
-  border-color: #B6407FFF !important;
+.border-light-500 {
+  border-color: #E1DDDBFF !important;
 }
 
-.bg-brand-500 {
-  background-color: #9D0054FF !important;
+.bg-light-400 {
+  background-color: #E9E6E4FF !important;
 }
 
-a.bg-brand-500:hover,
-a.bg-brand-500:focus,
-button.bg-brand-500:hover,
-button.bg-brand-500:focus {
-  background-color: #6A0039FF !important;
+a.bg-light-400:hover,
+a.bg-light-400:focus,
+button.bg-light-400:hover,
+button.bg-light-400:focus {
+  background-color: #D2CCC8FF !important;
 }
 
-.text-brand-500 {
-  color: #9D0054FF !important;
+.text-light-400 {
+  color: #E9E6E4FF !important;
 }
 
-a.text-brand-500:hover,
-a.text-brand-500:focus {
-  color: #51002BFF !important;
+a.text-light-400:hover,
+a.text-light-400:focus {
+  color: #C7BFBAFF !important;
 }
 
-.border-brand-500 {
-  border-color: #9D0054FF !important;
+.border-light-400 {
+  border-color: #E9E6E4FF !important;
 }
 
-.bg-brand-600 {
-  background-color: #8D004CFF !important;
+.bg-light-300 {
+  background-color: #F0EEEDFF !important;
 }
 
-a.bg-brand-600:hover,
-a.bg-brand-600:focus,
-button.bg-brand-600:hover,
-button.bg-brand-600:focus {
-  background-color: #5A0031FF !important;
+a.bg-light-300:hover,
+a.bg-light-300:focus,
+button.bg-light-300:hover,
+button.bg-light-300:focus {
+  background-color: #D9D4D1FF !important;
 }
 
-.text-brand-600 {
-  color: #8D004CFF !important;
+.text-light-300 {
+  color: #F0EEEDFF !important;
 }
 
-a.text-brand-600:hover,
-a.text-brand-600:focus {
-  color: #410023FF !important;
+a.text-light-300:hover,
+a.text-light-300:focus {
+  color: #CDC7C3FF !important;
 }
 
-.border-brand-600 {
-  border-color: #8D004CFF !important;
+.border-light-300 {
+  border-color: #F0EEEDFF !important;
 }
 
-.bg-brand-700 {
-  background-color: #7E0043FF !important;
+.bg-light-200 {
+  background-color: #F8F7F6FF !important;
 }
 
-a.bg-brand-700:hover,
-a.bg-brand-700:focus,
-button.bg-brand-700:hover,
-button.bg-brand-700:focus {
-  background-color: #4B0028FF !important;
+a.bg-light-200:hover,
+a.bg-light-200:focus,
+button.bg-light-200:hover,
+button.bg-light-200:focus {
+  background-color: #E2DED9FF !important;
 }
 
-.text-brand-700 {
-  color: #7E0043FF !important;
+.text-light-200 {
+  color: #F8F7F6FF !important;
 }
 
-a.text-brand-700:hover,
-a.text-brand-700:focus {
-  color: #32001AFF !important;
+a.text-light-200:hover,
+a.text-light-200:focus {
+  color: #D7D1CBFF !important;
 }
 
-.border-brand-700 {
-  border-color: #7E0043FF !important;
+.border-light-200 {
+  border-color: #F8F7F6FF !important;
 }
 
-.bg-brand-800 {
-  background-color: #76003FFF !important;
+.bg-light-100 {
+  background-color: #FDFDFDFF !important;
 }
 
-a.bg-brand-800:hover,
-a.bg-brand-800:focus,
-button.bg-brand-800:hover,
-button.bg-brand-800:focus {
-  background-color: #430024FF !important;
+a.bg-light-100:hover,
+a.bg-light-100:focus,
+button.bg-light-100:hover,
+button.bg-light-100:focus {
+  background-color: #E4E4E4FF !important;
 }
 
-.text-brand-800 {
-  color: #76003FFF !important;
+.text-light-100 {
+  color: #FDFDFDFF !important;
 }
 
-a.text-brand-800:hover,
-a.text-brand-800:focus {
-  color: #2A0016FF !important;
+a.text-light-100:hover,
+a.text-light-100:focus {
+  color: #D7D7D7FF !important;
 }
 
-.border-brand-800 {
-  border-color: #76003FFF !important;
+.border-light-100 {
+  border-color: #FDFDFDFF !important;
 }
 
-.bg-brand-900 {
-  background-color: #6E003BFF !important;
+.bg-danger {
+  background-color: #C32D3AFF !important;
 }
 
-a.bg-brand-900:hover,
-a.bg-brand-900:focus,
-button.bg-brand-900:hover,
-button.bg-brand-900:focus {
-  background-color: #3B0020FF !important;
+a.bg-danger:hover,
+a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #9A232EFF !important;
 }
 
-.text-brand-900 {
-  color: #6E003BFF !important;
+.text-danger {
+  color: #C32D3AFF !important;
 }
 
-a.text-brand-900:hover,
-a.text-brand-900:focus {
-  color: #220012FF !important;
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #851F28FF !important;
 }
 
-.border-brand-900 {
-  border-color: #6E003BFF !important;
+.border-danger {
+  border-color: #C32D3AFF !important;
 }
 
-.bg-success {
-  background-color: #178253FF !important;
+.bg-warning {
+  background-color: #FFD900FF !important;
 }
 
-a.bg-success:hover,
-a.bg-success:focus,
-button.bg-success:hover,
-button.bg-success:focus {
-  background-color: #0F5737FF !important;
+a.bg-warning:hover,
+a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #CCAE00FF !important;
 }
 
-.text-success {
-  color: #178253FF !important;
+.text-warning {
+  color: #FFD900FF !important;
 }
 
-a.text-success:hover,
-a.text-success:focus {
-  color: #0C412AFF !important;
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #B39800FF !important;
 }
 
-.border-success {
-  border-color: #178253FF !important;
+.border-warning {
+  border-color: #FFD900FF !important;
 }
 
 .bg-info {
@@ -886,1012 +862,1036 @@ a.text-info:focus {
   border-color: #006DAAFF !important;
 }
 
-.bg-warning {
-  background-color: #FFD900FF !important;
+.bg-success {
+  background-color: #178253FF !important;
 }
 
-a.bg-warning:hover,
-a.bg-warning:focus,
-button.bg-warning:hover,
-button.bg-warning:focus {
-  background-color: #CCAE00FF !important;
+a.bg-success:hover,
+a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #0F5737FF !important;
+}
+
+.text-success {
+  color: #178253FF !important;
+}
+
+a.text-success:hover,
+a.text-success:focus {
+  color: #0C412AFF !important;
+}
+
+.border-success {
+  border-color: #178253FF !important;
 }
 
-.text-warning {
-  color: #FFD900FF !important;
+.bg-brand-900 {
+  background-color: #6E003BFF !important;
 }
 
-a.text-warning:hover,
-a.text-warning:focus {
-  color: #B39800FF !important;
+a.bg-brand-900:hover,
+a.bg-brand-900:focus,
+button.bg-brand-900:hover,
+button.bg-brand-900:focus {
+  background-color: #3B0020FF !important;
 }
 
-.border-warning {
-  border-color: #FFD900FF !important;
+.text-brand-900 {
+  color: #6E003BFF !important;
 }
 
-.bg-danger {
-  background-color: #C32D3AFF !important;
+a.text-brand-900:hover,
+a.text-brand-900:focus {
+  color: #220012FF !important;
 }
 
-a.bg-danger:hover,
-a.bg-danger:focus,
-button.bg-danger:hover,
-button.bg-danger:focus {
-  background-color: #9A232EFF !important;
+.border-brand-900 {
+  border-color: #6E003BFF !important;
 }
 
-.text-danger {
-  color: #C32D3AFF !important;
+.bg-brand-800 {
+  background-color: #76003FFF !important;
 }
 
-a.text-danger:hover,
-a.text-danger:focus {
-  color: #851F28FF !important;
+a.bg-brand-800:hover,
+a.bg-brand-800:focus,
+button.bg-brand-800:hover,
+button.bg-brand-800:focus {
+  background-color: #430024FF !important;
 }
 
-.border-danger {
-  border-color: #C32D3AFF !important;
+.text-brand-800 {
+  color: #76003FFF !important;
 }
 
-.bg-light-100 {
-  background-color: #FDFDFDFF !important;
+a.text-brand-800:hover,
+a.text-brand-800:focus {
+  color: #2A0016FF !important;
 }
 
-a.bg-light-100:hover,
-a.bg-light-100:focus,
-button.bg-light-100:hover,
-button.bg-light-100:focus {
-  background-color: #E4E4E4FF !important;
+.border-brand-800 {
+  border-color: #76003FFF !important;
 }
 
-.text-light-100 {
-  color: #FDFDFDFF !important;
+.bg-brand-700 {
+  background-color: #7E0043FF !important;
 }
 
-a.text-light-100:hover,
-a.text-light-100:focus {
-  color: #D7D7D7FF !important;
+a.bg-brand-700:hover,
+a.bg-brand-700:focus,
+button.bg-brand-700:hover,
+button.bg-brand-700:focus {
+  background-color: #4B0028FF !important;
 }
 
-.border-light-100 {
-  border-color: #FDFDFDFF !important;
+.text-brand-700 {
+  color: #7E0043FF !important;
 }
 
-.bg-light-200 {
-  background-color: #F8F7F6FF !important;
+a.text-brand-700:hover,
+a.text-brand-700:focus {
+  color: #32001AFF !important;
 }
 
-a.bg-light-200:hover,
-a.bg-light-200:focus,
-button.bg-light-200:hover,
-button.bg-light-200:focus {
-  background-color: #E2DED9FF !important;
+.border-brand-700 {
+  border-color: #7E0043FF !important;
 }
 
-.text-light-200 {
-  color: #F8F7F6FF !important;
+.bg-brand-600 {
+  background-color: #8D004CFF !important;
 }
 
-a.text-light-200:hover,
-a.text-light-200:focus {
-  color: #D7D1CBFF !important;
+a.bg-brand-600:hover,
+a.bg-brand-600:focus,
+button.bg-brand-600:hover,
+button.bg-brand-600:focus {
+  background-color: #5A0031FF !important;
 }
 
-.border-light-200 {
-  border-color: #F8F7F6FF !important;
+.text-brand-600 {
+  color: #8D004CFF !important;
 }
 
-.bg-light-300 {
-  background-color: #F0EEEDFF !important;
+a.text-brand-600:hover,
+a.text-brand-600:focus {
+  color: #410023FF !important;
 }
 
-a.bg-light-300:hover,
-a.bg-light-300:focus,
-button.bg-light-300:hover,
-button.bg-light-300:focus {
-  background-color: #D9D4D1FF !important;
+.border-brand-600 {
+  border-color: #8D004CFF !important;
 }
 
-.text-light-300 {
-  color: #F0EEEDFF !important;
+.bg-brand-500 {
+  background-color: #9D0054FF !important;
 }
 
-a.text-light-300:hover,
-a.text-light-300:focus {
-  color: #CDC7C3FF !important;
+a.bg-brand-500:hover,
+a.bg-brand-500:focus,
+button.bg-brand-500:hover,
+button.bg-brand-500:focus {
+  background-color: #6A0039FF !important;
 }
 
-.border-light-300 {
-  border-color: #F0EEEDFF !important;
+.text-brand-500 {
+  color: #9D0054FF !important;
 }
 
-.bg-light-400 {
-  background-color: #E9E6E4FF !important;
+a.text-brand-500:hover,
+a.text-brand-500:focus {
+  color: #51002BFF !important;
 }
 
-a.bg-light-400:hover,
-a.bg-light-400:focus,
-button.bg-light-400:hover,
-button.bg-light-400:focus {
-  background-color: #D2CCC8FF !important;
+.border-brand-500 {
+  border-color: #9D0054FF !important;
 }
 
-.text-light-400 {
-  color: #E9E6E4FF !important;
+.bg-brand-400 {
+  background-color: #B6407FFF !important;
 }
 
-a.text-light-400:hover,
-a.text-light-400:focus {
-  color: #C7BFBAFF !important;
+a.bg-brand-400:hover,
+a.bg-brand-400:focus,
+button.bg-brand-400:hover,
+button.bg-brand-400:focus {
+  background-color: #903365FF !important;
 }
 
-.border-light-400 {
-  border-color: #E9E6E4FF !important;
+.text-brand-400 {
+  color: #B6407FFF !important;
 }
 
-.bg-light-500 {
-  background-color: #E1DDDBFF !important;
+a.text-brand-400:hover,
+a.text-brand-400:focus {
+  color: #7D2C58FF !important;
 }
 
-a.bg-light-500:hover,
-a.bg-light-500:focus,
-button.bg-light-500:hover,
-button.bg-light-500:focus {
-  background-color: #CAC3BFFF !important;
+.border-brand-400 {
+  border-color: #B6407FFF !important;
 }
 
-.text-light-500 {
-  color: #E1DDDBFF !important;
+.bg-brand-300 {
+  background-color: #CE80AAFF !important;
 }
 
-a.text-light-500:hover,
-a.text-light-500:focus {
-  color: #BEB6B1FF !important;
+a.bg-brand-300:hover,
+a.bg-brand-300:focus,
+button.bg-brand-300:hover,
+button.bg-brand-300:focus {
+  background-color: #C05B91FF !important;
 }
 
-.border-light-500 {
-  border-color: #E1DDDBFF !important;
+.text-brand-300 {
+  color: #CE80AAFF !important;
 }
 
-.bg-light-600 {
-  background-color: #CBC7C5FF !important;
+a.text-brand-300:hover,
+a.text-brand-300:focus {
+  color: #B94985FF !important;
 }
 
-a.bg-light-600:hover,
-a.bg-light-600:focus,
-button.bg-light-600:hover,
-button.bg-light-600:focus {
-  background-color: #B3ADAAFF !important;
+.border-brand-300 {
+  border-color: #CE80AAFF !important;
 }
 
-.text-light-600 {
-  color: #CBC7C5FF !important;
+.bg-brand-200 {
+  background-color: #E7BFD4FF !important;
 }
 
-a.text-light-600:hover,
-a.text-light-600:focus {
-  color: #A7A09DFF !important;
+a.bg-brand-200:hover,
+a.bg-brand-200:focus,
+button.bg-brand-200:hover,
+button.bg-brand-200:focus {
+  background-color: #D99ABBFF !important;
 }
 
-.border-light-600 {
-  border-color: #CBC7C5FF !important;
+.text-brand-200 {
+  color: #E7BFD4FF !important;
 }
 
-.bg-light-700 {
-  background-color: #B4B1AFFF !important;
+a.text-brand-200:hover,
+a.text-brand-200:focus {
+  color: #D287AFFF !important;
 }
 
-a.bg-light-700:hover,
-a.bg-light-700:focus,
-button.bg-light-700:hover,
-button.bg-light-700:focus {
-  background-color: #9B9795FF !important;
+.border-brand-200 {
+  border-color: #E7BFD4FF !important;
 }
 
-.text-light-700 {
-  color: #B4B1AFFF !important;
+.bg-brand-100 {
+  background-color: #F9F0F5FF !important;
 }
 
-a.text-light-700:hover,
-a.text-light-700:focus {
-  color: #8F8B88FF !important;
+a.bg-brand-100:hover,
+a.bg-brand-100:focus,
+button.bg-brand-100:hover,
+button.bg-brand-100:focus {
+  background-color: #EACCDDFF !important;
 }
 
-.border-light-700 {
-  border-color: #B4B1AFFF !important;
+.text-brand-100 {
+  color: #F9F0F5FF !important;
 }
 
-.bg-light-800 {
-  background-color: #A9A6A4FF !important;
+a.text-brand-100:hover,
+a.text-brand-100:focus {
+  color: #E3B9D1FF !important;
 }
 
-a.bg-light-800:hover,
-a.bg-light-800:focus,
-button.bg-light-800:hover,
-button.bg-light-800:focus {
-  background-color: #908C8AFF !important;
+.border-brand-100 {
+  border-color: #F9F0F5FF !important;
+}
+
+.bg-secondary {
+  background-color: #454545FF !important;
 }
 
-.text-light-800 {
-  color: #A9A6A4FF !important;
+a.bg-secondary:hover,
+a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #2B2B2BFF !important;
 }
 
-a.text-light-800:hover,
-a.text-light-800:focus {
-  color: #84807DFF !important;
+.text-secondary {
+  color: #454545FF !important;
 }
 
-.border-light-800 {
-  border-color: #A9A6A4FF !important;
+a.text-secondary:hover,
+a.text-secondary:focus {
+  color: #1F1F1FFF !important;
 }
 
-.bg-light-900 {
-  background-color: #9E9B99FF !important;
+.border-secondary {
+  border-color: #454545FF !important;
 }
 
-a.bg-light-900:hover,
-a.bg-light-900:focus,
-button.bg-light-900:hover,
-button.bg-light-900:focus {
-  background-color: #85817FFF !important;
+.bg-primary-900 {
+  background-color: #07223CFF !important;
 }
 
-.text-light-900 {
-  color: #9E9B99FF !important;
+a.bg-primary-900:hover,
+a.bg-primary-900:focus,
+button.bg-primary-900:hover,
+button.bg-primary-900:focus {
+  background-color: #02080EFF !important;
 }
 
-a.text-light-900:hover,
-a.text-light-900:focus {
-  color: #787572FF !important;
+.text-primary-900 {
+  color: #07223CFF !important;
 }
 
-.border-light-900 {
-  border-color: #9E9B99FF !important;
+a.text-primary-900:hover,
+a.text-primary-900:focus {
+  color: #000000FF !important;
 }
 
-.bg-dark-100 {
-  background-color: #F2F3F3FF !important;
+.border-primary-900 {
+  border-color: #07223CFF !important;
 }
 
-a.bg-dark-100:hover,
-a.bg-dark-100:focus,
-button.bg-dark-100:hover,
-button.bg-dark-100:focus {
-  background-color: #D7DBDBFF !important;
+.bg-primary-800 {
+  background-color: #082440FF !important;
 }
 
-.text-dark-100 {
-  color: #F2F3F3FF !important;
+a.bg-primary-800:hover,
+a.bg-primary-800:focus,
+button.bg-primary-800:hover,
+button.bg-primary-800:focus {
+  background-color: #020A13FF !important;
 }
 
-a.text-dark-100:hover,
-a.text-dark-100:focus {
-  color: #CACECEFF !important;
+.text-primary-800 {
+  color: #082440FF !important;
 }
 
-.border-dark-100 {
-  border-color: #F2F3F3FF !important;
+a.text-primary-800:hover,
+a.text-primary-800:focus {
+  color: #000000FF !important;
 }
 
-.bg-dark-200 {
-  background-color: #C9CFCBFF !important;
+.border-primary-800 {
+  border-color: #082440FF !important;
 }
 
-a.bg-dark-200:hover,
-a.bg-dark-200:focus,
-button.bg-dark-200:hover,
-button.bg-dark-200:focus {
-  background-color: #AEB7B1FF !important;
+.bg-primary-700 {
+  background-color: #082644FF !important;
 }
 
-.text-dark-200 {
-  color: #C9CFCBFF !important;
+a.bg-primary-700:hover,
+a.bg-primary-700:focus,
+button.bg-primary-700:hover,
+button.bg-primary-700:focus {
+  background-color: #030C16FF !important;
 }
 
-a.text-dark-200:hover,
-a.text-dark-200:focus {
-  color: #A1ABA4FF !important;
+.text-primary-700 {
+  color: #082644FF !important;
 }
 
-.border-dark-200 {
-  border-color: #C9CFCBFF !important;
+a.text-primary-700:hover,
+a.text-primary-700:focus {
+  color: #000000FF !important;
 }
 
-.bg-dark-300 {
-  background-color: #939F97FF !important;
+.border-primary-700 {
+  border-color: #082644FF !important;
 }
 
-a.bg-dark-300:hover,
-a.bg-dark-300:focus,
-button.bg-dark-300:hover,
-button.bg-dark-300:focus {
-  background-color: #78877DFF !important;
+.bg-primary-600 {
+  background-color: #092B4DFF !important;
 }
 
-.text-dark-300 {
-  color: #939F97FF !important;
+a.bg-primary-600:hover,
+a.bg-primary-600:focus,
+button.bg-primary-600:hover,
+button.bg-primary-600:focus {
+  background-color: #04111FFF !important;
 }
 
-a.text-dark-300:hover,
-a.text-dark-300:focus {
-  color: #6C7A71FF !important;
+.text-primary-600 {
+  color: #092B4DFF !important;
 }
 
-.border-dark-300 {
-  border-color: #939F97FF !important;
+a.text-primary-600:hover,
+a.text-primary-600:focus {
+  color: #010509FF !important;
 }
 
-.bg-dark-400 {
-  background-color: #5D6F63FF !important;
+.border-primary-600 {
+  border-color: #092B4DFF !important;
 }
 
-a.bg-dark-400:hover,
-a.bg-dark-400:focus,
-button.bg-dark-400:hover,
-button.bg-dark-400:focus {
-  background-color: #46534AFF !important;
+.bg-primary-500 {
+  background-color: #0A3055FF !important;
 }
 
-.text-dark-400 {
-  color: #5D6F63FF !important;
+a.bg-primary-500:hover,
+a.bg-primary-500:focus,
+button.bg-primary-500:hover,
+button.bg-primary-500:focus {
+  background-color: #051627FF !important;
 }
 
-a.text-dark-400:hover,
-a.text-dark-400:focus {
-  color: #3A453EFF !important;
+.text-primary-500 {
+  color: #0A3055FF !important;
 }
 
-.border-dark-400 {
-  border-color: #5D6F63FF !important;
+a.text-primary-500:hover,
+a.text-primary-500:focus {
+  color: #020911FF !important;
 }
 
-.bg-dark-500 {
-  background-color: #273F2FFF !important;
+.border-primary-500 {
+  border-color: #0A3055FF !important;
 }
 
-a.bg-dark-500:hover,
-a.bg-dark-500:focus,
-button.bg-dark-500:hover,
-button.bg-dark-500:focus {
-  background-color: #142018FF !important;
+.bg-primary-400 {
+  background-color: #476480FF !important;
 }
 
-.text-dark-500 {
-  color: #273F2FFF !important;
+a.bg-primary-400:hover,
+a.bg-primary-400:focus,
+button.bg-primary-400:hover,
+button.bg-primary-400:focus {
+  background-color: #354A5FFF !important;
 }
 
-a.text-dark-500:hover,
-a.text-dark-500:focus {
-  color: #0A100CFF !important;
+.text-primary-400 {
+  color: #476480FF !important;
 }
 
-.border-dark-500 {
-  border-color: #273F2FFF !important;
+a.text-primary-400:hover,
+a.text-primary-400:focus {
+  color: #2C3E4FFF !important;
 }
 
-.bg-dark-600 {
-  background-color: #23392AFF !important;
+.border-primary-400 {
+  border-color: #476480FF !important;
 }
 
-a.bg-dark-600:hover,
-a.bg-dark-600:focus,
-button.bg-dark-600:hover,
-button.bg-dark-600:focus {
-  background-color: #101913FF !important;
+.bg-primary-300 {
+  background-color: #8598AAFF !important;
 }
 
-.text-dark-600 {
-  color: #23392AFF !important;
+a.bg-primary-300:hover,
+a.bg-primary-300:focus,
+button.bg-primary-300:hover,
+button.bg-primary-300:focus {
+  background-color: #677F95FF !important;
 }
 
-a.text-dark-600:hover,
-a.text-dark-600:focus {
-  color: #060A07FF !important;
+.text-primary-300 {
+  color: #8598AAFF !important;
 }
 
-.border-dark-600 {
-  border-color: #23392AFF !important;
+a.text-primary-300:hover,
+a.text-primary-300:focus {
+  color: #5D7285FF !important;
 }
 
-.bg-dark-700 {
-  background-color: #1F3226FF !important;
+.border-primary-300 {
+  border-color: #8598AAFF !important;
 }
 
-a.bg-dark-700:hover,
-a.bg-dark-700:focus,
-button.bg-dark-700:hover,
-button.bg-dark-700:focus {
-  background-color: #0B130EFF !important;
+.bg-primary-200 {
+  background-color: #C2CBD5FF !important;
 }
 
-.text-dark-700 {
-  color: #1F3226FF !important;
+a.bg-primary-200:hover,
+a.bg-primary-200:focus,
+button.bg-primary-200:hover,
+button.bg-primary-200:focus {
+  background-color: #A4B1C0FF !important;
 }
 
-a.text-dark-700:hover,
-a.text-dark-700:focus {
-  color: #020302FF !important;
+.text-primary-200 {
+  color: #C2CBD5FF !important;
 }
 
-.border-dark-700 {
-  border-color: #1F3226FF !important;
+a.text-primary-200:hover,
+a.text-primary-200:focus {
+  color: #95A4B6FF !important;
 }
 
-.bg-dark-800 {
-  background-color: #1D2F23FF !important;
+.border-primary-200 {
+  border-color: #C2CBD5FF !important;
 }
 
-a.bg-dark-800:hover,
-a.bg-dark-800:focus,
-button.bg-dark-800:hover,
-button.bg-dark-800:focus {
-  background-color: #0A0F0CFF !important;
+.bg-primary-100 {
+  background-color: #F0F3F5FF !important;
+}
+
+a.bg-primary-100:hover,
+a.bg-primary-100:focus,
+button.bg-primary-100:hover,
+button.bg-primary-100:focus {
+  background-color: #D1DBE1FF !important;
 }
 
-.text-dark-800 {
-  color: #1D2F23FF !important;
+.text-primary-100 {
+  color: #F0F3F5FF !important;
 }
 
-a.text-dark-800:hover,
-a.text-dark-800:focus {
-  color: #000000FF !important;
+a.text-primary-100:hover,
+a.text-primary-100:focus {
+  color: #C2CED6FF !important;
 }
 
-.border-dark-800 {
-  border-color: #1D2F23FF !important;
+.border-primary-100 {
+  border-color: #F0F3F5FF !important;
 }
 
-.bg-dark-900 {
-  background-color: #1B2C21FF !important;
+.bg-gray-500 {
+  background-color: #707070FF !important;
 }
 
-a.bg-dark-900:hover,
-a.bg-dark-900:focus,
-button.bg-dark-900:hover,
-button.bg-dark-900:focus {
-  background-color: #080C09FF !important;
+a.bg-gray-500:hover,
+a.bg-gray-500:focus,
+button.bg-gray-500:hover,
+button.bg-gray-500:focus {
+  background-color: #575757FF !important;
 }
 
-.text-dark-900 {
-  color: #1B2C21FF !important;
+.text-gray-500 {
+  color: #707070FF !important;
 }
 
-a.text-dark-900:hover,
-a.text-dark-900:focus {
-  color: #000000FF !important;
+a.text-gray-500:hover,
+a.text-gray-500:focus {
+  color: #4A4A4AFF !important;
 }
 
-.border-dark-900 {
-  border-color: #1B2C21FF !important;
+.border-gray-500 {
+  border-color: #707070FF !important;
 }
 
-.bg-secondary-100 {
-  background-color: #F4F4F4FF !important;
+.bg-danger-900 {
+  background-color: #892029FF !important;
 }
 
-a.bg-secondary-100:hover,
-a.bg-secondary-100:focus,
-button.bg-secondary-100:hover,
-button.bg-secondary-100:focus {
-  background-color: #DBDBDBFF !important;
+a.bg-danger-900:hover,
+a.bg-danger-900:focus,
+button.bg-danger-900:hover,
+button.bg-danger-900:focus {
+  background-color: #60161DFF !important;
 }
 
-.text-secondary-100 {
-  color: #F4F4F4FF !important;
+.text-danger-900 {
+  color: #892029FF !important;
 }
 
-a.text-secondary-100:hover,
-a.text-secondary-100:focus {
-  color: #CECECEFF !important;
+a.text-danger-900:hover,
+a.text-danger-900:focus {
+  color: #4B1216FF !important;
 }
 
-.border-secondary-100 {
-  border-color: #F4F4F4FF !important;
+.border-danger-900 {
+  border-color: #892029FF !important;
 }
 
-.bg-secondary-200 {
-  background-color: #D1D1D1FF !important;
+.bg-danger-800 {
+  background-color: #92222CFF !important;
 }
 
-a.bg-secondary-200:hover,
-a.bg-secondary-200:focus,
-button.bg-secondary-200:hover,
-button.bg-secondary-200:focus {
-  background-color: #B8B8B8FF !important;
+a.bg-danger-800:hover,
+a.bg-danger-800:focus,
+button.bg-danger-800:hover,
+button.bg-danger-800:focus {
+  background-color: #691820FF !important;
 }
 
-.text-secondary-200 {
-  color: #D1D1D1FF !important;
+.text-danger-800 {
+  color: #92222CFF !important;
 }
 
-a.text-secondary-200:hover,
-a.text-secondary-200:focus {
-  color: #ABABABFF !important;
+a.text-danger-800:hover,
+a.text-danger-800:focus {
+  color: #541419FF !important;
 }
 
-.border-secondary-200 {
-  border-color: #D1D1D1FF !important;
+.border-danger-800 {
+  border-color: #92222CFF !important;
 }
 
-.bg-secondary-300 {
-  background-color: #A2A2A2FF !important;
+.bg-danger-700 {
+  background-color: #9C242EFF !important;
 }
 
-a.bg-secondary-300:hover,
-a.bg-secondary-300:focus,
-button.bg-secondary-300:hover,
-button.bg-secondary-300:focus {
-  background-color: #898989FF !important;
+a.bg-danger-700:hover,
+a.bg-danger-700:focus,
+button.bg-danger-700:hover,
+button.bg-danger-700:focus {
+  background-color: #731A22FF !important;
 }
 
-.text-secondary-300 {
-  color: #A2A2A2FF !important;
+.text-danger-700 {
+  color: #9C242EFF !important;
 }
 
-a.text-secondary-300:hover,
-a.text-secondary-300:focus {
-  color: #7C7C7CFF !important;
+a.text-danger-700:hover,
+a.text-danger-700:focus {
+  color: #5E161CFF !important;
 }
 
-.border-secondary-300 {
-  border-color: #A2A2A2FF !important;
+.border-danger-700 {
+  border-color: #9C242EFF !important;
 }
 
-.bg-secondary-400 {
-  background-color: #747474FF !important;
+.bg-danger-600 {
+  background-color: #B02934FF !important;
 }
 
-a.bg-secondary-400:hover,
-a.bg-secondary-400:focus,
-button.bg-secondary-400:hover,
-button.bg-secondary-400:focus {
-  background-color: #5A5A5AFF !important;
+a.bg-danger-600:hover,
+a.bg-danger-600:focus,
+button.bg-danger-600:hover,
+button.bg-danger-600:focus {
+  background-color: #871F28FF !important;
 }
 
-.text-secondary-400 {
-  color: #747474FF !important;
+.text-danger-600 {
+  color: #B02934FF !important;
 }
 
-a.text-secondary-400:hover,
-a.text-secondary-400:focus {
-  color: #4E4E4EFF !important;
+a.text-danger-600:hover,
+a.text-danger-600:focus {
+  color: #721B22FF !important;
 }
 
-.border-secondary-400 {
-  border-color: #747474FF !important;
+.border-danger-600 {
+  border-color: #B02934FF !important;
 }
 
-.bg-secondary-500 {
-  background-color: #454545FF !important;
+.bg-danger-500 {
+  background-color: #C32D3AFF !important;
 }
 
-a.bg-secondary-500:hover,
-a.bg-secondary-500:focus,
-button.bg-secondary-500:hover,
-button.bg-secondary-500:focus {
-  background-color: #2B2B2BFF !important;
+a.bg-danger-500:hover,
+a.bg-danger-500:focus,
+button.bg-danger-500:hover,
+button.bg-danger-500:focus {
+  background-color: #9A232EFF !important;
 }
 
-.text-secondary-500 {
-  color: #454545FF !important;
+.text-danger-500 {
+  color: #C32D3AFF !important;
 }
 
-a.text-secondary-500:hover,
-a.text-secondary-500:focus {
-  color: #1F1F1FFF !important;
+a.text-danger-500:hover,
+a.text-danger-500:focus {
+  color: #851F28FF !important;
 }
 
-.border-secondary-500 {
-  border-color: #454545FF !important;
+.border-danger-500 {
+  border-color: #C32D3AFF !important;
 }
 
-.bg-secondary-600 {
-  background-color: #3E3E3EFF !important;
+.bg-danger-400 {
+  background-color: #D2626BFF !important;
 }
 
-a.bg-secondary-600:hover,
-a.bg-secondary-600:focus,
-button.bg-secondary-600:hover,
-button.bg-secondary-600:focus {
-  background-color: #252525FF !important;
+a.bg-danger-400:hover,
+a.bg-danger-400:focus,
+button.bg-danger-400:hover,
+button.bg-danger-400:focus {
+  background-color: #C73A46FF !important;
 }
 
-.text-secondary-600 {
-  color: #3E3E3EFF !important;
+.text-danger-400 {
+  color: #D2626BFF !important;
 }
 
-a.text-secondary-600:hover,
-a.text-secondary-600:focus {
-  color: #181818FF !important;
+a.text-danger-400:hover,
+a.text-danger-400:focus {
+  color: #B4343EFF !important;
 }
 
-.border-secondary-600 {
-  border-color: #3E3E3EFF !important;
+.border-danger-400 {
+  border-color: #D2626BFF !important;
 }
 
-.bg-secondary-700 {
-  background-color: #373737FF !important;
+.bg-danger-300 {
+  background-color: #E1969DFF !important;
 }
 
-a.bg-secondary-700:hover,
-a.bg-secondary-700:focus,
-button.bg-secondary-700:hover,
-button.bg-secondary-700:focus {
-  background-color: #1E1E1EFF !important;
+a.bg-danger-300:hover,
+a.bg-danger-300:focus,
+button.bg-danger-300:hover,
+button.bg-danger-300:focus {
+  background-color: #D66E78FF !important;
 }
 
-.text-secondary-700 {
-  color: #373737FF !important;
+.text-danger-300 {
+  color: #E1969DFF !important;
 }
 
-a.text-secondary-700:hover,
-a.text-secondary-700:focus {
-  color: #111111FF !important;
+a.text-danger-300:hover,
+a.text-danger-300:focus {
+  color: #D05B65FF !important;
 }
 
-.border-secondary-700 {
-  border-color: #373737FF !important;
+.border-danger-300 {
+  border-color: #E1969DFF !important;
 }
 
-.bg-secondary-800 {
-  background-color: #343434FF !important;
+.bg-danger-200 {
+  background-color: #F0CBCEFF !important;
 }
 
-a.bg-secondary-800:hover,
-a.bg-secondary-800:focus,
-button.bg-secondary-800:hover,
-button.bg-secondary-800:focus {
-  background-color: #1A1A1AFF !important;
+a.bg-danger-200:hover,
+a.bg-danger-200:focus,
+button.bg-danger-200:hover,
+button.bg-danger-200:focus {
+  background-color: #E5A3A9FF !important;
 }
 
-.text-secondary-800 {
-  color: #343434FF !important;
+.text-danger-200 {
+  color: #F0CBCEFF !important;
 }
 
-a.text-secondary-800:hover,
-a.text-secondary-800:focus {
-  color: #0E0E0EFF !important;
+a.text-danger-200:hover,
+a.text-danger-200:focus {
+  color: #DF9096FF !important;
 }
 
-.border-secondary-800 {
-  border-color: #343434FF !important;
+.border-danger-200 {
+  border-color: #F0CBCEFF !important;
 }
 
-.bg-secondary-900 {
-  background-color: #303030FF !important;
+.bg-danger-100 {
+  background-color: #FBF2F3FF !important;
 }
 
-a.bg-secondary-900:hover,
-a.bg-secondary-900:focus,
-button.bg-secondary-900:hover,
-button.bg-secondary-900:focus {
-  background-color: #161616FF !important;
+a.bg-danger-100:hover,
+a.bg-danger-100:focus,
+button.bg-danger-100:hover,
+button.bg-danger-100:focus {
+  background-color: #EFCBCFFF !important;
 }
 
-.text-secondary-900 {
-  color: #303030FF !important;
+.text-danger-100 {
+  color: #FBF2F3FF !important;
 }
 
-a.text-secondary-900:hover,
-a.text-secondary-900:focus {
-  color: #0A0A0AFF !important;
+a.text-danger-100:hover,
+a.text-danger-100:focus {
+  color: #E9B7BDFF !important;
 }
 
-.border-secondary-900 {
-  border-color: #303030FF !important;
+.border-danger-100 {
+  border-color: #FBF2F3FF !important;
 }
 
-.bg-success-100 {
-  background-color: #F1F8F5FF !important;
+.bg-warning-900 {
+  background-color: #B39800FF !important;
 }
 
-a.bg-success-100:hover,
-a.bg-success-100:focus,
-button.bg-success-100:hover,
-button.bg-success-100:focus {
-  background-color: #CFE7DDFF !important;
+a.bg-warning-900:hover,
+a.bg-warning-900:focus,
+button.bg-warning-900:hover,
+button.bg-warning-900:focus {
+  background-color: #806D00FF !important;
 }
 
-.text-success-100 {
-  color: #F1F8F5FF !important;
+.text-warning-900 {
+  color: #B39800FF !important;
 }
 
-a.text-success-100:hover,
-a.text-success-100:focus {
-  color: #BEDFD1FF !important;
+a.text-warning-900:hover,
+a.text-warning-900:focus {
+  color: #665700FF !important;
 }
 
-.border-success-100 {
-  border-color: #F1F8F5FF !important;
+.border-warning-900 {
+  border-color: #B39800FF !important;
 }
 
-.bg-success-200 {
-  background-color: #C5E0D4FF !important;
+.bg-warning-800 {
+  background-color: #BFA300FF !important;
 }
 
-a.bg-success-200:hover,
-a.bg-success-200:focus,
-button.bg-success-200:hover,
-button.bg-success-200:focus {
-  background-color: #A4CEBBFF !important;
+a.bg-warning-800:hover,
+a.bg-warning-800:focus,
+button.bg-warning-800:hover,
+button.bg-warning-800:focus {
+  background-color: #8C7700FF !important;
 }
 
-.text-success-200 {
-  color: #C5E0D4FF !important;
+.text-warning-800 {
+  color: #BFA300FF !important;
 }
 
-a.text-success-200:hover,
-a.text-success-200:focus {
-  color: #93C5AFFF !important;
+a.text-warning-800:hover,
+a.text-warning-800:focus {
+  color: #736200FF !important;
 }
 
-.border-success-200 {
-  border-color: #C5E0D4FF !important;
+.border-warning-800 {
+  border-color: #BFA300FF !important;
 }
 
-.bg-success-300 {
-  background-color: #8BC1A9FF !important;
+.bg-warning-700 {
+  background-color: #CCAE00FF !important;
 }
 
-a.bg-success-300:hover,
-a.bg-success-300:focus,
-button.bg-success-300:hover,
-button.bg-success-300:focus {
-  background-color: #6AAF90FF !important;
+a.bg-warning-700:hover,
+a.bg-warning-700:focus,
+button.bg-warning-700:hover,
+button.bg-warning-700:focus {
+  background-color: #998300FF !important;
 }
 
-.text-success-300 {
-  color: #8BC1A9FF !important;
+.text-warning-700 {
+  color: #CCAE00FF !important;
 }
 
-a.text-success-300:hover,
-a.text-success-300:focus {
-  color: #59A684FF !important;
+a.text-warning-700:hover,
+a.text-warning-700:focus {
+  color: #806D00FF !important;
 }
 
-.border-success-300 {
-  border-color: #8BC1A9FF !important;
+.border-warning-700 {
+  border-color: #CCAE00FF !important;
 }
 
-.bg-success-400 {
-  background-color: #51A17EFF !important;
+.bg-warning-600 {
+  background-color: #E6C300FF !important;
 }
 
-a.bg-success-400:hover,
-a.bg-success-400:focus,
-button.bg-success-400:hover,
-button.bg-success-400:focus {
-  background-color: #407F63FF !important;
+a.bg-warning-600:hover,
+a.bg-warning-600:focus,
+button.bg-warning-600:hover,
+button.bg-warning-600:focus {
+  background-color: #B39800FF !important;
 }
 
-.text-success-400 {
-  color: #51A17EFF !important;
+.text-warning-600 {
+  color: #E6C300FF !important;
 }
 
-a.text-success-400:hover,
-a.text-success-400:focus {
-  color: #376E56FF !important;
+a.text-warning-600:hover,
+a.text-warning-600:focus {
+  color: #9A8200FF !important;
 }
 
-.border-success-400 {
-  border-color: #51A17EFF !important;
+.border-warning-600 {
+  border-color: #E6C300FF !important;
 }
 
-.bg-success-500 {
-  background-color: #178253FF !important;
+.bg-warning-500 {
+  background-color: #FFD900FF !important;
 }
 
-a.bg-success-500:hover,
-a.bg-success-500:focus,
-button.bg-success-500:hover,
-button.bg-success-500:focus {
-  background-color: #0F5737FF !important;
+a.bg-warning-500:hover,
+a.bg-warning-500:focus,
+button.bg-warning-500:hover,
+button.bg-warning-500:focus {
+  background-color: #CCAE00FF !important;
 }
 
-.text-success-500 {
-  color: #178253FF !important;
+.text-warning-500 {
+  color: #FFD900FF !important;
 }
 
-a.text-success-500:hover,
-a.text-success-500:focus {
-  color: #0C412AFF !important;
+a.text-warning-500:hover,
+a.text-warning-500:focus {
+  color: #B39800FF !important;
 }
 
-.border-success-500 {
-  border-color: #178253FF !important;
+.border-warning-500 {
+  border-color: #FFD900FF !important;
 }
 
-.bg-success-600 {
-  background-color: #15754BFF !important;
+.bg-warning-400 {
+  background-color: #FFE340FF !important;
 }
 
-a.bg-success-600:hover,
-a.bg-success-600:focus,
-button.bg-success-600:hover,
-button.bg-success-600:focus {
-  background-color: #0D4A2FFF !important;
+a.bg-warning-400:hover,
+a.bg-warning-400:focus,
+button.bg-warning-400:hover,
+button.bg-warning-400:focus {
+  background-color: #FFDC0DFF !important;
 }
 
-.text-success-600 {
-  color: #15754BFF !important;
+.text-warning-400 {
+  color: #FFE340FF !important;
 }
 
-a.text-success-600:hover,
-a.text-success-600:focus {
-  color: #093421FF !important;
+a.text-warning-400:hover,
+a.text-warning-400:focus {
+  color: #F3CF00FF !important;
 }
 
-.border-success-600 {
-  border-color: #15754BFF !important;
+.border-warning-400 {
+  border-color: #FFE340FF !important;
 }
 
-.bg-success-700 {
-  background-color: #126842FF !important;
+.bg-warning-300 {
+  background-color: #FFEC80FF !important;
 }
 
-a.bg-success-700:hover,
-a.bg-success-700:focus,
-button.bg-success-700:hover,
-button.bg-success-700:focus {
-  background-color: #0A3D26FF !important;
+a.bg-warning-300:hover,
+a.bg-warning-300:focus,
+button.bg-warning-300:hover,
+button.bg-warning-300:focus {
+  background-color: #FFE44DFF !important;
 }
 
-.text-success-700 {
-  color: #126842FF !important;
+.text-warning-300 {
+  color: #FFEC80FF !important;
 }
 
-a.text-success-700:hover,
-a.text-success-700:focus {
-  color: #072719FF !important;
+a.text-warning-300:hover,
+a.text-warning-300:focus {
+  color: #FFE133FF !important;
 }
 
-.border-success-700 {
-  border-color: #126842FF !important;
+.border-warning-300 {
+  border-color: #FFEC80FF !important;
 }
 
-.bg-success-800 {
-  background-color: #11623EFF !important;
+.bg-warning-200 {
+  background-color: #FFF6BFFF !important;
 }
 
-a.bg-success-800:hover,
-a.bg-success-800:focus,
-button.bg-success-800:hover,
-button.bg-success-800:focus {
-  background-color: #093723FF !important;
+a.bg-warning-200:hover,
+a.bg-warning-200:focus,
+button.bg-warning-200:hover,
+button.bg-warning-200:focus {
+  background-color: #FFEF8CFF !important;
 }
 
-.text-success-800 {
-  color: #11623EFF !important;
+.text-warning-200 {
+  color: #FFF6BFFF !important;
 }
 
-a.text-success-800:hover,
-a.text-success-800:focus {
-  color: #062115FF !important;
+a.text-warning-200:hover,
+a.text-warning-200:focus {
+  color: #FFEB72FF !important;
 }
 
-.border-success-800 {
-  border-color: #11623EFF !important;
+.border-warning-200 {
+  border-color: #FFF6BFFF !important;
 }
 
-.bg-success-900 {
-  background-color: #105B3AFF !important;
+.bg-warning-100 {
+  background-color: #FFFDF0FF !important;
 }
 
-a.bg-success-900:hover,
-a.bg-success-900:focus,
-button.bg-success-900:hover,
-button.bg-success-900:focus {
-  background-color: #08301EFF !important;
+a.bg-warning-100:hover,
+a.bg-warning-100:focus,
+button.bg-warning-100:hover,
+button.bg-warning-100:focus {
+  background-color: #FFF6BDFF !important;
 }
 
-.text-success-900 {
-  color: #105B3AFF !important;
+.text-warning-100 {
+  color: #FFFDF0FF !important;
 }
 
-a.text-success-900:hover,
-a.text-success-900:focus {
-  color: #051A11FF !important;
+a.text-warning-100:hover,
+a.text-warning-100:focus {
+  color: #FFF3A3FF !important;
 }
 
-.border-success-900 {
-  border-color: #105B3AFF !important;
+.border-warning-100 {
+  border-color: #FFFDF0FF !important;
 }
 
-.bg-info-100 {
-  background-color: #F0F6FAFF !important;
+.bg-info-900 {
+  background-color: #004C77FF !important;
 }
 
-a.bg-info-100:hover,
-a.bg-info-100:focus,
-button.bg-info-100:hover,
-button.bg-info-100:focus {
-  background-color: #CADFEDFF !important;
+a.bg-info-900:hover,
+a.bg-info-900:focus,
+button.bg-info-900:hover,
+button.bg-info-900:focus {
+  background-color: #002B44FF !important;
 }
 
-.text-info-100 {
-  color: #F0F6FAFF !important;
+.text-info-900 {
+  color: #004C77FF !important;
 }
 
-a.text-info-100:hover,
-a.text-info-100:focus {
-  color: #B7D4E7FF !important;
+a.text-info-900:hover,
+a.text-info-900:focus {
+  color: #001B2BFF !important;
 }
 
-.border-info-100 {
-  border-color: #F0F6FAFF !important;
+.border-info-900 {
+  border-color: #004C77FF !important;
 }
 
-.bg-info-200 {
-  background-color: #BFDBEAFF !important;
+.bg-info-800 {
+  background-color: #005280FF !important;
 }
 
-a.bg-info-200:hover,
-a.bg-info-200:focus,
-button.bg-info-200:hover,
-button.bg-info-200:focus {
-  background-color: #99C5DDFF !important;
+a.bg-info-800:hover,
+a.bg-info-800:focus,
+button.bg-info-800:hover,
+button.bg-info-800:focus {
+  background-color: #00314DFF !important;
 }
 
-.text-info-200 {
-  color: #BFDBEAFF !important;
+.text-info-800 {
+  color: #005280FF !important;
 }
 
-a.text-info-200:hover,
-a.text-info-200:focus {
-  color: #85BBD7FF !important;
+a.text-info-800:hover,
+a.text-info-800:focus {
+  color: #002134FF !important;
 }
 
-.border-info-200 {
-  border-color: #BFDBEAFF !important;
+.border-info-800 {
+  border-color: #005280FF !important;
 }
 
-.bg-info-300 {
-  background-color: #80B6D5FF !important;
+.bg-info-700 {
+  background-color: #005788FF !important;
 }
 
-a.bg-info-300:hover,
-a.bg-info-300:focus,
-button.bg-info-300:hover,
-button.bg-info-300:focus {
-  background-color: #5AA0C8FF !important;
+a.bg-info-700:hover,
+a.bg-info-700:focus,
+button.bg-info-700:hover,
+button.bg-info-700:focus {
+  background-color: #003655FF !important;
 }
 
-.text-info-300 {
-  color: #80B6D5FF !important;
+.text-info-700 {
+  color: #005788FF !important;
 }
 
-a.text-info-300:hover,
-a.text-info-300:focus {
-  color: #4795C2FF !important;
+a.text-info-700:hover,
+a.text-info-700:focus {
+  color: #00263CFF !important;
 }
 
-.border-info-300 {
-  border-color: #80B6D5FF !important;
+.border-info-700 {
+  border-color: #005788FF !important;
 }
 
-.bg-info-400 {
-  background-color: #4092BFFF !important;
+.bg-info-600 {
+  background-color: #006299FF !important;
 }
 
-a.bg-info-400:hover,
-a.bg-info-400:focus,
-button.bg-info-400:hover,
-button.bg-info-400:focus {
-  background-color: #337599FF !important;
+a.bg-info-600:hover,
+a.bg-info-600:focus,
+button.bg-info-600:hover,
+button.bg-info-600:focus {
+  background-color: #004166FF !important;
 }
 
-.text-info-400 {
-  color: #4092BFFF !important;
+.text-info-600 {
+  color: #006299FF !important;
 }
 
-a.text-info-400:hover,
-a.text-info-400:focus {
-  color: #2D6686FF !important;
+a.text-info-600:hover,
+a.text-info-600:focus {
+  color: #00314DFF !important;
 }
 
-.border-info-400 {
-  border-color: #4092BFFF !important;
+.border-info-600 {
+  border-color: #006299FF !important;
 }
 
 .bg-info-500 {
@@ -1918,531 +1918,531 @@ a.text-info-500:focus {
   border-color: #006DAAFF !important;
 }
 
-.bg-info-600 {
-  background-color: #006299FF !important;
+.bg-info-400 {
+  background-color: #4092BFFF !important;
 }
 
-a.bg-info-600:hover,
-a.bg-info-600:focus,
-button.bg-info-600:hover,
-button.bg-info-600:focus {
-  background-color: #004166FF !important;
+a.bg-info-400:hover,
+a.bg-info-400:focus,
+button.bg-info-400:hover,
+button.bg-info-400:focus {
+  background-color: #337599FF !important;
 }
 
-.text-info-600 {
-  color: #006299FF !important;
+.text-info-400 {
+  color: #4092BFFF !important;
 }
 
-a.text-info-600:hover,
-a.text-info-600:focus {
-  color: #00314DFF !important;
+a.text-info-400:hover,
+a.text-info-400:focus {
+  color: #2D6686FF !important;
 }
 
-.border-info-600 {
-  border-color: #006299FF !important;
+.border-info-400 {
+  border-color: #4092BFFF !important;
 }
 
-.bg-info-700 {
-  background-color: #005788FF !important;
+.bg-info-300 {
+  background-color: #80B6D5FF !important;
 }
 
-a.bg-info-700:hover,
-a.bg-info-700:focus,
-button.bg-info-700:hover,
-button.bg-info-700:focus {
-  background-color: #003655FF !important;
+a.bg-info-300:hover,
+a.bg-info-300:focus,
+button.bg-info-300:hover,
+button.bg-info-300:focus {
+  background-color: #5AA0C8FF !important;
 }
 
-.text-info-700 {
-  color: #005788FF !important;
+.text-info-300 {
+  color: #80B6D5FF !important;
 }
 
-a.text-info-700:hover,
-a.text-info-700:focus {
-  color: #00263CFF !important;
+a.text-info-300:hover,
+a.text-info-300:focus {
+  color: #4795C2FF !important;
 }
 
-.border-info-700 {
-  border-color: #005788FF !important;
+.border-info-300 {
+  border-color: #80B6D5FF !important;
 }
 
-.bg-info-800 {
-  background-color: #005280FF !important;
+.bg-info-200 {
+  background-color: #BFDBEAFF !important;
 }
 
-a.bg-info-800:hover,
-a.bg-info-800:focus,
-button.bg-info-800:hover,
-button.bg-info-800:focus {
-  background-color: #00314DFF !important;
+a.bg-info-200:hover,
+a.bg-info-200:focus,
+button.bg-info-200:hover,
+button.bg-info-200:focus {
+  background-color: #99C5DDFF !important;
 }
 
-.text-info-800 {
-  color: #005280FF !important;
+.text-info-200 {
+  color: #BFDBEAFF !important;
 }
 
-a.text-info-800:hover,
-a.text-info-800:focus {
-  color: #002134FF !important;
+a.text-info-200:hover,
+a.text-info-200:focus {
+  color: #85BBD7FF !important;
 }
 
-.border-info-800 {
-  border-color: #005280FF !important;
+.border-info-200 {
+  border-color: #BFDBEAFF !important;
 }
 
-.bg-info-900 {
-  background-color: #004C77FF !important;
+.bg-info-100 {
+  background-color: #F0F6FAFF !important;
 }
 
-a.bg-info-900:hover,
-a.bg-info-900:focus,
-button.bg-info-900:hover,
-button.bg-info-900:focus {
-  background-color: #002B44FF !important;
+a.bg-info-100:hover,
+a.bg-info-100:focus,
+button.bg-info-100:hover,
+button.bg-info-100:focus {
+  background-color: #CADFEDFF !important;
 }
 
-.text-info-900 {
-  color: #004C77FF !important;
+.text-info-100 {
+  color: #F0F6FAFF !important;
 }
-
-a.text-info-900:hover,
-a.text-info-900:focus {
-  color: #001B2BFF !important;
+
+a.text-info-100:hover,
+a.text-info-100:focus {
+  color: #B7D4E7FF !important;
 }
 
-.border-info-900 {
-  border-color: #004C77FF !important;
+.border-info-100 {
+  border-color: #F0F6FAFF !important;
 }
 
-.bg-warning-100 {
-  background-color: #FFFDF0FF !important;
+.bg-success-900 {
+  background-color: #105B3AFF !important;
 }
 
-a.bg-warning-100:hover,
-a.bg-warning-100:focus,
-button.bg-warning-100:hover,
-button.bg-warning-100:focus {
-  background-color: #FFF6BDFF !important;
+a.bg-success-900:hover,
+a.bg-success-900:focus,
+button.bg-success-900:hover,
+button.bg-success-900:focus {
+  background-color: #08301EFF !important;
 }
 
-.text-warning-100 {
-  color: #FFFDF0FF !important;
+.text-success-900 {
+  color: #105B3AFF !important;
 }
 
-a.text-warning-100:hover,
-a.text-warning-100:focus {
-  color: #FFF3A3FF !important;
+a.text-success-900:hover,
+a.text-success-900:focus {
+  color: #051A11FF !important;
 }
 
-.border-warning-100 {
-  border-color: #FFFDF0FF !important;
+.border-success-900 {
+  border-color: #105B3AFF !important;
 }
 
-.bg-warning-200 {
-  background-color: #FFF6BFFF !important;
+.bg-success-800 {
+  background-color: #11623EFF !important;
 }
 
-a.bg-warning-200:hover,
-a.bg-warning-200:focus,
-button.bg-warning-200:hover,
-button.bg-warning-200:focus {
-  background-color: #FFEF8CFF !important;
+a.bg-success-800:hover,
+a.bg-success-800:focus,
+button.bg-success-800:hover,
+button.bg-success-800:focus {
+  background-color: #093723FF !important;
 }
 
-.text-warning-200 {
-  color: #FFF6BFFF !important;
+.text-success-800 {
+  color: #11623EFF !important;
 }
 
-a.text-warning-200:hover,
-a.text-warning-200:focus {
-  color: #FFEB72FF !important;
+a.text-success-800:hover,
+a.text-success-800:focus {
+  color: #062115FF !important;
 }
 
-.border-warning-200 {
-  border-color: #FFF6BFFF !important;
+.border-success-800 {
+  border-color: #11623EFF !important;
 }
 
-.bg-warning-300 {
-  background-color: #FFEC80FF !important;
+.bg-success-700 {
+  background-color: #126842FF !important;
 }
 
-a.bg-warning-300:hover,
-a.bg-warning-300:focus,
-button.bg-warning-300:hover,
-button.bg-warning-300:focus {
-  background-color: #FFE44DFF !important;
+a.bg-success-700:hover,
+a.bg-success-700:focus,
+button.bg-success-700:hover,
+button.bg-success-700:focus {
+  background-color: #0A3D26FF !important;
 }
 
-.text-warning-300 {
-  color: #FFEC80FF !important;
+.text-success-700 {
+  color: #126842FF !important;
 }
 
-a.text-warning-300:hover,
-a.text-warning-300:focus {
-  color: #FFE133FF !important;
+a.text-success-700:hover,
+a.text-success-700:focus {
+  color: #072719FF !important;
 }
 
-.border-warning-300 {
-  border-color: #FFEC80FF !important;
+.border-success-700 {
+  border-color: #126842FF !important;
 }
 
-.bg-warning-400 {
-  background-color: #FFE340FF !important;
+.bg-success-600 {
+  background-color: #15754BFF !important;
 }
 
-a.bg-warning-400:hover,
-a.bg-warning-400:focus,
-button.bg-warning-400:hover,
-button.bg-warning-400:focus {
-  background-color: #FFDC0DFF !important;
+a.bg-success-600:hover,
+a.bg-success-600:focus,
+button.bg-success-600:hover,
+button.bg-success-600:focus {
+  background-color: #0D4A2FFF !important;
 }
 
-.text-warning-400 {
-  color: #FFE340FF !important;
+.text-success-600 {
+  color: #15754BFF !important;
 }
 
-a.text-warning-400:hover,
-a.text-warning-400:focus {
-  color: #F3CF00FF !important;
+a.text-success-600:hover,
+a.text-success-600:focus {
+  color: #093421FF !important;
 }
 
-.border-warning-400 {
-  border-color: #FFE340FF !important;
+.border-success-600 {
+  border-color: #15754BFF !important;
 }
 
-.bg-warning-500 {
-  background-color: #FFD900FF !important;
+.bg-success-500 {
+  background-color: #178253FF !important;
 }
 
-a.bg-warning-500:hover,
-a.bg-warning-500:focus,
-button.bg-warning-500:hover,
-button.bg-warning-500:focus {
-  background-color: #CCAE00FF !important;
+a.bg-success-500:hover,
+a.bg-success-500:focus,
+button.bg-success-500:hover,
+button.bg-success-500:focus {
+  background-color: #0F5737FF !important;
 }
 
-.text-warning-500 {
-  color: #FFD900FF !important;
+.text-success-500 {
+  color: #178253FF !important;
 }
 
-a.text-warning-500:hover,
-a.text-warning-500:focus {
-  color: #B39800FF !important;
+a.text-success-500:hover,
+a.text-success-500:focus {
+  color: #0C412AFF !important;
 }
 
-.border-warning-500 {
-  border-color: #FFD900FF !important;
+.border-success-500 {
+  border-color: #178253FF !important;
 }
 
-.bg-warning-600 {
-  background-color: #E6C300FF !important;
+.bg-success-400 {
+  background-color: #51A17EFF !important;
 }
 
-a.bg-warning-600:hover,
-a.bg-warning-600:focus,
-button.bg-warning-600:hover,
-button.bg-warning-600:focus {
-  background-color: #B39800FF !important;
+a.bg-success-400:hover,
+a.bg-success-400:focus,
+button.bg-success-400:hover,
+button.bg-success-400:focus {
+  background-color: #407F63FF !important;
 }
 
-.text-warning-600 {
-  color: #E6C300FF !important;
+.text-success-400 {
+  color: #51A17EFF !important;
 }
 
-a.text-warning-600:hover,
-a.text-warning-600:focus {
-  color: #9A8200FF !important;
+a.text-success-400:hover,
+a.text-success-400:focus {
+  color: #376E56FF !important;
 }
 
-.border-warning-600 {
-  border-color: #E6C300FF !important;
+.border-success-400 {
+  border-color: #51A17EFF !important;
 }
 
-.bg-warning-700 {
-  background-color: #CCAE00FF !important;
+.bg-success-300 {
+  background-color: #8BC1A9FF !important;
 }
 
-a.bg-warning-700:hover,
-a.bg-warning-700:focus,
-button.bg-warning-700:hover,
-button.bg-warning-700:focus {
-  background-color: #998300FF !important;
+a.bg-success-300:hover,
+a.bg-success-300:focus,
+button.bg-success-300:hover,
+button.bg-success-300:focus {
+  background-color: #6AAF90FF !important;
 }
 
-.text-warning-700 {
-  color: #CCAE00FF !important;
+.text-success-300 {
+  color: #8BC1A9FF !important;
 }
 
-a.text-warning-700:hover,
-a.text-warning-700:focus {
-  color: #806D00FF !important;
+a.text-success-300:hover,
+a.text-success-300:focus {
+  color: #59A684FF !important;
 }
 
-.border-warning-700 {
-  border-color: #CCAE00FF !important;
+.border-success-300 {
+  border-color: #8BC1A9FF !important;
 }
 
-.bg-warning-800 {
-  background-color: #BFA300FF !important;
+.bg-success-200 {
+  background-color: #C5E0D4FF !important;
 }
 
-a.bg-warning-800:hover,
-a.bg-warning-800:focus,
-button.bg-warning-800:hover,
-button.bg-warning-800:focus {
-  background-color: #8C7700FF !important;
+a.bg-success-200:hover,
+a.bg-success-200:focus,
+button.bg-success-200:hover,
+button.bg-success-200:focus {
+  background-color: #A4CEBBFF !important;
 }
 
-.text-warning-800 {
-  color: #BFA300FF !important;
+.text-success-200 {
+  color: #C5E0D4FF !important;
 }
 
-a.text-warning-800:hover,
-a.text-warning-800:focus {
-  color: #736200FF !important;
+a.text-success-200:hover,
+a.text-success-200:focus {
+  color: #93C5AFFF !important;
 }
 
-.border-warning-800 {
-  border-color: #BFA300FF !important;
+.border-success-200 {
+  border-color: #C5E0D4FF !important;
 }
 
-.bg-warning-900 {
-  background-color: #B39800FF !important;
+.bg-success-100 {
+  background-color: #F1F8F5FF !important;
 }
 
-a.bg-warning-900:hover,
-a.bg-warning-900:focus,
-button.bg-warning-900:hover,
-button.bg-warning-900:focus {
-  background-color: #806D00FF !important;
+a.bg-success-100:hover,
+a.bg-success-100:focus,
+button.bg-success-100:hover,
+button.bg-success-100:focus {
+  background-color: #CFE7DDFF !important;
 }
 
-.text-warning-900 {
-  color: #B39800FF !important;
+.text-success-100 {
+  color: #F1F8F5FF !important;
 }
 
-a.text-warning-900:hover,
-a.text-warning-900:focus {
-  color: #665700FF !important;
+a.text-success-100:hover,
+a.text-success-100:focus {
+  color: #BEDFD1FF !important;
 }
 
-.border-warning-900 {
-  border-color: #B39800FF !important;
+.border-success-100 {
+  border-color: #F1F8F5FF !important;
 }
 
-.bg-danger-100 {
-  background-color: #FBF2F3FF !important;
+.bg-secondary-900 {
+  background-color: #303030FF !important;
 }
 
-a.bg-danger-100:hover,
-a.bg-danger-100:focus,
-button.bg-danger-100:hover,
-button.bg-danger-100:focus {
-  background-color: #EFCBCFFF !important;
+a.bg-secondary-900:hover,
+a.bg-secondary-900:focus,
+button.bg-secondary-900:hover,
+button.bg-secondary-900:focus {
+  background-color: #161616FF !important;
 }
 
-.text-danger-100 {
-  color: #FBF2F3FF !important;
+.text-secondary-900 {
+  color: #303030FF !important;
 }
 
-a.text-danger-100:hover,
-a.text-danger-100:focus {
-  color: #E9B7BDFF !important;
+a.text-secondary-900:hover,
+a.text-secondary-900:focus {
+  color: #0A0A0AFF !important;
 }
 
-.border-danger-100 {
-  border-color: #FBF2F3FF !important;
+.border-secondary-900 {
+  border-color: #303030FF !important;
 }
 
-.bg-danger-200 {
-  background-color: #F0CBCEFF !important;
+.bg-secondary-800 {
+  background-color: #343434FF !important;
 }
 
-a.bg-danger-200:hover,
-a.bg-danger-200:focus,
-button.bg-danger-200:hover,
-button.bg-danger-200:focus {
-  background-color: #E5A3A9FF !important;
+a.bg-secondary-800:hover,
+a.bg-secondary-800:focus,
+button.bg-secondary-800:hover,
+button.bg-secondary-800:focus {
+  background-color: #1A1A1AFF !important;
 }
 
-.text-danger-200 {
-  color: #F0CBCEFF !important;
+.text-secondary-800 {
+  color: #343434FF !important;
 }
 
-a.text-danger-200:hover,
-a.text-danger-200:focus {
-  color: #DF9096FF !important;
+a.text-secondary-800:hover,
+a.text-secondary-800:focus {
+  color: #0E0E0EFF !important;
 }
 
-.border-danger-200 {
-  border-color: #F0CBCEFF !important;
+.border-secondary-800 {
+  border-color: #343434FF !important;
 }
 
-.bg-danger-300 {
-  background-color: #E1969DFF !important;
+.bg-secondary-700 {
+  background-color: #373737FF !important;
 }
 
-a.bg-danger-300:hover,
-a.bg-danger-300:focus,
-button.bg-danger-300:hover,
-button.bg-danger-300:focus {
-  background-color: #D66E78FF !important;
+a.bg-secondary-700:hover,
+a.bg-secondary-700:focus,
+button.bg-secondary-700:hover,
+button.bg-secondary-700:focus {
+  background-color: #1E1E1EFF !important;
 }
 
-.text-danger-300 {
-  color: #E1969DFF !important;
+.text-secondary-700 {
+  color: #373737FF !important;
 }
 
-a.text-danger-300:hover,
-a.text-danger-300:focus {
-  color: #D05B65FF !important;
+a.text-secondary-700:hover,
+a.text-secondary-700:focus {
+  color: #111111FF !important;
 }
 
-.border-danger-300 {
-  border-color: #E1969DFF !important;
+.border-secondary-700 {
+  border-color: #373737FF !important;
 }
 
-.bg-danger-400 {
-  background-color: #D2626BFF !important;
+.bg-secondary-600 {
+  background-color: #3E3E3EFF !important;
 }
 
-a.bg-danger-400:hover,
-a.bg-danger-400:focus,
-button.bg-danger-400:hover,
-button.bg-danger-400:focus {
-  background-color: #C73A46FF !important;
+a.bg-secondary-600:hover,
+a.bg-secondary-600:focus,
+button.bg-secondary-600:hover,
+button.bg-secondary-600:focus {
+  background-color: #252525FF !important;
 }
 
-.text-danger-400 {
-  color: #D2626BFF !important;
+.text-secondary-600 {
+  color: #3E3E3EFF !important;
 }
 
-a.text-danger-400:hover,
-a.text-danger-400:focus {
-  color: #B4343EFF !important;
+a.text-secondary-600:hover,
+a.text-secondary-600:focus {
+  color: #181818FF !important;
 }
 
-.border-danger-400 {
-  border-color: #D2626BFF !important;
+.border-secondary-600 {
+  border-color: #3E3E3EFF !important;
 }
 
-.bg-danger-500 {
-  background-color: #C32D3AFF !important;
+.bg-secondary-500 {
+  background-color: #454545FF !important;
 }
 
-a.bg-danger-500:hover,
-a.bg-danger-500:focus,
-button.bg-danger-500:hover,
-button.bg-danger-500:focus {
-  background-color: #9A232EFF !important;
+a.bg-secondary-500:hover,
+a.bg-secondary-500:focus,
+button.bg-secondary-500:hover,
+button.bg-secondary-500:focus {
+  background-color: #2B2B2BFF !important;
 }
 
-.text-danger-500 {
-  color: #C32D3AFF !important;
+.text-secondary-500 {
+  color: #454545FF !important;
 }
 
-a.text-danger-500:hover,
-a.text-danger-500:focus {
-  color: #851F28FF !important;
+a.text-secondary-500:hover,
+a.text-secondary-500:focus {
+  color: #1F1F1FFF !important;
 }
 
-.border-danger-500 {
-  border-color: #C32D3AFF !important;
+.border-secondary-500 {
+  border-color: #454545FF !important;
 }
 
-.bg-danger-600 {
-  background-color: #B02934FF !important;
+.bg-secondary-400 {
+  background-color: #747474FF !important;
 }
 
-a.bg-danger-600:hover,
-a.bg-danger-600:focus,
-button.bg-danger-600:hover,
-button.bg-danger-600:focus {
-  background-color: #871F28FF !important;
+a.bg-secondary-400:hover,
+a.bg-secondary-400:focus,
+button.bg-secondary-400:hover,
+button.bg-secondary-400:focus {
+  background-color: #5A5A5AFF !important;
 }
 
-.text-danger-600 {
-  color: #B02934FF !important;
+.text-secondary-400 {
+  color: #747474FF !important;
 }
 
-a.text-danger-600:hover,
-a.text-danger-600:focus {
-  color: #721B22FF !important;
+a.text-secondary-400:hover,
+a.text-secondary-400:focus {
+  color: #4E4E4EFF !important;
 }
 
-.border-danger-600 {
-  border-color: #B02934FF !important;
+.border-secondary-400 {
+  border-color: #747474FF !important;
 }
 
-.bg-danger-700 {
-  background-color: #9C242EFF !important;
+.bg-secondary-300 {
+  background-color: #A2A2A2FF !important;
 }
 
-a.bg-danger-700:hover,
-a.bg-danger-700:focus,
-button.bg-danger-700:hover,
-button.bg-danger-700:focus {
-  background-color: #731A22FF !important;
+a.bg-secondary-300:hover,
+a.bg-secondary-300:focus,
+button.bg-secondary-300:hover,
+button.bg-secondary-300:focus {
+  background-color: #898989FF !important;
 }
 
-.text-danger-700 {
-  color: #9C242EFF !important;
+.text-secondary-300 {
+  color: #A2A2A2FF !important;
 }
 
-a.text-danger-700:hover,
-a.text-danger-700:focus {
-  color: #5E161CFF !important;
+a.text-secondary-300:hover,
+a.text-secondary-300:focus {
+  color: #7C7C7CFF !important;
 }
 
-.border-danger-700 {
-  border-color: #9C242EFF !important;
+.border-secondary-300 {
+  border-color: #A2A2A2FF !important;
 }
 
-.bg-danger-800 {
-  background-color: #92222CFF !important;
+.bg-secondary-200 {
+  background-color: #D1D1D1FF !important;
 }
 
-a.bg-danger-800:hover,
-a.bg-danger-800:focus,
-button.bg-danger-800:hover,
-button.bg-danger-800:focus {
-  background-color: #691820FF !important;
+a.bg-secondary-200:hover,
+a.bg-secondary-200:focus,
+button.bg-secondary-200:hover,
+button.bg-secondary-200:focus {
+  background-color: #B8B8B8FF !important;
 }
 
-.text-danger-800 {
-  color: #92222CFF !important;
+.text-secondary-200 {
+  color: #D1D1D1FF !important;
 }
 
-a.text-danger-800:hover,
-a.text-danger-800:focus {
-  color: #541419FF !important;
+a.text-secondary-200:hover,
+a.text-secondary-200:focus {
+  color: #ABABABFF !important;
 }
 
-.border-danger-800 {
-  border-color: #92222CFF !important;
+.border-secondary-200 {
+  border-color: #D1D1D1FF !important;
 }
 
-.bg-danger-900 {
-  background-color: #892029FF !important;
+.bg-secondary-100 {
+  background-color: #F4F4F4FF !important;
 }
 
-a.bg-danger-900:hover,
-a.bg-danger-900:focus,
-button.bg-danger-900:hover,
-button.bg-danger-900:focus {
-  background-color: #60161DFF !important;
+a.bg-secondary-100:hover,
+a.bg-secondary-100:focus,
+button.bg-secondary-100:hover,
+button.bg-secondary-100:focus {
+  background-color: #DBDBDBFF !important;
 }
 
-.text-danger-900 {
-  color: #892029FF !important;
+.text-secondary-100 {
+  color: #F4F4F4FF !important;
 }
 
-a.text-danger-900:hover,
-a.text-danger-900:focus {
-  color: #4B1216FF !important;
+a.text-secondary-100:hover,
+a.text-secondary-100:focus {
+  color: #CECECEFF !important;
 }
 
-.border-danger-900 {
-  border-color: #892029FF !important;
+.border-secondary-100 {
+  border-color: #F4F4F4FF !important;
 }
 
diff --git a/scss/core/css/variables.css b/scss/core/css/variables.css
index e3dd46234e..de7f66b72d 100644
--- a/scss/core/css/variables.css
+++ b/scss/core/css/variables.css
@@ -1,1465 +1,1465 @@
 :root {
-  --pgn-color-btn-bg-tertiary: #00000000;
-  --pgn-color-btn-bg-inverse-tertiary: #00000000;
-  --pgn-color-btn-border-tertiary: #00000000;
-  --pgn-color-btn-border-inverse-tertiary: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-brand: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-danger: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-dark: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-info: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-light: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-primary: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-secondary: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-success: #00000000;
-  --pgn-color-btn-hover-border-tertiary: #00000000;
-  --pgn-color-btn-hover-border-inverse-tertiary: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-warning: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-brand: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-danger: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-dark: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-info: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-light: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-primary: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-secondary: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-success: #00000000;
-  --pgn-color-btn-active-border-tertiary: #00000000;
-  --pgn-color-btn-active-border-inverse-tertiary: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-warning: #00000000;
-  --pgn-color-form-control-label-base: #000000FF;
-  --pgn-color-form-control-select-bg-size: #000000FF;
-  --pgn-color-form-feedback-tooltip-opacity: #000000FF;
-  --pgn-color-white: #FFFFFFFF;
-  --pgn-color-black: #000000FF;
-  --pgn-color-blue: #23419FFF;
-  --pgn-color-red: #C32D3AFF;
-  --pgn-color-green: #178253FF;
-  --pgn-color-yellow: #FFD900FF;
-  --pgn-color-teal: #006DAAFF;
-  --pgn-color-accent-a: #00BBF9FF;
-  --pgn-color-accent-b: #FFEE88FF;
-  --pgn-color-gray-100: #EBEBEBFF;
-  --pgn-color-gray-200: #CCCCCCFF;
-  --pgn-color-gray-300: #ADADADFF;
-  --pgn-color-gray-400: #8F8F8FFF;
-  --pgn-color-gray-600: #5C5C5CFF;
-  --pgn-color-gray-700: #454545FF;
-  --pgn-color-gray-800: #333333FF;
-  --pgn-color-gray-900: #212529FF;
-  --pgn-color-gray-base: #707070FF;
-  --pgn-color-primary-base: #0A3055FF;
-  --pgn-color-brand-base: #9D0054FF;
-  --pgn-color-light-base: #E1DDDBFF;
-  --pgn-color-dark-base: #273F2FFF;
-  --pgn-size-border-width: 0.063rem;
-  --pgn-size-border-radius-base: 0.375rem;
-  --pgn-size-border-radius-lg: 0.425rem;
-  --pgn-size-border-radius-sm: 0.25rem;
-  --pgn-size-form-input-width-hover: 0.063rem;
-  --pgn-size-form-input-width-focus: 0.063rem;
-  --pgn-size-form-control-indicator-base: 1.25rem;
-  --pgn-size-form-control-indicator-bg: 100rem;
-  --pgn-size-form-control-indicator-border-width: 0.125rem;
-  --pgn-size-form-control-range-track-width: 100rem;
-  --pgn-size-form-control-range-track-height: 0.5rem;
-  --pgn-size-form-control-range-track-border-radius: 1rem;
-  --pgn-size-form-control-range-thumb-width: 1rem;
-  --pgn-size-form-control-range-thumb-border-base: 0rem;
-  --pgn-size-form-control-range-thumb-border-radius: 1rem;
-  --pgn-size-form-control-icon-width: 2rem;
-  --pgn-size-form-control-border-checkbox-indicator-radius: 0rem;
-  --pgn-size-form-control-border-radio-indicator-radius: 50rem;
-  --pgn-size-form-grid-gutter-width: 0.625rem;
-  --pgn-size-form-autosuggest-icon-width: 2.4rem;
-  --pgn-size-form-autosuggest-spinner-width: 1.25rem;
-  --pgn-size-form-autosuggest-border-width: 0.125rem;
-  --pgn-size-form-border-radius-check-focus: 0.0625rem;
-  --pgn-size-form-border-radius-width: 0.125rem;
-  --pgn-action-row-gap-x: .5rem;
-  --pgn-action-row-gap-y: .5rem;
-  --pgn-alert-padding-y: 1.5rem;
-  --pgn-alert-padding-x: 1.5rem;
-  --pgn-alert-margin-bottom: 1rem;
-  --pgn-alert-border-width: 0;
-  --pgn-alert-font-size: .875rem;
-  --pgn-alert-box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 4px rgba(0, 0, 0, .15);
-  --pgn-alert-icon-space: .8rem;
-  --pgn-alert-line-height: 1.5rem;
-  --pgn-annotation-padding: .5rem;
-  --pgn-annotation-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15))
-  drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
-  --pgn-annotation-border-radius: .25rem;
-  --pgn-annotation-max-width: 18.75rem;
-  --pgn-annotation-arrow-side-margin: .25rem;
-  --pgn-annotation-arrow-border-width: .5rem;
-  --pgn-avatar-border-radius: 100%;
-  --pgn-avatar-size-base: 3rem;
-  --pgn-avatar-size-xs: 1.5rem;
-  --pgn-avatar-size-sm: 2.25rem;
-  --pgn-avatar-size-lg: 4rem;
-  --pgn-avatar-size-xl: 6rem;
-  --pgn-avatar-size-xxl: 11.5rem;
-  --pgn-avatar-size-huge: 18.75rem;
-  --pgn-avatar-button-padding-left-base: .25em;
-  --pgn-avatar-button-padding-left-sm: .25em;
-  --pgn-avatar-button-padding-left-lg: .25em;
-  --pgn-badge-font-size: 75%;
-  --pgn-badge-padding-x-base: .5rem;
-  --pgn-badge-padding-x-pill: .6em;
-  --pgn-badge-padding-y: .125rem;
-  --pgn-badge-border-radius-base: .25rem;
-  --pgn-badge-border-radius-pill: 10rem;
-  --pgn-badge-transition: none;
-  --pgn-breadcrumb-font-size: null;
-  --pgn-breadcrumb-padding-y: .75rem;
-  --pgn-breadcrumb-padding-x: 1rem;
-  --pgn-breadcrumb-padding-item: .5rem;
-  --pgn-breadcrumb-margin-bottom: 1rem;
-  --pgn-breadcrumb-margin-left: .5rem;
-  --pgn-breadcrumb-border-focus-axis-y: .5rem;
-  --pgn-breadcrumb-border-focus-axis-x: .25rem;
-  --pgn-breadcrumb-border-focus-width: .0625rem;
-  --pgn-breadcrumb-border-radius-focus: .125rem;
-  --pgn-bubble-expandable-padding-y: 0;
-  --pgn-bubble-expandable-padding-x: .25rem;
-  --pgn-btn-box-shadow-base: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
-  --pgn-btn-box-shadow-active: none;
-  --pgn-btn-focus-width: 2px;
-  --pgn-btn-focus-gap: 1px;
-  --pgn-btn-disabled-opacity: .65;
-  --pgn-btn-block-spacing-y: .5rem;
-  --pgn-btn-transition: null;
-  --pgn-card-spacer-x: 1.25rem;
-  --pgn-card-spacer-y: .75rem;
-  --pgn-card-border-radius-image: .3125rem;
-  --pgn-card-border-radius-logo: .25rem;
-  --pgn-card-cap-color: null;
-  --pgn-card-height-base: null;
-  --pgn-card-color: null;
-  --pgn-card-image-overlay-padding: 1.25rem;
-  --pgn-card-image-horizontal-width-max: 240px;
-  --pgn-card-image-vertical-height-max: 140px;
-  --pgn-card-margin-group: 12px;
-  --pgn-card-columns-count: 3;
-  --pgn-card-columns-gap: 1.25rem;
-  --pgn-card-footer-action-gap: .5rem;
-  --pgn-card-logo-left-offset-base: 1.5rem;
-  --pgn-card-logo-left-offset-horizontal: .4375rem;
-  --pgn-card-logo-bottom-offset-base: 1rem;
-  --pgn-card-logo-bottom-offset-horizontal: .4375rem;
-  --pgn-card-logo-width: 7.25rem;
-  --pgn-card-logo-height: 4.125rem;
-  --pgn-card-loading-skeleton-spacer: .313rem;
-  --pgn-carousel-control-width-base: 15%;
-  --pgn-carousel-control-width-icon: 20px;
-  --pgn-carousel-control-opacity-base: .5;
-  --pgn-carousel-control-opacity-hover: .9;
-  --pgn-carousel-control-transition: opacity .15s ease;
-  --pgn-carousel-indicator-width: 30px;
-  --pgn-carousel-indicator-height-base: 3px;
-  --pgn-carousel-indicator-height-area-hit: 3px;
-  --pgn-carousel-indicator-spacer: 3px;
-  --pgn-carousel-indicator-transition: opacity .6s ease;
-  --pgn-carousel-caption-width: 70%;
-  --pgn-carousel-transition-duration: .6s;
-  --pgn-chip-padding-y: .125rem;
-  --pgn-chip-padding-x: .5rem;
-  --pgn-chip-padding-icon: .25rem;
-  --pgn-chip-padding-to-icon: 3px;
-  --pgn-chip-margin: .125rem;
-  --pgn-chip-border-radius: .25rem;
-  --pgn-chip-opacity-disabled: .3;
-  --pgn-chip-icon-size: 1.25rem;
-  --pgn-code-font-size: 87.5%;
-  --pgn-code-color: #E83E8CFF;
-  --pgn-code-kbd-box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
-  --pgn-code-kbd-padding-y: .2rem;
-  --pgn-code-kbd-padding-x: .4rem;
-  --pgn-code-pre-scrollable-max-height: 340px;
-  --pgn-collapsible-card-spacer-y-base: .5rem;
-  --pgn-collapsible-card-spacer-x-base: .5rem;
-  --pgn-collapsible-card-spacer-left-body: .75rem;
-  --pgn-collapsible-card-spacer-icon: 2.5rem;
-  --pgn-collapsible-card-spacer-basic-y: .5rem;
-  --pgn-collapsible-card-spacer-basic-x: .5rem;
-  --pgn-collapsible-card-spacer-basic-icon: .625rem;
-  --pgn-container-max-width-xs: 464px;
-  --pgn-container-max-width-sm: 708px;
-  --pgn-container-max-width-md: 952px;
-  --pgn-container-max-width-lg: 1192px;
-  --pgn-container-max-width-xl: 1440px;
-  --pgn-data-table-padding-x: .75rem;
-  --pgn-data-table-padding-y: .75rem;
-  --pgn-data-table-padding-small: .5rem;
-  --pgn-data-table-padding-cell: .75rem;
-  --pgn-data-table-padding-head-cell: .5rem .75rem;
-  --pgn-data-table-footer-position: center;
-  --pgn-data-table-pagination-dropdown-max-height: 60vh;
-  --pgn-data-table-pagination-dropdown-min-width: 6rem;
-  --pgn-dropdown-min-width: 18rem;
-  --pgn-dropdown-padding-x-base: 0;
-  --pgn-dropdown-padding-x-item: 1rem;
-  --pgn-dropdown-padding-y-base: .25rem;
-  --pgn-dropdown-padding-y-item: .5rem;
-  --pgn-dropdown-spacer: .125rem;
-  --pgn-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);
-  --pgn-dropdown-zindex: 1000;
-  --pgn-dropzone-padding: 1.5rem;
-  --pgn-elevation-form-input-base: inset 0 1px 1px rgba(0, 0, 0, .075);
-  --pgn-elevation-form-control-indicator-checked-base: none;
-  --pgn-elevation-form-control-indicator-checked-focus: 0 0 0 4px rgba(0, 0, 0, .1);
-  --pgn-elevation-form-control-indicator-active: none;
-  --pgn-elevation-form-control-checkbox-indicator-indeterminate: none;
-  --pgn-elevation-form-control-range-track: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
-  --pgn-elevation-form-control-range-thumb-base: 0 .1rem .25rem rgba(0, 0, 0, .1);
-  --pgn-elevation-form-control-select-border-base: inset 0 1px 2px rgba(0, 0, 0, .075);
-  --pgn-other-form-control-cursor: null;
-  --pgn-other-form-control-range-track-cursor: pointer;
-  --pgn-spacing-form-input-check-gutter: 1.25rem;
-  --pgn-spacing-form-input-check-margin-x-base: .25rem;
-  --pgn-spacing-form-input-check-margin-x-inline: .3125rem;
-  --pgn-spacing-form-input-check-margin-y: .3rem;
-  --pgn-spacing-form-text-margin-top: .25rem;
-  --pgn-spacing-form-check-inline-margin-x: .75rem;
-  --pgn-spacing-form-check-position-axis: .375rem;
-  --pgn-spacing-form-group-margin-bottom: 1rem;
-  --pgn-spacing-form-control-gutter: .5rem;
-  --pgn-spacing-form-control-spacer-x: 1rem;
-  --pgn-spacing-form-control-select-indicator-padding: 1rem;
-  --pgn-spacing-form-control-select-feedback-tooltip-padding-y: .25rem;
-  --pgn-spacing-form-control-select-feedback-tooltip-padding-x: .5rem;
-  --pgn-spacing-form-control-select-icon-padding: .5625rem;
-  --pgn-transition-form-input: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-  --pgn-transition-form-control: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-  --pgn-transition-base: all .2s ease-in-out;
-  --pgn-transition-fade: opacity .15s linear;
-  --pgn-transition-collapse: height .35s ease;
-  --pgn-caret-width: .3em;
-  --pgn-caret-vertical-align: .255em;
-  --pgn-caret-spacing: .255em;
-  --pgn-headings-margin-bottom: .5rem;
-  --pgn-headings-font-family: inherit;
-  --pgn-headings-line-height: 1.25;
-  --pgn-input-btn-padding-y: .5625rem;
-  --pgn-input-btn-padding-x: 1rem;
-  --pgn-input-btn-padding-sm-y: .4375rem;
-  --pgn-input-btn-padding-sm-x: .75rem;
-  --pgn-input-btn-padding-lg-y: .6875rem;
-  --pgn-input-btn-padding-lg-x: 1.25rem;
-  --pgn-input-btn-font-family: inherit;
-  --pgn-input-btn-font-size-base: 1.125rem;
-  --pgn-input-btn-font-size-sm: .875rem;
-  --pgn-input-btn-font-size-lg: 1.325rem;
-  --pgn-input-btn-line-height-base: 1.3333;
-  --pgn-input-btn-line-height-sm: 1.4286;
-  --pgn-input-btn-focus-width: 1px;
-  --pgn-link-decoration: none;
-  --pgn-link-hover-decoration: underline;
-  --pgn-link-inline-decoration: underline;
-  --pgn-link-inline-hover-decoration: underline;
-  --pgn-link-muted-decoration: none;
-  --pgn-link-muted-hover-decoration: underline;
-  --pgn-link-muted-inline-decoration: underline;
-  --pgn-link-muted-inline-hover-decoration: underline;
-  --pgn-link-brand-decoration: none;
-  --pgn-link-brand-hover-decoration: underline;
-  --pgn-link-brand-inline-decoration: underline;
-  --pgn-link-brand-inline-hover-decoration: underline;
-  --pgn-link-emphasized-hover-darken-percentage: 15%;
-  --pgn-list-inline-padding: .5rem;
-  --pgn-list-group-color: null;
-  --pgn-list-group-item-padding-y: .75rem;
-  --pgn-list-group-item-padding-x: 1.25rem;
-  --pgn-paragraph-margin-bottom: 1rem;
-  --pgn-mark-padding: .2em;
-  --pgn-mark-bg: #FFF243FF;
-  --pgn-icon-size-inline: .8em;
-  --pgn-icon-size-sm: 1.25rem;
-  --pgn-icon-size-md: 1.5rem;
-  --pgn-icon-size-lg: 1.75rem;
-  --pgn-icon-button-diameter-md: 2.75rem;
-  --pgn-icon-button-diameter-sm: 2.25rem;
-  --pgn-icon-button-color-bg: transparent;
-  --pgn-image-thumbnail-padding: .25rem;
-  --pgn-image-thumbnail-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-  --pgn-image-figure-caption-font-size: 90%;
-  --pgn-menu-border-base: transparent;
-  --pgn-menu-border-active: transparent;
-  --pgn-menu-border-hover: transparent;
-  --pgn-modal-inner-padding-base: 1.5rem;
-  --pgn-modal-inner-padding-bottom: .7rem;
-  --pgn-modal-footer-padding-y: 1rem;
-  --pgn-modal-content-border-width: 0rem;
-  --pgn-modal-content-box-shadow-sm-up: 0 10px 20px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .15);
-  --pgn-modal-backdrop-opacity: .5;
-  --pgn-modal-backdrop-zindex: 1040;
-  --pgn-modal-header-padding-y: 1rem;
-  --pgn-modal-dialog-margin-base: 1.5rem;
-  --pgn-modal-xl: 1140px;
-  --pgn-modal-lg: 800px;
-  --pgn-modal-md: 500px;
-  --pgn-modal-sm: 400px;
-  --pgn-modal-zindex: 1050;
-  --pgn-modal-close-container-top: .625rem;
-  --pgn-nav-link-padding-y: .5rem;
-  --pgn-nav-link-padding-x: 1rem;
-  --pgn-nav-link-font-weight: 500;
-  --pgn-nav-tabs-border-width: 2px;
-  --pgn-nav-tabs-border-radius: 0;
-  --pgn-navbar-padding-x-nav-link: .5rem;
-  --pgn-navbar-nav-scroll-max-height: 75vh;
-  --pgn-navbar-toggler-padding-y: .25rem;
-  --pgn-navbar-toggler-padding-x: .75rem;
-  --pgn-pagination-padding-y-base: .625rem;
-  --pgn-pagination-padding-y-sm: .8rem;
-  --pgn-pagination-padding-y-lg: .75rem;
-  --pgn-pagination-padding-x-base: 1rem;
-  --pgn-pagination-padding-x-sm: .6rem;
-  --pgn-pagination-padding-x-lg: 1.5rem;
-  --pgn-pagination-padding-icon: .5rem;
-  --pgn-pagination-margin-x: .5rem;
-  --pgn-pagination-margin-y: .5rem;
-  --pgn-pagination-line-height: 1.5rem;
-  --pgn-pagination-font-size-sm: .875rem;
-  --pgn-pagination-icon-size-base: 1.375rem;
-  --pgn-pagination-icon-size-sm: 1rem;
-  --pgn-pagination-icon-width: 2.25rem;
-  --pgn-pagination-icon-height: 2.25rem;
-  --pgn-pagination-toggle-border-base: .3125rem;
-  --pgn-pagination-toggle-border-sm: .25rem;
-  --pgn-pagination-secondary-height-base: 2.75rem;
-  --pgn-pagination-secondary-height-sm: 2.25rem;
-  --pgn-pagination-focus-outline: 0;
-  --pgn-pagination-focus-border-width: .125rem;
-  --pgn-reduced-dropdown-height-max: 60vh;
-  --pgn-reduced-dropdown-width-min: 6rem;
-  --pgn-popover-max-width: 480px;
-  --pgn-popover-border-color: rgba(0, 0, 0, .2);
-  --pgn-popover-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
-  --pgn-popover-header-padding-y: .5rem;
-  --pgn-popover-header-padding-x: 1rem;
-  --pgn-popover-icon-margin-right: .5rem;
-  --pgn-popover-icon-height: 1rem;
-  --pgn-popover-icon-width: 1rem;
-  --pgn-popover-arrow-width: 1rem;
-  --pgn-popover-arrow-height: .5rem;
-  --pgn-popover-zindex: 1060;
-  --pgn-product-tour-checkpoint-width-border: 8px;
-  --pgn-product-tour-checkpoint-width-arrow: 15px;
-  --pgn-product-tour-checkpoint-width-max: 480px;
-  --pgn-product-tour-checkpoint-zindex: 1060;
-  --pgn-progress-bar-height-base: 1rem;
-  --pgn-progress-bar-height-annotated: .3125rem;
-  --pgn-progress-bar-bg: transparent;
-  --pgn-progress-bar-border-radius: 0;
-  --pgn-progress-bar-border-width: 1px;
-  --pgn-progress-bar-box-shadow: none;
-  --pgn-progress-bar-bar-animation-timing: 1s linear infinite;
-  --pgn-progress-bar-bar-transition: width .6s ease;
-  --pgn-progress-bar-threshold-circle: .5625rem;
-  --pgn-progress-bar-hint-annotation-gap: .5rem;
-  --pgn-search-field-border-radius: 0;
-  --pgn-search-field-border-width-base: .0625rem;
-  --pgn-search-field-border-width-interaction: .125rem;
-  --pgn-search-field-border-width-focus: .3125rem;
-  --pgn-search-field-line-height: 1.5rem;
-  --pgn-search-field-disabled-opacity: .3;
-  --pgn-search-field-button-margin: .5rem;
-  --pgn-selectable-box-padding: 1rem;
-  --pgn-selectable-box-border-radius: .25rem;
-  --pgn-selectable-box-box-space: .75rem;
-  --pgn-sheet-zindex-backdrop: 1031;
-  --pgn-sheet-zindex-main: 1032;
-  --pgn-spinner-width: 2rem;
-  --pgn-spinner-border-width: .25em;
-  --pgn-spinner-sm-width: 1rem;
-  --pgn-spinner-sm-border-width: .2em;
-  --pgn-stack-gap: 0;
-  --pgn-sticky-offset: 0;
-  --pgn-sticky-shadow-top: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
-  --pgn-sticky-shadow-bottom: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
-  --pgn-tabs-notification-height: 1rem;
-  --pgn-tabs-notification-width: 1rem;
-  --pgn-toast-max-width: 400px;
-  --pgn-toast-padding-x: .75rem;
-  --pgn-toast-padding-y: .25rem;
-  --pgn-toast-font-size: .875rem;
-  --pgn-toast-color-base: null;
-  --pgn-toast-border-width: 1px;
-  --pgn-toast-border-radius: .25rem;
-  --pgn-toast-box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .15), 0 .5rem 3rem rgba(0, 0, 0, .15);
-  --pgn-toast-container-gutter-lg: 1.25rem;
-  --pgn-toast-container-gutter-sm: .625rem;
-  --pgn-tooltip-max-width: 200px;
-  --pgn-tooltip-opacity: 1;
-  --pgn-tooltip-padding-y: .5rem;
-  --pgn-tooltip-padding-x: .5rem;
-  --pgn-tooltip-margin: 0;
-  --pgn-tooltip-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
-  --pgn-tooltip-arrow-height: .4rem;
-  --pgn-tooltip-arrow-width: .8rem;
-  --pgn-tooltip-zindex: 1070;
-  --pgn-breakpoint-xs: 0;
-  --pgn-breakpoint-sm: 576px;
-  --pgn-breakpoint-md: 768px;
-  --pgn-breakpoint-lg: 992px;
-  --pgn-breakpoint-xl: 1200px;
-  --pgn-breakpoint-xxl: 1400px;
-  --pgn-display-size-1: 3.75rem;
-  --pgn-display-size-2: 4.875rem;
-  --pgn-display-size-3: 5.625rem;
-  --pgn-display-size-4: 7.5rem;
-  --pgn-display-size-mobile: 3.25rem;
-  --pgn-display-line-height-base: 1;
-  --pgn-display-line-height-mobile: 3.5rem;
-  --pgn-box-shadow-level-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-level-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-level-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-level-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-level-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-base: 0 .125rem .25rem rgba(0, 0, 0, .3);
-  --pgn-box-shadow-sm: 0 .0625rem .125rem rgba(0, 0, 0, .2);
-  --pgn-box-shadow-lg: 0 .25rem .5rem rgba(0, 0, 0, .3);
-  --pgn-box-shadow-down-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-3: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-1: -.0625rem 0 .125rem rgba(0, 0, 0, .15), -.0625rem 0 .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-2: -.125rem 0 .25rem rgba(0, 0, 0, .15), -.125rem 0 .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-3: -.5rem 0 1rem rgba(0, 0, 0, .15), -.25rem 0 .625rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-4: -.625rem 0 1.25rem rgba(0, 0, 0, .15), -.5rem 0 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-5: -1.25rem 0 2.5rem rgba(0, 0, 0, .15), -.5rem 0 3rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-1: 0 -.0625rem .125rem rgba(0, 0, 0, .15), 0 -.0625rem .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-2: 0 -.125rem .25rem rgba(0, 0, 0, .15), 0 -.125rem .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-3: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-4: 0 -.625rem 1.25rem rgba(0, 0, 0, .15), 0 -.5rem 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-5: 0 -1.25rem 2.5rem rgba(0, 0, 0, .15), 0 -.5rem 3rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-1: .0625rem 0 .125rem rgba(0, 0, 0, .15), .0625rem 0 .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-2: .125rem 0 .25rem rgba(0, 0, 0, .15), .125rem 0 .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-3: .5rem 0 1rem rgba(0, 0, 0, .15), .25rem 0 .625rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-4: .625rem 0 1.25rem rgba(0, 0, 0, .15), .5rem 0 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-5: 1.25rem 0 2.5rem rgba(0, 0, 0, .15), .5rem 0 3rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-1: 0 0 .125rem rgba(0, 0, 0, .15), 0 0 .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-2: 0 0 .25rem rgba(0, 0, 0, .15), 0 0 .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-4: 0 0 1.25rem rgba(0, 0, 0, .15), 0 0 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-5: 0 0 2.5rem rgba(0, 0, 0, .15), 0 0 3rem rgba(0, 0, 0, .15);
-  --pgn-zindex-0: 0;
-  --pgn-zindex-200: 200;
-  --pgn-zindex-400: 400;
-  --pgn-zindex-600: 600;
-  --pgn-zindex-800: 800;
-  --pgn-zindex-1000: 1000;
-  --pgn-zindex-1200: 1200;
-  --pgn-zindex-1400: 1400;
-  --pgn-zindex-1600: 1600;
-  --pgn-zindex-1800: 1800;
-  --pgn-zindex-2000: 2000;
-  --pgn-zindex-sticky: 1020;
-  --pgn-zindex-fixed: 1030;
-  --pgn-theme-interval: 8%;
-  --pgn-spacer-0: 0;
-  --pgn-spacer-base: 1rem;
-  --pgn-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
-  Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
-  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --pgn-font-family-serif: serif;
-  --pgn-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
-  "Courier New", monospace;
-  --pgn-font-size-base: 1.125rem;
-  --pgn-font-size-lg: 1.4063rem;
-  --pgn-font-size-sm: .875rem;
-  --pgn-font-size-xs: .75rem;
-  --pgn-font-size-small-base: 87.5%;
-  --pgn-font-size-small-x: 75%;
-  --pgn-font-size-h1: 2.5rem;
-  --pgn-font-size-h2: 2rem;
-  --pgn-font-size-h3: 1.375rem;
-  --pgn-font-size-h4: 1.125rem;
-  --pgn-font-size-h5: .875rem;
-  --pgn-font-size-h6: .75rem;
-  --pgn-font-size-mobile-h1: 2.25rem;
-  --pgn-font-weight-lighter: lighter;
-  --pgn-font-weight-light: 300;
-  --pgn-font-weight-normal: 400;
-  --pgn-font-weight-semi-bold: 500;
-  --pgn-font-weight-bold: 700;
-  --pgn-font-weight-bolder: bolder;
-  --pgn-font-weight-lead: null;
-  --pgn-line-height-base: 1.5556;
-  --pgn-line-height-lg: 1.5;
-  --pgn-line-height-sm: 1.5;
-  --pgn-color-background-base: var(--pgn-color-white);
-  --pgn-color-text-50-black: #00000080;
-  --pgn-color-text-50-white: #FFFFFF80;
-  --pgn-color-active: var(--pgn-color-white);
-  --pgn-color-border: var(--pgn-color-gray-200);
-  --pgn-color-theme-background-gray: var(--pgn-color-gray-100);
-  --pgn-color-theme-border-gray: var(--pgn-color-gray-200);
-  --pgn-color-theme-focus-gray: var(--pgn-color-gray-300);
-  --pgn-color-theme-hover-gray: var(--pgn-color-gray-700);
-  --pgn-color-theme-active-gray: var(--pgn-color-gray-900);
-  --pgn-color-btn-text-outline-brand: var(--pgn-color-brand-base);
-  --pgn-color-btn-text-inverse-brand: var(--pgn-color-brand-base);
-  --pgn-color-btn-text-inverse-outline-brand: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-danger: var(--pgn-color-white);
-  --pgn-color-btn-text-outline-dark: var(--pgn-color-dark-base);
-  --pgn-color-btn-text-inverse-dark: var(--pgn-color-dark-base);
-  --pgn-color-btn-text-inverse-outline-dark: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-info: var(--pgn-color-white);
-  --pgn-color-btn-text-outline-light: var(--pgn-color-light-base);
-  --pgn-color-btn-text-inverse-light: var(--pgn-color-light-base);
-  --pgn-color-btn-text-inverse-outline-light: var(--pgn-color-white);
-  --pgn-color-btn-text-outline-primary: var(--pgn-color-primary-base);
-  --pgn-color-btn-text-inverse-primary: var(--pgn-color-primary-base);
-  --pgn-color-btn-text-inverse-outline-primary: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-secondary: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-success: var(--pgn-color-white);
-  --pgn-color-btn-text-tertiary: var(--pgn-color-gray-700);
-  --pgn-color-btn-text-inverse-tertiary: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-warning: var(--pgn-color-white);
-  --pgn-color-btn-bg-brand: var(--pgn-color-brand-base);
-  --pgn-color-btn-bg-dark: var(--pgn-color-dark-base);
-  --pgn-color-btn-bg-light: var(--pgn-color-light-base);
-  --pgn-color-btn-bg-primary: var(--pgn-color-primary-base);
-  --pgn-color-btn-border-outline-brand: var(--pgn-color-brand-base);
-  --pgn-color-btn-border-inverse-outline-brand: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-danger: var(--pgn-color-white);
-  --pgn-color-btn-border-outline-dark: var(--pgn-color-dark-base);
-  --pgn-color-btn-border-inverse-outline-dark: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-info: var(--pgn-color-white);
-  --pgn-color-btn-border-outline-light: var(--pgn-color-light-base);
-  --pgn-color-btn-border-inverse-outline-light: var(--pgn-color-white);
-  --pgn-color-btn-border-outline-primary: var(--pgn-color-primary-base);
-  --pgn-color-btn-border-inverse-outline-primary: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-secondary: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-success: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-warning: var(--pgn-color-white);
-  --pgn-color-btn-hover-text-tertiary: var(--pgn-color-gray-700);
-  --pgn-color-btn-hover-text-inverse-tertiary: var(--pgn-color-white);
-  --pgn-color-btn-hover-bg-inverse-tertiary: #FFFFFF1A;
-  --pgn-color-btn-active-text-tertiary: var(--pgn-color-gray-700);
-  --pgn-color-btn-active-text-inverse-tertiary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-brand: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-brand: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-danger: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-danger: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-dark: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-dark: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-info: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-info: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-light: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-light: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-primary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-primary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-secondary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-secondary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-success: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-success: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-tertiary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-warning: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-warning: var(--pgn-color-white);
-  --pgn-color-form-input-base: var(--pgn-color-gray-700);
-  --pgn-color-form-input-bg-disabled: var(--pgn-color-gray-100);
-  --pgn-color-form-input-group-addon-bg: var(--pgn-color-gray-100);
-  --pgn-color-form-control-indicator-border: var(--pgn-color-gray-700);
-  --pgn-color-form-control-select-bg-disabled: var(--pgn-color-gray-100);
-  --pgn-color-form-control-range-track-bg: var(--pgn-color-gray-300);
-  --pgn-color-gray-500: var(--pgn-color-gray-base);
-  --pgn-color-primary-100: #F0F3F5FF;
-  --pgn-color-primary-200: #C2CBD5FF;
-  --pgn-color-primary-300: #8598AAFF;
-  --pgn-color-primary-400: #476480FF;
-  --pgn-color-primary-500: var(--pgn-color-primary-base);
-  --pgn-color-primary-600: #092B4DFF;
-  --pgn-color-primary-700: #082644FF;
-  --pgn-color-primary-800: #082440FF;
-  --pgn-color-primary-900: #07223CFF;
-  --pgn-color-secondary-base: var(--pgn-color-gray-700);
-  --pgn-color-brand-100: #F9F0F5FF;
-  --pgn-color-brand-200: #E7BFD4FF;
-  --pgn-color-brand-300: #CE80AAFF;
-  --pgn-color-brand-400: #B6407FFF;
-  --pgn-color-brand-500: var(--pgn-color-brand-base);
-  --pgn-color-brand-600: #8D004CFF;
-  --pgn-color-brand-700: #7E0043FF;
-  --pgn-color-brand-800: #76003FFF;
-  --pgn-color-brand-900: #6E003BFF;
-  --pgn-color-success-base: var(--pgn-color-green);
-  --pgn-color-info-base: var(--pgn-color-teal);
-  --pgn-color-warning-base: var(--pgn-color-yellow);
-  --pgn-color-danger-base: var(--pgn-color-red);
-  --pgn-color-light-100: #FDFDFDFF;
-  --pgn-color-light-200: #F8F7F6FF;
-  --pgn-color-light-300: #F0EEEDFF;
-  --pgn-color-light-400: #E9E6E4FF;
-  --pgn-color-light-500: var(--pgn-color-light-base);
-  --pgn-color-light-600: #CBC7C5FF;
-  --pgn-color-light-700: #B4B1AFFF;
-  --pgn-color-light-800: #A9A6A4FF;
-  --pgn-color-light-900: #9E9B99FF;
-  --pgn-color-dark-100: #F2F3F3FF;
-  --pgn-color-dark-200: #C9CFCBFF;
-  --pgn-color-dark-300: #939F97FF;
-  --pgn-color-dark-400: #5D6F63FF;
-  --pgn-color-dark-500: var(--pgn-color-dark-base);
-  --pgn-color-dark-600: #23392AFF;
-  --pgn-color-dark-700: #1F3226FF;
-  --pgn-color-dark-800: #1D2F23FF;
-  --pgn-color-dark-900: #1B2C21FF;
-  --pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
-  --pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
-  --pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
-  --pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
-  --pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
-  --pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
-  --pgn-size-form-control-select-border-width-focus: var(--pgn-size-form-input-width-focus);
-  --pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
-  --pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
-  --pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
-  --pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
-  --pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-alert-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-alert-font-weight-link: var(--pgn-font-weight-normal);
-  --pgn-alert-color-title: var(--pgn-color-black);
-  --pgn-alert-color-content: var(--pgn-color-gray-700);
-  --pgn-annotation-font-size: var(--pgn-font-size-sm);
-  --pgn-annotation-line-height: var(--pgn-line-height-sm);
-  --pgn-annotation-color-text-success: var(--pgn-color-white);
-  --pgn-annotation-color-text-warning: var(--pgn-color-black);
-  --pgn-annotation-color-text-error: var(--pgn-color-white);
-  --pgn-annotation-color-text-dark: var(--pgn-color-white);
-  --pgn-annotation-color-bg-warning: var(--pgn-color-accent-b);
-  --pgn-annotation-color-bg-light: var(--pgn-color-white);
-  --pgn-annotation-color-bg-dark: var(--pgn-color-dark-base);
-  --pgn-badge-font-weight: var(--pgn-font-weight-bold);
-  --pgn-badge-focus-width: var(--pgn-input-btn-focus-width);
-  --pgn-badge-color-primary: #FFFFFFFF;
-  --pgn-badge-color-light: #454545FF;
-  --pgn-badge-color-dark: #FFFFFFFF;
-  --pgn-badge-color-bg-primary: var(--pgn-color-primary-base);
-  --pgn-badge-color-bg-light: var(--pgn-color-light-base);
-  --pgn-badge-color-bg-dark: var(--pgn-color-dark-base);
-  --pgn-breadcrumb-border-radius-base: var(--pgn-size-border-radius-base);
-  --pgn-breadcrumb-bg: var(--pgn-color-gray-200);
-  --pgn-breadcrumb-color-divider: var(--pgn-color-gray-600);
-  --pgn-breadcrumb-inverse-color: var(--pgn-color-white);
-  --pgn-bubble-color-text-success: var(--pgn-color-white);
-  --pgn-bubble-color-text-warning: var(--pgn-color-white);
-  --pgn-bubble-color-text-error: var(--pgn-color-white);
-  --pgn-bubble-color-text-primary: var(--pgn-color-white);
-  --pgn-bubble-color-bg-primary: var(--pgn-color-primary-base);
-  --pgn-btn-padding-y-base: var(--pgn-input-btn-padding-y);
-  --pgn-btn-padding-y-lg: var(--pgn-input-btn-padding-lg-y);
-  --pgn-btn-padding-y-sm: var(--pgn-input-btn-padding-sm-y);
-  --pgn-btn-padding-x-base: var(--pgn-input-btn-padding-x);
-  --pgn-btn-padding-x-lg: var(--pgn-input-btn-padding-lg-x);
-  --pgn-btn-padding-x-sm: var(--pgn-input-btn-padding-sm-x);
-  --pgn-btn-font-family: var(--pgn-input-btn-font-family);
-  --pgn-btn-font-size-base: var(--pgn-input-btn-font-size-base);
-  --pgn-btn-font-size-sm: var(--pgn-input-btn-font-size-sm);
-  --pgn-btn-font-size-lg: var(--pgn-input-btn-font-size-lg);
-  --pgn-btn-font-weight: var(--pgn-font-weight-normal);
-  --pgn-btn-line-height-base: var(--pgn-input-btn-line-height-base);
-  --pgn-btn-line-height-sm: var(--pgn-input-btn-line-height-sm);
-  --pgn-btn-border-radius-base: var(--pgn-size-border-radius-base);
-  --pgn-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
-  --pgn-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
-  --pgn-card-border-width: var(--pgn-size-border-width);
-  --pgn-card-border-radius-base: var(--pgn-size-border-radius-base);
-  --pgn-card-border-color-base: #00000020;
-  --pgn-card-border-color-focus: #00000080;
-  --pgn-card-cap-bg: #00000008;
-  --pgn-card-image-horizontal-width-min: var(--pgn-card-image-horizontal-width-max);
-  --pgn-card-margin-deck: var(--pgn-card-margin-group);
-  --pgn-card-margin-grid: var(--pgn-card-margin-group);
-  --pgn-card-columns-margin: var(--pgn-card-spacer-y);
-  --pgn-card-divider-margin-y: var(--pgn-card-spacer-y);
-  --pgn-card-footer-text-font-size: var(--pgn-font-size-small-x);
-  --pgn-carousel-control-color: var(--pgn-color-white);
-  --pgn-carousel-indicator-active-bg: var(--pgn-color-white);
-  --pgn-carousel-caption-color: var(--pgn-color-white);
-  --pgn-chip-color-text-light: var(--pgn-color-black);
-  --pgn-chip-color-text-dark: var(--pgn-color-white);
-  --pgn-close-button-font-size: calc(var(--pgn-font-size-base) * 1.5);
-  --pgn-close-button-font-weight: var(--pgn-font-weight-bold);
-  --pgn-close-button-color: var(--pgn-color-black);
-  --pgn-close-button-text-shadow: 0 1px 0 var(--pgn-color-white);
-  --pgn-code-kbd-font-size: var(--pgn-code-font-size);
-  --pgn-code-kbd-nested-font-weight: var(--pgn-font-weight-bold);
-  --pgn-code-kbd-color: var(--pgn-color-white);
-  --pgn-code-kbd-bg: var(--pgn-color-gray-700);
-  --pgn-code-pre-color: var(--pgn-color-gray-900);
-  --pgn-collapsible-card-spacer-y-lg: var(--pgn-card-spacer-y);
-  --pgn-collapsible-card-spacer-x-lg: var(--pgn-card-spacer-x);
-  --pgn-data-table-background-is-loading: #FFFFFFB3;
-  --pgn-data-table-border: 1px solid var(--pgn-color-gray-200);
-  --pgn-data-table-box-shadow: var(--pgn-box-shadow-sm);
-  --pgn-dropdown-padding-header: var(--pgn-dropdown-padding-y-base) var(--pgn-dropdown-padding-x-item);
-  --pgn-dropdown-font-size: var(--pgn-font-size-base);
-  --pgn-dropdown-border-color: #00000026;
-  --pgn-dropdown-border-width: var(--pgn-size-border-width);
-  --pgn-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
-  --pgn-dropdown-divider-bg: var(--pgn-color-gray-100);
-  --pgn-dropdown-divider-margin-y: calc(var(--pgn-spacer-base) / 2);
-  --pgn-dropdown-link-color: var(--pgn-color-gray-900);
-  --pgn-dropdown-link-hover-color: var(--pgn-color-gray-900);
-  --pgn-dropzone-restriction-msg-font-size: var(--pgn-font-size-small-x);
-  --pgn-elevation-form-control-indicator-base: var(--pgn-elevation-form-input-base);
-  --pgn-elevation-form-control-file-base: var(--pgn-elevation-form-input-base);
-  --pgn-spacing-form-input-padding-y-base: var(--pgn-input-btn-padding-y);
-  --pgn-spacing-form-input-padding-y-sm: var(--pgn-input-btn-padding-sm-y);
-  --pgn-spacing-form-input-padding-y-lg: var(--pgn-input-btn-padding-lg-y);
-  --pgn-spacing-form-input-padding-x-base: var(--pgn-input-btn-padding-x);
-  --pgn-spacing-form-input-padding-x-sm: var(--pgn-input-btn-padding-sm-x);
-  --pgn-spacing-form-input-padding-x-lg: var(--pgn-input-btn-padding-lg-x);
-  --pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
-  --pgn-typography-form-input-font-family: var(--pgn-input-btn-font-family);
-  --pgn-typography-form-input-font-size-base: var(--pgn-input-btn-font-size-base);
-  --pgn-typography-form-input-font-size-sm: var(--pgn-input-btn-font-size-sm);
-  --pgn-typography-form-input-font-size-lg: var(--pgn-input-btn-font-size-lg);
-  --pgn-typography-form-input-line-height-base: var(--pgn-input-btn-line-height-base);
-  --pgn-typography-form-input-line-height-sm: var(--pgn-input-btn-line-height-sm);
-  --pgn-typography-form-feedback-font-size: var(--pgn-font-size-small-base);
-  --pgn-typography-form-feedback-tooltip-font-size: var(--pgn-font-size-sm);
-  --pgn-typography-form-feedback-tooltip-line-height: var(--pgn-line-height-base);
-  --pgn-body-color: var(--pgn-color-gray-700);
-  --pgn-headings-font-weight: var(--pgn-font-weight-bold);
-  --pgn-headings-color: var(--pgn-color-black);
-  --pgn-hr-border-color: #0000001A;
-  --pgn-hr-border-width: var(--pgn-size-border-width);
-  --pgn-hr-border-margin-y: var(--pgn-spacer-base);
-  --pgn-input-btn-line-height-lg: var(--pgn-line-height-lg);
-  --pgn-input-btn-focus-box-shadow: 0 0 0 var(--pgn-input-btn-focus-width) var(--pgn-input-btn-focus-color);
-  --pgn-input-btn-border-width: var(--pgn-size-border-width);
-  --pgn-dt-font-weight: var(--pgn-font-weight-bold);
-  --pgn-list-group-bg-hover: var(--pgn-color-gray-100);
-  --pgn-list-group-border-color: #00000020;
-  --pgn-list-group-border-width: var(--pgn-size-border-width);
-  --pgn-list-group-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-list-group-disabled-color: var(--pgn-color-gray-600);
-  --pgn-list-group-action-color-base: var(--pgn-color-gray-700);
-  --pgn-list-group-action-active-bg: var(--pgn-color-gray-200);
-  --pgn-blockquote-small-font-size: var(--pgn-font-size-small-base);
-  --pgn-blockquote-font-size: calc(var(--pgn-font-size-base) * 1.25);
-  --pgn-icon-button-diameter-inline: calc(var(--pgn-line-height-base) + .1em);
-  --pgn-icon-button-color-accent: var(--pgn-color-white);
-  --pgn-icon-button-color-primary: var(--pgn-color-primary-base);
-  --pgn-icon-button-color-brand: var(--pgn-color-brand-base);
-  --pgn-icon-button-color-light: var(--pgn-color-light-base);
-  --pgn-icon-button-color-dark: var(--pgn-color-dark-base);
-  --pgn-icon-button-color-black: var(--pgn-color-black);
-  --pgn-image-thumbnail-border-width: var(--pgn-size-border-width);
-  --pgn-image-thumbnail-border-color: var(--pgn-color-gray-200);
-  --pgn-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-modal-footer-padding-base: var(--pgn-modal-footer-padding-y) 1.5rem;
-  --pgn-modal-content-border-color: #00000033;
-  --pgn-modal-content-border-radius: var(--pgn-size-border-radius-lg);
-  --pgn-modal-backdrop-bg: var(--pgn-color-black);
-  --pgn-modal-header-padding-base: var(--pgn-modal-header-padding-y) 1.5rem;
-  --pgn-nav-link-color-base: var(--pgn-color-gray-700);
-  --pgn-nav-link-color-disabled: var(--pgn-color-gray-300);
-  --pgn-nav-pills-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-nav-divider-color: var(--pgn-color-gray-100);
-  --pgn-nav-divider-margin-y: calc(var(--pgn-spacer-base) / 2);
-  --pgn-nav-color-dark: #FFFFFF80;
-  --pgn-nav-color-light: #00000080;
-  --pgn-navbar-padding-y: calc(var(--pgn-spacer-base) / 2);
-  --pgn-navbar-padding-x-base: var(--pgn-spacer-base);
-  --pgn-navbar-nav-link-height: calc(var(--pgn-font-size-base) * var(--pgn-line-height-base) + .5rem * 2);
-  --pgn-navbar-brand-font-size: var(--pgn-font-size-lg);
-  --pgn-navbar-toggler-font-size: var(--pgn-font-size-lg);
-  --pgn-navbar-dark-color-text: #FFFFFF80;
-  --pgn-navbar-dark-color-hover: #FFFFFFBF;
-  --pgn-navbar-dark-color-disabled: #FFFFFF40;
-  --pgn-navbar-dark-toggler-border-color: #FFFFFF1A;
-  --pgn-navbar-light-color-text: #00000080;
-  --pgn-navbar-light-color-hover: #000000B3;
-  --pgn-navbar-light-color-active: #000000E6;
-  --pgn-navbar-light-color-disabled: #0000004D;
-  --pgn-navbar-light-toggler-border-color: #0000001A;
-  --pgn-pagination-color-inverse: var(--pgn-color-white);
-  --pgn-pagination-bg-hover: var(--pgn-color-gray-100);
-  --pgn-pagination-bg-disabled: var(--pgn-color-white);
-  --pgn-pagination-border-width: var(--pgn-size-border-width);
-  --pgn-pagination-border-color-base: var(--pgn-color-gray-200);
-  --pgn-pagination-border-color-hover: var(--pgn-color-gray-200);
-  --pgn-pagination-border-color-disabled: var(--pgn-color-gray-100);
-  --pgn-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
-  --pgn-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
-  --pgn-pagination-focus-color-text: var(--pgn-color-black);
-  --pgn-popover-font-size: var(--pgn-font-size-sm);
-  --pgn-popover-border-radius: var(--pgn-size-border-radius-sm);
-  --pgn-popover-border-width: var(--pgn-size-border-width);
-  --pgn-popover-header-color-bg: var(--pgn-color-white);
-  --pgn-popover-header-color-bg-dark: #808080FF;
-  --pgn-popover-header-color-border-bottom-dark: #808080FF;
-  --pgn-popover-body-padding-y: var(--pgn-popover-header-padding-y);
-  --pgn-popover-body-padding-x: var(--pgn-popover-header-padding-x);
-  --pgn-popover-arrow-outer-color: var(--pgn-popover-border-color);
-  --pgn-product-tour-checkpoint-color-body: var(--pgn-color-gray-700);
-  --pgn-product-tour-checkpoint-color-box-shadow: #0000004D;
-  --pgn-product-tour-checkpoint-arrow-color-top: solid var(--pgn-product-tour-checkpoint-width-arrow) var(--pgn-product-tour-checkpoint-width-border);
-  --pgn-product-tour-checkpoint-arrow-color-default: solid var(--pgn-product-tour-checkpoint-width-arrow) var(--pgn-product-tour-checkpoint-color-background);
-  --pgn-product-tour-checkpoint-arrow-transparent: solid var(--pgn-product-tour-checkpoint-width-arrow) transparent;
-  --pgn-progress-bar-font-size: calc(var(--pgn-font-size-base) * .75);
-  --pgn-progress-bar-bar-color: var(--pgn-color-white);
-  --pgn-progress-bar-bar-bg-base: var(--pgn-color-accent-a);
-  --pgn-scrollable-body-box-shadow: #0000008C;
-  --pgn-search-field-border-color-interaction: var(--pgn-color-black);
-  --pgn-search-field-border-color-focus: var(--pgn-color-black);
-  --pgn-sheet-skrim-bg: #ADADAD80;
-  --pgn-sheet-skrim-component-box-shadow: #00000026;
-  --pgn-spinner-height: var(--pgn-spinner-width);
-  --pgn-spinner-sm-height: var(--pgn-spinner-sm-width);
-  --pgn-tabs-notification-font-size: var(--pgn-font-size-xs);
-  --pgn-toast-color-background: var(--pgn-color-gray-700);
-  --pgn-toast-border-color: #0000001A;
-  --pgn-toast-header-color-base: var(--pgn-color-white);
-  --pgn-toast-header-color-background: var(--pgn-color-gray-700);
-  --pgn-toast-header-color-border: #00000080;
-  --pgn-tooltip-font-size: var(--pgn-font-size-sm);
-  --pgn-tooltip-color-base: var(--pgn-color-white);
-  --pgn-tooltip-color-light: var(--pgn-color-black);
-  --pgn-tooltip-bg-base: var(--pgn-color-black);
-  --pgn-tooltip-bg-light: var(--pgn-color-white);
-  --pgn-tooltip-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-tooltip-arrow-color-light: var(--pgn-color-white);
-  --pgn-display-weight-1: var(--pgn-font-weight-bold);
-  --pgn-display-weight-2: var(--pgn-font-weight-bold);
-  --pgn-display-weight-3: var(--pgn-font-weight-bold);
-  --pgn-display-weight-4: var(--pgn-font-weight-bold);
-  --pgn-spacer-1: calc(var(--pgn-spacer-base) * .25rem);
-  --pgn-spacer-2: calc(var(--pgn-spacer-base) * .5rem);
-  --pgn-spacer-3: var(--pgn-spacer-base);
-  --pgn-spacer-4: calc(var(--pgn-spacer-base) * 1.5rem);
-  --pgn-spacer-5: calc(var(--pgn-spacer-base) * 3rem);
-  --pgn-spacer-6: calc(var(--pgn-spacer-base) * 5rem);
-  --pgn-spacer-1-5: calc(var(--pgn-spacer-base) * .375rem);
-  --pgn-spacer-2-5: calc(var(--pgn-spacer-base) * .75rem);
-  --pgn-spacer-3-5: calc(var(--pgn-spacer-base) * 1.25rem);
-  --pgn-spacer-4-5: calc(var(--pgn-spacer-base) * 2rem);
-  --pgn-spacer-5-5: calc(var(--pgn-spacer-base) * 4rem);
-  --pgn-font-family-base: var(--pgn-font-family-sans-serif);
-  --pgn-font-size-mobile-h2: var(--pgn-font-size-h2);
-  --pgn-font-size-mobile-h3: var(--pgn-font-size-h3);
-  --pgn-font-size-mobile-h4: var(--pgn-font-size-h4);
-  --pgn-font-size-mobile-h5: var(--pgn-font-size-h5);
-  --pgn-font-size-mobile-h6: var(--pgn-font-size-h6);
-  --pgn-font-size-lead: calc(var(--pgn-font-size-base) * 1.25);
-  --pgn-font-weight-base: var(--pgn-font-weight-normal);
-  --pgn-color-background-active: var(--pgn-color-primary-500);
-  --pgn-color-disabled: var(--pgn-color-gray-500);
-  --pgn-color-input-focus: var(--pgn-color-primary-500);
-  --pgn-color-theme-background-primary: var(--pgn-color-primary-100);
-  --pgn-color-theme-background-brand: var(--pgn-color-brand-100);
-  --pgn-color-theme-background-light: var(--pgn-color-light-100);
-  --pgn-color-theme-background-dark: var(--pgn-color-dark-100);
-  --pgn-color-theme-border-primary: var(--pgn-color-primary-200);
-  --pgn-color-theme-border-brand: var(--pgn-color-brand-200);
-  --pgn-color-theme-border-light: var(--pgn-color-light-200);
-  --pgn-color-theme-border-dark: var(--pgn-color-dark-200);
-  --pgn-color-theme-focus-primary: var(--pgn-color-primary-300);
-  --pgn-color-theme-focus-brand: var(--pgn-color-brand-300);
-  --pgn-color-theme-focus-light: var(--pgn-color-light-300);
-  --pgn-color-theme-focus-dark: var(--pgn-color-dark-300);
-  --pgn-color-theme-default-primary: var(--pgn-color-primary-500);
-  --pgn-color-theme-default-brand: var(--pgn-color-brand-500);
-  --pgn-color-theme-default-light: var(--pgn-color-light-500);
-  --pgn-color-theme-default-dark: var(--pgn-color-dark-500);
-  --pgn-color-theme-default-gray: var(--pgn-color-gray-500);
-  --pgn-color-theme-hover-primary: var(--pgn-color-primary-700);
-  --pgn-color-theme-hover-brand: var(--pgn-color-brand-700);
-  --pgn-color-theme-hover-light: var(--pgn-color-light-700);
-  --pgn-color-theme-hover-dark: var(--pgn-color-dark-700);
-  --pgn-color-theme-active-primary: var(--pgn-color-primary-900);
-  --pgn-color-theme-active-brand: var(--pgn-color-brand-900);
-  --pgn-color-theme-active-light: var(--pgn-color-light-900);
-  --pgn-color-theme-active-dark: var(--pgn-color-dark-900);
-  --pgn-color-btn-text-brand: #FFFFFFFF;
-  --pgn-color-btn-text-outline-danger: var(--pgn-color-danger-base);
-  --pgn-color-btn-text-inverse-danger: var(--pgn-color-danger-base);
-  --pgn-color-btn-text-dark: #FFFFFFFF;
-  --pgn-color-btn-text-outline-info: var(--pgn-color-info-base);
-  --pgn-color-btn-text-inverse-info: var(--pgn-color-info-base);
-  --pgn-color-btn-text-light: #454545FF;
-  --pgn-color-btn-text-primary: #FFFFFFFF;
-  --pgn-color-btn-text-outline-secondary: var(--pgn-color-secondary-base);
-  --pgn-color-btn-text-inverse-secondary: var(--pgn-color-secondary-base);
-  --pgn-color-btn-text-outline-success: var(--pgn-color-success-base);
-  --pgn-color-btn-text-inverse-success: var(--pgn-color-success-base);
-  --pgn-color-btn-text-outline-warning: var(--pgn-color-warning-base);
-  --pgn-color-btn-text-inverse-warning: var(--pgn-color-warning-base);
-  --pgn-color-btn-bg-inverse-brand: #FFFFFFFF;
-  --pgn-color-btn-bg-danger: var(--pgn-color-danger-base);
-  --pgn-color-btn-bg-inverse-dark: #FFFFFFFF;
-  --pgn-color-btn-bg-info: var(--pgn-color-info-base);
-  --pgn-color-btn-bg-inverse-light: #454545FF;
-  --pgn-color-btn-bg-inverse-primary: #FFFFFFFF;
-  --pgn-color-btn-bg-secondary: var(--pgn-color-secondary-base);
-  --pgn-color-btn-bg-success: var(--pgn-color-success-base);
-  --pgn-color-btn-bg-warning: var(--pgn-color-warning-base);
-  --pgn-color-btn-border-brand: var(--pgn-color-btn-bg-brand);
-  --pgn-color-btn-border-outline-danger: var(--pgn-color-danger-base);
-  --pgn-color-btn-border-dark: var(--pgn-color-btn-bg-dark);
-  --pgn-color-btn-border-outline-info: var(--pgn-color-info-base);
-  --pgn-color-btn-border-light: var(--pgn-color-btn-bg-light);
-  --pgn-color-btn-border-primary: var(--pgn-color-btn-bg-primary);
-  --pgn-color-btn-border-outline-secondary: var(--pgn-color-secondary-base);
-  --pgn-color-btn-border-outline-success: var(--pgn-color-success-base);
-  --pgn-color-btn-border-outline-warning: var(--pgn-color-warning-base);
-  --pgn-color-btn-hover-text-inverse-brand: #770040FF;
-  --pgn-color-btn-hover-text-inverse-dark: #18271DFF;
-  --pgn-color-btn-hover-text-inverse-light: #D0C9C6FF;
-  --pgn-color-btn-hover-text-inverse-primary: #061D33FF;
-  --pgn-color-btn-hover-bg-outline-brand: var(--pgn-color-brand-100);
-  --pgn-color-btn-hover-bg-inverse-outline-brand: var(--pgn-color-brand-100);
-  --pgn-color-btn-hover-bg-outline-dark: var(--pgn-color-dark-100);
-  --pgn-color-btn-hover-bg-inverse-outline-dark: var(--pgn-color-dark-100);
-  --pgn-color-btn-hover-bg-outline-light: var(--pgn-color-light-100);
-  --pgn-color-btn-hover-bg-inverse-outline-light: var(--pgn-color-light-100);
-  --pgn-color-btn-hover-bg-outline-primary: var(--pgn-color-primary-100);
-  --pgn-color-btn-hover-bg-inverse-outline-primary: var(--pgn-color-primary-100);
-  --pgn-color-btn-hover-bg-tertiary: var(--pgn-color-light-500);
-  --pgn-color-btn-hover-border-outline-brand: var(--pgn-color-brand-900);
-  --pgn-color-btn-hover-border-outline-dark: var(--pgn-color-dark-900);
-  --pgn-color-btn-hover-border-outline-light: var(--pgn-color-light-900);
-  --pgn-color-btn-hover-border-outline-primary: var(--pgn-color-primary-900);
-  --pgn-color-btn-active-text-inverse-brand: #6A0039FF;
-  --pgn-color-btn-active-text-inverse-dark: #142018FF;
-  --pgn-color-btn-active-text-inverse-light: #CAC3BFFF;
-  --pgn-color-btn-active-text-inverse-primary: #051627FF;
-  --pgn-color-btn-active-bg-tertiary: var(--pgn-color-light-500);
-  --pgn-color-btn-active-bg-inverse-tertiary: var(--pgn-color-btn-hover-bg-inverse-tertiary);
-  --pgn-color-form-input-placeholder: var(--pgn-color-gray-500);
-  --pgn-color-form-input-plaintext: var(--pgn-body-color);
-  --pgn-color-form-input-border: var(--pgn-color-gray-500);
-  --pgn-color-form-input-bg-base: var(--pgn-color-background-base);
-  --pgn-color-form-input-group-addon-base: var(--pgn-color-form-input-base);
-  --pgn-color-form-input-focus-base: var(--pgn-color-form-input-base);
-  --pgn-color-form-control-indicator-bg-disabled: var(--pgn-color-form-input-bg-disabled);
-  --pgn-color-form-control-indicator-checked-bg-disabled: #0A305580;
-  --pgn-color-form-control-indicator-checked-border-base: var(--pgn-color-primary-500);
-  --pgn-color-form-control-indicator-active-base: var(--pgn-color-active);
-  --pgn-color-form-control-switch-indicator-checked-bg: var(--pgn-color-success-base);
-  --pgn-color-form-control-select-base: var(--pgn-color-form-input-base);
-  --pgn-color-form-control-select-indicator-base: var(--pgn-color-theme-hover-gray);
-  --pgn-color-form-control-file-base: var(--pgn-color-form-input-base);
-  --pgn-color-form-control-file-bg-disabled: var(--pgn-color-form-input-bg-disabled);
-  --pgn-color-form-control-file-button-bg: var(--pgn-color-form-input-group-addon-bg);
-  --pgn-color-form-feedback-valid: var(--pgn-color-success-base);
-  --pgn-color-form-feedback-invalid: var(--pgn-color-danger-base);
-  --pgn-color-secondary-100: #F4F4F4FF;
-  --pgn-color-secondary-200: #D1D1D1FF;
-  --pgn-color-secondary-300: #A2A2A2FF;
-  --pgn-color-secondary-400: #747474FF;
-  --pgn-color-secondary-500: var(--pgn-color-secondary-base);
-  --pgn-color-secondary-600: #3E3E3EFF;
-  --pgn-color-secondary-700: #373737FF;
-  --pgn-color-secondary-800: #343434FF;
-  --pgn-color-secondary-900: #303030FF;
-  --pgn-color-success-100: #F1F8F5FF;
-  --pgn-color-success-200: #C5E0D4FF;
-  --pgn-color-success-300: #8BC1A9FF;
-  --pgn-color-success-400: #51A17EFF;
-  --pgn-color-success-500: var(--pgn-color-success-base);
-  --pgn-color-success-600: #15754BFF;
-  --pgn-color-success-700: #126842FF;
-  --pgn-color-success-800: #11623EFF;
-  --pgn-color-success-900: #105B3AFF;
-  --pgn-color-info-100: #F0F6FAFF;
-  --pgn-color-info-200: #BFDBEAFF;
-  --pgn-color-info-300: #80B6D5FF;
-  --pgn-color-info-400: #4092BFFF;
-  --pgn-color-info-500: var(--pgn-color-info-base);
-  --pgn-color-info-600: #006299FF;
-  --pgn-color-info-700: #005788FF;
-  --pgn-color-info-800: #005280FF;
-  --pgn-color-info-900: #004C77FF;
-  --pgn-color-warning-100: #FFFDF0FF;
-  --pgn-color-warning-200: #FFF6BFFF;
-  --pgn-color-warning-300: #FFEC80FF;
-  --pgn-color-warning-400: #FFE340FF;
-  --pgn-color-warning-500: var(--pgn-color-warning-base);
-  --pgn-color-warning-600: #E6C300FF;
-  --pgn-color-warning-700: #CCAE00FF;
-  --pgn-color-warning-800: #BFA300FF;
-  --pgn-color-warning-900: #B39800FF;
-  --pgn-color-danger-100: #FBF2F3FF;
-  --pgn-color-danger-200: #F0CBCEFF;
-  --pgn-color-danger-300: #E1969DFF;
-  --pgn-color-danger-400: #D2626BFF;
-  --pgn-color-danger-500: var(--pgn-color-danger-base);
-  --pgn-color-danger-600: #B02934FF;
-  --pgn-color-danger-700: #9C242EFF;
-  --pgn-color-danger-800: #92222CFF;
-  --pgn-color-danger-900: #892029FF;
-  --pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
-  --pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
-  --pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
-  --pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
-  --pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
-  --pgn-size-form-input-width-border: var(--pgn-input-btn-border-width);
-  --pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
-  --pgn-alert-actions-gap: var(--pgn-spacer-3);
-  --pgn-annotation-color-text-light: var(--pgn-color-primary-500);
-  --pgn-annotation-color-bg-success: var(--pgn-color-success-base);
-  --pgn-annotation-color-bg-error: var(--pgn-color-danger-base);
-  --pgn-avatar-border-base: solid 1px var(--pgn-color-light-300);
-  --pgn-badge-color-secondary: #FFFFFFFF;
-  --pgn-badge-color-success: #FFFFFFFF;
-  --pgn-badge-color-danger: #FFFFFFFF;
-  --pgn-badge-color-warning: #454545FF;
-  --pgn-badge-color-info: #FFFFFFFF;
-  --pgn-badge-color-bg-secondary: var(--pgn-color-secondary-base);
-  --pgn-badge-color-bg-success: var(--pgn-color-success-base);
-  --pgn-badge-color-bg-warning: var(--pgn-color-warning-base);
-  --pgn-badge-color-bg-danger: var(--pgn-color-danger-base);
-  --pgn-badge-color-bg-info: var(--pgn-color-info-base);
-  --pgn-badge-color-focus-primary: var(--pgn-badge-color-primary);
-  --pgn-badge-color-focus-light: var(--pgn-badge-color-light);
-  --pgn-badge-color-focus-dark: var(--pgn-badge-color-dark);
-  --pgn-badge-color-focus-bg-primary: #051627FF;
-  --pgn-badge-color-focus-bg-light: #CAC3BFFF;
-  --pgn-badge-color-focus-bg-dark: #142018FF;
-  --pgn-badge-color-focus-box-shadow-primary: #0A30550D;
-  --pgn-badge-color-focus-box-shadow-light: #E1DDDB0D;
-  --pgn-badge-color-focus-box-shadow-dark: #273F2F0D;
-  --pgn-breadcrumb-color-base: var(--pgn-color-primary-500);
-  --pgn-breadcrumb-color-active: var(--pgn-color-gray-500);
-  --pgn-breadcrumb-inverse-active: var(--pgn-color-light-500);
-  --pgn-breadcrumb-inverse-spacer: var(--pgn-color-light-700);
-  --pgn-bubble-color-bg-success: var(--pgn-color-success-base);
-  --pgn-bubble-color-bg-warning: var(--pgn-color-warning-base);
-  --pgn-bubble-color-bg-error: var(--pgn-color-danger-base);
-  --pgn-btn-line-height-lg: var(--pgn-input-btn-line-height-lg);
-  --pgn-btn-border-width: var(--pgn-input-btn-border-width);
-  --pgn-card-bg: var(--pgn-color-background-base);
-  --pgn-card-divider-bg: var(--pgn-color-light-400);
-  --pgn-carousel-control-bg-prev-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
-  --pgn-carousel-control-bg-next-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
-  --pgn-chip-color-bg-light: var(--pgn-color-light-500);
-  --pgn-chip-color-bg-dark: var(--pgn-color-dark-200);
-  --pgn-data-table-background-color: var(--pgn-color-background-base);
-  --pgn-dropdown-color-base: var(--pgn-body-color);
-  --pgn-dropdown-color-header: var(--pgn-color-gray-500);
-  --pgn-dropdown-bg: var(--pgn-color-background-base);
-  --pgn-dropdown-border-radius-inner: calc(var(--pgn-dropdown-border-radius-base) - var(--pgn-dropdown-border-width));
-  --pgn-dropdown-link-hover-bg: var(--pgn-color-light-300);
-  --pgn-dropdown-link-active-color: var(--pgn-color-active);
-  --pgn-dropzone-border-default: 1px dashed var(--pgn-color-gray-500);
-  --pgn-dropzone-border-active: 2px solid var(--pgn-color-primary-500);
-  --pgn-dropzone-restriction-msg-color: var(--pgn-color-gray-500);
-  --pgn-elevation-form-input-focus: var(--pgn-input-btn-focus-box-shadow);
-  --pgn-elevation-form-control-select-border-focus: var(--pgn-input-btn-focus-box-shadow);
-  --pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
-  --pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
-  --pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
-  --pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
-  --pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
-  --pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
-  --pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
-  --pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
-  --pgn-typography-form-input-font-weight: var(--pgn-font-weight-base);
-  --pgn-typography-form-input-line-height-lg: var(--pgn-input-btn-line-height-lg);
-  --pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
-  --pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
-  --pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
-  --pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
-  --pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
-  --pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
-  --pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
-  --pgn-body-bg: var(--pgn-color-background-base);
-  --pgn-link-muted-color: var(--pgn-color-primary-500);
-  --pgn-link-muted-inline-color: var(--pgn-color-primary-500);
-  --pgn-link-brand-color: var(--pgn-color-brand-500);
-  --pgn-link-brand-inline-color: var(--pgn-color-brand-500);
-  --pgn-list-group-bg-base: var(--pgn-color-background-base);
-  --pgn-list-group-active-color-base: var(--pgn-color-active);
-  --pgn-list-group-action-color-hover: var(--pgn-list-group-action-color-base);
-  --pgn-list-group-action-active-color: var(--pgn-body-color);
-  --pgn-text-muted: var(--pgn-color-gray-500);
-  --pgn-icon-button-color-secondary: var(--pgn-color-secondary-base);
-  --pgn-icon-button-color-success: var(--pgn-color-success-base);
-  --pgn-icon-button-color-warning: var(--pgn-color-warning-base);
-  --pgn-icon-button-color-danger: var(--pgn-color-danger-base);
-  --pgn-image-figure-caption-color: var(--pgn-color-gray-500);
-  --pgn-modal-content-bg: var(--pgn-color-background-base);
-  --pgn-nav-tabs-border-color: var(--pgn-color-light-400);
-  --pgn-nav-tabs-link-hover-bg: var(--pgn-color-light-400);
-  --pgn-nav-tabs-link-active-color-base: var(--pgn-color-primary-500);
-  --pgn-nav-tabs-link-active-color-border: transparent transparent var(--pgn-color-primary-500);
-  --pgn-nav-pills-link-link-active-color: var(--pgn-color-active);
-  --pgn-navbar-brand-height: calc(var(--pgn-navbar-brand-font-size) * var(--pgn-line-height-base));
-  --pgn-navbar-brand-padding-y: calc((var(--pgn-navbar-nav-link-height) - var(--pgn-navbar-brand-height)) / 2);
-  --pgn-navbar-toggler-border-radius: var(--pgn-btn-border-radius-base);
-  --pgn-navbar-dark-color-active: var(--pgn-color-active);
-  --pgn-navbar-dark-toggler-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23FFFFFF80' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-  --pgn-navbar-light-toggler-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%2300000080' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-  --pgn-navbar-light-brand-color-base: var(--pgn-navbar-light-color-active);
-  --pgn-navbar-light-brand-color-hover: var(--pgn-navbar-light-color-active);
-  --pgn-pagination-color-active: var(--pgn-color-active);
-  --pgn-pagination-bg-base: var(--pgn-color-background-base);
-  --pgn-pagination-focus-box-shadow: var(--pgn-input-btn-focus-box-shadow);
-  --pgn-pagination-focus-color-base: var(--pgn-color-primary-500);
-  --pgn-popover-bg: var(--pgn-color-background-base);
-  --pgn-popover-header-color-base: var(--pgn-headings-color);
-  --pgn-popover-body-color: var(--pgn-body-color);
-  --pgn-product-tour-checkpoint-color-background: var(--pgn-color-light-300);
-  --pgn-product-tour-checkpoint-color-border: var(--pgn-color-brand-500);
-  --pgn-product-tour-checkpoint-color-breadcrumb: var(--pgn-color-primary-500);
-  --pgn-progress-bar-border-color: var(--pgn-color-gray-500);
-  --pgn-progress-bar-bar-bg-annotated: var(--pgn-color-dark-500);
-  --pgn-search-field-border-color-base: var(--pgn-color-gray-500);
-  --pgn-search-field-button-color-bg-primary: var(--pgn-color-primary-500);
-  --pgn-search-field-button-color-bg-brand: var(--pgn-color-brand-500);
-  --pgn-search-field-input-height-search: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
-  --pgn-tooltip-arrow-color-base: var(--pgn-tooltip-bg-base);
-  --pgn-color-link: var(--pgn-color-info-500);
-  --pgn-color-theme-background-secondary: var(--pgn-color-secondary-100);
-  --pgn-color-theme-background-success: var(--pgn-color-success-100);
-  --pgn-color-theme-background-info: var(--pgn-color-info-100);
-  --pgn-color-theme-background-warning: var(--pgn-color-warning-100);
-  --pgn-color-theme-background-danger: var(--pgn-color-danger-100);
-  --pgn-color-theme-border-secondary: var(--pgn-color-secondary-200);
-  --pgn-color-theme-border-success: var(--pgn-color-success-200);
-  --pgn-color-theme-border-info: var(--pgn-color-info-200);
-  --pgn-color-theme-border-warning: var(--pgn-color-warning-200);
-  --pgn-color-theme-border-danger: var(--pgn-color-danger-200);
-  --pgn-color-theme-focus-secondary: var(--pgn-color-secondary-300);
-  --pgn-color-theme-focus-success: var(--pgn-color-success-300);
-  --pgn-color-theme-focus-info: var(--pgn-color-info-300);
-  --pgn-color-theme-focus-warning: var(--pgn-color-warning-300);
-  --pgn-color-theme-focus-danger: var(--pgn-color-danger-300);
-  --pgn-color-theme-default-secondary: var(--pgn-color-secondary-500);
-  --pgn-color-theme-default-success: var(--pgn-color-success-500);
-  --pgn-color-theme-default-info: var(--pgn-color-info-500);
-  --pgn-color-theme-default-warning: var(--pgn-color-warning-500);
-  --pgn-color-theme-default-danger: var(--pgn-color-danger-500);
-  --pgn-color-theme-hover-secondary: var(--pgn-color-secondary-700);
-  --pgn-color-theme-hover-success: var(--pgn-color-success-700);
-  --pgn-color-theme-hover-info: var(--pgn-color-info-700);
-  --pgn-color-theme-hover-warning: var(--pgn-color-warning-700);
-  --pgn-color-theme-hover-danger: var(--pgn-color-danger-700);
-  --pgn-color-theme-active-secondary: var(--pgn-color-secondary-900);
-  --pgn-color-theme-active-success: var(--pgn-color-success-900);
-  --pgn-color-theme-active-info: var(--pgn-color-info-900);
-  --pgn-color-theme-active-warning: var(--pgn-color-warning-900);
-  --pgn-color-theme-active-danger: var(--pgn-color-danger-900);
-  --pgn-color-btn-text-danger: #FFFFFFFF;
-  --pgn-color-btn-text-info: #FFFFFFFF;
-  --pgn-color-btn-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-text-success: #FFFFFFFF;
-  --pgn-color-btn-text-warning: #454545FF;
-  --pgn-color-btn-bg-inverse-danger: #FFFFFFFF;
-  --pgn-color-btn-bg-inverse-info: #FFFFFFFF;
-  --pgn-color-btn-bg-inverse-secondary: #FFFFFFFF;
-  --pgn-color-btn-bg-inverse-success: #FFFFFFFF;
-  --pgn-color-btn-bg-inverse-warning: #454545FF;
-  --pgn-color-btn-border-danger: var(--pgn-color-btn-bg-danger);
-  --pgn-color-btn-border-info: var(--pgn-color-btn-bg-info);
-  --pgn-color-btn-border-secondary: var(--pgn-color-btn-bg-secondary);
-  --pgn-color-btn-border-success: var(--pgn-color-btn-bg-success);
-  --pgn-color-btn-border-warning: var(--pgn-color-btn-bg-warning);
-  --pgn-color-btn-hover-text-outline-brand: var(--pgn-color-theme-hover-brand);
-  --pgn-color-btn-hover-text-inverse-outline-brand: var(--pgn-color-theme-hover-brand);
-  --pgn-color-btn-hover-text-inverse-danger: #A42631FF;
-  --pgn-color-btn-hover-text-outline-dark: var(--pgn-color-theme-hover-dark);
-  --pgn-color-btn-hover-text-inverse-outline-dark: var(--pgn-color-theme-hover-dark);
-  --pgn-color-btn-hover-text-inverse-info: #005484FF;
-  --pgn-color-btn-hover-text-outline-light: var(--pgn-color-theme-hover-light);
-  --pgn-color-btn-hover-text-inverse-outline-light: var(--pgn-color-theme-hover-light);
-  --pgn-color-btn-hover-text-outline-primary: var(--pgn-color-theme-hover-primary);
-  --pgn-color-btn-hover-text-inverse-outline-primary: var(--pgn-color-theme-hover-primary);
-  --pgn-color-btn-hover-text-inverse-secondary: #323232FF;
-  --pgn-color-btn-hover-text-inverse-success: #11623EFF;
-  --pgn-color-btn-hover-text-inverse-warning: #D9B800FF;
-  --pgn-color-btn-hover-bg-brand: var(--pgn-color-theme-hover-brand);
-  --pgn-color-btn-hover-bg-inverse-brand: #ECECECFF;
-  --pgn-color-btn-hover-bg-outline-danger: var(--pgn-color-danger-100);
-  --pgn-color-btn-hover-bg-inverse-outline-danger: var(--pgn-color-danger-100);
-  --pgn-color-btn-hover-bg-dark: var(--pgn-color-theme-hover-dark);
-  --pgn-color-btn-hover-bg-inverse-dark: #ECECECFF;
-  --pgn-color-btn-hover-bg-outline-info: var(--pgn-color-info-100);
-  --pgn-color-btn-hover-bg-inverse-outline-info: var(--pgn-color-info-100);
-  --pgn-color-btn-hover-bg-light: var(--pgn-color-theme-hover-light);
-  --pgn-color-btn-hover-bg-inverse-light: #323232FF;
-  --pgn-color-btn-hover-bg-primary: var(--pgn-color-theme-hover-primary);
-  --pgn-color-btn-hover-bg-inverse-primary: #ECECECFF;
-  --pgn-color-btn-hover-bg-outline-secondary: var(--pgn-color-secondary-100);
-  --pgn-color-btn-hover-bg-inverse-outline-secondary: var(--pgn-color-secondary-100);
-  --pgn-color-btn-hover-bg-outline-success: var(--pgn-color-success-100);
-  --pgn-color-btn-hover-bg-inverse-outline-success: var(--pgn-color-success-100);
-  --pgn-color-btn-hover-bg-outline-warning: var(--pgn-color-warning-100);
-  --pgn-color-btn-hover-bg-inverse-outline-warning: var(--pgn-color-warning-100);
-  --pgn-color-btn-hover-border-brand: var(--pgn-color-theme-hover-brand);
-  --pgn-color-btn-hover-border-outline-danger: var(--pgn-color-danger-900);
-  --pgn-color-btn-hover-border-dark: var(--pgn-color-theme-hover-dark);
-  --pgn-color-btn-hover-border-outline-info: var(--pgn-color-info-900);
-  --pgn-color-btn-hover-border-light: var(--pgn-color-theme-hover-light);
-  --pgn-color-btn-hover-border-primary: var(--pgn-color-theme-hover-primary);
-  --pgn-color-btn-hover-border-outline-secondary: var(--pgn-color-secondary-900);
-  --pgn-color-btn-hover-border-outline-success: var(--pgn-color-success-900);
-  --pgn-color-btn-hover-border-outline-warning: var(--pgn-color-warning-900);
-  --pgn-color-btn-active-text-inverse-danger: #9A232EFF;
-  --pgn-color-btn-active-text-inverse-info: #004C77FF;
-  --pgn-color-btn-active-text-inverse-secondary: #2B2B2BFF;
-  --pgn-color-btn-active-text-inverse-success: #0F5737FF;
-  --pgn-color-btn-active-text-inverse-warning: #CCAE00FF;
-  --pgn-color-btn-active-bg-brand: var(--pgn-color-theme-active-brand);
-  --pgn-color-btn-active-bg-outline-brand: var(--pgn-color-theme-background-brand);
-  --pgn-color-btn-active-bg-inverse-outline-brand: var(--pgn-color-theme-background-brand);
-  --pgn-color-btn-active-bg-dark: var(--pgn-color-theme-active-dark);
-  --pgn-color-btn-active-bg-outline-dark: var(--pgn-color-theme-background-dark);
-  --pgn-color-btn-active-bg-inverse-outline-dark: var(--pgn-color-theme-background-dark);
-  --pgn-color-btn-active-bg-light: var(--pgn-color-theme-active-light);
-  --pgn-color-btn-active-bg-outline-light: var(--pgn-color-theme-background-light);
-  --pgn-color-btn-active-bg-inverse-outline-light: var(--pgn-color-theme-background-light);
-  --pgn-color-btn-active-bg-primary: var(--pgn-color-theme-active-primary);
-  --pgn-color-btn-active-bg-outline-primary: var(--pgn-color-theme-background-primary);
-  --pgn-color-btn-active-bg-inverse-outline-primary: var(--pgn-color-theme-background-primary);
-  --pgn-color-btn-active-border-brand: var(--pgn-color-theme-active-brand);
-  --pgn-color-btn-active-border-outline-brand: var(--pgn-color-theme-active-brand);
-  --pgn-color-btn-active-border-dark: var(--pgn-color-theme-active-dark);
-  --pgn-color-btn-active-border-outline-dark: var(--pgn-color-theme-active-dark);
-  --pgn-color-btn-active-border-light: var(--pgn-color-theme-active-light);
-  --pgn-color-btn-active-border-outline-light: var(--pgn-color-theme-active-light);
-  --pgn-color-btn-active-border-primary: var(--pgn-color-theme-active-primary);
-  --pgn-color-btn-active-border-outline-primary: var(--pgn-color-theme-active-primary);
-  --pgn-color-btn-focus-border-brand: var(--pgn-color-theme-focus-brand);
-  --pgn-color-btn-focus-border-outline-brand: var(--pgn-color-theme-focus-brand);
-  --pgn-color-btn-focus-border-dark: var(--pgn-color-theme-focus-dark);
-  --pgn-color-btn-focus-border-outline-dark: var(--pgn-color-theme-focus-dark);
-  --pgn-color-btn-focus-border-light: var(--pgn-color-theme-focus-light);
-  --pgn-color-btn-focus-border-outline-light: var(--pgn-color-theme-focus-light);
-  --pgn-color-btn-focus-border-primary: var(--pgn-color-theme-focus-primary);
-  --pgn-color-btn-focus-border-outline-primary: var(--pgn-color-theme-focus-primary);
-  --pgn-color-btn-focus-border-tertiary: var(--pgn-color-theme-focus-primary);
-  --pgn-color-form-input-group-addon-border: var(--pgn-color-form-input-border);
-  --pgn-color-form-input-focus-border: var(--pgn-color-input-focus);
-  --pgn-color-form-input-focus-bg: var(--pgn-color-form-input-bg-base);
-  --pgn-color-form-control-indicator-bg-base: var(--pgn-color-form-input-bg-base);
-  --pgn-color-form-control-indicator-checked-base: var(--pgn-color-background-active);
-  --pgn-color-form-control-indicator-checked-bg-base: var(--pgn-color-background-active);
-  --pgn-color-form-control-indicator-active-bg: var(--pgn-color-background-active);
-  --pgn-color-form-control-label-disabled: var(--pgn-color-disabled);
-  --pgn-color-form-control-label-floating-text: #FFFFFF1A;
-  --pgn-color-form-control-checkbox-indicator-indeterminate-bg: var(--pgn-color-background-active);
-  --pgn-color-form-control-select-disabled: var(--pgn-color-disabled);
-  --pgn-color-form-control-select-bg-base: var(--pgn-color-form-input-bg-base);
-  --pgn-color-form-control-select-border-base: var(--pgn-color-form-input-border);
-  --pgn-color-form-control-range-thumb-bg-base: var(--pgn-color-background-active);
-  --pgn-color-form-control-range-thumb-bg-disabled: var(--pgn-color-disabled);
-  --pgn-color-form-control-range-thumb-bg-active: #000000FF;
-  --pgn-color-form-control-file-bg-base: var(--pgn-color-form-input-bg-base);
-  --pgn-color-form-control-file-button-base: var(--pgn-color-form-control-file-base);
-  --pgn-color-form-control-file-border-base: var(--pgn-color-form-input-border);
-  --pgn-color-form-feedback-icon-valid: var(--pgn-color-form-feedback-valid);
-  --pgn-color-form-feedback-icon-invalid: var(--pgn-color-form-feedback-invalid);
-  --pgn-color-form-feedback-tooltip-valid: #FFFFFFFF;
-  --pgn-color-form-feedback-tooltip-invalid: #FFFFFFFF;
-  --pgn-color-form-feedback-tooltip-bg-valid: #178253E6;
-  --pgn-color-form-feedback-tooltip-bg-invalid: #C32D3AE6;
-  --pgn-color-form-feedback-tooltip-box-shadow-focus-valid: #17825340;
-  --pgn-color-form-feedback-tooltip-box-shadow-focus-invalid: #C32D3A40;
-  --pgn-color-form-feedback-checked-valid: #1FAD6FFF;
-  --pgn-color-form-feedback-checked-invalid: #D64D59FF;
-  --pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
-  --pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
-  --pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
-  --pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
-  --pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
-  --pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
-  --pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
-  --pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
-  --pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
-  --pgn-badge-color-focus-secondary: var(--pgn-badge-color-secondary);
-  --pgn-badge-color-focus-success: var(--pgn-badge-color-success);
-  --pgn-badge-color-focus-warning: var(--pgn-badge-color-warning);
-  --pgn-badge-color-focus-danger: var(--pgn-badge-color-danger);
-  --pgn-badge-color-focus-info: var(--pgn-badge-color-info);
-  --pgn-badge-color-focus-bg-secondary: #2B2B2BFF;
-  --pgn-badge-color-focus-bg-success: #0F5737FF;
-  --pgn-badge-color-focus-bg-danger: #9A232EFF;
-  --pgn-badge-color-focus-bg-warning: #CCAE00FF;
-  --pgn-badge-color-focus-bg-info: #004C77FF;
-  --pgn-badge-color-focus-box-shadow-secondary: #4545450D;
-  --pgn-badge-color-focus-box-shadow-success: #1782530D;
-  --pgn-badge-color-focus-box-shadow-danger: #C32D3A0D;
-  --pgn-badge-color-focus-box-shadow-warning: #FFD9000D;
-  --pgn-badge-color-focus-box-shadow-info: #006DAA0D;
-  --pgn-btn-disabled-link-color: var(--pgn-color-disabled);
-  --pgn-dropdown-link-active-bg: var(--pgn-color-background-active);
-  --pgn-dropdown-link-disabled-color: var(--pgn-color-disabled);
-  --pgn-dropzone-border-hover: 2px solid var(--pgn-color-info-300);
-  --pgn-dropzone-border-focus: 2px solid var(--pgn-color-info-300);
-  --pgn-dropzone-border-error: 2px solid var(--pgn-color-danger-300);
-  --pgn-dropzone-error-wrapper-color: var(--pgn-color-danger-500);
-  --pgn-elevation-form-control-range-thumb-focus: 0 0 0 1px var(--pgn-body-bg), var(--pgn-size-form-input-width-focus);
-  --pgn-elevation-form-control-file-focus: var(--pgn-elevation-form-input-focus);
-  --pgn-other-form-control-switch-indicator-icon-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFFFF'/%3e%3c/svg%3e");
-  --pgn-other-form-control-select-indicator-icon: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="%23454545FF"/></svg>');
-  --pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
-  --pgn-spacing-form-control-select-feedback-icon-position: center right calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
-  --pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
-  --pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
-  --pgn-input-btn-focus-color: var(--pgn-color-input-focus);
-  --pgn-link-inline-color: var(--pgn-color-info-500);
-  --pgn-link-muted-hover-color: #020911FF;
-  --pgn-link-muted-inline-decoration-color: #0A30554D;
-  --pgn-link-muted-inline-hover-color: #020911FF;
-  --pgn-link-brand-hover-color: #51002BFF;
-  --pgn-link-brand-inline-decoration-color: #9D00544D;
-  --pgn-link-brand-inline-hover-color: #51002BFF;
-  --pgn-list-group-active-bg: var(--pgn-color-background-active);
-  --pgn-list-group-disabled-bg: var(--pgn-list-group-bg-base);
-  --pgn-image-thumbnail-bg: var(--pgn-body-bg);
-  --pgn-menu-background-active: var(--pgn-color-btn-active-bg-tertiary);
-  --pgn-nav-tabs-link-hover-border-color: transparent transparent var(--pgn-nav-tabs-border-color);
-  --pgn-nav-tabs-link-active-bg: var(--pgn-body-bg);
-  --pgn-nav-pills-link-link-active-bg: var(--pgn-color-background-active);
-  --pgn-navbar-dark-brand-color-base: var(--pgn-navbar-dark-color-active);
-  --pgn-navbar-dark-brand-color-hover: var(--pgn-navbar-dark-color-active);
-  --pgn-pagination-color-disabled: var(--pgn-color-disabled);
-  --pgn-pagination-bg-active: var(--pgn-color-background-active);
-  --pgn-popover-arrow-color: var(--pgn-popover-bg);
-  --pgn-popover-success-bg: var(--pgn-color-success-100);
-  --pgn-popover-success-icon-color: var(--pgn-color-success-500);
-  --pgn-popover-warning-bg: var(--pgn-color-warning-100);
-  --pgn-popover-warning-icon-color: var(--pgn-color-warning-500);
-  --pgn-popover-danger-bg: var(--pgn-color-danger-100);
+  --pgn-line-height-sm: 1.5;
+  --pgn-line-height-lg: 1.5;
+  --pgn-line-height-base: 1.5556;
+  --pgn-font-weight-lead: null;
+  --pgn-font-weight-bolder: bolder;
+  --pgn-font-weight-bold: 700;
+  --pgn-font-weight-semi-bold: 500;
+  --pgn-font-weight-normal: 400;
+  --pgn-font-weight-light: 300;
+  --pgn-font-weight-lighter: lighter;
+  --pgn-font-size-mobile-h1: 2.25rem;
+  --pgn-font-size-h6: .75rem;
+  --pgn-font-size-h5: .875rem;
+  --pgn-font-size-h4: 1.125rem;
+  --pgn-font-size-h3: 1.375rem;
+  --pgn-font-size-h2: 2rem;
+  --pgn-font-size-h1: 2.5rem;
+  --pgn-font-size-small-x: 75%;
+  --pgn-font-size-small-base: 87.5%;
+  --pgn-font-size-xs: .75rem;
+  --pgn-font-size-sm: .875rem;
+  --pgn-font-size-lg: 1.4063rem;
+  --pgn-font-size-base: 1.125rem;
+  --pgn-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+  "Courier New", monospace;
+  --pgn-font-family-serif: serif;
+  --pgn-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
+  Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
+  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --pgn-spacer-base: 1rem;
+  --pgn-spacer-0: 0;
+  --pgn-theme-interval: 8%;
+  --pgn-zindex-fixed: 1030;
+  --pgn-zindex-sticky: 1020;
+  --pgn-zindex-2000: 2000;
+  --pgn-zindex-1800: 1800;
+  --pgn-zindex-1600: 1600;
+  --pgn-zindex-1400: 1400;
+  --pgn-zindex-1200: 1200;
+  --pgn-zindex-1000: 1000;
+  --pgn-zindex-800: 800;
+  --pgn-zindex-600: 600;
+  --pgn-zindex-400: 400;
+  --pgn-zindex-200: 200;
+  --pgn-zindex-0: 0;
+  --pgn-box-shadow-centered-5: 0 0 2.5rem rgba(0, 0, 0, .15), 0 0 3rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-centered-4: 0 0 1.25rem rgba(0, 0, 0, .15), 0 0 1.25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-centered-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-centered-2: 0 0 .25rem rgba(0, 0, 0, .15), 0 0 .5rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-centered-1: 0 0 .125rem rgba(0, 0, 0, .15), 0 0 .25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-right-5: 1.25rem 0 2.5rem rgba(0, 0, 0, .15), .5rem 0 3rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-right-4: .625rem 0 1.25rem rgba(0, 0, 0, .15), .5rem 0 1.25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-right-3: .5rem 0 1rem rgba(0, 0, 0, .15), .25rem 0 .625rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-right-2: .125rem 0 .25rem rgba(0, 0, 0, .15), .125rem 0 .5rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-right-1: .0625rem 0 .125rem rgba(0, 0, 0, .15), .0625rem 0 .25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-up-5: 0 -1.25rem 2.5rem rgba(0, 0, 0, .15), 0 -.5rem 3rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-up-4: 0 -.625rem 1.25rem rgba(0, 0, 0, .15), 0 -.5rem 1.25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-up-3: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-up-2: 0 -.125rem .25rem rgba(0, 0, 0, .15), 0 -.125rem .5rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-up-1: 0 -.0625rem .125rem rgba(0, 0, 0, .15), 0 -.0625rem .25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-left-5: -1.25rem 0 2.5rem rgba(0, 0, 0, .15), -.5rem 0 3rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-left-4: -.625rem 0 1.25rem rgba(0, 0, 0, .15), -.5rem 0 1.25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-left-3: -.5rem 0 1rem rgba(0, 0, 0, .15), -.25rem 0 .625rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-left-2: -.125rem 0 .25rem rgba(0, 0, 0, .15), -.125rem 0 .5rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-left-1: -.0625rem 0 .125rem rgba(0, 0, 0, .15), -.0625rem 0 .25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-down-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-down-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-down-3: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-down-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-down-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-lg: 0 .25rem .5rem rgba(0, 0, 0, .3);
+  --pgn-box-shadow-sm: 0 .0625rem .125rem rgba(0, 0, 0, .2);
+  --pgn-box-shadow-base: 0 .125rem .25rem rgba(0, 0, 0, .3);
+  --pgn-box-shadow-level-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-level-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-level-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-level-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
+  --pgn-box-shadow-level-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
+  --pgn-display-line-height-mobile: 3.5rem;
+  --pgn-display-line-height-base: 1;
+  --pgn-display-size-mobile: 3.25rem;
+  --pgn-display-size-4: 7.5rem;
+  --pgn-display-size-3: 5.625rem;
+  --pgn-display-size-2: 4.875rem;
+  --pgn-display-size-1: 3.75rem;
+  --pgn-breakpoint-xxl: 1400px;
+  --pgn-breakpoint-xl: 1200px;
+  --pgn-breakpoint-lg: 992px;
+  --pgn-breakpoint-md: 768px;
+  --pgn-breakpoint-sm: 576px;
+  --pgn-breakpoint-xs: 0;
+  --pgn-tooltip-zindex: 1070;
+  --pgn-tooltip-arrow-width: .8rem;
+  --pgn-tooltip-arrow-height: .4rem;
+  --pgn-tooltip-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
+  --pgn-tooltip-margin: 0;
+  --pgn-tooltip-padding-x: .5rem;
+  --pgn-tooltip-padding-y: .5rem;
+  --pgn-tooltip-opacity: 1;
+  --pgn-tooltip-max-width: 200px;
+  --pgn-toast-container-gutter-sm: .625rem;
+  --pgn-toast-container-gutter-lg: 1.25rem;
+  --pgn-toast-box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .15), 0 .5rem 3rem rgba(0, 0, 0, .15);
+  --pgn-toast-border-radius: .25rem;
+  --pgn-toast-border-width: 1px;
+  --pgn-toast-color-base: null;
+  --pgn-toast-font-size: .875rem;
+  --pgn-toast-padding-y: .25rem;
+  --pgn-toast-padding-x: .75rem;
+  --pgn-toast-max-width: 400px;
+  --pgn-tabs-notification-width: 1rem;
+  --pgn-tabs-notification-height: 1rem;
+  --pgn-sticky-shadow-bottom: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
+  --pgn-sticky-shadow-top: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
+  --pgn-sticky-offset: 0;
+  --pgn-stack-gap: 0;
+  --pgn-spinner-sm-border-width: .2em;
+  --pgn-spinner-sm-width: 1rem;
+  --pgn-spinner-border-width: .25em;
+  --pgn-spinner-width: 2rem;
+  --pgn-sheet-zindex-main: 1032;
+  --pgn-sheet-zindex-backdrop: 1031;
+  --pgn-selectable-box-box-space: .75rem;
+  --pgn-selectable-box-border-radius: .25rem;
+  --pgn-selectable-box-padding: 1rem;
+  --pgn-search-field-button-margin: .5rem;
+  --pgn-search-field-disabled-opacity: .3;
+  --pgn-search-field-line-height: 1.5rem;
+  --pgn-search-field-border-width-focus: .3125rem;
+  --pgn-search-field-border-width-interaction: .125rem;
+  --pgn-search-field-border-width-base: .0625rem;
+  --pgn-search-field-border-radius: 0;
+  --pgn-progress-bar-hint-annotation-gap: .5rem;
+  --pgn-progress-bar-threshold-circle: .5625rem;
+  --pgn-progress-bar-bar-transition: width .6s ease;
+  --pgn-progress-bar-bar-animation-timing: 1s linear infinite;
+  --pgn-progress-bar-box-shadow: none;
+  --pgn-progress-bar-border-width: 1px;
+  --pgn-progress-bar-border-radius: 0;
+  --pgn-progress-bar-bg: transparent;
+  --pgn-progress-bar-height-annotated: .3125rem;
+  --pgn-progress-bar-height-base: 1rem;
+  --pgn-product-tour-checkpoint-zindex: 1060;
+  --pgn-product-tour-checkpoint-width-max: 480px;
+  --pgn-product-tour-checkpoint-width-arrow: 15px;
+  --pgn-product-tour-checkpoint-width-border: 8px;
+  --pgn-popover-zindex: 1060;
+  --pgn-popover-arrow-height: .5rem;
+  --pgn-popover-arrow-width: 1rem;
+  --pgn-popover-icon-width: 1rem;
+  --pgn-popover-icon-height: 1rem;
+  --pgn-popover-icon-margin-right: .5rem;
+  --pgn-popover-header-padding-x: 1rem;
+  --pgn-popover-header-padding-y: .5rem;
+  --pgn-popover-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
+  --pgn-popover-border-color: rgba(0, 0, 0, .2);
+  --pgn-popover-max-width: 480px;
+  --pgn-reduced-dropdown-width-min: 6rem;
+  --pgn-reduced-dropdown-height-max: 60vh;
+  --pgn-pagination-focus-border-width: .125rem;
+  --pgn-pagination-focus-outline: 0;
+  --pgn-pagination-secondary-height-sm: 2.25rem;
+  --pgn-pagination-secondary-height-base: 2.75rem;
+  --pgn-pagination-toggle-border-sm: .25rem;
+  --pgn-pagination-toggle-border-base: .3125rem;
+  --pgn-pagination-icon-height: 2.25rem;
+  --pgn-pagination-icon-width: 2.25rem;
+  --pgn-pagination-icon-size-sm: 1rem;
+  --pgn-pagination-icon-size-base: 1.375rem;
+  --pgn-pagination-font-size-sm: .875rem;
+  --pgn-pagination-line-height: 1.5rem;
+  --pgn-pagination-margin-y: .5rem;
+  --pgn-pagination-margin-x: .5rem;
+  --pgn-pagination-padding-icon: .5rem;
+  --pgn-pagination-padding-x-lg: 1.5rem;
+  --pgn-pagination-padding-x-sm: .6rem;
+  --pgn-pagination-padding-x-base: 1rem;
+  --pgn-pagination-padding-y-lg: .75rem;
+  --pgn-pagination-padding-y-sm: .8rem;
+  --pgn-pagination-padding-y-base: .625rem;
+  --pgn-navbar-toggler-padding-x: .75rem;
+  --pgn-navbar-toggler-padding-y: .25rem;
+  --pgn-navbar-nav-scroll-max-height: 75vh;
+  --pgn-navbar-padding-x-nav-link: .5rem;
+  --pgn-nav-tabs-border-radius: 0;
+  --pgn-nav-tabs-border-width: 2px;
+  --pgn-nav-link-font-weight: 500;
+  --pgn-nav-link-padding-x: 1rem;
+  --pgn-nav-link-padding-y: .5rem;
+  --pgn-modal-close-container-top: .625rem;
+  --pgn-modal-zindex: 1050;
+  --pgn-modal-sm: 400px;
+  --pgn-modal-md: 500px;
+  --pgn-modal-lg: 800px;
+  --pgn-modal-xl: 1140px;
+  --pgn-modal-dialog-margin-base: 1.5rem;
+  --pgn-modal-header-padding-y: 1rem;
+  --pgn-modal-backdrop-zindex: 1040;
+  --pgn-modal-backdrop-opacity: .5;
+  --pgn-modal-content-box-shadow-sm-up: 0 10px 20px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .15);
+  --pgn-modal-content-border-width: 0rem;
+  --pgn-modal-footer-padding-y: 1rem;
+  --pgn-modal-inner-padding-bottom: .7rem;
+  --pgn-modal-inner-padding-base: 1.5rem;
+  --pgn-menu-border-hover: transparent;
+  --pgn-menu-border-active: transparent;
+  --pgn-menu-border-base: transparent;
+  --pgn-image-figure-caption-font-size: 90%;
+  --pgn-image-thumbnail-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+  --pgn-image-thumbnail-padding: .25rem;
+  --pgn-icon-button-color-bg: transparent;
+  --pgn-icon-button-diameter-sm: 2.25rem;
+  --pgn-icon-button-diameter-md: 2.75rem;
+  --pgn-icon-size-lg: 1.75rem;
+  --pgn-icon-size-md: 1.5rem;
+  --pgn-icon-size-sm: 1.25rem;
+  --pgn-icon-size-inline: .8em;
+  --pgn-mark-bg: #FFF243FF;
+  --pgn-mark-padding: .2em;
+  --pgn-paragraph-margin-bottom: 1rem;
+  --pgn-list-group-item-padding-x: 1.25rem;
+  --pgn-list-group-item-padding-y: .75rem;
+  --pgn-list-group-color: null;
+  --pgn-list-inline-padding: .5rem;
+  --pgn-link-emphasized-hover-darken-percentage: 15%;
+  --pgn-link-brand-inline-hover-decoration: underline;
+  --pgn-link-brand-inline-decoration: underline;
+  --pgn-link-brand-hover-decoration: underline;
+  --pgn-link-brand-decoration: none;
+  --pgn-link-muted-inline-hover-decoration: underline;
+  --pgn-link-muted-inline-decoration: underline;
+  --pgn-link-muted-hover-decoration: underline;
+  --pgn-link-muted-decoration: none;
+  --pgn-link-inline-hover-decoration: underline;
+  --pgn-link-inline-decoration: underline;
+  --pgn-link-hover-decoration: underline;
+  --pgn-link-decoration: none;
+  --pgn-input-btn-focus-width: 1px;
+  --pgn-input-btn-line-height-sm: 1.4286;
+  --pgn-input-btn-line-height-base: 1.3333;
+  --pgn-input-btn-font-size-lg: 1.325rem;
+  --pgn-input-btn-font-size-sm: .875rem;
+  --pgn-input-btn-font-size-base: 1.125rem;
+  --pgn-input-btn-font-family: inherit;
+  --pgn-input-btn-padding-lg-x: 1.25rem;
+  --pgn-input-btn-padding-lg-y: .6875rem;
+  --pgn-input-btn-padding-sm-x: .75rem;
+  --pgn-input-btn-padding-sm-y: .4375rem;
+  --pgn-input-btn-padding-x: 1rem;
+  --pgn-input-btn-padding-y: .5625rem;
+  --pgn-headings-line-height: 1.25;
+  --pgn-headings-font-family: inherit;
+  --pgn-headings-margin-bottom: .5rem;
+  --pgn-caret-spacing: .255em;
+  --pgn-caret-vertical-align: .255em;
+  --pgn-caret-width: .3em;
+  --pgn-transition-collapse: height .35s ease;
+  --pgn-transition-fade: opacity .15s linear;
+  --pgn-transition-base: all .2s ease-in-out;
+  --pgn-transition-form-control: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+  --pgn-transition-form-input: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+  --pgn-spacing-form-control-select-icon-padding: .5625rem;
+  --pgn-spacing-form-control-select-feedback-tooltip-padding-x: .5rem;
+  --pgn-spacing-form-control-select-feedback-tooltip-padding-y: .25rem;
+  --pgn-spacing-form-control-select-indicator-padding: 1rem;
+  --pgn-spacing-form-control-spacer-x: 1rem;
+  --pgn-spacing-form-control-gutter: .5rem;
+  --pgn-spacing-form-group-margin-bottom: 1rem;
+  --pgn-spacing-form-check-position-axis: .375rem;
+  --pgn-spacing-form-check-inline-margin-x: .75rem;
+  --pgn-spacing-form-text-margin-top: .25rem;
+  --pgn-spacing-form-input-check-margin-y: .3rem;
+  --pgn-spacing-form-input-check-margin-x-inline: .3125rem;
+  --pgn-spacing-form-input-check-margin-x-base: .25rem;
+  --pgn-spacing-form-input-check-gutter: 1.25rem;
+  --pgn-other-form-control-range-track-cursor: pointer;
+  --pgn-other-form-control-cursor: null;
+  --pgn-elevation-form-control-select-border-base: inset 0 1px 2px rgba(0, 0, 0, .075);
+  --pgn-elevation-form-control-range-thumb-base: 0 .1rem .25rem rgba(0, 0, 0, .1);
+  --pgn-elevation-form-control-range-track: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
+  --pgn-elevation-form-control-checkbox-indicator-indeterminate: none;
+  --pgn-elevation-form-control-indicator-active: none;
+  --pgn-elevation-form-control-indicator-checked-focus: 0 0 0 4px rgba(0, 0, 0, .1);
+  --pgn-elevation-form-control-indicator-checked-base: none;
+  --pgn-elevation-form-input-base: inset 0 1px 1px rgba(0, 0, 0, .075);
+  --pgn-dropzone-padding: 1.5rem;
+  --pgn-dropdown-zindex: 1000;
+  --pgn-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);
+  --pgn-dropdown-spacer: .125rem;
+  --pgn-dropdown-padding-y-item: .5rem;
+  --pgn-dropdown-padding-y-base: .25rem;
+  --pgn-dropdown-padding-x-item: 1rem;
+  --pgn-dropdown-padding-x-base: 0;
+  --pgn-dropdown-min-width: 18rem;
+  --pgn-data-table-pagination-dropdown-min-width: 6rem;
+  --pgn-data-table-pagination-dropdown-max-height: 60vh;
+  --pgn-data-table-footer-position: center;
+  --pgn-data-table-padding-head-cell: .5rem .75rem;
+  --pgn-data-table-padding-cell: .75rem;
+  --pgn-data-table-padding-small: .5rem;
+  --pgn-data-table-padding-y: .75rem;
+  --pgn-data-table-padding-x: .75rem;
+  --pgn-container-max-width-xl: 1440px;
+  --pgn-container-max-width-lg: 1192px;
+  --pgn-container-max-width-md: 952px;
+  --pgn-container-max-width-sm: 708px;
+  --pgn-container-max-width-xs: 464px;
+  --pgn-collapsible-card-spacer-basic-icon: .625rem;
+  --pgn-collapsible-card-spacer-basic-x: .5rem;
+  --pgn-collapsible-card-spacer-basic-y: .5rem;
+  --pgn-collapsible-card-spacer-icon: 2.5rem;
+  --pgn-collapsible-card-spacer-left-body: .75rem;
+  --pgn-collapsible-card-spacer-x-base: .5rem;
+  --pgn-collapsible-card-spacer-y-base: .5rem;
+  --pgn-code-pre-scrollable-max-height: 340px;
+  --pgn-code-kbd-padding-x: .4rem;
+  --pgn-code-kbd-padding-y: .2rem;
+  --pgn-code-kbd-box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
+  --pgn-code-color: #E83E8CFF;
+  --pgn-code-font-size: 87.5%;
+  --pgn-chip-icon-size: 1.25rem;
+  --pgn-chip-opacity-disabled: .3;
+  --pgn-chip-border-radius: .25rem;
+  --pgn-chip-margin: .125rem;
+  --pgn-chip-padding-to-icon: 3px;
+  --pgn-chip-padding-icon: .25rem;
+  --pgn-chip-padding-x: .5rem;
+  --pgn-chip-padding-y: .125rem;
+  --pgn-carousel-transition-duration: .6s;
+  --pgn-carousel-caption-width: 70%;
+  --pgn-carousel-indicator-transition: opacity .6s ease;
+  --pgn-carousel-indicator-spacer: 3px;
+  --pgn-carousel-indicator-height-area-hit: 3px;
+  --pgn-carousel-indicator-height-base: 3px;
+  --pgn-carousel-indicator-width: 30px;
+  --pgn-carousel-control-transition: opacity .15s ease;
+  --pgn-carousel-control-opacity-hover: .9;
+  --pgn-carousel-control-opacity-base: .5;
+  --pgn-carousel-control-width-icon: 20px;
+  --pgn-carousel-control-width-base: 15%;
+  --pgn-card-loading-skeleton-spacer: .313rem;
+  --pgn-card-logo-height: 4.125rem;
+  --pgn-card-logo-width: 7.25rem;
+  --pgn-card-logo-bottom-offset-horizontal: .4375rem;
+  --pgn-card-logo-bottom-offset-base: 1rem;
+  --pgn-card-logo-left-offset-horizontal: .4375rem;
+  --pgn-card-logo-left-offset-base: 1.5rem;
+  --pgn-card-footer-action-gap: .5rem;
+  --pgn-card-columns-gap: 1.25rem;
+  --pgn-card-columns-count: 3;
+  --pgn-card-margin-group: 12px;
+  --pgn-card-image-vertical-height-max: 140px;
+  --pgn-card-image-horizontal-width-max: 240px;
+  --pgn-card-image-overlay-padding: 1.25rem;
+  --pgn-card-color: null;
+  --pgn-card-height-base: null;
+  --pgn-card-cap-color: null;
+  --pgn-card-border-radius-logo: .25rem;
+  --pgn-card-border-radius-image: .3125rem;
+  --pgn-card-spacer-y: .75rem;
+  --pgn-card-spacer-x: 1.25rem;
+  --pgn-btn-transition: null;
+  --pgn-btn-block-spacing-y: .5rem;
+  --pgn-btn-disabled-opacity: .65;
+  --pgn-btn-focus-gap: 1px;
+  --pgn-btn-focus-width: 2px;
+  --pgn-btn-box-shadow-active: none;
+  --pgn-btn-box-shadow-base: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
+  --pgn-bubble-expandable-padding-x: .25rem;
+  --pgn-bubble-expandable-padding-y: 0;
+  --pgn-breadcrumb-border-radius-focus: .125rem;
+  --pgn-breadcrumb-border-focus-width: .0625rem;
+  --pgn-breadcrumb-border-focus-axis-x: .25rem;
+  --pgn-breadcrumb-border-focus-axis-y: .5rem;
+  --pgn-breadcrumb-margin-left: .5rem;
+  --pgn-breadcrumb-margin-bottom: 1rem;
+  --pgn-breadcrumb-padding-item: .5rem;
+  --pgn-breadcrumb-padding-x: 1rem;
+  --pgn-breadcrumb-padding-y: .75rem;
+  --pgn-breadcrumb-font-size: null;
+  --pgn-badge-transition: none;
+  --pgn-badge-border-radius-pill: 10rem;
+  --pgn-badge-border-radius-base: .25rem;
+  --pgn-badge-padding-y: .125rem;
+  --pgn-badge-padding-x-pill: .6em;
+  --pgn-badge-padding-x-base: .5rem;
+  --pgn-badge-font-size: 75%;
+  --pgn-avatar-button-padding-left-lg: .25em;
+  --pgn-avatar-button-padding-left-sm: .25em;
+  --pgn-avatar-button-padding-left-base: .25em;
+  --pgn-avatar-size-huge: 18.75rem;
+  --pgn-avatar-size-xxl: 11.5rem;
+  --pgn-avatar-size-xl: 6rem;
+  --pgn-avatar-size-lg: 4rem;
+  --pgn-avatar-size-sm: 2.25rem;
+  --pgn-avatar-size-xs: 1.5rem;
+  --pgn-avatar-size-base: 3rem;
+  --pgn-avatar-border-radius: 100%;
+  --pgn-annotation-arrow-border-width: .5rem;
+  --pgn-annotation-arrow-side-margin: .25rem;
+  --pgn-annotation-max-width: 18.75rem;
+  --pgn-annotation-border-radius: .25rem;
+  --pgn-annotation-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15))
+  drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
+  --pgn-annotation-padding: .5rem;
+  --pgn-alert-line-height: 1.5rem;
+  --pgn-alert-icon-space: .8rem;
+  --pgn-alert-box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 4px rgba(0, 0, 0, .15);
+  --pgn-alert-font-size: .875rem;
+  --pgn-alert-border-width: 0;
+  --pgn-alert-margin-bottom: 1rem;
+  --pgn-alert-padding-x: 1.5rem;
+  --pgn-alert-padding-y: 1.5rem;
+  --pgn-action-row-gap-y: .5rem;
+  --pgn-action-row-gap-x: .5rem;
+  --pgn-size-form-border-radius-width: 0.125rem;
+  --pgn-size-form-border-radius-check-focus: 0.0625rem;
+  --pgn-size-form-autosuggest-border-width: 0.125rem;
+  --pgn-size-form-autosuggest-spinner-width: 1.25rem;
+  --pgn-size-form-autosuggest-icon-width: 2.4rem;
+  --pgn-size-form-grid-gutter-width: 0.625rem;
+  --pgn-size-form-control-border-radio-indicator-radius: 50rem;
+  --pgn-size-form-control-border-checkbox-indicator-radius: 0rem;
+  --pgn-size-form-control-icon-width: 2rem;
+  --pgn-size-form-control-range-thumb-border-radius: 1rem;
+  --pgn-size-form-control-range-thumb-border-base: 0rem;
+  --pgn-size-form-control-range-thumb-width: 1rem;
+  --pgn-size-form-control-range-track-border-radius: 1rem;
+  --pgn-size-form-control-range-track-height: 0.5rem;
+  --pgn-size-form-control-range-track-width: 100rem;
+  --pgn-size-form-control-indicator-border-width: 0.125rem;
+  --pgn-size-form-control-indicator-bg: 100rem;
+  --pgn-size-form-control-indicator-base: 1.25rem;
+  --pgn-size-form-input-width-focus: 0.063rem;
+  --pgn-size-form-input-width-hover: 0.063rem;
+  --pgn-size-border-radius-sm: 0.25rem;
+  --pgn-size-border-radius-lg: 0.425rem;
+  --pgn-size-border-radius-base: 0.375rem;
+  --pgn-size-border-width: 0.063rem;
+  --pgn-color-dark-base: #273F2FFF;
+  --pgn-color-light-base: #E1DDDBFF;
+  --pgn-color-brand-base: #9D0054FF;
+  --pgn-color-primary-base: #0A3055FF;
+  --pgn-color-gray-base: #707070FF;
+  --pgn-color-gray-900: #212529FF;
+  --pgn-color-gray-800: #333333FF;
+  --pgn-color-gray-700: #454545FF;
+  --pgn-color-gray-600: #5C5C5CFF;
+  --pgn-color-gray-400: #8F8F8FFF;
+  --pgn-color-gray-300: #ADADADFF;
+  --pgn-color-gray-200: #CCCCCCFF;
+  --pgn-color-gray-100: #EBEBEBFF;
+  --pgn-color-accent-b: #FFEE88FF;
+  --pgn-color-accent-a: #00BBF9FF;
+  --pgn-color-teal: #006DAAFF;
+  --pgn-color-yellow: #FFD900FF;
+  --pgn-color-green: #178253FF;
+  --pgn-color-red: #C32D3AFF;
+  --pgn-color-blue: #23419FFF;
+  --pgn-color-black: #000000FF;
+  --pgn-color-white: #FFFFFFFF;
+  --pgn-color-form-feedback-tooltip-opacity: #000000FF;
+  --pgn-color-form-control-select-bg-size: #000000FF;
+  --pgn-color-form-control-label-base: #000000FF;
+  --pgn-color-btn-active-border-inverse-outline-warning: #00000000;
+  --pgn-color-btn-active-border-inverse-tertiary: #00000000;
+  --pgn-color-btn-active-border-tertiary: #00000000;
+  --pgn-color-btn-active-border-inverse-outline-success: #00000000;
+  --pgn-color-btn-active-border-inverse-outline-secondary: #00000000;
+  --pgn-color-btn-active-border-inverse-outline-primary: #00000000;
+  --pgn-color-btn-active-border-inverse-outline-light: #00000000;
+  --pgn-color-btn-active-border-inverse-outline-info: #00000000;
+  --pgn-color-btn-active-border-inverse-outline-dark: #00000000;
+  --pgn-color-btn-active-border-inverse-outline-danger: #00000000;
+  --pgn-color-btn-active-border-inverse-outline-brand: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-warning: #00000000;
+  --pgn-color-btn-hover-border-inverse-tertiary: #00000000;
+  --pgn-color-btn-hover-border-tertiary: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-success: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-secondary: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-primary: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-light: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-info: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-dark: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-danger: #00000000;
+  --pgn-color-btn-hover-border-inverse-outline-brand: #00000000;
+  --pgn-color-btn-border-inverse-tertiary: #00000000;
+  --pgn-color-btn-border-tertiary: #00000000;
+  --pgn-color-btn-bg-inverse-tertiary: #00000000;
+  --pgn-color-btn-bg-tertiary: #00000000;
+  --pgn-font-weight-base: var(--pgn-font-weight-normal);
+  --pgn-font-size-lead: calc(var(--pgn-font-size-base) * 1.25);
+  --pgn-font-size-mobile-h6: var(--pgn-font-size-h6);
+  --pgn-font-size-mobile-h5: var(--pgn-font-size-h5);
+  --pgn-font-size-mobile-h4: var(--pgn-font-size-h4);
+  --pgn-font-size-mobile-h3: var(--pgn-font-size-h3);
+  --pgn-font-size-mobile-h2: var(--pgn-font-size-h2);
+  --pgn-font-family-base: var(--pgn-font-family-sans-serif);
+  --pgn-spacer-5-5: calc(var(--pgn-spacer-base) * 4rem);
+  --pgn-spacer-4-5: calc(var(--pgn-spacer-base) * 2rem);
+  --pgn-spacer-3-5: calc(var(--pgn-spacer-base) * 1.25rem);
+  --pgn-spacer-2-5: calc(var(--pgn-spacer-base) * .75rem);
+  --pgn-spacer-1-5: calc(var(--pgn-spacer-base) * .375rem);
+  --pgn-spacer-6: calc(var(--pgn-spacer-base) * 5rem);
+  --pgn-spacer-5: calc(var(--pgn-spacer-base) * 3rem);
+  --pgn-spacer-4: calc(var(--pgn-spacer-base) * 1.5rem);
+  --pgn-spacer-3: var(--pgn-spacer-base);
+  --pgn-spacer-2: calc(var(--pgn-spacer-base) * .5rem);
+  --pgn-spacer-1: calc(var(--pgn-spacer-base) * .25rem);
+  --pgn-display-weight-4: var(--pgn-font-weight-bold);
+  --pgn-display-weight-3: var(--pgn-font-weight-bold);
+  --pgn-display-weight-2: var(--pgn-font-weight-bold);
+  --pgn-display-weight-1: var(--pgn-font-weight-bold);
+  --pgn-tooltip-arrow-color-light: var(--pgn-color-white);
+  --pgn-tooltip-border-radius: var(--pgn-size-border-radius-base);
+  --pgn-tooltip-bg-light: var(--pgn-color-white);
+  --pgn-tooltip-bg-base: var(--pgn-color-black);
+  --pgn-tooltip-color-light: var(--pgn-color-black);
+  --pgn-tooltip-color-base: var(--pgn-color-white);
+  --pgn-tooltip-font-size: var(--pgn-font-size-sm);
+  --pgn-toast-header-color-border: #00000080;
+  --pgn-toast-header-color-background: var(--pgn-color-gray-700);
+  --pgn-toast-header-color-base: var(--pgn-color-white);
+  --pgn-toast-border-color: #0000001A;
+  --pgn-toast-color-background: var(--pgn-color-gray-700);
+  --pgn-tabs-notification-font-size: var(--pgn-font-size-xs);
+  --pgn-spinner-sm-height: var(--pgn-spinner-sm-width);
+  --pgn-spinner-height: var(--pgn-spinner-width);
+  --pgn-sheet-skrim-component-box-shadow: #00000026;
+  --pgn-sheet-skrim-bg: #ADADAD80;
+  --pgn-search-field-border-color-focus: var(--pgn-color-black);
+  --pgn-search-field-border-color-interaction: var(--pgn-color-black);
+  --pgn-scrollable-body-box-shadow: #0000008C;
+  --pgn-progress-bar-bar-bg-base: var(--pgn-color-accent-a);
+  --pgn-progress-bar-bar-color: var(--pgn-color-white);
+  --pgn-progress-bar-font-size: calc(var(--pgn-font-size-base) * .75);
+  --pgn-product-tour-checkpoint-arrow-transparent: solid var(--pgn-product-tour-checkpoint-width-arrow) transparent;
+  --pgn-product-tour-checkpoint-arrow-color-default: solid var(--pgn-product-tour-checkpoint-width-arrow) var(--pgn-product-tour-checkpoint-color-background);
+  --pgn-product-tour-checkpoint-arrow-color-top: solid var(--pgn-product-tour-checkpoint-width-arrow) var(--pgn-product-tour-checkpoint-width-border);
+  --pgn-product-tour-checkpoint-color-box-shadow: #0000004D;
+  --pgn-product-tour-checkpoint-color-body: var(--pgn-color-gray-700);
+  --pgn-popover-arrow-outer-color: var(--pgn-popover-border-color);
+  --pgn-popover-body-padding-x: var(--pgn-popover-header-padding-x);
+  --pgn-popover-body-padding-y: var(--pgn-popover-header-padding-y);
+  --pgn-popover-header-color-border-bottom-dark: #808080FF;
+  --pgn-popover-header-color-bg-dark: #808080FF;
+  --pgn-popover-header-color-bg: var(--pgn-color-white);
+  --pgn-popover-border-width: var(--pgn-size-border-width);
+  --pgn-popover-border-radius: var(--pgn-size-border-radius-sm);
+  --pgn-popover-font-size: var(--pgn-font-size-sm);
+  --pgn-pagination-focus-color-text: var(--pgn-color-black);
+  --pgn-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
+  --pgn-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
+  --pgn-pagination-border-color-disabled: var(--pgn-color-gray-100);
+  --pgn-pagination-border-color-hover: var(--pgn-color-gray-200);
+  --pgn-pagination-border-color-base: var(--pgn-color-gray-200);
+  --pgn-pagination-border-width: var(--pgn-size-border-width);
+  --pgn-pagination-bg-disabled: var(--pgn-color-white);
+  --pgn-pagination-bg-hover: var(--pgn-color-gray-100);
+  --pgn-pagination-color-inverse: var(--pgn-color-white);
+  --pgn-navbar-light-toggler-border-color: #0000001A;
+  --pgn-navbar-light-color-disabled: #0000004D;
+  --pgn-navbar-light-color-active: #000000E6;
+  --pgn-navbar-light-color-hover: #000000B3;
+  --pgn-navbar-light-color-text: #00000080;
+  --pgn-navbar-dark-toggler-border-color: #FFFFFF1A;
+  --pgn-navbar-dark-color-disabled: #FFFFFF40;
+  --pgn-navbar-dark-color-hover: #FFFFFFBF;
+  --pgn-navbar-dark-color-text: #FFFFFF80;
+  --pgn-navbar-toggler-font-size: var(--pgn-font-size-lg);
+  --pgn-navbar-brand-font-size: var(--pgn-font-size-lg);
+  --pgn-navbar-nav-link-height: calc(var(--pgn-font-size-base) * var(--pgn-line-height-base) + .5rem * 2);
+  --pgn-navbar-padding-x-base: var(--pgn-spacer-base);
+  --pgn-navbar-padding-y: calc(var(--pgn-spacer-base) / 2);
+  --pgn-nav-color-light: #00000080;
+  --pgn-nav-color-dark: #FFFFFF80;
+  --pgn-nav-divider-margin-y: calc(var(--pgn-spacer-base) / 2);
+  --pgn-nav-divider-color: var(--pgn-color-gray-100);
+  --pgn-nav-pills-border-radius: var(--pgn-size-border-radius-base);
+  --pgn-nav-link-color-disabled: var(--pgn-color-gray-300);
+  --pgn-nav-link-color-base: var(--pgn-color-gray-700);
+  --pgn-modal-header-padding-base: var(--pgn-modal-header-padding-y) 1.5rem;
+  --pgn-modal-backdrop-bg: var(--pgn-color-black);
+  --pgn-modal-content-border-radius: var(--pgn-size-border-radius-lg);
+  --pgn-modal-content-border-color: #00000033;
+  --pgn-modal-footer-padding-base: var(--pgn-modal-footer-padding-y) 1.5rem;
+  --pgn-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
+  --pgn-image-thumbnail-border-color: var(--pgn-color-gray-200);
+  --pgn-image-thumbnail-border-width: var(--pgn-size-border-width);
+  --pgn-icon-button-color-black: var(--pgn-color-black);
+  --pgn-icon-button-color-dark: var(--pgn-color-dark-base);
+  --pgn-icon-button-color-light: var(--pgn-color-light-base);
+  --pgn-icon-button-color-brand: var(--pgn-color-brand-base);
+  --pgn-icon-button-color-primary: var(--pgn-color-primary-base);
+  --pgn-icon-button-color-accent: var(--pgn-color-white);
+  --pgn-icon-button-diameter-inline: calc(var(--pgn-line-height-base) + .1em);
+  --pgn-blockquote-font-size: calc(var(--pgn-font-size-base) * 1.25);
+  --pgn-blockquote-small-font-size: var(--pgn-font-size-small-base);
+  --pgn-list-group-action-active-bg: var(--pgn-color-gray-200);
+  --pgn-list-group-action-color-base: var(--pgn-color-gray-700);
+  --pgn-list-group-disabled-color: var(--pgn-color-gray-600);
+  --pgn-list-group-border-radius: var(--pgn-size-border-radius-base);
+  --pgn-list-group-border-width: var(--pgn-size-border-width);
+  --pgn-list-group-border-color: #00000020;
+  --pgn-list-group-bg-hover: var(--pgn-color-gray-100);
+  --pgn-dt-font-weight: var(--pgn-font-weight-bold);
+  --pgn-input-btn-border-width: var(--pgn-size-border-width);
+  --pgn-input-btn-focus-box-shadow: 0 0 0 var(--pgn-input-btn-focus-width) var(--pgn-input-btn-focus-color);
+  --pgn-input-btn-line-height-lg: var(--pgn-line-height-lg);
+  --pgn-hr-border-margin-y: var(--pgn-spacer-base);
+  --pgn-hr-border-width: var(--pgn-size-border-width);
+  --pgn-hr-border-color: #0000001A;
+  --pgn-headings-color: var(--pgn-color-black);
+  --pgn-headings-font-weight: var(--pgn-font-weight-bold);
+  --pgn-body-color: var(--pgn-color-gray-700);
+  --pgn-typography-form-feedback-tooltip-line-height: var(--pgn-line-height-base);
+  --pgn-typography-form-feedback-tooltip-font-size: var(--pgn-font-size-sm);
+  --pgn-typography-form-feedback-font-size: var(--pgn-font-size-small-base);
+  --pgn-typography-form-input-line-height-sm: var(--pgn-input-btn-line-height-sm);
+  --pgn-typography-form-input-line-height-base: var(--pgn-input-btn-line-height-base);
+  --pgn-typography-form-input-font-size-lg: var(--pgn-input-btn-font-size-lg);
+  --pgn-typography-form-input-font-size-sm: var(--pgn-input-btn-font-size-sm);
+  --pgn-typography-form-input-font-size-base: var(--pgn-input-btn-font-size-base);
+  --pgn-typography-form-input-font-family: var(--pgn-input-btn-font-family);
+  --pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
+  --pgn-spacing-form-input-padding-x-lg: var(--pgn-input-btn-padding-lg-x);
+  --pgn-spacing-form-input-padding-x-sm: var(--pgn-input-btn-padding-sm-x);
+  --pgn-spacing-form-input-padding-x-base: var(--pgn-input-btn-padding-x);
+  --pgn-spacing-form-input-padding-y-lg: var(--pgn-input-btn-padding-lg-y);
+  --pgn-spacing-form-input-padding-y-sm: var(--pgn-input-btn-padding-sm-y);
+  --pgn-spacing-form-input-padding-y-base: var(--pgn-input-btn-padding-y);
+  --pgn-elevation-form-control-file-base: var(--pgn-elevation-form-input-base);
+  --pgn-elevation-form-control-indicator-base: var(--pgn-elevation-form-input-base);
+  --pgn-dropzone-restriction-msg-font-size: var(--pgn-font-size-small-x);
+  --pgn-dropdown-link-hover-color: var(--pgn-color-gray-900);
+  --pgn-dropdown-link-color: var(--pgn-color-gray-900);
+  --pgn-dropdown-divider-margin-y: calc(var(--pgn-spacer-base) / 2);
+  --pgn-dropdown-divider-bg: var(--pgn-color-gray-100);
+  --pgn-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
+  --pgn-dropdown-border-width: var(--pgn-size-border-width);
+  --pgn-dropdown-border-color: #00000026;
+  --pgn-dropdown-font-size: var(--pgn-font-size-base);
+  --pgn-dropdown-padding-header: var(--pgn-dropdown-padding-y-base) var(--pgn-dropdown-padding-x-item);
+  --pgn-data-table-box-shadow: var(--pgn-box-shadow-sm);
+  --pgn-data-table-border: 1px solid var(--pgn-color-gray-200);
+  --pgn-data-table-background-is-loading: #FFFFFFB3;
+  --pgn-collapsible-card-spacer-x-lg: var(--pgn-card-spacer-x);
+  --pgn-collapsible-card-spacer-y-lg: var(--pgn-card-spacer-y);
+  --pgn-code-pre-color: var(--pgn-color-gray-900);
+  --pgn-code-kbd-bg: var(--pgn-color-gray-700);
+  --pgn-code-kbd-color: var(--pgn-color-white);
+  --pgn-code-kbd-nested-font-weight: var(--pgn-font-weight-bold);
+  --pgn-code-kbd-font-size: var(--pgn-code-font-size);
+  --pgn-close-button-text-shadow: 0 1px 0 var(--pgn-color-white);
+  --pgn-close-button-color: var(--pgn-color-black);
+  --pgn-close-button-font-weight: var(--pgn-font-weight-bold);
+  --pgn-close-button-font-size: calc(var(--pgn-font-size-base) * 1.5);
+  --pgn-chip-color-text-dark: var(--pgn-color-white);
+  --pgn-chip-color-text-light: var(--pgn-color-black);
+  --pgn-carousel-caption-color: var(--pgn-color-white);
+  --pgn-carousel-indicator-active-bg: var(--pgn-color-white);
+  --pgn-carousel-control-color: var(--pgn-color-white);
+  --pgn-card-footer-text-font-size: var(--pgn-font-size-small-x);
+  --pgn-card-divider-margin-y: var(--pgn-card-spacer-y);
+  --pgn-card-columns-margin: var(--pgn-card-spacer-y);
+  --pgn-card-margin-grid: var(--pgn-card-margin-group);
+  --pgn-card-margin-deck: var(--pgn-card-margin-group);
+  --pgn-card-image-horizontal-width-min: var(--pgn-card-image-horizontal-width-max);
+  --pgn-card-cap-bg: #00000008;
+  --pgn-card-border-color-focus: #00000080;
+  --pgn-card-border-color-base: #00000020;
+  --pgn-card-border-radius-base: var(--pgn-size-border-radius-base);
+  --pgn-card-border-width: var(--pgn-size-border-width);
+  --pgn-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
+  --pgn-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
+  --pgn-btn-border-radius-base: var(--pgn-size-border-radius-base);
+  --pgn-btn-line-height-sm: var(--pgn-input-btn-line-height-sm);
+  --pgn-btn-line-height-base: var(--pgn-input-btn-line-height-base);
+  --pgn-btn-font-weight: var(--pgn-font-weight-normal);
+  --pgn-btn-font-size-lg: var(--pgn-input-btn-font-size-lg);
+  --pgn-btn-font-size-sm: var(--pgn-input-btn-font-size-sm);
+  --pgn-btn-font-size-base: var(--pgn-input-btn-font-size-base);
+  --pgn-btn-font-family: var(--pgn-input-btn-font-family);
+  --pgn-btn-padding-x-sm: var(--pgn-input-btn-padding-sm-x);
+  --pgn-btn-padding-x-lg: var(--pgn-input-btn-padding-lg-x);
+  --pgn-btn-padding-x-base: var(--pgn-input-btn-padding-x);
+  --pgn-btn-padding-y-sm: var(--pgn-input-btn-padding-sm-y);
+  --pgn-btn-padding-y-lg: var(--pgn-input-btn-padding-lg-y);
+  --pgn-btn-padding-y-base: var(--pgn-input-btn-padding-y);
+  --pgn-bubble-color-bg-primary: var(--pgn-color-primary-base);
+  --pgn-bubble-color-text-primary: var(--pgn-color-white);
+  --pgn-bubble-color-text-error: var(--pgn-color-white);
+  --pgn-bubble-color-text-warning: var(--pgn-color-white);
+  --pgn-bubble-color-text-success: var(--pgn-color-white);
+  --pgn-breadcrumb-inverse-color: var(--pgn-color-white);
+  --pgn-breadcrumb-color-divider: var(--pgn-color-gray-600);
+  --pgn-breadcrumb-bg: var(--pgn-color-gray-200);
+  --pgn-breadcrumb-border-radius-base: var(--pgn-size-border-radius-base);
+  --pgn-badge-color-bg-dark: var(--pgn-color-dark-base);
+  --pgn-badge-color-bg-light: var(--pgn-color-light-base);
+  --pgn-badge-color-bg-primary: var(--pgn-color-primary-base);
+  --pgn-badge-color-dark: #FFFFFFFF;
+  --pgn-badge-color-light: #454545FF;
+  --pgn-badge-color-primary: #FFFFFFFF;
+  --pgn-badge-focus-width: var(--pgn-input-btn-focus-width);
+  --pgn-badge-font-weight: var(--pgn-font-weight-bold);
+  --pgn-annotation-color-bg-dark: var(--pgn-color-dark-base);
+  --pgn-annotation-color-bg-light: var(--pgn-color-white);
+  --pgn-annotation-color-bg-warning: var(--pgn-color-accent-b);
+  --pgn-annotation-color-text-dark: var(--pgn-color-white);
+  --pgn-annotation-color-text-error: var(--pgn-color-white);
+  --pgn-annotation-color-text-warning: var(--pgn-color-black);
+  --pgn-annotation-color-text-success: var(--pgn-color-white);
+  --pgn-annotation-line-height: var(--pgn-line-height-sm);
+  --pgn-annotation-font-size: var(--pgn-font-size-sm);
+  --pgn-alert-color-content: var(--pgn-color-gray-700);
+  --pgn-alert-color-title: var(--pgn-color-black);
+  --pgn-alert-font-weight-link: var(--pgn-font-weight-normal);
+  --pgn-alert-border-radius: var(--pgn-size-border-radius-base);
+  --pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
+  --pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
+  --pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
+  --pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
+  --pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
+  --pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
+  --pgn-size-form-control-select-border-width-focus: var(--pgn-size-form-input-width-focus);
+  --pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
+  --pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
+  --pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
+  --pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
+  --pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
+  --pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
+  --pgn-color-dark-900: #1B2C21FF;
+  --pgn-color-dark-800: #1D2F23FF;
+  --pgn-color-dark-700: #1F3226FF;
+  --pgn-color-dark-600: #23392AFF;
+  --pgn-color-dark-500: var(--pgn-color-dark-base);
+  --pgn-color-dark-400: #5D6F63FF;
+  --pgn-color-dark-300: #939F97FF;
+  --pgn-color-dark-200: #C9CFCBFF;
+  --pgn-color-dark-100: #F2F3F3FF;
+  --pgn-color-light-900: #9E9B99FF;
+  --pgn-color-light-800: #A9A6A4FF;
+  --pgn-color-light-700: #B4B1AFFF;
+  --pgn-color-light-600: #CBC7C5FF;
+  --pgn-color-light-500: var(--pgn-color-light-base);
+  --pgn-color-light-400: #E9E6E4FF;
+  --pgn-color-light-300: #F0EEEDFF;
+  --pgn-color-light-200: #F8F7F6FF;
+  --pgn-color-light-100: #FDFDFDFF;
+  --pgn-color-danger-base: var(--pgn-color-red);
+  --pgn-color-warning-base: var(--pgn-color-yellow);
+  --pgn-color-info-base: var(--pgn-color-teal);
+  --pgn-color-success-base: var(--pgn-color-green);
+  --pgn-color-brand-900: #6E003BFF;
+  --pgn-color-brand-800: #76003FFF;
+  --pgn-color-brand-700: #7E0043FF;
+  --pgn-color-brand-600: #8D004CFF;
+  --pgn-color-brand-500: var(--pgn-color-brand-base);
+  --pgn-color-brand-400: #B6407FFF;
+  --pgn-color-brand-300: #CE80AAFF;
+  --pgn-color-brand-200: #E7BFD4FF;
+  --pgn-color-brand-100: #F9F0F5FF;
+  --pgn-color-secondary-base: var(--pgn-color-gray-700);
+  --pgn-color-primary-900: #07223CFF;
+  --pgn-color-primary-800: #082440FF;
+  --pgn-color-primary-700: #082644FF;
+  --pgn-color-primary-600: #092B4DFF;
+  --pgn-color-primary-500: var(--pgn-color-primary-base);
+  --pgn-color-primary-400: #476480FF;
+  --pgn-color-primary-300: #8598AAFF;
+  --pgn-color-primary-200: #C2CBD5FF;
+  --pgn-color-primary-100: #F0F3F5FF;
+  --pgn-color-gray-500: var(--pgn-color-gray-base);
+  --pgn-color-form-control-range-track-bg: var(--pgn-color-gray-300);
+  --pgn-color-form-control-select-bg-disabled: var(--pgn-color-gray-100);
+  --pgn-color-form-control-indicator-border: var(--pgn-color-gray-700);
+  --pgn-color-form-input-group-addon-bg: var(--pgn-color-gray-100);
+  --pgn-color-form-input-bg-disabled: var(--pgn-color-gray-100);
+  --pgn-color-form-input-base: var(--pgn-color-gray-700);
+  --pgn-color-btn-focus-border-inverse-outline-warning: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-warning: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-tertiary: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-outline-success: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-success: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-outline-secondary: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-secondary: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-outline-primary: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-primary: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-outline-light: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-light: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-outline-info: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-info: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-outline-dark: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-dark: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-outline-danger: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-danger: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-outline-brand: var(--pgn-color-white);
+  --pgn-color-btn-focus-border-inverse-brand: var(--pgn-color-white);
+  --pgn-color-btn-active-text-inverse-tertiary: var(--pgn-color-white);
+  --pgn-color-btn-active-text-tertiary: var(--pgn-color-gray-700);
+  --pgn-color-btn-hover-bg-inverse-tertiary: #FFFFFF1A;
+  --pgn-color-btn-hover-text-inverse-tertiary: var(--pgn-color-white);
+  --pgn-color-btn-hover-text-tertiary: var(--pgn-color-gray-700);
+  --pgn-color-btn-border-inverse-outline-warning: var(--pgn-color-white);
+  --pgn-color-btn-border-inverse-outline-success: var(--pgn-color-white);
+  --pgn-color-btn-border-inverse-outline-secondary: var(--pgn-color-white);
+  --pgn-color-btn-border-inverse-outline-primary: var(--pgn-color-white);
+  --pgn-color-btn-border-outline-primary: var(--pgn-color-primary-base);
+  --pgn-color-btn-border-inverse-outline-light: var(--pgn-color-white);
+  --pgn-color-btn-border-outline-light: var(--pgn-color-light-base);
+  --pgn-color-btn-border-inverse-outline-info: var(--pgn-color-white);
+  --pgn-color-btn-border-inverse-outline-dark: var(--pgn-color-white);
+  --pgn-color-btn-border-outline-dark: var(--pgn-color-dark-base);
+  --pgn-color-btn-border-inverse-outline-danger: var(--pgn-color-white);
+  --pgn-color-btn-border-inverse-outline-brand: var(--pgn-color-white);
+  --pgn-color-btn-border-outline-brand: var(--pgn-color-brand-base);
+  --pgn-color-btn-bg-primary: var(--pgn-color-primary-base);
+  --pgn-color-btn-bg-light: var(--pgn-color-light-base);
+  --pgn-color-btn-bg-dark: var(--pgn-color-dark-base);
+  --pgn-color-btn-bg-brand: var(--pgn-color-brand-base);
+  --pgn-color-btn-text-inverse-outline-warning: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-tertiary: var(--pgn-color-white);
+  --pgn-color-btn-text-tertiary: var(--pgn-color-gray-700);
+  --pgn-color-btn-text-inverse-outline-success: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-outline-secondary: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-outline-primary: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-primary: var(--pgn-color-primary-base);
+  --pgn-color-btn-text-outline-primary: var(--pgn-color-primary-base);
+  --pgn-color-btn-text-inverse-outline-light: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-light: var(--pgn-color-light-base);
+  --pgn-color-btn-text-outline-light: var(--pgn-color-light-base);
+  --pgn-color-btn-text-inverse-outline-info: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-outline-dark: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-dark: var(--pgn-color-dark-base);
+  --pgn-color-btn-text-outline-dark: var(--pgn-color-dark-base);
+  --pgn-color-btn-text-inverse-outline-danger: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-outline-brand: var(--pgn-color-white);
+  --pgn-color-btn-text-inverse-brand: var(--pgn-color-brand-base);
+  --pgn-color-btn-text-outline-brand: var(--pgn-color-brand-base);
+  --pgn-color-theme-active-gray: var(--pgn-color-gray-900);
+  --pgn-color-theme-hover-gray: var(--pgn-color-gray-700);
+  --pgn-color-theme-focus-gray: var(--pgn-color-gray-300);
+  --pgn-color-theme-border-gray: var(--pgn-color-gray-200);
+  --pgn-color-theme-background-gray: var(--pgn-color-gray-100);
+  --pgn-color-border: var(--pgn-color-gray-200);
+  --pgn-color-active: var(--pgn-color-white);
+  --pgn-color-text-50-white: #FFFFFF80;
+  --pgn-color-text-50-black: #00000080;
+  --pgn-color-background-base: var(--pgn-color-white);
+  --pgn-tooltip-arrow-color-base: var(--pgn-tooltip-bg-base);
+  --pgn-search-field-input-height-search: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
+  --pgn-search-field-button-color-bg-brand: var(--pgn-color-brand-500);
+  --pgn-search-field-button-color-bg-primary: var(--pgn-color-primary-500);
+  --pgn-search-field-border-color-base: var(--pgn-color-gray-500);
+  --pgn-progress-bar-bar-bg-annotated: var(--pgn-color-dark-500);
+  --pgn-progress-bar-border-color: var(--pgn-color-gray-500);
+  --pgn-product-tour-checkpoint-color-breadcrumb: var(--pgn-color-primary-500);
+  --pgn-product-tour-checkpoint-color-border: var(--pgn-color-brand-500);
+  --pgn-product-tour-checkpoint-color-background: var(--pgn-color-light-300);
+  --pgn-popover-body-color: var(--pgn-body-color);
+  --pgn-popover-header-color-base: var(--pgn-headings-color);
+  --pgn-popover-bg: var(--pgn-color-background-base);
+  --pgn-pagination-focus-color-base: var(--pgn-color-primary-500);
+  --pgn-pagination-focus-box-shadow: var(--pgn-input-btn-focus-box-shadow);
+  --pgn-pagination-bg-base: var(--pgn-color-background-base);
+  --pgn-pagination-color-active: var(--pgn-color-active);
+  --pgn-navbar-light-brand-color-hover: var(--pgn-navbar-light-color-active);
+  --pgn-navbar-light-brand-color-base: var(--pgn-navbar-light-color-active);
+  --pgn-navbar-light-toggler-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%2300000080' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pgn-navbar-dark-toggler-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23FFFFFF80' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --pgn-navbar-dark-color-active: var(--pgn-color-active);
+  --pgn-navbar-toggler-border-radius: var(--pgn-btn-border-radius-base);
+  --pgn-navbar-brand-padding-y: calc((var(--pgn-navbar-nav-link-height) - var(--pgn-navbar-brand-height)) / 2);
+  --pgn-navbar-brand-height: calc(var(--pgn-navbar-brand-font-size) * var(--pgn-line-height-base));
+  --pgn-nav-pills-link-link-active-color: var(--pgn-color-active);
+  --pgn-nav-tabs-link-active-color-border: transparent transparent var(--pgn-color-primary-500);
+  --pgn-nav-tabs-link-active-color-base: var(--pgn-color-primary-500);
+  --pgn-nav-tabs-link-hover-bg: var(--pgn-color-light-400);
+  --pgn-nav-tabs-border-color: var(--pgn-color-light-400);
+  --pgn-modal-content-bg: var(--pgn-color-background-base);
+  --pgn-image-figure-caption-color: var(--pgn-color-gray-500);
+  --pgn-icon-button-color-danger: var(--pgn-color-danger-base);
+  --pgn-icon-button-color-warning: var(--pgn-color-warning-base);
+  --pgn-icon-button-color-success: var(--pgn-color-success-base);
+  --pgn-icon-button-color-secondary: var(--pgn-color-secondary-base);
+  --pgn-text-muted: var(--pgn-color-gray-500);
+  --pgn-list-group-action-active-color: var(--pgn-body-color);
+  --pgn-list-group-action-color-hover: var(--pgn-list-group-action-color-base);
+  --pgn-list-group-active-color-base: var(--pgn-color-active);
+  --pgn-list-group-bg-base: var(--pgn-color-background-base);
+  --pgn-link-brand-inline-color: var(--pgn-color-brand-500);
+  --pgn-link-brand-color: var(--pgn-color-brand-500);
+  --pgn-link-muted-inline-color: var(--pgn-color-primary-500);
+  --pgn-link-muted-color: var(--pgn-color-primary-500);
+  --pgn-body-bg: var(--pgn-color-background-base);
+  --pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
+  --pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
+  --pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
+  --pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
+  --pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
+  --pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
+  --pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
+  --pgn-typography-form-input-line-height-lg: var(--pgn-input-btn-line-height-lg);
+  --pgn-typography-form-input-font-weight: var(--pgn-font-weight-base);
+  --pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
+  --pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
+  --pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
+  --pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
+  --pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
+  --pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
+  --pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
+  --pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
+  --pgn-elevation-form-control-select-border-focus: var(--pgn-input-btn-focus-box-shadow);
+  --pgn-elevation-form-input-focus: var(--pgn-input-btn-focus-box-shadow);
+  --pgn-dropzone-restriction-msg-color: var(--pgn-color-gray-500);
+  --pgn-dropzone-border-active: 2px solid var(--pgn-color-primary-500);
+  --pgn-dropzone-border-default: 1px dashed var(--pgn-color-gray-500);
+  --pgn-dropdown-link-active-color: var(--pgn-color-active);
+  --pgn-dropdown-link-hover-bg: var(--pgn-color-light-300);
+  --pgn-dropdown-border-radius-inner: calc(var(--pgn-dropdown-border-radius-base) - var(--pgn-dropdown-border-width));
+  --pgn-dropdown-bg: var(--pgn-color-background-base);
+  --pgn-dropdown-color-header: var(--pgn-color-gray-500);
+  --pgn-dropdown-color-base: var(--pgn-body-color);
+  --pgn-data-table-background-color: var(--pgn-color-background-base);
+  --pgn-chip-color-bg-dark: var(--pgn-color-dark-200);
+  --pgn-chip-color-bg-light: var(--pgn-color-light-500);
+  --pgn-carousel-control-bg-next-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
+  --pgn-carousel-control-bg-prev-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
+  --pgn-card-divider-bg: var(--pgn-color-light-400);
+  --pgn-card-bg: var(--pgn-color-background-base);
+  --pgn-btn-border-width: var(--pgn-input-btn-border-width);
+  --pgn-btn-line-height-lg: var(--pgn-input-btn-line-height-lg);
+  --pgn-bubble-color-bg-error: var(--pgn-color-danger-base);
+  --pgn-bubble-color-bg-warning: var(--pgn-color-warning-base);
+  --pgn-bubble-color-bg-success: var(--pgn-color-success-base);
+  --pgn-breadcrumb-inverse-spacer: var(--pgn-color-light-700);
+  --pgn-breadcrumb-inverse-active: var(--pgn-color-light-500);
+  --pgn-breadcrumb-color-active: var(--pgn-color-gray-500);
+  --pgn-breadcrumb-color-base: var(--pgn-color-primary-500);
+  --pgn-badge-color-focus-box-shadow-dark: #273F2F0D;
+  --pgn-badge-color-focus-box-shadow-light: #E1DDDB0D;
+  --pgn-badge-color-focus-box-shadow-primary: #0A30550D;
+  --pgn-badge-color-focus-bg-dark: #142018FF;
+  --pgn-badge-color-focus-bg-light: #CAC3BFFF;
+  --pgn-badge-color-focus-bg-primary: #051627FF;
+  --pgn-badge-color-focus-dark: var(--pgn-badge-color-dark);
+  --pgn-badge-color-focus-light: var(--pgn-badge-color-light);
+  --pgn-badge-color-focus-primary: var(--pgn-badge-color-primary);
+  --pgn-badge-color-bg-info: var(--pgn-color-info-base);
+  --pgn-badge-color-bg-danger: var(--pgn-color-danger-base);
+  --pgn-badge-color-bg-warning: var(--pgn-color-warning-base);
+  --pgn-badge-color-bg-success: var(--pgn-color-success-base);
+  --pgn-badge-color-bg-secondary: var(--pgn-color-secondary-base);
+  --pgn-badge-color-info: #FFFFFFFF;
+  --pgn-badge-color-warning: #454545FF;
+  --pgn-badge-color-danger: #FFFFFFFF;
+  --pgn-badge-color-success: #FFFFFFFF;
+  --pgn-badge-color-secondary: #FFFFFFFF;
+  --pgn-avatar-border-base: solid 1px var(--pgn-color-light-300);
+  --pgn-annotation-color-bg-error: var(--pgn-color-danger-base);
+  --pgn-annotation-color-bg-success: var(--pgn-color-success-base);
+  --pgn-annotation-color-text-light: var(--pgn-color-primary-500);
+  --pgn-alert-actions-gap: var(--pgn-spacer-3);
+  --pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
+  --pgn-size-form-input-width-border: var(--pgn-input-btn-border-width);
+  --pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
+  --pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
+  --pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
+  --pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
+  --pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
+  --pgn-color-danger-900: #892029FF;
+  --pgn-color-danger-800: #92222CFF;
+  --pgn-color-danger-700: #9C242EFF;
+  --pgn-color-danger-600: #B02934FF;
+  --pgn-color-danger-500: var(--pgn-color-danger-base);
+  --pgn-color-danger-400: #D2626BFF;
+  --pgn-color-danger-300: #E1969DFF;
+  --pgn-color-danger-200: #F0CBCEFF;
+  --pgn-color-danger-100: #FBF2F3FF;
+  --pgn-color-warning-900: #B39800FF;
+  --pgn-color-warning-800: #BFA300FF;
+  --pgn-color-warning-700: #CCAE00FF;
+  --pgn-color-warning-600: #E6C300FF;
+  --pgn-color-warning-500: var(--pgn-color-warning-base);
+  --pgn-color-warning-400: #FFE340FF;
+  --pgn-color-warning-300: #FFEC80FF;
+  --pgn-color-warning-200: #FFF6BFFF;
+  --pgn-color-warning-100: #FFFDF0FF;
+  --pgn-color-info-900: #004C77FF;
+  --pgn-color-info-800: #005280FF;
+  --pgn-color-info-700: #005788FF;
+  --pgn-color-info-600: #006299FF;
+  --pgn-color-info-500: var(--pgn-color-info-base);
+  --pgn-color-info-400: #4092BFFF;
+  --pgn-color-info-300: #80B6D5FF;
+  --pgn-color-info-200: #BFDBEAFF;
+  --pgn-color-info-100: #F0F6FAFF;
+  --pgn-color-success-900: #105B3AFF;
+  --pgn-color-success-800: #11623EFF;
+  --pgn-color-success-700: #126842FF;
+  --pgn-color-success-600: #15754BFF;
+  --pgn-color-success-500: var(--pgn-color-success-base);
+  --pgn-color-success-400: #51A17EFF;
+  --pgn-color-success-300: #8BC1A9FF;
+  --pgn-color-success-200: #C5E0D4FF;
+  --pgn-color-success-100: #F1F8F5FF;
+  --pgn-color-secondary-900: #303030FF;
+  --pgn-color-secondary-800: #343434FF;
+  --pgn-color-secondary-700: #373737FF;
+  --pgn-color-secondary-600: #3E3E3EFF;
+  --pgn-color-secondary-500: var(--pgn-color-secondary-base);
+  --pgn-color-secondary-400: #747474FF;
+  --pgn-color-secondary-300: #A2A2A2FF;
+  --pgn-color-secondary-200: #D1D1D1FF;
+  --pgn-color-secondary-100: #F4F4F4FF;
+  --pgn-color-form-feedback-invalid: var(--pgn-color-danger-base);
+  --pgn-color-form-feedback-valid: var(--pgn-color-success-base);
+  --pgn-color-form-control-file-button-bg: var(--pgn-color-form-input-group-addon-bg);
+  --pgn-color-form-control-file-bg-disabled: var(--pgn-color-form-input-bg-disabled);
+  --pgn-color-form-control-file-base: var(--pgn-color-form-input-base);
+  --pgn-color-form-control-select-indicator-base: var(--pgn-color-theme-hover-gray);
+  --pgn-color-form-control-select-base: var(--pgn-color-form-input-base);
+  --pgn-color-form-control-switch-indicator-checked-bg: var(--pgn-color-success-base);
+  --pgn-color-form-control-indicator-active-base: var(--pgn-color-active);
+  --pgn-color-form-control-indicator-checked-border-base: var(--pgn-color-primary-500);
+  --pgn-color-form-control-indicator-checked-bg-disabled: #0A305580;
+  --pgn-color-form-control-indicator-bg-disabled: var(--pgn-color-form-input-bg-disabled);
+  --pgn-color-form-input-focus-base: var(--pgn-color-form-input-base);
+  --pgn-color-form-input-group-addon-base: var(--pgn-color-form-input-base);
+  --pgn-color-form-input-bg-base: var(--pgn-color-background-base);
+  --pgn-color-form-input-border: var(--pgn-color-gray-500);
+  --pgn-color-form-input-plaintext: var(--pgn-body-color);
+  --pgn-color-form-input-placeholder: var(--pgn-color-gray-500);
+  --pgn-color-btn-active-bg-inverse-tertiary: var(--pgn-color-btn-hover-bg-inverse-tertiary);
+  --pgn-color-btn-active-bg-tertiary: var(--pgn-color-light-500);
+  --pgn-color-btn-active-text-inverse-primary: #051627FF;
+  --pgn-color-btn-active-text-inverse-light: #CAC3BFFF;
+  --pgn-color-btn-active-text-inverse-dark: #142018FF;
+  --pgn-color-btn-active-text-inverse-brand: #6A0039FF;
+  --pgn-color-btn-hover-border-outline-primary: var(--pgn-color-primary-900);
+  --pgn-color-btn-hover-border-outline-light: var(--pgn-color-light-900);
+  --pgn-color-btn-hover-border-outline-dark: var(--pgn-color-dark-900);
+  --pgn-color-btn-hover-border-outline-brand: var(--pgn-color-brand-900);
+  --pgn-color-btn-hover-bg-tertiary: var(--pgn-color-light-500);
+  --pgn-color-btn-hover-bg-inverse-outline-primary: var(--pgn-color-primary-100);
+  --pgn-color-btn-hover-bg-outline-primary: var(--pgn-color-primary-100);
+  --pgn-color-btn-hover-bg-inverse-outline-light: var(--pgn-color-light-100);
+  --pgn-color-btn-hover-bg-outline-light: var(--pgn-color-light-100);
+  --pgn-color-btn-hover-bg-inverse-outline-dark: var(--pgn-color-dark-100);
+  --pgn-color-btn-hover-bg-outline-dark: var(--pgn-color-dark-100);
+  --pgn-color-btn-hover-bg-inverse-outline-brand: var(--pgn-color-brand-100);
+  --pgn-color-btn-hover-bg-outline-brand: var(--pgn-color-brand-100);
+  --pgn-color-btn-hover-text-inverse-primary: #061D33FF;
+  --pgn-color-btn-hover-text-inverse-light: #D0C9C6FF;
+  --pgn-color-btn-hover-text-inverse-dark: #18271DFF;
+  --pgn-color-btn-hover-text-inverse-brand: #770040FF;
+  --pgn-color-btn-border-outline-warning: var(--pgn-color-warning-base);
+  --pgn-color-btn-border-outline-success: var(--pgn-color-success-base);
+  --pgn-color-btn-border-outline-secondary: var(--pgn-color-secondary-base);
+  --pgn-color-btn-border-primary: var(--pgn-color-btn-bg-primary);
+  --pgn-color-btn-border-light: var(--pgn-color-btn-bg-light);
+  --pgn-color-btn-border-outline-info: var(--pgn-color-info-base);
+  --pgn-color-btn-border-dark: var(--pgn-color-btn-bg-dark);
+  --pgn-color-btn-border-outline-danger: var(--pgn-color-danger-base);
+  --pgn-color-btn-border-brand: var(--pgn-color-btn-bg-brand);
+  --pgn-color-btn-bg-warning: var(--pgn-color-warning-base);
+  --pgn-color-btn-bg-success: var(--pgn-color-success-base);
+  --pgn-color-btn-bg-secondary: var(--pgn-color-secondary-base);
+  --pgn-color-btn-bg-inverse-primary: #FFFFFFFF;
+  --pgn-color-btn-bg-inverse-light: #454545FF;
+  --pgn-color-btn-bg-info: var(--pgn-color-info-base);
+  --pgn-color-btn-bg-inverse-dark: #FFFFFFFF;
+  --pgn-color-btn-bg-danger: var(--pgn-color-danger-base);
+  --pgn-color-btn-bg-inverse-brand: #FFFFFFFF;
+  --pgn-color-btn-text-inverse-warning: var(--pgn-color-warning-base);
+  --pgn-color-btn-text-outline-warning: var(--pgn-color-warning-base);
+  --pgn-color-btn-text-inverse-success: var(--pgn-color-success-base);
+  --pgn-color-btn-text-outline-success: var(--pgn-color-success-base);
+  --pgn-color-btn-text-inverse-secondary: var(--pgn-color-secondary-base);
+  --pgn-color-btn-text-outline-secondary: var(--pgn-color-secondary-base);
+  --pgn-color-btn-text-primary: #FFFFFFFF;
+  --pgn-color-btn-text-light: #454545FF;
+  --pgn-color-btn-text-inverse-info: var(--pgn-color-info-base);
+  --pgn-color-btn-text-outline-info: var(--pgn-color-info-base);
+  --pgn-color-btn-text-dark: #FFFFFFFF;
+  --pgn-color-btn-text-inverse-danger: var(--pgn-color-danger-base);
+  --pgn-color-btn-text-outline-danger: var(--pgn-color-danger-base);
+  --pgn-color-btn-text-brand: #FFFFFFFF;
+  --pgn-color-theme-active-dark: var(--pgn-color-dark-900);
+  --pgn-color-theme-active-light: var(--pgn-color-light-900);
+  --pgn-color-theme-active-brand: var(--pgn-color-brand-900);
+  --pgn-color-theme-active-primary: var(--pgn-color-primary-900);
+  --pgn-color-theme-hover-dark: var(--pgn-color-dark-700);
+  --pgn-color-theme-hover-light: var(--pgn-color-light-700);
+  --pgn-color-theme-hover-brand: var(--pgn-color-brand-700);
+  --pgn-color-theme-hover-primary: var(--pgn-color-primary-700);
+  --pgn-color-theme-default-gray: var(--pgn-color-gray-500);
+  --pgn-color-theme-default-dark: var(--pgn-color-dark-500);
+  --pgn-color-theme-default-light: var(--pgn-color-light-500);
+  --pgn-color-theme-default-brand: var(--pgn-color-brand-500);
+  --pgn-color-theme-default-primary: var(--pgn-color-primary-500);
+  --pgn-color-theme-focus-dark: var(--pgn-color-dark-300);
+  --pgn-color-theme-focus-light: var(--pgn-color-light-300);
+  --pgn-color-theme-focus-brand: var(--pgn-color-brand-300);
+  --pgn-color-theme-focus-primary: var(--pgn-color-primary-300);
+  --pgn-color-theme-border-dark: var(--pgn-color-dark-200);
+  --pgn-color-theme-border-light: var(--pgn-color-light-200);
+  --pgn-color-theme-border-brand: var(--pgn-color-brand-200);
+  --pgn-color-theme-border-primary: var(--pgn-color-primary-200);
+  --pgn-color-theme-background-dark: var(--pgn-color-dark-100);
+  --pgn-color-theme-background-light: var(--pgn-color-light-100);
+  --pgn-color-theme-background-brand: var(--pgn-color-brand-100);
+  --pgn-color-theme-background-primary: var(--pgn-color-primary-100);
+  --pgn-color-input-focus: var(--pgn-color-primary-500);
+  --pgn-color-disabled: var(--pgn-color-gray-500);
+  --pgn-color-background-active: var(--pgn-color-primary-500);
   --pgn-popover-danger-icon-color: var(--pgn-color-warning-500);
-  --pgn-color-btn-hover-text-brand: #FFFFFFFF;
-  --pgn-color-btn-hover-text-outline-danger: var(--pgn-color-theme-hover-danger);
-  --pgn-color-btn-hover-text-inverse-outline-danger: var(--pgn-color-theme-hover-danger);
-  --pgn-color-btn-hover-text-dark: #FFFFFFFF;
-  --pgn-color-btn-hover-text-outline-info: var(--pgn-color-theme-hover-info);
-  --pgn-color-btn-hover-text-inverse-outline-info: var(--pgn-color-theme-hover-info);
-  --pgn-color-btn-hover-text-light: #454545FF;
-  --pgn-color-btn-hover-text-primary: #FFFFFFFF;
-  --pgn-color-btn-hover-text-outline-secondary: var(--pgn-color-theme-hover-secondary);
-  --pgn-color-btn-hover-text-inverse-outline-secondary: var(--pgn-color-theme-hover-secondary);
-  --pgn-color-btn-hover-text-outline-success: var(--pgn-color-theme-hover-success);
-  --pgn-color-btn-hover-text-inverse-outline-success: var(--pgn-color-theme-hover-success);
-  --pgn-color-btn-hover-text-outline-warning: var(--pgn-color-theme-hover-warning);
-  --pgn-color-btn-hover-text-inverse-outline-warning: var(--pgn-color-theme-hover-warning);
-  --pgn-color-btn-hover-bg-danger: var(--pgn-color-theme-hover-danger);
-  --pgn-color-btn-hover-bg-inverse-danger: #ECECECFF;
-  --pgn-color-btn-hover-bg-info: var(--pgn-color-theme-hover-info);
-  --pgn-color-btn-hover-bg-inverse-info: #ECECECFF;
-  --pgn-color-btn-hover-bg-secondary: var(--pgn-color-theme-hover-secondary);
-  --pgn-color-btn-hover-bg-inverse-secondary: #ECECECFF;
-  --pgn-color-btn-hover-bg-success: var(--pgn-color-theme-hover-success);
-  --pgn-color-btn-hover-bg-inverse-success: #ECECECFF;
-  --pgn-color-btn-hover-bg-warning: var(--pgn-color-theme-hover-warning);
-  --pgn-color-btn-hover-bg-inverse-warning: #323232FF;
-  --pgn-color-btn-hover-border-danger: var(--pgn-color-theme-hover-danger);
-  --pgn-color-btn-hover-border-info: var(--pgn-color-theme-hover-info);
-  --pgn-color-btn-hover-border-secondary: var(--pgn-color-theme-hover-secondary);
-  --pgn-color-btn-hover-border-success: var(--pgn-color-theme-hover-success);
-  --pgn-color-btn-hover-border-warning: var(--pgn-color-theme-hover-warning);
-  --pgn-color-btn-active-text-brand: #FFFFFFFF;
-  --pgn-color-btn-active-text-outline-brand: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-brand: #454545FF;
-  --pgn-color-btn-active-text-dark: #FFFFFFFF;
-  --pgn-color-btn-active-text-outline-dark: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-dark: #454545FF;
-  --pgn-color-btn-active-text-light: #454545FF;
-  --pgn-color-btn-active-text-outline-light: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-light: #454545FF;
-  --pgn-color-btn-active-text-primary: #FFFFFFFF;
-  --pgn-color-btn-active-text-outline-primary: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-primary: #454545FF;
-  --pgn-color-btn-active-bg-danger: var(--pgn-color-theme-active-danger);
-  --pgn-color-btn-active-bg-outline-danger: var(--pgn-color-theme-background-danger);
-  --pgn-color-btn-active-bg-inverse-outline-danger: var(--pgn-color-theme-background-danger);
-  --pgn-color-btn-active-bg-info: var(--pgn-color-theme-active-info);
-  --pgn-color-btn-active-bg-outline-info: var(--pgn-color-theme-background-info);
-  --pgn-color-btn-active-bg-inverse-outline-info: var(--pgn-color-theme-background-info);
-  --pgn-color-btn-active-bg-secondary: var(--pgn-color-theme-active-secondary);
-  --pgn-color-btn-active-bg-outline-secondary: var(--pgn-color-theme-background-secondary);
-  --pgn-color-btn-active-bg-inverse-outline-secondary: var(--pgn-color-theme-background-secondary);
-  --pgn-color-btn-active-bg-success: var(--pgn-color-theme-active-success);
-  --pgn-color-btn-active-bg-outline-success: var(--pgn-color-theme-background-success);
-  --pgn-color-btn-active-bg-inverse-outline-success: var(--pgn-color-theme-background-success);
-  --pgn-color-btn-active-bg-warning: var(--pgn-color-theme-active-warning);
-  --pgn-color-btn-active-bg-outline-warning: var(--pgn-color-theme-background-warning);
-  --pgn-color-btn-active-bg-inverse-outline-warning: var(--pgn-color-theme-background-warning);
-  --pgn-color-btn-active-border-danger: var(--pgn-color-theme-active-danger);
-  --pgn-color-btn-active-border-outline-danger: var(--pgn-color-theme-active-danger);
-  --pgn-color-btn-active-border-info: var(--pgn-color-theme-active-info);
-  --pgn-color-btn-active-border-outline-info: var(--pgn-color-theme-active-info);
-  --pgn-color-btn-active-border-secondary: var(--pgn-color-theme-active-secondary);
-  --pgn-color-btn-active-border-outline-secondary: var(--pgn-color-theme-active-secondary);
-  --pgn-color-btn-active-border-success: var(--pgn-color-theme-active-success);
-  --pgn-color-btn-active-border-outline-success: var(--pgn-color-theme-active-success);
-  --pgn-color-btn-active-border-warning: var(--pgn-color-theme-active-warning);
-  --pgn-color-btn-active-border-outline-warning: var(--pgn-color-theme-active-warning);
-  --pgn-color-btn-focus-border-danger: var(--pgn-color-theme-focus-danger);
-  --pgn-color-btn-focus-border-outline-danger: var(--pgn-color-theme-focus-danger);
-  --pgn-color-btn-focus-border-info: var(--pgn-color-theme-focus-info);
-  --pgn-color-btn-focus-border-outline-info: var(--pgn-color-theme-focus-info);
-  --pgn-color-btn-focus-border-secondary: var(--pgn-color-theme-focus-secondary);
-  --pgn-color-btn-focus-border-outline-secondary: var(--pgn-color-theme-focus-secondary);
-  --pgn-color-btn-focus-border-success: var(--pgn-color-theme-focus-success);
-  --pgn-color-btn-focus-border-outline-success: var(--pgn-color-theme-focus-success);
-  --pgn-color-btn-focus-border-warning: var(--pgn-color-theme-focus-warning);
-  --pgn-color-btn-focus-border-outline-warning: var(--pgn-color-theme-focus-warning);
-  --pgn-color-form-control-indicator-checked-border-focus: var(--pgn-color-form-input-focus-border);
-  --pgn-color-form-control-indicator-active-border: var(--pgn-color-form-control-indicator-active-bg);
-  --pgn-color-form-control-checkbox-indicator-indeterminate-base: var(--pgn-color-form-control-indicator-checked-base);
-  --pgn-color-form-control-checkbox-indicator-indeterminate-border: var(--pgn-color-form-control-checkbox-indicator-indeterminate-bg);
-  --pgn-color-form-control-select-border-focus: var(--pgn-color-form-input-focus-border);
-  --pgn-color-form-control-file-border-focus: var(--pgn-color-form-input-focus-border);
-  --pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
-  --pgn-alert-color-icon-success: var(--pgn-color-theme-default-success);
-  --pgn-alert-color-icon-info: var(--pgn-color-theme-default-info);
-  --pgn-alert-color-icon-danger: var(--pgn-color-theme-default-danger);
-  --pgn-alert-color-icon-warning: var(--pgn-color-theme-default-warning);
-  --pgn-alert-color-bg-success: var(--pgn-color-theme-background-success);
-  --pgn-alert-color-bg-info: var(--pgn-color-theme-background-info);
-  --pgn-alert-color-bg-danger: var(--pgn-color-theme-background-danger);
-  --pgn-alert-color-bg-warning: var(--pgn-color-theme-background-warning);
-  --pgn-alert-color-border-success: var(--pgn-color-theme-border-success);
-  --pgn-alert-color-border-info: var(--pgn-color-theme-border-info);
-  --pgn-alert-color-border-danger: var(--pgn-color-theme-border-danger);
-  --pgn-alert-color-border-warning: var(--pgn-color-theme-border-warning);
-  --pgn-other-form-control-checkbox-indicator-icon-checked: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%230A3055FF'/></svg>");
-  --pgn-other-form-control-radio-indicator-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");
-  --pgn-other-form-control-switch-indicator-icon-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");
-  --pgn-other-form-feedback-icon-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23178253FF' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-  --pgn-other-form-feedback-icon-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C32D3AFF' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23C32D3AFF' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
-  --pgn-link-color: var(--pgn-color-link);
-  --pgn-link-hover-color: #003C5EFF;
-  --pgn-link-inline-decoration-color: #006DAA4D;
-  --pgn-link-inline-hover-color: #003C5EFF;
-  --pgn-link-muted-inline-hover-decoration-color: var(--pgn-link-muted-inline-hover-color);
-  --pgn-link-brand-inline-hover-decoration-color: var(--pgn-link-brand-inline-hover-color);
-  --pgn-list-group-active-color-border: var(--pgn-list-group-active-bg);
-  --pgn-pagination-color-base: var(--pgn-color-link);
+  --pgn-popover-danger-bg: var(--pgn-color-danger-100);
+  --pgn-popover-warning-icon-color: var(--pgn-color-warning-500);
+  --pgn-popover-warning-bg: var(--pgn-color-warning-100);
+  --pgn-popover-success-icon-color: var(--pgn-color-success-500);
+  --pgn-popover-success-bg: var(--pgn-color-success-100);
+  --pgn-popover-arrow-color: var(--pgn-popover-bg);
+  --pgn-pagination-bg-active: var(--pgn-color-background-active);
+  --pgn-pagination-color-disabled: var(--pgn-color-disabled);
+  --pgn-navbar-dark-brand-color-hover: var(--pgn-navbar-dark-color-active);
+  --pgn-navbar-dark-brand-color-base: var(--pgn-navbar-dark-color-active);
+  --pgn-nav-pills-link-link-active-bg: var(--pgn-color-background-active);
+  --pgn-nav-tabs-link-active-bg: var(--pgn-body-bg);
+  --pgn-nav-tabs-link-hover-border-color: transparent transparent var(--pgn-nav-tabs-border-color);
+  --pgn-menu-background-active: var(--pgn-color-btn-active-bg-tertiary);
+  --pgn-image-thumbnail-bg: var(--pgn-body-bg);
+  --pgn-list-group-disabled-bg: var(--pgn-list-group-bg-base);
+  --pgn-list-group-active-bg: var(--pgn-color-background-active);
+  --pgn-link-brand-inline-hover-color: #51002BFF;
+  --pgn-link-brand-inline-decoration-color: #9D00544D;
+  --pgn-link-brand-hover-color: #51002BFF;
+  --pgn-link-muted-inline-hover-color: #020911FF;
+  --pgn-link-muted-inline-decoration-color: #0A30554D;
+  --pgn-link-muted-hover-color: #020911FF;
+  --pgn-link-inline-color: var(--pgn-color-info-500);
+  --pgn-input-btn-focus-color: var(--pgn-color-input-focus);
+  --pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
+  --pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
+  --pgn-spacing-form-control-select-feedback-icon-position: center right calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
+  --pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
+  --pgn-other-form-control-select-indicator-icon: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="%23454545FF"/></svg>');
+  --pgn-other-form-control-switch-indicator-icon-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFFFF'/%3e%3c/svg%3e");
+  --pgn-elevation-form-control-file-focus: var(--pgn-elevation-form-input-focus);
+  --pgn-elevation-form-control-range-thumb-focus: 0 0 0 1px var(--pgn-body-bg), var(--pgn-size-form-input-width-focus);
+  --pgn-dropzone-error-wrapper-color: var(--pgn-color-danger-500);
+  --pgn-dropzone-border-error: 2px solid var(--pgn-color-danger-300);
+  --pgn-dropzone-border-focus: 2px solid var(--pgn-color-info-300);
+  --pgn-dropzone-border-hover: 2px solid var(--pgn-color-info-300);
+  --pgn-dropdown-link-disabled-color: var(--pgn-color-disabled);
+  --pgn-dropdown-link-active-bg: var(--pgn-color-background-active);
+  --pgn-btn-disabled-link-color: var(--pgn-color-disabled);
+  --pgn-badge-color-focus-box-shadow-info: #006DAA0D;
+  --pgn-badge-color-focus-box-shadow-warning: #FFD9000D;
+  --pgn-badge-color-focus-box-shadow-danger: #C32D3A0D;
+  --pgn-badge-color-focus-box-shadow-success: #1782530D;
+  --pgn-badge-color-focus-box-shadow-secondary: #4545450D;
+  --pgn-badge-color-focus-bg-info: #004C77FF;
+  --pgn-badge-color-focus-bg-warning: #CCAE00FF;
+  --pgn-badge-color-focus-bg-danger: #9A232EFF;
+  --pgn-badge-color-focus-bg-success: #0F5737FF;
+  --pgn-badge-color-focus-bg-secondary: #2B2B2BFF;
+  --pgn-badge-color-focus-info: var(--pgn-badge-color-info);
+  --pgn-badge-color-focus-danger: var(--pgn-badge-color-danger);
+  --pgn-badge-color-focus-warning: var(--pgn-badge-color-warning);
+  --pgn-badge-color-focus-success: var(--pgn-badge-color-success);
+  --pgn-badge-color-focus-secondary: var(--pgn-badge-color-secondary);
+  --pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
+  --pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
+  --pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
+  --pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
+  --pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
+  --pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
+  --pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
+  --pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
+  --pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
+  --pgn-color-form-feedback-checked-invalid: #D64D59FF;
+  --pgn-color-form-feedback-checked-valid: #1FAD6FFF;
+  --pgn-color-form-feedback-tooltip-box-shadow-focus-invalid: #C32D3A40;
+  --pgn-color-form-feedback-tooltip-box-shadow-focus-valid: #17825340;
+  --pgn-color-form-feedback-tooltip-bg-invalid: #C32D3AE6;
+  --pgn-color-form-feedback-tooltip-bg-valid: #178253E6;
+  --pgn-color-form-feedback-tooltip-invalid: #FFFFFFFF;
+  --pgn-color-form-feedback-tooltip-valid: #FFFFFFFF;
+  --pgn-color-form-feedback-icon-invalid: var(--pgn-color-form-feedback-invalid);
+  --pgn-color-form-feedback-icon-valid: var(--pgn-color-form-feedback-valid);
+  --pgn-color-form-control-file-border-base: var(--pgn-color-form-input-border);
+  --pgn-color-form-control-file-button-base: var(--pgn-color-form-control-file-base);
+  --pgn-color-form-control-file-bg-base: var(--pgn-color-form-input-bg-base);
+  --pgn-color-form-control-range-thumb-bg-active: #000000FF;
+  --pgn-color-form-control-range-thumb-bg-disabled: var(--pgn-color-disabled);
+  --pgn-color-form-control-range-thumb-bg-base: var(--pgn-color-background-active);
+  --pgn-color-form-control-select-border-base: var(--pgn-color-form-input-border);
+  --pgn-color-form-control-select-bg-base: var(--pgn-color-form-input-bg-base);
+  --pgn-color-form-control-select-disabled: var(--pgn-color-disabled);
+  --pgn-color-form-control-checkbox-indicator-indeterminate-bg: var(--pgn-color-background-active);
+  --pgn-color-form-control-label-floating-text: #FFFFFF1A;
+  --pgn-color-form-control-label-disabled: var(--pgn-color-disabled);
+  --pgn-color-form-control-indicator-active-bg: var(--pgn-color-background-active);
+  --pgn-color-form-control-indicator-checked-bg-base: var(--pgn-color-background-active);
+  --pgn-color-form-control-indicator-checked-base: var(--pgn-color-background-active);
+  --pgn-color-form-control-indicator-bg-base: var(--pgn-color-form-input-bg-base);
+  --pgn-color-form-input-focus-bg: var(--pgn-color-form-input-bg-base);
+  --pgn-color-form-input-focus-border: var(--pgn-color-input-focus);
+  --pgn-color-form-input-group-addon-border: var(--pgn-color-form-input-border);
+  --pgn-color-btn-focus-border-tertiary: var(--pgn-color-theme-focus-primary);
+  --pgn-color-btn-focus-border-outline-primary: var(--pgn-color-theme-focus-primary);
+  --pgn-color-btn-focus-border-primary: var(--pgn-color-theme-focus-primary);
+  --pgn-color-btn-focus-border-outline-light: var(--pgn-color-theme-focus-light);
+  --pgn-color-btn-focus-border-light: var(--pgn-color-theme-focus-light);
+  --pgn-color-btn-focus-border-outline-dark: var(--pgn-color-theme-focus-dark);
+  --pgn-color-btn-focus-border-dark: var(--pgn-color-theme-focus-dark);
+  --pgn-color-btn-focus-border-outline-brand: var(--pgn-color-theme-focus-brand);
+  --pgn-color-btn-focus-border-brand: var(--pgn-color-theme-focus-brand);
+  --pgn-color-btn-active-border-outline-primary: var(--pgn-color-theme-active-primary);
+  --pgn-color-btn-active-border-primary: var(--pgn-color-theme-active-primary);
+  --pgn-color-btn-active-border-outline-light: var(--pgn-color-theme-active-light);
+  --pgn-color-btn-active-border-light: var(--pgn-color-theme-active-light);
+  --pgn-color-btn-active-border-outline-dark: var(--pgn-color-theme-active-dark);
+  --pgn-color-btn-active-border-dark: var(--pgn-color-theme-active-dark);
+  --pgn-color-btn-active-border-outline-brand: var(--pgn-color-theme-active-brand);
+  --pgn-color-btn-active-border-brand: var(--pgn-color-theme-active-brand);
+  --pgn-color-btn-active-bg-inverse-outline-primary: var(--pgn-color-theme-background-primary);
+  --pgn-color-btn-active-bg-outline-primary: var(--pgn-color-theme-background-primary);
+  --pgn-color-btn-active-bg-primary: var(--pgn-color-theme-active-primary);
+  --pgn-color-btn-active-bg-inverse-outline-light: var(--pgn-color-theme-background-light);
+  --pgn-color-btn-active-bg-outline-light: var(--pgn-color-theme-background-light);
+  --pgn-color-btn-active-bg-light: var(--pgn-color-theme-active-light);
+  --pgn-color-btn-active-bg-inverse-outline-dark: var(--pgn-color-theme-background-dark);
+  --pgn-color-btn-active-bg-outline-dark: var(--pgn-color-theme-background-dark);
+  --pgn-color-btn-active-bg-dark: var(--pgn-color-theme-active-dark);
+  --pgn-color-btn-active-bg-inverse-outline-brand: var(--pgn-color-theme-background-brand);
+  --pgn-color-btn-active-bg-outline-brand: var(--pgn-color-theme-background-brand);
+  --pgn-color-btn-active-bg-brand: var(--pgn-color-theme-active-brand);
+  --pgn-color-btn-active-text-inverse-warning: #CCAE00FF;
+  --pgn-color-btn-active-text-inverse-success: #0F5737FF;
+  --pgn-color-btn-active-text-inverse-secondary: #2B2B2BFF;
+  --pgn-color-btn-active-text-inverse-info: #004C77FF;
+  --pgn-color-btn-active-text-inverse-danger: #9A232EFF;
+  --pgn-color-btn-hover-border-outline-warning: var(--pgn-color-warning-900);
+  --pgn-color-btn-hover-border-outline-success: var(--pgn-color-success-900);
+  --pgn-color-btn-hover-border-outline-secondary: var(--pgn-color-secondary-900);
+  --pgn-color-btn-hover-border-primary: var(--pgn-color-theme-hover-primary);
+  --pgn-color-btn-hover-border-light: var(--pgn-color-theme-hover-light);
+  --pgn-color-btn-hover-border-outline-info: var(--pgn-color-info-900);
+  --pgn-color-btn-hover-border-dark: var(--pgn-color-theme-hover-dark);
+  --pgn-color-btn-hover-border-outline-danger: var(--pgn-color-danger-900);
+  --pgn-color-btn-hover-border-brand: var(--pgn-color-theme-hover-brand);
+  --pgn-color-btn-hover-bg-inverse-outline-warning: var(--pgn-color-warning-100);
+  --pgn-color-btn-hover-bg-outline-warning: var(--pgn-color-warning-100);
+  --pgn-color-btn-hover-bg-inverse-outline-success: var(--pgn-color-success-100);
+  --pgn-color-btn-hover-bg-outline-success: var(--pgn-color-success-100);
+  --pgn-color-btn-hover-bg-inverse-outline-secondary: var(--pgn-color-secondary-100);
+  --pgn-color-btn-hover-bg-outline-secondary: var(--pgn-color-secondary-100);
+  --pgn-color-btn-hover-bg-inverse-primary: #ECECECFF;
+  --pgn-color-btn-hover-bg-primary: var(--pgn-color-theme-hover-primary);
+  --pgn-color-btn-hover-bg-inverse-light: #323232FF;
+  --pgn-color-btn-hover-bg-light: var(--pgn-color-theme-hover-light);
+  --pgn-color-btn-hover-bg-inverse-outline-info: var(--pgn-color-info-100);
+  --pgn-color-btn-hover-bg-outline-info: var(--pgn-color-info-100);
+  --pgn-color-btn-hover-bg-inverse-dark: #ECECECFF;
+  --pgn-color-btn-hover-bg-dark: var(--pgn-color-theme-hover-dark);
+  --pgn-color-btn-hover-bg-inverse-outline-danger: var(--pgn-color-danger-100);
+  --pgn-color-btn-hover-bg-outline-danger: var(--pgn-color-danger-100);
+  --pgn-color-btn-hover-bg-inverse-brand: #ECECECFF;
+  --pgn-color-btn-hover-bg-brand: var(--pgn-color-theme-hover-brand);
+  --pgn-color-btn-hover-text-inverse-warning: #D9B800FF;
+  --pgn-color-btn-hover-text-inverse-success: #11623EFF;
+  --pgn-color-btn-hover-text-inverse-secondary: #323232FF;
+  --pgn-color-btn-hover-text-inverse-outline-primary: var(--pgn-color-theme-hover-primary);
+  --pgn-color-btn-hover-text-outline-primary: var(--pgn-color-theme-hover-primary);
+  --pgn-color-btn-hover-text-inverse-outline-light: var(--pgn-color-theme-hover-light);
+  --pgn-color-btn-hover-text-outline-light: var(--pgn-color-theme-hover-light);
+  --pgn-color-btn-hover-text-inverse-info: #005484FF;
+  --pgn-color-btn-hover-text-inverse-outline-dark: var(--pgn-color-theme-hover-dark);
+  --pgn-color-btn-hover-text-outline-dark: var(--pgn-color-theme-hover-dark);
+  --pgn-color-btn-hover-text-inverse-danger: #A42631FF;
+  --pgn-color-btn-hover-text-inverse-outline-brand: var(--pgn-color-theme-hover-brand);
+  --pgn-color-btn-hover-text-outline-brand: var(--pgn-color-theme-hover-brand);
+  --pgn-color-btn-border-warning: var(--pgn-color-btn-bg-warning);
+  --pgn-color-btn-border-success: var(--pgn-color-btn-bg-success);
+  --pgn-color-btn-border-secondary: var(--pgn-color-btn-bg-secondary);
+  --pgn-color-btn-border-info: var(--pgn-color-btn-bg-info);
+  --pgn-color-btn-border-danger: var(--pgn-color-btn-bg-danger);
+  --pgn-color-btn-bg-inverse-warning: #454545FF;
+  --pgn-color-btn-bg-inverse-success: #FFFFFFFF;
+  --pgn-color-btn-bg-inverse-secondary: #FFFFFFFF;
+  --pgn-color-btn-bg-inverse-info: #FFFFFFFF;
+  --pgn-color-btn-bg-inverse-danger: #FFFFFFFF;
+  --pgn-color-btn-text-warning: #454545FF;
+  --pgn-color-btn-text-success: #FFFFFFFF;
+  --pgn-color-btn-text-secondary: #FFFFFFFF;
+  --pgn-color-btn-text-info: #FFFFFFFF;
+  --pgn-color-btn-text-danger: #FFFFFFFF;
+  --pgn-color-theme-active-danger: var(--pgn-color-danger-900);
+  --pgn-color-theme-active-warning: var(--pgn-color-warning-900);
+  --pgn-color-theme-active-info: var(--pgn-color-info-900);
+  --pgn-color-theme-active-success: var(--pgn-color-success-900);
+  --pgn-color-theme-active-secondary: var(--pgn-color-secondary-900);
+  --pgn-color-theme-hover-danger: var(--pgn-color-danger-700);
+  --pgn-color-theme-hover-warning: var(--pgn-color-warning-700);
+  --pgn-color-theme-hover-info: var(--pgn-color-info-700);
+  --pgn-color-theme-hover-success: var(--pgn-color-success-700);
+  --pgn-color-theme-hover-secondary: var(--pgn-color-secondary-700);
+  --pgn-color-theme-default-danger: var(--pgn-color-danger-500);
+  --pgn-color-theme-default-warning: var(--pgn-color-warning-500);
+  --pgn-color-theme-default-info: var(--pgn-color-info-500);
+  --pgn-color-theme-default-success: var(--pgn-color-success-500);
+  --pgn-color-theme-default-secondary: var(--pgn-color-secondary-500);
+  --pgn-color-theme-focus-danger: var(--pgn-color-danger-300);
+  --pgn-color-theme-focus-warning: var(--pgn-color-warning-300);
+  --pgn-color-theme-focus-info: var(--pgn-color-info-300);
+  --pgn-color-theme-focus-success: var(--pgn-color-success-300);
+  --pgn-color-theme-focus-secondary: var(--pgn-color-secondary-300);
+  --pgn-color-theme-border-danger: var(--pgn-color-danger-200);
+  --pgn-color-theme-border-warning: var(--pgn-color-warning-200);
+  --pgn-color-theme-border-info: var(--pgn-color-info-200);
+  --pgn-color-theme-border-success: var(--pgn-color-success-200);
+  --pgn-color-theme-border-secondary: var(--pgn-color-secondary-200);
+  --pgn-color-theme-background-danger: var(--pgn-color-danger-100);
+  --pgn-color-theme-background-warning: var(--pgn-color-warning-100);
+  --pgn-color-theme-background-info: var(--pgn-color-info-100);
+  --pgn-color-theme-background-success: var(--pgn-color-success-100);
+  --pgn-color-theme-background-secondary: var(--pgn-color-secondary-100);
+  --pgn-color-link: var(--pgn-color-info-500);
   --pgn-pagination-border-color-active: var(--pgn-pagination-bg-active);
-  --pgn-color-btn-hover-text-danger: #FFFFFFFF;
-  --pgn-color-btn-hover-text-info: #FFFFFFFF;
-  --pgn-color-btn-hover-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-hover-text-success: #FFFFFFFF;
-  --pgn-color-btn-hover-text-warning: #454545FF;
-  --pgn-color-btn-active-text-danger: #FFFFFFFF;
-  --pgn-color-btn-active-text-outline-danger: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-danger: #454545FF;
-  --pgn-color-btn-active-text-info: #FFFFFFFF;
-  --pgn-color-btn-active-text-outline-info: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-info: #454545FF;
-  --pgn-color-btn-active-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-active-text-outline-secondary: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-secondary: #454545FF;
-  --pgn-color-btn-active-text-success: #FFFFFFFF;
-  --pgn-color-btn-active-text-outline-success: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-success: #454545FF;
-  --pgn-color-btn-active-text-warning: #FFFFFFFF;
-  --pgn-color-btn-active-text-outline-warning: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-warning: #454545FF;
-  --pgn-other-form-control-checkbox-indicator-indeterminate-icon: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='%230A3055FF'/></svg>");
-  --pgn-link-inline-hover-decoration-color: var(--pgn-link-inline-hover-color);
+  --pgn-pagination-color-base: var(--pgn-color-link);
+  --pgn-list-group-active-color-border: var(--pgn-list-group-active-bg);
+  --pgn-link-brand-inline-hover-decoration-color: var(--pgn-link-brand-inline-hover-color);
+  --pgn-link-muted-inline-hover-decoration-color: var(--pgn-link-muted-inline-hover-color);
+  --pgn-link-inline-hover-color: #003C5EFF;
+  --pgn-link-inline-decoration-color: #006DAA4D;
+  --pgn-link-hover-color: #003C5EFF;
+  --pgn-link-color: var(--pgn-color-link);
+  --pgn-other-form-feedback-icon-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C32D3AFF' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23C32D3AFF' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
+  --pgn-other-form-feedback-icon-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23178253FF' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  --pgn-other-form-control-switch-indicator-icon-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");
+  --pgn-other-form-control-radio-indicator-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");
+  --pgn-other-form-control-checkbox-indicator-icon-checked: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%230A3055FF'/></svg>");
+  --pgn-alert-color-border-warning: var(--pgn-color-theme-border-warning);
+  --pgn-alert-color-border-danger: var(--pgn-color-theme-border-danger);
+  --pgn-alert-color-border-info: var(--pgn-color-theme-border-info);
+  --pgn-alert-color-border-success: var(--pgn-color-theme-border-success);
+  --pgn-alert-color-bg-warning: var(--pgn-color-theme-background-warning);
+  --pgn-alert-color-bg-danger: var(--pgn-color-theme-background-danger);
+  --pgn-alert-color-bg-info: var(--pgn-color-theme-background-info);
+  --pgn-alert-color-bg-success: var(--pgn-color-theme-background-success);
+  --pgn-alert-color-icon-warning: var(--pgn-color-theme-default-warning);
+  --pgn-alert-color-icon-danger: var(--pgn-color-theme-default-danger);
+  --pgn-alert-color-icon-info: var(--pgn-color-theme-default-info);
+  --pgn-alert-color-icon-success: var(--pgn-color-theme-default-success);
+  --pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
+  --pgn-color-form-control-file-border-focus: var(--pgn-color-form-input-focus-border);
+  --pgn-color-form-control-select-border-focus: var(--pgn-color-form-input-focus-border);
+  --pgn-color-form-control-checkbox-indicator-indeterminate-border: var(--pgn-color-form-control-checkbox-indicator-indeterminate-bg);
+  --pgn-color-form-control-checkbox-indicator-indeterminate-base: var(--pgn-color-form-control-indicator-checked-base);
+  --pgn-color-form-control-indicator-active-border: var(--pgn-color-form-control-indicator-active-bg);
+  --pgn-color-form-control-indicator-checked-border-focus: var(--pgn-color-form-input-focus-border);
+  --pgn-color-btn-focus-border-outline-warning: var(--pgn-color-theme-focus-warning);
+  --pgn-color-btn-focus-border-warning: var(--pgn-color-theme-focus-warning);
+  --pgn-color-btn-focus-border-outline-success: var(--pgn-color-theme-focus-success);
+  --pgn-color-btn-focus-border-success: var(--pgn-color-theme-focus-success);
+  --pgn-color-btn-focus-border-outline-secondary: var(--pgn-color-theme-focus-secondary);
+  --pgn-color-btn-focus-border-secondary: var(--pgn-color-theme-focus-secondary);
+  --pgn-color-btn-focus-border-outline-info: var(--pgn-color-theme-focus-info);
+  --pgn-color-btn-focus-border-info: var(--pgn-color-theme-focus-info);
+  --pgn-color-btn-focus-border-outline-danger: var(--pgn-color-theme-focus-danger);
+  --pgn-color-btn-focus-border-danger: var(--pgn-color-theme-focus-danger);
+  --pgn-color-btn-active-border-outline-warning: var(--pgn-color-theme-active-warning);
+  --pgn-color-btn-active-border-warning: var(--pgn-color-theme-active-warning);
+  --pgn-color-btn-active-border-outline-success: var(--pgn-color-theme-active-success);
+  --pgn-color-btn-active-border-success: var(--pgn-color-theme-active-success);
+  --pgn-color-btn-active-border-outline-secondary: var(--pgn-color-theme-active-secondary);
+  --pgn-color-btn-active-border-secondary: var(--pgn-color-theme-active-secondary);
+  --pgn-color-btn-active-border-outline-info: var(--pgn-color-theme-active-info);
+  --pgn-color-btn-active-border-info: var(--pgn-color-theme-active-info);
+  --pgn-color-btn-active-border-outline-danger: var(--pgn-color-theme-active-danger);
+  --pgn-color-btn-active-border-danger: var(--pgn-color-theme-active-danger);
+  --pgn-color-btn-active-bg-inverse-outline-warning: var(--pgn-color-theme-background-warning);
+  --pgn-color-btn-active-bg-outline-warning: var(--pgn-color-theme-background-warning);
+  --pgn-color-btn-active-bg-warning: var(--pgn-color-theme-active-warning);
+  --pgn-color-btn-active-bg-inverse-outline-success: var(--pgn-color-theme-background-success);
+  --pgn-color-btn-active-bg-outline-success: var(--pgn-color-theme-background-success);
+  --pgn-color-btn-active-bg-success: var(--pgn-color-theme-active-success);
+  --pgn-color-btn-active-bg-inverse-outline-secondary: var(--pgn-color-theme-background-secondary);
+  --pgn-color-btn-active-bg-outline-secondary: var(--pgn-color-theme-background-secondary);
+  --pgn-color-btn-active-bg-secondary: var(--pgn-color-theme-active-secondary);
+  --pgn-color-btn-active-bg-inverse-outline-info: var(--pgn-color-theme-background-info);
+  --pgn-color-btn-active-bg-outline-info: var(--pgn-color-theme-background-info);
+  --pgn-color-btn-active-bg-info: var(--pgn-color-theme-active-info);
+  --pgn-color-btn-active-bg-inverse-outline-danger: var(--pgn-color-theme-background-danger);
+  --pgn-color-btn-active-bg-outline-danger: var(--pgn-color-theme-background-danger);
+  --pgn-color-btn-active-bg-danger: var(--pgn-color-theme-active-danger);
+  --pgn-color-btn-active-text-inverse-outline-primary: #454545FF;
+  --pgn-color-btn-active-text-outline-primary: #454545FF;
+  --pgn-color-btn-active-text-primary: #FFFFFFFF;
+  --pgn-color-btn-active-text-inverse-outline-light: #454545FF;
+  --pgn-color-btn-active-text-outline-light: #454545FF;
+  --pgn-color-btn-active-text-light: #454545FF;
+  --pgn-color-btn-active-text-inverse-outline-dark: #454545FF;
+  --pgn-color-btn-active-text-outline-dark: #454545FF;
+  --pgn-color-btn-active-text-dark: #FFFFFFFF;
+  --pgn-color-btn-active-text-inverse-outline-brand: #454545FF;
+  --pgn-color-btn-active-text-outline-brand: #454545FF;
+  --pgn-color-btn-active-text-brand: #FFFFFFFF;
+  --pgn-color-btn-hover-border-warning: var(--pgn-color-theme-hover-warning);
+  --pgn-color-btn-hover-border-success: var(--pgn-color-theme-hover-success);
+  --pgn-color-btn-hover-border-secondary: var(--pgn-color-theme-hover-secondary);
+  --pgn-color-btn-hover-border-info: var(--pgn-color-theme-hover-info);
+  --pgn-color-btn-hover-border-danger: var(--pgn-color-theme-hover-danger);
+  --pgn-color-btn-hover-bg-inverse-warning: #323232FF;
+  --pgn-color-btn-hover-bg-warning: var(--pgn-color-theme-hover-warning);
+  --pgn-color-btn-hover-bg-inverse-success: #ECECECFF;
+  --pgn-color-btn-hover-bg-success: var(--pgn-color-theme-hover-success);
+  --pgn-color-btn-hover-bg-inverse-secondary: #ECECECFF;
+  --pgn-color-btn-hover-bg-secondary: var(--pgn-color-theme-hover-secondary);
+  --pgn-color-btn-hover-bg-inverse-info: #ECECECFF;
+  --pgn-color-btn-hover-bg-info: var(--pgn-color-theme-hover-info);
+  --pgn-color-btn-hover-bg-inverse-danger: #ECECECFF;
+  --pgn-color-btn-hover-bg-danger: var(--pgn-color-theme-hover-danger);
+  --pgn-color-btn-hover-text-inverse-outline-warning: var(--pgn-color-theme-hover-warning);
+  --pgn-color-btn-hover-text-outline-warning: var(--pgn-color-theme-hover-warning);
+  --pgn-color-btn-hover-text-inverse-outline-success: var(--pgn-color-theme-hover-success);
+  --pgn-color-btn-hover-text-outline-success: var(--pgn-color-theme-hover-success);
+  --pgn-color-btn-hover-text-inverse-outline-secondary: var(--pgn-color-theme-hover-secondary);
+  --pgn-color-btn-hover-text-outline-secondary: var(--pgn-color-theme-hover-secondary);
+  --pgn-color-btn-hover-text-primary: #FFFFFFFF;
+  --pgn-color-btn-hover-text-light: #454545FF;
+  --pgn-color-btn-hover-text-inverse-outline-info: var(--pgn-color-theme-hover-info);
+  --pgn-color-btn-hover-text-outline-info: var(--pgn-color-theme-hover-info);
+  --pgn-color-btn-hover-text-dark: #FFFFFFFF;
+  --pgn-color-btn-hover-text-inverse-outline-danger: var(--pgn-color-theme-hover-danger);
+  --pgn-color-btn-hover-text-outline-danger: var(--pgn-color-theme-hover-danger);
+  --pgn-color-btn-hover-text-brand: #FFFFFFFF;
   --pgn-pagination-color-hover: var(--pgn-link-hover-color);
+  --pgn-link-inline-hover-decoration-color: var(--pgn-link-inline-hover-color);
+  --pgn-other-form-control-checkbox-indicator-indeterminate-icon: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='%230A3055FF'/></svg>");
+  --pgn-color-btn-active-text-inverse-outline-warning: #454545FF;
+  --pgn-color-btn-active-text-outline-warning: #454545FF;
+  --pgn-color-btn-active-text-warning: #FFFFFFFF;
+  --pgn-color-btn-active-text-inverse-outline-success: #454545FF;
+  --pgn-color-btn-active-text-outline-success: #454545FF;
+  --pgn-color-btn-active-text-success: #FFFFFFFF;
+  --pgn-color-btn-active-text-inverse-outline-secondary: #454545FF;
+  --pgn-color-btn-active-text-outline-secondary: #454545FF;
+  --pgn-color-btn-active-text-secondary: #FFFFFFFF;
+  --pgn-color-btn-active-text-inverse-outline-info: #454545FF;
+  --pgn-color-btn-active-text-outline-info: #454545FF;
+  --pgn-color-btn-active-text-info: #FFFFFFFF;
+  --pgn-color-btn-active-text-inverse-outline-danger: #454545FF;
+  --pgn-color-btn-active-text-outline-danger: #454545FF;
+  --pgn-color-btn-active-text-danger: #FFFFFFFF;
+  --pgn-color-btn-hover-text-warning: #454545FF;
+  --pgn-color-btn-hover-text-success: #FFFFFFFF;
+  --pgn-color-btn-hover-text-secondary: #FFFFFFFF;
+  --pgn-color-btn-hover-text-info: #FFFFFFFF;
+  --pgn-color-btn-hover-text-danger: #FFFFFFFF;
 }
diff --git a/tokens/build-tokens.js b/tokens/build-tokens.js
old mode 100644
new mode 100755
index 7cbe14a43b..20ad90ec5d
--- a/tokens/build-tokens.js
+++ b/tokens/build-tokens.js
@@ -1,199 +1,38 @@
-const StyleDictionary = require('style-dictionary');
+#!/usr/bin/env node
+const { program } = require('commander');
 const path = require('path');
-const chroma = require('chroma-js');
-const { colorYiq, darken, lighten } = require('./sass-helpers');
-const cssUtilities = require('./css-utilities');
-
-const { formattedVariables, fileHeader, sortByReference } = StyleDictionary.formatHelpers;
-
-const PGN_PREFIX = 'pgn';
-const BASE_BUILD_PATH = path.resolve(__dirname, 'build');
-
-const colorTransform = (token) => {
-  const { value, modify = [] } = token;
-  let color = chroma(value);
-
-  if (modify.length > 0) {
-    modify.forEach((modifier) => {
-      const {type, amount, otherColor} = modifier;
-      switch (type) {
-        case 'mix':
-          color = color.mix(otherColor, amount, 'rgb');
-          break;
-        case 'color-yiq':
-          const { light, dark, threshold } = modifier;
-          color = colorYiq(color, light, dark, threshold);
-          break;
-        case 'darken':
-          color = darken(color, amount);
-          break;
-        case 'lighten':
-          color = lighten(color, amount);
-          break;
-        default:
-          color = color[type](amount);
-      }
-    });
-  }
-
-  return color.hex('rgba').toUpperCase();
-};
-
-/**
- * Transformer that applies SASS color functions to tokens.
- */
-StyleDictionary.registerTransform({
-  name: 'color/sass-color-functions',
-  transitive: true,
-  type: 'value',
-  matcher(token) {
-    return token.attributes.category === 'color' || token.value?.toString().startsWith('#');
-  },
-  transformer: colorTransform,
-});
-
-/**
- * Transforms that implements str-replace from SASS.
- */
-StyleDictionary.registerTransform({
-  name: 'str-replace',
-  transitive: true,
-  type: 'value',
-  matcher(token) {
-    return token.modify && token.modify[0].type === 'str-replace';
-  },
-  transformer(token) {
-    const { value, modify } = token;
-    const { toReplace, replaceWith } = modify[0];
-    return value.replaceAll(toReplace, replaceWith);
-  },
-});
-
-/**
- * Overrides default scss/variables formatter to add new line at the end of file
- * to be compatible with our stylelint rules.
- */
-StyleDictionary.registerFormat({
-  name: 'scss/variables-with-new-line',
-  formatter({ dictionary, options, file }) {
-    const { outputReferences, themeable = false } = options;
-    return `${fileHeader({ file, commentStyle: 'short' })
-      + formattedVariables({
-        format: 'sass', dictionary, outputReferences, themeable,
-      })
-    }\n`;
-  },
-});
-
-/**
- * Custom formatter that extends default css/variables format to allow specifying
- * 'outputReferences' per token (by default you are only able to specify it globally for all tokens)
- */
-StyleDictionary.registerFormat({
-  name: `css/custom-variables`,
-  formatter: function({dictionary, options}) {
-    const variables = dictionary.allTokens.sort(sortByReference(dictionary)).map(token => {
-      let value = token.value;
-      const outputReferencesForToken = token.original.outputReferences === false ? false : options.outputReferences;
-
-      if (dictionary.usesReference(token.original.value) && outputReferencesForToken) {
-        const refs = dictionary.getReferences(token.original.value);
-        refs.forEach(ref => {
-          value = value.replace(ref.value, `var(--${ref.name})`);
-        });
-      }
-
-      return `  --${token.name}: ${value};`
-    }).join(`\n`)
-
-    return `:root {\n${variables}\n}\n`
-  }
-});
-
-/**
- * Formatter to generate CSS utility classes.
- * Looks in ./src/utilities/ to get utility classes configuration, filters tokens by 'filters' object attributes
- * (see https://amzn.github.io/style-dictionary/#/tokens?id=category-type-item for possible keys in the object,
- * each key should have a list of valid values) and generates CSS classes with using functions defined in
- * 'utilityFunctionsToApply' list, those functions must be located in css-utilities.js module and return string.
- */
-StyleDictionary.registerFormat({
-  name: 'css/utility-classes',
-  formatter({ dictionary }) {
-    const utilities = dictionary.properties.utilities;
-
-    if (!utilities) {
-      return '';
-    }
-
-    let utilityClasses = '';
-
-    utilities.forEach(({ filters,  utilityFunctionsToApply }) => {
-      let tokens = dictionary.allTokens;
-
-      Object.entries(filters).forEach(([attributeName, allowedValues]) => {
-        tokens = tokens.filter((token) => allowedValues.includes(token.attributes[attributeName]));
-      })
-
-      for (const token of tokens) {
-        for (const funcName of utilityFunctionsToApply) {
-          utilityClasses += cssUtilities[funcName](token);
-        }
-      }
-    })
-
-    return utilityClasses;
-  },
-});
-
-const paragonStyleDictionary = StyleDictionary.extend({
-  source: ['./src/**/*.json'],
+const StyleDictionary = require('./style-dictionary');
+
+program
+  .version('0.0.1')
+  .description('CLI to build design tokens for various platforms (currently only CSS is supported) from Paragon Design Tokens.')
+  .option('--prefix <char>', 'A prefix that will be added to the names of all built tokens.', 'pgn')
+  .option('--build-dir <char>', 'A path to directory where to put files with built tokens, must end with a /.', './build/')
+  .option('--tokens-source <char>', 'A path where to look for additional tokens that will get merged with Paragon ones, accepts glob patterns, e.g. "mytokens/**/*.json". Only json files are allowed.')
+  .parse()
+
+const { prefix, buildDir, tokensSource } = program.opts();
+const source = tokensSource ? [tokensSource] : [];
+
+const config = {
+  include: [path.resolve(__dirname, 'src/**/*.json')],
+  source,
   platforms: {
-    scss: {
-      transformGroup: 'scss',
-      prefix: PGN_PREFIX,
-      buildPath: `${BASE_BUILD_PATH}/`,
-      files: [{
-        destination: '_variables.scss',
-        format: 'scss/variables-with-new-line',
-        options: {
-          outputReferences: true,
-          themeable: true,
-        },
-      }],
-      transforms: StyleDictionary.transformGroup.scss.concat('color/sass-color-functions', 'str-replace'),
-      options: {
-        showFileHeader: false,
-      },
-    },
     css: {
+      prefix,
       transformGroup: 'css',
-      prefix: PGN_PREFIX,
+      buildPath: buildDir,
       files: [
         {
           format: 'css/custom-variables',
-          destination: `${BASE_BUILD_PATH}/variables.css`,
-          options: {
-            outputReferences: true,
-          },
-        },
-        {
-          format: 'css/custom-variables',
-          destination: path.resolve(__dirname, '../scss/core/css/variables.css'),
+          destination: 'variables.css',
           options: {
             outputReferences: true,
           },
         },
         {
           format: 'css/utility-classes',
-          destination: path.resolve(__dirname, '../scss/core/css/utility-classes.css'),
-          options: {
-            outputReferences: true,
-          },
-        },
-        {
-          format: 'css/utility-classes',
-          destination: `${BASE_BUILD_PATH}/utility-classes.css`,
+          destination: 'utility-classes.css',
           options: {
             outputReferences: true,
           },
@@ -205,6 +44,8 @@ const paragonStyleDictionary = StyleDictionary.extend({
       },
     },
   },
-});
+};
 
-paragonStyleDictionary.buildAllPlatforms();
+StyleDictionary
+  .extend(config)
+  .buildAllPlatforms();
diff --git a/tokens/build/utility-classes.css b/tokens/build/utility-classes.css
deleted file mode 100644
index dbc7a84ab8..0000000000
--- a/tokens/build/utility-classes.css
+++ /dev/null
@@ -1,2448 +0,0 @@
-.bg-accent-a {
-  background-color: #00BBF9FF !important;
-}
-
-a.bg-accent-a:hover,
-a.bg-accent-a:focus,
-button.bg-accent-a:hover,
-button.bg-accent-a:focus {
-  background-color: #0095C6FF !important;
-}
-
-.text-accent-a {
-  color: #00BBF9FF !important;
-}
-
-a.text-accent-a:hover,
-a.text-accent-a:focus {
-  color: #0082ADFF !important;
-}
-
-.border-accent-a {
-  border-color: #00BBF9FF !important;
-}
-
-.bg-accent-b {
-  background-color: #FFEE88FF !important;
-}
-
-a.bg-accent-b:hover,
-a.bg-accent-b:focus,
-button.bg-accent-b:hover,
-button.bg-accent-b:focus {
-  background-color: #FFE755FF !important;
-}
-
-.text-accent-b {
-  color: #FFEE88FF !important;
-}
-
-a.text-accent-b:hover,
-a.text-accent-b:focus {
-  color: #FFE33BFF !important;
-}
-
-.border-accent-b {
-  border-color: #FFEE88FF !important;
-}
-
-.bg-gray-100 {
-  background-color: #EBEBEBFF !important;
-}
-
-a.bg-gray-100:hover,
-a.bg-gray-100:focus,
-button.bg-gray-100:hover,
-button.bg-gray-100:focus {
-  background-color: #D2D2D2FF !important;
-}
-
-.text-gray-100 {
-  color: #EBEBEBFF !important;
-}
-
-a.text-gray-100:hover,
-a.text-gray-100:focus {
-  color: #C5C5C5FF !important;
-}
-
-.border-gray-100 {
-  border-color: #EBEBEBFF !important;
-}
-
-.bg-gray-200 {
-  background-color: #CCCCCCFF !important;
-}
-
-a.bg-gray-200:hover,
-a.bg-gray-200:focus,
-button.bg-gray-200:hover,
-button.bg-gray-200:focus {
-  background-color: #B3B3B3FF !important;
-}
-
-.text-gray-200 {
-  color: #CCCCCCFF !important;
-}
-
-a.text-gray-200:hover,
-a.text-gray-200:focus {
-  color: #A6A6A6FF !important;
-}
-
-.border-gray-200 {
-  border-color: #CCCCCCFF !important;
-}
-
-.bg-gray-300 {
-  background-color: #ADADADFF !important;
-}
-
-a.bg-gray-300:hover,
-a.bg-gray-300:focus,
-button.bg-gray-300:hover,
-button.bg-gray-300:focus {
-  background-color: #949494FF !important;
-}
-
-.text-gray-300 {
-  color: #ADADADFF !important;
-}
-
-a.text-gray-300:hover,
-a.text-gray-300:focus {
-  color: #878787FF !important;
-}
-
-.border-gray-300 {
-  border-color: #ADADADFF !important;
-}
-
-.bg-gray-400 {
-  background-color: #8F8F8FFF !important;
-}
-
-a.bg-gray-400:hover,
-a.bg-gray-400:focus,
-button.bg-gray-400:hover,
-button.bg-gray-400:focus {
-  background-color: #767676FF !important;
-}
-
-.text-gray-400 {
-  color: #8F8F8FFF !important;
-}
-
-a.text-gray-400:hover,
-a.text-gray-400:focus {
-  color: #696969FF !important;
-}
-
-.border-gray-400 {
-  border-color: #8F8F8FFF !important;
-}
-
-.bg-gray-600 {
-  background-color: #5C5C5CFF !important;
-}
-
-a.bg-gray-600:hover,
-a.bg-gray-600:focus,
-button.bg-gray-600:hover,
-button.bg-gray-600:focus {
-  background-color: #424242FF !important;
-}
-
-.text-gray-600 {
-  color: #5C5C5CFF !important;
-}
-
-a.text-gray-600:hover,
-a.text-gray-600:focus {
-  color: #363636FF !important;
-}
-
-.border-gray-600 {
-  border-color: #5C5C5CFF !important;
-}
-
-.bg-gray-700 {
-  background-color: #454545FF !important;
-}
-
-a.bg-gray-700:hover,
-a.bg-gray-700:focus,
-button.bg-gray-700:hover,
-button.bg-gray-700:focus {
-  background-color: #2B2B2BFF !important;
-}
-
-.text-gray-700 {
-  color: #454545FF !important;
-}
-
-a.text-gray-700:hover,
-a.text-gray-700:focus {
-  color: #1F1F1FFF !important;
-}
-
-.border-gray-700 {
-  border-color: #454545FF !important;
-}
-
-.bg-gray-800 {
-  background-color: #333333FF !important;
-}
-
-a.bg-gray-800:hover,
-a.bg-gray-800:focus,
-button.bg-gray-800:hover,
-button.bg-gray-800:focus {
-  background-color: #1A1A1AFF !important;
-}
-
-.text-gray-800 {
-  color: #333333FF !important;
-}
-
-a.text-gray-800:hover,
-a.text-gray-800:focus {
-  color: #0D0D0DFF !important;
-}
-
-.border-gray-800 {
-  border-color: #333333FF !important;
-}
-
-.bg-gray-900 {
-  background-color: #212529FF !important;
-}
-
-a.bg-gray-900:hover,
-a.bg-gray-900:focus,
-button.bg-gray-900:hover,
-button.bg-gray-900:focus {
-  background-color: #0A0C0DFF !important;
-}
-
-.text-gray-900 {
-  color: #212529FF !important;
-}
-
-a.text-gray-900:hover,
-a.text-gray-900:focus {
-  color: #000000FF !important;
-}
-
-.border-gray-900 {
-  border-color: #212529FF !important;
-}
-
-.bg-gray {
-  background-color: #707070FF !important;
-}
-
-a.bg-gray:hover,
-a.bg-gray:focus,
-button.bg-gray:hover,
-button.bg-gray:focus {
-  background-color: #575757FF !important;
-}
-
-.text-gray {
-  color: #707070FF !important;
-}
-
-a.text-gray:hover,
-a.text-gray:focus {
-  color: #4A4A4AFF !important;
-}
-
-.border-gray {
-  border-color: #707070FF !important;
-}
-
-.bg-primary {
-  background-color: #0A3055FF !important;
-}
-
-a.bg-primary:hover,
-a.bg-primary:focus,
-button.bg-primary:hover,
-button.bg-primary:focus {
-  background-color: #051627FF !important;
-}
-
-.text-primary {
-  color: #0A3055FF !important;
-}
-
-a.text-primary:hover,
-a.text-primary:focus {
-  color: #020911FF !important;
-}
-
-.border-primary {
-  border-color: #0A3055FF !important;
-}
-
-.bg-brand {
-  background-color: #9D0054FF !important;
-}
-
-a.bg-brand:hover,
-a.bg-brand:focus,
-button.bg-brand:hover,
-button.bg-brand:focus {
-  background-color: #6A0039FF !important;
-}
-
-.text-brand {
-  color: #9D0054FF !important;
-}
-
-a.text-brand:hover,
-a.text-brand:focus {
-  color: #51002BFF !important;
-}
-
-.border-brand {
-  border-color: #9D0054FF !important;
-}
-
-.bg-light {
-  background-color: #E1DDDBFF !important;
-}
-
-a.bg-light:hover,
-a.bg-light:focus,
-button.bg-light:hover,
-button.bg-light:focus {
-  background-color: #CAC3BFFF !important;
-}
-
-.text-light {
-  color: #E1DDDBFF !important;
-}
-
-a.text-light:hover,
-a.text-light:focus {
-  color: #BEB6B1FF !important;
-}
-
-.border-light {
-  border-color: #E1DDDBFF !important;
-}
-
-.bg-dark {
-  background-color: #273F2FFF !important;
-}
-
-a.bg-dark:hover,
-a.bg-dark:focus,
-button.bg-dark:hover,
-button.bg-dark:focus {
-  background-color: #142018FF !important;
-}
-
-.text-dark {
-  color: #273F2FFF !important;
-}
-
-a.text-dark:hover,
-a.text-dark:focus {
-  color: #0A100CFF !important;
-}
-
-.border-dark {
-  border-color: #273F2FFF !important;
-}
-
-.bg-gray-500 {
-  background-color: #707070FF !important;
-}
-
-a.bg-gray-500:hover,
-a.bg-gray-500:focus,
-button.bg-gray-500:hover,
-button.bg-gray-500:focus {
-  background-color: #575757FF !important;
-}
-
-.text-gray-500 {
-  color: #707070FF !important;
-}
-
-a.text-gray-500:hover,
-a.text-gray-500:focus {
-  color: #4A4A4AFF !important;
-}
-
-.border-gray-500 {
-  border-color: #707070FF !important;
-}
-
-.bg-primary-100 {
-  background-color: #F0F3F5FF !important;
-}
-
-a.bg-primary-100:hover,
-a.bg-primary-100:focus,
-button.bg-primary-100:hover,
-button.bg-primary-100:focus {
-  background-color: #D1DBE1FF !important;
-}
-
-.text-primary-100 {
-  color: #F0F3F5FF !important;
-}
-
-a.text-primary-100:hover,
-a.text-primary-100:focus {
-  color: #C2CED6FF !important;
-}
-
-.border-primary-100 {
-  border-color: #F0F3F5FF !important;
-}
-
-.bg-primary-200 {
-  background-color: #C2CBD5FF !important;
-}
-
-a.bg-primary-200:hover,
-a.bg-primary-200:focus,
-button.bg-primary-200:hover,
-button.bg-primary-200:focus {
-  background-color: #A4B1C0FF !important;
-}
-
-.text-primary-200 {
-  color: #C2CBD5FF !important;
-}
-
-a.text-primary-200:hover,
-a.text-primary-200:focus {
-  color: #95A4B6FF !important;
-}
-
-.border-primary-200 {
-  border-color: #C2CBD5FF !important;
-}
-
-.bg-primary-300 {
-  background-color: #8598AAFF !important;
-}
-
-a.bg-primary-300:hover,
-a.bg-primary-300:focus,
-button.bg-primary-300:hover,
-button.bg-primary-300:focus {
-  background-color: #677F95FF !important;
-}
-
-.text-primary-300 {
-  color: #8598AAFF !important;
-}
-
-a.text-primary-300:hover,
-a.text-primary-300:focus {
-  color: #5D7285FF !important;
-}
-
-.border-primary-300 {
-  border-color: #8598AAFF !important;
-}
-
-.bg-primary-400 {
-  background-color: #476480FF !important;
-}
-
-a.bg-primary-400:hover,
-a.bg-primary-400:focus,
-button.bg-primary-400:hover,
-button.bg-primary-400:focus {
-  background-color: #354A5FFF !important;
-}
-
-.text-primary-400 {
-  color: #476480FF !important;
-}
-
-a.text-primary-400:hover,
-a.text-primary-400:focus {
-  color: #2C3E4FFF !important;
-}
-
-.border-primary-400 {
-  border-color: #476480FF !important;
-}
-
-.bg-primary-500 {
-  background-color: #0A3055FF !important;
-}
-
-a.bg-primary-500:hover,
-a.bg-primary-500:focus,
-button.bg-primary-500:hover,
-button.bg-primary-500:focus {
-  background-color: #051627FF !important;
-}
-
-.text-primary-500 {
-  color: #0A3055FF !important;
-}
-
-a.text-primary-500:hover,
-a.text-primary-500:focus {
-  color: #020911FF !important;
-}
-
-.border-primary-500 {
-  border-color: #0A3055FF !important;
-}
-
-.bg-primary-600 {
-  background-color: #092B4DFF !important;
-}
-
-a.bg-primary-600:hover,
-a.bg-primary-600:focus,
-button.bg-primary-600:hover,
-button.bg-primary-600:focus {
-  background-color: #04111FFF !important;
-}
-
-.text-primary-600 {
-  color: #092B4DFF !important;
-}
-
-a.text-primary-600:hover,
-a.text-primary-600:focus {
-  color: #010509FF !important;
-}
-
-.border-primary-600 {
-  border-color: #092B4DFF !important;
-}
-
-.bg-primary-700 {
-  background-color: #082644FF !important;
-}
-
-a.bg-primary-700:hover,
-a.bg-primary-700:focus,
-button.bg-primary-700:hover,
-button.bg-primary-700:focus {
-  background-color: #030C16FF !important;
-}
-
-.text-primary-700 {
-  color: #082644FF !important;
-}
-
-a.text-primary-700:hover,
-a.text-primary-700:focus {
-  color: #000000FF !important;
-}
-
-.border-primary-700 {
-  border-color: #082644FF !important;
-}
-
-.bg-primary-800 {
-  background-color: #082440FF !important;
-}
-
-a.bg-primary-800:hover,
-a.bg-primary-800:focus,
-button.bg-primary-800:hover,
-button.bg-primary-800:focus {
-  background-color: #020A13FF !important;
-}
-
-.text-primary-800 {
-  color: #082440FF !important;
-}
-
-a.text-primary-800:hover,
-a.text-primary-800:focus {
-  color: #000000FF !important;
-}
-
-.border-primary-800 {
-  border-color: #082440FF !important;
-}
-
-.bg-primary-900 {
-  background-color: #07223CFF !important;
-}
-
-a.bg-primary-900:hover,
-a.bg-primary-900:focus,
-button.bg-primary-900:hover,
-button.bg-primary-900:focus {
-  background-color: #02080EFF !important;
-}
-
-.text-primary-900 {
-  color: #07223CFF !important;
-}
-
-a.text-primary-900:hover,
-a.text-primary-900:focus {
-  color: #000000FF !important;
-}
-
-.border-primary-900 {
-  border-color: #07223CFF !important;
-}
-
-.bg-secondary {
-  background-color: #454545FF !important;
-}
-
-a.bg-secondary:hover,
-a.bg-secondary:focus,
-button.bg-secondary:hover,
-button.bg-secondary:focus {
-  background-color: #2B2B2BFF !important;
-}
-
-.text-secondary {
-  color: #454545FF !important;
-}
-
-a.text-secondary:hover,
-a.text-secondary:focus {
-  color: #1F1F1FFF !important;
-}
-
-.border-secondary {
-  border-color: #454545FF !important;
-}
-
-.bg-brand-100 {
-  background-color: #F9F0F5FF !important;
-}
-
-a.bg-brand-100:hover,
-a.bg-brand-100:focus,
-button.bg-brand-100:hover,
-button.bg-brand-100:focus {
-  background-color: #EACCDDFF !important;
-}
-
-.text-brand-100 {
-  color: #F9F0F5FF !important;
-}
-
-a.text-brand-100:hover,
-a.text-brand-100:focus {
-  color: #E3B9D1FF !important;
-}
-
-.border-brand-100 {
-  border-color: #F9F0F5FF !important;
-}
-
-.bg-brand-200 {
-  background-color: #E7BFD4FF !important;
-}
-
-a.bg-brand-200:hover,
-a.bg-brand-200:focus,
-button.bg-brand-200:hover,
-button.bg-brand-200:focus {
-  background-color: #D99ABBFF !important;
-}
-
-.text-brand-200 {
-  color: #E7BFD4FF !important;
-}
-
-a.text-brand-200:hover,
-a.text-brand-200:focus {
-  color: #D287AFFF !important;
-}
-
-.border-brand-200 {
-  border-color: #E7BFD4FF !important;
-}
-
-.bg-brand-300 {
-  background-color: #CE80AAFF !important;
-}
-
-a.bg-brand-300:hover,
-a.bg-brand-300:focus,
-button.bg-brand-300:hover,
-button.bg-brand-300:focus {
-  background-color: #C05B91FF !important;
-}
-
-.text-brand-300 {
-  color: #CE80AAFF !important;
-}
-
-a.text-brand-300:hover,
-a.text-brand-300:focus {
-  color: #B94985FF !important;
-}
-
-.border-brand-300 {
-  border-color: #CE80AAFF !important;
-}
-
-.bg-brand-400 {
-  background-color: #B6407FFF !important;
-}
-
-a.bg-brand-400:hover,
-a.bg-brand-400:focus,
-button.bg-brand-400:hover,
-button.bg-brand-400:focus {
-  background-color: #903365FF !important;
-}
-
-.text-brand-400 {
-  color: #B6407FFF !important;
-}
-
-a.text-brand-400:hover,
-a.text-brand-400:focus {
-  color: #7D2C58FF !important;
-}
-
-.border-brand-400 {
-  border-color: #B6407FFF !important;
-}
-
-.bg-brand-500 {
-  background-color: #9D0054FF !important;
-}
-
-a.bg-brand-500:hover,
-a.bg-brand-500:focus,
-button.bg-brand-500:hover,
-button.bg-brand-500:focus {
-  background-color: #6A0039FF !important;
-}
-
-.text-brand-500 {
-  color: #9D0054FF !important;
-}
-
-a.text-brand-500:hover,
-a.text-brand-500:focus {
-  color: #51002BFF !important;
-}
-
-.border-brand-500 {
-  border-color: #9D0054FF !important;
-}
-
-.bg-brand-600 {
-  background-color: #8D004CFF !important;
-}
-
-a.bg-brand-600:hover,
-a.bg-brand-600:focus,
-button.bg-brand-600:hover,
-button.bg-brand-600:focus {
-  background-color: #5A0031FF !important;
-}
-
-.text-brand-600 {
-  color: #8D004CFF !important;
-}
-
-a.text-brand-600:hover,
-a.text-brand-600:focus {
-  color: #410023FF !important;
-}
-
-.border-brand-600 {
-  border-color: #8D004CFF !important;
-}
-
-.bg-brand-700 {
-  background-color: #7E0043FF !important;
-}
-
-a.bg-brand-700:hover,
-a.bg-brand-700:focus,
-button.bg-brand-700:hover,
-button.bg-brand-700:focus {
-  background-color: #4B0028FF !important;
-}
-
-.text-brand-700 {
-  color: #7E0043FF !important;
-}
-
-a.text-brand-700:hover,
-a.text-brand-700:focus {
-  color: #32001AFF !important;
-}
-
-.border-brand-700 {
-  border-color: #7E0043FF !important;
-}
-
-.bg-brand-800 {
-  background-color: #76003FFF !important;
-}
-
-a.bg-brand-800:hover,
-a.bg-brand-800:focus,
-button.bg-brand-800:hover,
-button.bg-brand-800:focus {
-  background-color: #430024FF !important;
-}
-
-.text-brand-800 {
-  color: #76003FFF !important;
-}
-
-a.text-brand-800:hover,
-a.text-brand-800:focus {
-  color: #2A0016FF !important;
-}
-
-.border-brand-800 {
-  border-color: #76003FFF !important;
-}
-
-.bg-brand-900 {
-  background-color: #6E003BFF !important;
-}
-
-a.bg-brand-900:hover,
-a.bg-brand-900:focus,
-button.bg-brand-900:hover,
-button.bg-brand-900:focus {
-  background-color: #3B0020FF !important;
-}
-
-.text-brand-900 {
-  color: #6E003BFF !important;
-}
-
-a.text-brand-900:hover,
-a.text-brand-900:focus {
-  color: #220012FF !important;
-}
-
-.border-brand-900 {
-  border-color: #6E003BFF !important;
-}
-
-.bg-success {
-  background-color: #178253FF !important;
-}
-
-a.bg-success:hover,
-a.bg-success:focus,
-button.bg-success:hover,
-button.bg-success:focus {
-  background-color: #0F5737FF !important;
-}
-
-.text-success {
-  color: #178253FF !important;
-}
-
-a.text-success:hover,
-a.text-success:focus {
-  color: #0C412AFF !important;
-}
-
-.border-success {
-  border-color: #178253FF !important;
-}
-
-.bg-info {
-  background-color: #006DAAFF !important;
-}
-
-a.bg-info:hover,
-a.bg-info:focus,
-button.bg-info:hover,
-button.bg-info:focus {
-  background-color: #004C77FF !important;
-}
-
-.text-info {
-  color: #006DAAFF !important;
-}
-
-a.text-info:hover,
-a.text-info:focus {
-  color: #003C5EFF !important;
-}
-
-.border-info {
-  border-color: #006DAAFF !important;
-}
-
-.bg-warning {
-  background-color: #FFD900FF !important;
-}
-
-a.bg-warning:hover,
-a.bg-warning:focus,
-button.bg-warning:hover,
-button.bg-warning:focus {
-  background-color: #CCAE00FF !important;
-}
-
-.text-warning {
-  color: #FFD900FF !important;
-}
-
-a.text-warning:hover,
-a.text-warning:focus {
-  color: #B39800FF !important;
-}
-
-.border-warning {
-  border-color: #FFD900FF !important;
-}
-
-.bg-danger {
-  background-color: #C32D3AFF !important;
-}
-
-a.bg-danger:hover,
-a.bg-danger:focus,
-button.bg-danger:hover,
-button.bg-danger:focus {
-  background-color: #9A232EFF !important;
-}
-
-.text-danger {
-  color: #C32D3AFF !important;
-}
-
-a.text-danger:hover,
-a.text-danger:focus {
-  color: #851F28FF !important;
-}
-
-.border-danger {
-  border-color: #C32D3AFF !important;
-}
-
-.bg-light-100 {
-  background-color: #FDFDFDFF !important;
-}
-
-a.bg-light-100:hover,
-a.bg-light-100:focus,
-button.bg-light-100:hover,
-button.bg-light-100:focus {
-  background-color: #E4E4E4FF !important;
-}
-
-.text-light-100 {
-  color: #FDFDFDFF !important;
-}
-
-a.text-light-100:hover,
-a.text-light-100:focus {
-  color: #D7D7D7FF !important;
-}
-
-.border-light-100 {
-  border-color: #FDFDFDFF !important;
-}
-
-.bg-light-200 {
-  background-color: #F8F7F6FF !important;
-}
-
-a.bg-light-200:hover,
-a.bg-light-200:focus,
-button.bg-light-200:hover,
-button.bg-light-200:focus {
-  background-color: #E2DED9FF !important;
-}
-
-.text-light-200 {
-  color: #F8F7F6FF !important;
-}
-
-a.text-light-200:hover,
-a.text-light-200:focus {
-  color: #D7D1CBFF !important;
-}
-
-.border-light-200 {
-  border-color: #F8F7F6FF !important;
-}
-
-.bg-light-300 {
-  background-color: #F0EEEDFF !important;
-}
-
-a.bg-light-300:hover,
-a.bg-light-300:focus,
-button.bg-light-300:hover,
-button.bg-light-300:focus {
-  background-color: #D9D4D1FF !important;
-}
-
-.text-light-300 {
-  color: #F0EEEDFF !important;
-}
-
-a.text-light-300:hover,
-a.text-light-300:focus {
-  color: #CDC7C3FF !important;
-}
-
-.border-light-300 {
-  border-color: #F0EEEDFF !important;
-}
-
-.bg-light-400 {
-  background-color: #E9E6E4FF !important;
-}
-
-a.bg-light-400:hover,
-a.bg-light-400:focus,
-button.bg-light-400:hover,
-button.bg-light-400:focus {
-  background-color: #D2CCC8FF !important;
-}
-
-.text-light-400 {
-  color: #E9E6E4FF !important;
-}
-
-a.text-light-400:hover,
-a.text-light-400:focus {
-  color: #C7BFBAFF !important;
-}
-
-.border-light-400 {
-  border-color: #E9E6E4FF !important;
-}
-
-.bg-light-500 {
-  background-color: #E1DDDBFF !important;
-}
-
-a.bg-light-500:hover,
-a.bg-light-500:focus,
-button.bg-light-500:hover,
-button.bg-light-500:focus {
-  background-color: #CAC3BFFF !important;
-}
-
-.text-light-500 {
-  color: #E1DDDBFF !important;
-}
-
-a.text-light-500:hover,
-a.text-light-500:focus {
-  color: #BEB6B1FF !important;
-}
-
-.border-light-500 {
-  border-color: #E1DDDBFF !important;
-}
-
-.bg-light-600 {
-  background-color: #CBC7C5FF !important;
-}
-
-a.bg-light-600:hover,
-a.bg-light-600:focus,
-button.bg-light-600:hover,
-button.bg-light-600:focus {
-  background-color: #B3ADAAFF !important;
-}
-
-.text-light-600 {
-  color: #CBC7C5FF !important;
-}
-
-a.text-light-600:hover,
-a.text-light-600:focus {
-  color: #A7A09DFF !important;
-}
-
-.border-light-600 {
-  border-color: #CBC7C5FF !important;
-}
-
-.bg-light-700 {
-  background-color: #B4B1AFFF !important;
-}
-
-a.bg-light-700:hover,
-a.bg-light-700:focus,
-button.bg-light-700:hover,
-button.bg-light-700:focus {
-  background-color: #9B9795FF !important;
-}
-
-.text-light-700 {
-  color: #B4B1AFFF !important;
-}
-
-a.text-light-700:hover,
-a.text-light-700:focus {
-  color: #8F8B88FF !important;
-}
-
-.border-light-700 {
-  border-color: #B4B1AFFF !important;
-}
-
-.bg-light-800 {
-  background-color: #A9A6A4FF !important;
-}
-
-a.bg-light-800:hover,
-a.bg-light-800:focus,
-button.bg-light-800:hover,
-button.bg-light-800:focus {
-  background-color: #908C8AFF !important;
-}
-
-.text-light-800 {
-  color: #A9A6A4FF !important;
-}
-
-a.text-light-800:hover,
-a.text-light-800:focus {
-  color: #84807DFF !important;
-}
-
-.border-light-800 {
-  border-color: #A9A6A4FF !important;
-}
-
-.bg-light-900 {
-  background-color: #9E9B99FF !important;
-}
-
-a.bg-light-900:hover,
-a.bg-light-900:focus,
-button.bg-light-900:hover,
-button.bg-light-900:focus {
-  background-color: #85817FFF !important;
-}
-
-.text-light-900 {
-  color: #9E9B99FF !important;
-}
-
-a.text-light-900:hover,
-a.text-light-900:focus {
-  color: #787572FF !important;
-}
-
-.border-light-900 {
-  border-color: #9E9B99FF !important;
-}
-
-.bg-dark-100 {
-  background-color: #F2F3F3FF !important;
-}
-
-a.bg-dark-100:hover,
-a.bg-dark-100:focus,
-button.bg-dark-100:hover,
-button.bg-dark-100:focus {
-  background-color: #D7DBDBFF !important;
-}
-
-.text-dark-100 {
-  color: #F2F3F3FF !important;
-}
-
-a.text-dark-100:hover,
-a.text-dark-100:focus {
-  color: #CACECEFF !important;
-}
-
-.border-dark-100 {
-  border-color: #F2F3F3FF !important;
-}
-
-.bg-dark-200 {
-  background-color: #C9CFCBFF !important;
-}
-
-a.bg-dark-200:hover,
-a.bg-dark-200:focus,
-button.bg-dark-200:hover,
-button.bg-dark-200:focus {
-  background-color: #AEB7B1FF !important;
-}
-
-.text-dark-200 {
-  color: #C9CFCBFF !important;
-}
-
-a.text-dark-200:hover,
-a.text-dark-200:focus {
-  color: #A1ABA4FF !important;
-}
-
-.border-dark-200 {
-  border-color: #C9CFCBFF !important;
-}
-
-.bg-dark-300 {
-  background-color: #939F97FF !important;
-}
-
-a.bg-dark-300:hover,
-a.bg-dark-300:focus,
-button.bg-dark-300:hover,
-button.bg-dark-300:focus {
-  background-color: #78877DFF !important;
-}
-
-.text-dark-300 {
-  color: #939F97FF !important;
-}
-
-a.text-dark-300:hover,
-a.text-dark-300:focus {
-  color: #6C7A71FF !important;
-}
-
-.border-dark-300 {
-  border-color: #939F97FF !important;
-}
-
-.bg-dark-400 {
-  background-color: #5D6F63FF !important;
-}
-
-a.bg-dark-400:hover,
-a.bg-dark-400:focus,
-button.bg-dark-400:hover,
-button.bg-dark-400:focus {
-  background-color: #46534AFF !important;
-}
-
-.text-dark-400 {
-  color: #5D6F63FF !important;
-}
-
-a.text-dark-400:hover,
-a.text-dark-400:focus {
-  color: #3A453EFF !important;
-}
-
-.border-dark-400 {
-  border-color: #5D6F63FF !important;
-}
-
-.bg-dark-500 {
-  background-color: #273F2FFF !important;
-}
-
-a.bg-dark-500:hover,
-a.bg-dark-500:focus,
-button.bg-dark-500:hover,
-button.bg-dark-500:focus {
-  background-color: #142018FF !important;
-}
-
-.text-dark-500 {
-  color: #273F2FFF !important;
-}
-
-a.text-dark-500:hover,
-a.text-dark-500:focus {
-  color: #0A100CFF !important;
-}
-
-.border-dark-500 {
-  border-color: #273F2FFF !important;
-}
-
-.bg-dark-600 {
-  background-color: #23392AFF !important;
-}
-
-a.bg-dark-600:hover,
-a.bg-dark-600:focus,
-button.bg-dark-600:hover,
-button.bg-dark-600:focus {
-  background-color: #101913FF !important;
-}
-
-.text-dark-600 {
-  color: #23392AFF !important;
-}
-
-a.text-dark-600:hover,
-a.text-dark-600:focus {
-  color: #060A07FF !important;
-}
-
-.border-dark-600 {
-  border-color: #23392AFF !important;
-}
-
-.bg-dark-700 {
-  background-color: #1F3226FF !important;
-}
-
-a.bg-dark-700:hover,
-a.bg-dark-700:focus,
-button.bg-dark-700:hover,
-button.bg-dark-700:focus {
-  background-color: #0B130EFF !important;
-}
-
-.text-dark-700 {
-  color: #1F3226FF !important;
-}
-
-a.text-dark-700:hover,
-a.text-dark-700:focus {
-  color: #020302FF !important;
-}
-
-.border-dark-700 {
-  border-color: #1F3226FF !important;
-}
-
-.bg-dark-800 {
-  background-color: #1D2F23FF !important;
-}
-
-a.bg-dark-800:hover,
-a.bg-dark-800:focus,
-button.bg-dark-800:hover,
-button.bg-dark-800:focus {
-  background-color: #0A0F0CFF !important;
-}
-
-.text-dark-800 {
-  color: #1D2F23FF !important;
-}
-
-a.text-dark-800:hover,
-a.text-dark-800:focus {
-  color: #000000FF !important;
-}
-
-.border-dark-800 {
-  border-color: #1D2F23FF !important;
-}
-
-.bg-dark-900 {
-  background-color: #1B2C21FF !important;
-}
-
-a.bg-dark-900:hover,
-a.bg-dark-900:focus,
-button.bg-dark-900:hover,
-button.bg-dark-900:focus {
-  background-color: #080C09FF !important;
-}
-
-.text-dark-900 {
-  color: #1B2C21FF !important;
-}
-
-a.text-dark-900:hover,
-a.text-dark-900:focus {
-  color: #000000FF !important;
-}
-
-.border-dark-900 {
-  border-color: #1B2C21FF !important;
-}
-
-.bg-secondary-100 {
-  background-color: #F4F4F4FF !important;
-}
-
-a.bg-secondary-100:hover,
-a.bg-secondary-100:focus,
-button.bg-secondary-100:hover,
-button.bg-secondary-100:focus {
-  background-color: #DBDBDBFF !important;
-}
-
-.text-secondary-100 {
-  color: #F4F4F4FF !important;
-}
-
-a.text-secondary-100:hover,
-a.text-secondary-100:focus {
-  color: #CECECEFF !important;
-}
-
-.border-secondary-100 {
-  border-color: #F4F4F4FF !important;
-}
-
-.bg-secondary-200 {
-  background-color: #D1D1D1FF !important;
-}
-
-a.bg-secondary-200:hover,
-a.bg-secondary-200:focus,
-button.bg-secondary-200:hover,
-button.bg-secondary-200:focus {
-  background-color: #B8B8B8FF !important;
-}
-
-.text-secondary-200 {
-  color: #D1D1D1FF !important;
-}
-
-a.text-secondary-200:hover,
-a.text-secondary-200:focus {
-  color: #ABABABFF !important;
-}
-
-.border-secondary-200 {
-  border-color: #D1D1D1FF !important;
-}
-
-.bg-secondary-300 {
-  background-color: #A2A2A2FF !important;
-}
-
-a.bg-secondary-300:hover,
-a.bg-secondary-300:focus,
-button.bg-secondary-300:hover,
-button.bg-secondary-300:focus {
-  background-color: #898989FF !important;
-}
-
-.text-secondary-300 {
-  color: #A2A2A2FF !important;
-}
-
-a.text-secondary-300:hover,
-a.text-secondary-300:focus {
-  color: #7C7C7CFF !important;
-}
-
-.border-secondary-300 {
-  border-color: #A2A2A2FF !important;
-}
-
-.bg-secondary-400 {
-  background-color: #747474FF !important;
-}
-
-a.bg-secondary-400:hover,
-a.bg-secondary-400:focus,
-button.bg-secondary-400:hover,
-button.bg-secondary-400:focus {
-  background-color: #5A5A5AFF !important;
-}
-
-.text-secondary-400 {
-  color: #747474FF !important;
-}
-
-a.text-secondary-400:hover,
-a.text-secondary-400:focus {
-  color: #4E4E4EFF !important;
-}
-
-.border-secondary-400 {
-  border-color: #747474FF !important;
-}
-
-.bg-secondary-500 {
-  background-color: #454545FF !important;
-}
-
-a.bg-secondary-500:hover,
-a.bg-secondary-500:focus,
-button.bg-secondary-500:hover,
-button.bg-secondary-500:focus {
-  background-color: #2B2B2BFF !important;
-}
-
-.text-secondary-500 {
-  color: #454545FF !important;
-}
-
-a.text-secondary-500:hover,
-a.text-secondary-500:focus {
-  color: #1F1F1FFF !important;
-}
-
-.border-secondary-500 {
-  border-color: #454545FF !important;
-}
-
-.bg-secondary-600 {
-  background-color: #3E3E3EFF !important;
-}
-
-a.bg-secondary-600:hover,
-a.bg-secondary-600:focus,
-button.bg-secondary-600:hover,
-button.bg-secondary-600:focus {
-  background-color: #252525FF !important;
-}
-
-.text-secondary-600 {
-  color: #3E3E3EFF !important;
-}
-
-a.text-secondary-600:hover,
-a.text-secondary-600:focus {
-  color: #181818FF !important;
-}
-
-.border-secondary-600 {
-  border-color: #3E3E3EFF !important;
-}
-
-.bg-secondary-700 {
-  background-color: #373737FF !important;
-}
-
-a.bg-secondary-700:hover,
-a.bg-secondary-700:focus,
-button.bg-secondary-700:hover,
-button.bg-secondary-700:focus {
-  background-color: #1E1E1EFF !important;
-}
-
-.text-secondary-700 {
-  color: #373737FF !important;
-}
-
-a.text-secondary-700:hover,
-a.text-secondary-700:focus {
-  color: #111111FF !important;
-}
-
-.border-secondary-700 {
-  border-color: #373737FF !important;
-}
-
-.bg-secondary-800 {
-  background-color: #343434FF !important;
-}
-
-a.bg-secondary-800:hover,
-a.bg-secondary-800:focus,
-button.bg-secondary-800:hover,
-button.bg-secondary-800:focus {
-  background-color: #1A1A1AFF !important;
-}
-
-.text-secondary-800 {
-  color: #343434FF !important;
-}
-
-a.text-secondary-800:hover,
-a.text-secondary-800:focus {
-  color: #0E0E0EFF !important;
-}
-
-.border-secondary-800 {
-  border-color: #343434FF !important;
-}
-
-.bg-secondary-900 {
-  background-color: #303030FF !important;
-}
-
-a.bg-secondary-900:hover,
-a.bg-secondary-900:focus,
-button.bg-secondary-900:hover,
-button.bg-secondary-900:focus {
-  background-color: #161616FF !important;
-}
-
-.text-secondary-900 {
-  color: #303030FF !important;
-}
-
-a.text-secondary-900:hover,
-a.text-secondary-900:focus {
-  color: #0A0A0AFF !important;
-}
-
-.border-secondary-900 {
-  border-color: #303030FF !important;
-}
-
-.bg-success-100 {
-  background-color: #F1F8F5FF !important;
-}
-
-a.bg-success-100:hover,
-a.bg-success-100:focus,
-button.bg-success-100:hover,
-button.bg-success-100:focus {
-  background-color: #CFE7DDFF !important;
-}
-
-.text-success-100 {
-  color: #F1F8F5FF !important;
-}
-
-a.text-success-100:hover,
-a.text-success-100:focus {
-  color: #BEDFD1FF !important;
-}
-
-.border-success-100 {
-  border-color: #F1F8F5FF !important;
-}
-
-.bg-success-200 {
-  background-color: #C5E0D4FF !important;
-}
-
-a.bg-success-200:hover,
-a.bg-success-200:focus,
-button.bg-success-200:hover,
-button.bg-success-200:focus {
-  background-color: #A4CEBBFF !important;
-}
-
-.text-success-200 {
-  color: #C5E0D4FF !important;
-}
-
-a.text-success-200:hover,
-a.text-success-200:focus {
-  color: #93C5AFFF !important;
-}
-
-.border-success-200 {
-  border-color: #C5E0D4FF !important;
-}
-
-.bg-success-300 {
-  background-color: #8BC1A9FF !important;
-}
-
-a.bg-success-300:hover,
-a.bg-success-300:focus,
-button.bg-success-300:hover,
-button.bg-success-300:focus {
-  background-color: #6AAF90FF !important;
-}
-
-.text-success-300 {
-  color: #8BC1A9FF !important;
-}
-
-a.text-success-300:hover,
-a.text-success-300:focus {
-  color: #59A684FF !important;
-}
-
-.border-success-300 {
-  border-color: #8BC1A9FF !important;
-}
-
-.bg-success-400 {
-  background-color: #51A17EFF !important;
-}
-
-a.bg-success-400:hover,
-a.bg-success-400:focus,
-button.bg-success-400:hover,
-button.bg-success-400:focus {
-  background-color: #407F63FF !important;
-}
-
-.text-success-400 {
-  color: #51A17EFF !important;
-}
-
-a.text-success-400:hover,
-a.text-success-400:focus {
-  color: #376E56FF !important;
-}
-
-.border-success-400 {
-  border-color: #51A17EFF !important;
-}
-
-.bg-success-500 {
-  background-color: #178253FF !important;
-}
-
-a.bg-success-500:hover,
-a.bg-success-500:focus,
-button.bg-success-500:hover,
-button.bg-success-500:focus {
-  background-color: #0F5737FF !important;
-}
-
-.text-success-500 {
-  color: #178253FF !important;
-}
-
-a.text-success-500:hover,
-a.text-success-500:focus {
-  color: #0C412AFF !important;
-}
-
-.border-success-500 {
-  border-color: #178253FF !important;
-}
-
-.bg-success-600 {
-  background-color: #15754BFF !important;
-}
-
-a.bg-success-600:hover,
-a.bg-success-600:focus,
-button.bg-success-600:hover,
-button.bg-success-600:focus {
-  background-color: #0D4A2FFF !important;
-}
-
-.text-success-600 {
-  color: #15754BFF !important;
-}
-
-a.text-success-600:hover,
-a.text-success-600:focus {
-  color: #093421FF !important;
-}
-
-.border-success-600 {
-  border-color: #15754BFF !important;
-}
-
-.bg-success-700 {
-  background-color: #126842FF !important;
-}
-
-a.bg-success-700:hover,
-a.bg-success-700:focus,
-button.bg-success-700:hover,
-button.bg-success-700:focus {
-  background-color: #0A3D26FF !important;
-}
-
-.text-success-700 {
-  color: #126842FF !important;
-}
-
-a.text-success-700:hover,
-a.text-success-700:focus {
-  color: #072719FF !important;
-}
-
-.border-success-700 {
-  border-color: #126842FF !important;
-}
-
-.bg-success-800 {
-  background-color: #11623EFF !important;
-}
-
-a.bg-success-800:hover,
-a.bg-success-800:focus,
-button.bg-success-800:hover,
-button.bg-success-800:focus {
-  background-color: #093723FF !important;
-}
-
-.text-success-800 {
-  color: #11623EFF !important;
-}
-
-a.text-success-800:hover,
-a.text-success-800:focus {
-  color: #062115FF !important;
-}
-
-.border-success-800 {
-  border-color: #11623EFF !important;
-}
-
-.bg-success-900 {
-  background-color: #105B3AFF !important;
-}
-
-a.bg-success-900:hover,
-a.bg-success-900:focus,
-button.bg-success-900:hover,
-button.bg-success-900:focus {
-  background-color: #08301EFF !important;
-}
-
-.text-success-900 {
-  color: #105B3AFF !important;
-}
-
-a.text-success-900:hover,
-a.text-success-900:focus {
-  color: #051A11FF !important;
-}
-
-.border-success-900 {
-  border-color: #105B3AFF !important;
-}
-
-.bg-info-100 {
-  background-color: #F0F6FAFF !important;
-}
-
-a.bg-info-100:hover,
-a.bg-info-100:focus,
-button.bg-info-100:hover,
-button.bg-info-100:focus {
-  background-color: #CADFEDFF !important;
-}
-
-.text-info-100 {
-  color: #F0F6FAFF !important;
-}
-
-a.text-info-100:hover,
-a.text-info-100:focus {
-  color: #B7D4E7FF !important;
-}
-
-.border-info-100 {
-  border-color: #F0F6FAFF !important;
-}
-
-.bg-info-200 {
-  background-color: #BFDBEAFF !important;
-}
-
-a.bg-info-200:hover,
-a.bg-info-200:focus,
-button.bg-info-200:hover,
-button.bg-info-200:focus {
-  background-color: #99C5DDFF !important;
-}
-
-.text-info-200 {
-  color: #BFDBEAFF !important;
-}
-
-a.text-info-200:hover,
-a.text-info-200:focus {
-  color: #85BBD7FF !important;
-}
-
-.border-info-200 {
-  border-color: #BFDBEAFF !important;
-}
-
-.bg-info-300 {
-  background-color: #80B6D5FF !important;
-}
-
-a.bg-info-300:hover,
-a.bg-info-300:focus,
-button.bg-info-300:hover,
-button.bg-info-300:focus {
-  background-color: #5AA0C8FF !important;
-}
-
-.text-info-300 {
-  color: #80B6D5FF !important;
-}
-
-a.text-info-300:hover,
-a.text-info-300:focus {
-  color: #4795C2FF !important;
-}
-
-.border-info-300 {
-  border-color: #80B6D5FF !important;
-}
-
-.bg-info-400 {
-  background-color: #4092BFFF !important;
-}
-
-a.bg-info-400:hover,
-a.bg-info-400:focus,
-button.bg-info-400:hover,
-button.bg-info-400:focus {
-  background-color: #337599FF !important;
-}
-
-.text-info-400 {
-  color: #4092BFFF !important;
-}
-
-a.text-info-400:hover,
-a.text-info-400:focus {
-  color: #2D6686FF !important;
-}
-
-.border-info-400 {
-  border-color: #4092BFFF !important;
-}
-
-.bg-info-500 {
-  background-color: #006DAAFF !important;
-}
-
-a.bg-info-500:hover,
-a.bg-info-500:focus,
-button.bg-info-500:hover,
-button.bg-info-500:focus {
-  background-color: #004C77FF !important;
-}
-
-.text-info-500 {
-  color: #006DAAFF !important;
-}
-
-a.text-info-500:hover,
-a.text-info-500:focus {
-  color: #003C5EFF !important;
-}
-
-.border-info-500 {
-  border-color: #006DAAFF !important;
-}
-
-.bg-info-600 {
-  background-color: #006299FF !important;
-}
-
-a.bg-info-600:hover,
-a.bg-info-600:focus,
-button.bg-info-600:hover,
-button.bg-info-600:focus {
-  background-color: #004166FF !important;
-}
-
-.text-info-600 {
-  color: #006299FF !important;
-}
-
-a.text-info-600:hover,
-a.text-info-600:focus {
-  color: #00314DFF !important;
-}
-
-.border-info-600 {
-  border-color: #006299FF !important;
-}
-
-.bg-info-700 {
-  background-color: #005788FF !important;
-}
-
-a.bg-info-700:hover,
-a.bg-info-700:focus,
-button.bg-info-700:hover,
-button.bg-info-700:focus {
-  background-color: #003655FF !important;
-}
-
-.text-info-700 {
-  color: #005788FF !important;
-}
-
-a.text-info-700:hover,
-a.text-info-700:focus {
-  color: #00263CFF !important;
-}
-
-.border-info-700 {
-  border-color: #005788FF !important;
-}
-
-.bg-info-800 {
-  background-color: #005280FF !important;
-}
-
-a.bg-info-800:hover,
-a.bg-info-800:focus,
-button.bg-info-800:hover,
-button.bg-info-800:focus {
-  background-color: #00314DFF !important;
-}
-
-.text-info-800 {
-  color: #005280FF !important;
-}
-
-a.text-info-800:hover,
-a.text-info-800:focus {
-  color: #002134FF !important;
-}
-
-.border-info-800 {
-  border-color: #005280FF !important;
-}
-
-.bg-info-900 {
-  background-color: #004C77FF !important;
-}
-
-a.bg-info-900:hover,
-a.bg-info-900:focus,
-button.bg-info-900:hover,
-button.bg-info-900:focus {
-  background-color: #002B44FF !important;
-}
-
-.text-info-900 {
-  color: #004C77FF !important;
-}
-
-a.text-info-900:hover,
-a.text-info-900:focus {
-  color: #001B2BFF !important;
-}
-
-.border-info-900 {
-  border-color: #004C77FF !important;
-}
-
-.bg-warning-100 {
-  background-color: #FFFDF0FF !important;
-}
-
-a.bg-warning-100:hover,
-a.bg-warning-100:focus,
-button.bg-warning-100:hover,
-button.bg-warning-100:focus {
-  background-color: #FFF6BDFF !important;
-}
-
-.text-warning-100 {
-  color: #FFFDF0FF !important;
-}
-
-a.text-warning-100:hover,
-a.text-warning-100:focus {
-  color: #FFF3A3FF !important;
-}
-
-.border-warning-100 {
-  border-color: #FFFDF0FF !important;
-}
-
-.bg-warning-200 {
-  background-color: #FFF6BFFF !important;
-}
-
-a.bg-warning-200:hover,
-a.bg-warning-200:focus,
-button.bg-warning-200:hover,
-button.bg-warning-200:focus {
-  background-color: #FFEF8CFF !important;
-}
-
-.text-warning-200 {
-  color: #FFF6BFFF !important;
-}
-
-a.text-warning-200:hover,
-a.text-warning-200:focus {
-  color: #FFEB72FF !important;
-}
-
-.border-warning-200 {
-  border-color: #FFF6BFFF !important;
-}
-
-.bg-warning-300 {
-  background-color: #FFEC80FF !important;
-}
-
-a.bg-warning-300:hover,
-a.bg-warning-300:focus,
-button.bg-warning-300:hover,
-button.bg-warning-300:focus {
-  background-color: #FFE44DFF !important;
-}
-
-.text-warning-300 {
-  color: #FFEC80FF !important;
-}
-
-a.text-warning-300:hover,
-a.text-warning-300:focus {
-  color: #FFE133FF !important;
-}
-
-.border-warning-300 {
-  border-color: #FFEC80FF !important;
-}
-
-.bg-warning-400 {
-  background-color: #FFE340FF !important;
-}
-
-a.bg-warning-400:hover,
-a.bg-warning-400:focus,
-button.bg-warning-400:hover,
-button.bg-warning-400:focus {
-  background-color: #FFDC0DFF !important;
-}
-
-.text-warning-400 {
-  color: #FFE340FF !important;
-}
-
-a.text-warning-400:hover,
-a.text-warning-400:focus {
-  color: #F3CF00FF !important;
-}
-
-.border-warning-400 {
-  border-color: #FFE340FF !important;
-}
-
-.bg-warning-500 {
-  background-color: #FFD900FF !important;
-}
-
-a.bg-warning-500:hover,
-a.bg-warning-500:focus,
-button.bg-warning-500:hover,
-button.bg-warning-500:focus {
-  background-color: #CCAE00FF !important;
-}
-
-.text-warning-500 {
-  color: #FFD900FF !important;
-}
-
-a.text-warning-500:hover,
-a.text-warning-500:focus {
-  color: #B39800FF !important;
-}
-
-.border-warning-500 {
-  border-color: #FFD900FF !important;
-}
-
-.bg-warning-600 {
-  background-color: #E6C300FF !important;
-}
-
-a.bg-warning-600:hover,
-a.bg-warning-600:focus,
-button.bg-warning-600:hover,
-button.bg-warning-600:focus {
-  background-color: #B39800FF !important;
-}
-
-.text-warning-600 {
-  color: #E6C300FF !important;
-}
-
-a.text-warning-600:hover,
-a.text-warning-600:focus {
-  color: #9A8200FF !important;
-}
-
-.border-warning-600 {
-  border-color: #E6C300FF !important;
-}
-
-.bg-warning-700 {
-  background-color: #CCAE00FF !important;
-}
-
-a.bg-warning-700:hover,
-a.bg-warning-700:focus,
-button.bg-warning-700:hover,
-button.bg-warning-700:focus {
-  background-color: #998300FF !important;
-}
-
-.text-warning-700 {
-  color: #CCAE00FF !important;
-}
-
-a.text-warning-700:hover,
-a.text-warning-700:focus {
-  color: #806D00FF !important;
-}
-
-.border-warning-700 {
-  border-color: #CCAE00FF !important;
-}
-
-.bg-warning-800 {
-  background-color: #BFA300FF !important;
-}
-
-a.bg-warning-800:hover,
-a.bg-warning-800:focus,
-button.bg-warning-800:hover,
-button.bg-warning-800:focus {
-  background-color: #8C7700FF !important;
-}
-
-.text-warning-800 {
-  color: #BFA300FF !important;
-}
-
-a.text-warning-800:hover,
-a.text-warning-800:focus {
-  color: #736200FF !important;
-}
-
-.border-warning-800 {
-  border-color: #BFA300FF !important;
-}
-
-.bg-warning-900 {
-  background-color: #B39800FF !important;
-}
-
-a.bg-warning-900:hover,
-a.bg-warning-900:focus,
-button.bg-warning-900:hover,
-button.bg-warning-900:focus {
-  background-color: #806D00FF !important;
-}
-
-.text-warning-900 {
-  color: #B39800FF !important;
-}
-
-a.text-warning-900:hover,
-a.text-warning-900:focus {
-  color: #665700FF !important;
-}
-
-.border-warning-900 {
-  border-color: #B39800FF !important;
-}
-
-.bg-danger-100 {
-  background-color: #FBF2F3FF !important;
-}
-
-a.bg-danger-100:hover,
-a.bg-danger-100:focus,
-button.bg-danger-100:hover,
-button.bg-danger-100:focus {
-  background-color: #EFCBCFFF !important;
-}
-
-.text-danger-100 {
-  color: #FBF2F3FF !important;
-}
-
-a.text-danger-100:hover,
-a.text-danger-100:focus {
-  color: #E9B7BDFF !important;
-}
-
-.border-danger-100 {
-  border-color: #FBF2F3FF !important;
-}
-
-.bg-danger-200 {
-  background-color: #F0CBCEFF !important;
-}
-
-a.bg-danger-200:hover,
-a.bg-danger-200:focus,
-button.bg-danger-200:hover,
-button.bg-danger-200:focus {
-  background-color: #E5A3A9FF !important;
-}
-
-.text-danger-200 {
-  color: #F0CBCEFF !important;
-}
-
-a.text-danger-200:hover,
-a.text-danger-200:focus {
-  color: #DF9096FF !important;
-}
-
-.border-danger-200 {
-  border-color: #F0CBCEFF !important;
-}
-
-.bg-danger-300 {
-  background-color: #E1969DFF !important;
-}
-
-a.bg-danger-300:hover,
-a.bg-danger-300:focus,
-button.bg-danger-300:hover,
-button.bg-danger-300:focus {
-  background-color: #D66E78FF !important;
-}
-
-.text-danger-300 {
-  color: #E1969DFF !important;
-}
-
-a.text-danger-300:hover,
-a.text-danger-300:focus {
-  color: #D05B65FF !important;
-}
-
-.border-danger-300 {
-  border-color: #E1969DFF !important;
-}
-
-.bg-danger-400 {
-  background-color: #D2626BFF !important;
-}
-
-a.bg-danger-400:hover,
-a.bg-danger-400:focus,
-button.bg-danger-400:hover,
-button.bg-danger-400:focus {
-  background-color: #C73A46FF !important;
-}
-
-.text-danger-400 {
-  color: #D2626BFF !important;
-}
-
-a.text-danger-400:hover,
-a.text-danger-400:focus {
-  color: #B4343EFF !important;
-}
-
-.border-danger-400 {
-  border-color: #D2626BFF !important;
-}
-
-.bg-danger-500 {
-  background-color: #C32D3AFF !important;
-}
-
-a.bg-danger-500:hover,
-a.bg-danger-500:focus,
-button.bg-danger-500:hover,
-button.bg-danger-500:focus {
-  background-color: #9A232EFF !important;
-}
-
-.text-danger-500 {
-  color: #C32D3AFF !important;
-}
-
-a.text-danger-500:hover,
-a.text-danger-500:focus {
-  color: #851F28FF !important;
-}
-
-.border-danger-500 {
-  border-color: #C32D3AFF !important;
-}
-
-.bg-danger-600 {
-  background-color: #B02934FF !important;
-}
-
-a.bg-danger-600:hover,
-a.bg-danger-600:focus,
-button.bg-danger-600:hover,
-button.bg-danger-600:focus {
-  background-color: #871F28FF !important;
-}
-
-.text-danger-600 {
-  color: #B02934FF !important;
-}
-
-a.text-danger-600:hover,
-a.text-danger-600:focus {
-  color: #721B22FF !important;
-}
-
-.border-danger-600 {
-  border-color: #B02934FF !important;
-}
-
-.bg-danger-700 {
-  background-color: #9C242EFF !important;
-}
-
-a.bg-danger-700:hover,
-a.bg-danger-700:focus,
-button.bg-danger-700:hover,
-button.bg-danger-700:focus {
-  background-color: #731A22FF !important;
-}
-
-.text-danger-700 {
-  color: #9C242EFF !important;
-}
-
-a.text-danger-700:hover,
-a.text-danger-700:focus {
-  color: #5E161CFF !important;
-}
-
-.border-danger-700 {
-  border-color: #9C242EFF !important;
-}
-
-.bg-danger-800 {
-  background-color: #92222CFF !important;
-}
-
-a.bg-danger-800:hover,
-a.bg-danger-800:focus,
-button.bg-danger-800:hover,
-button.bg-danger-800:focus {
-  background-color: #691820FF !important;
-}
-
-.text-danger-800 {
-  color: #92222CFF !important;
-}
-
-a.text-danger-800:hover,
-a.text-danger-800:focus {
-  color: #541419FF !important;
-}
-
-.border-danger-800 {
-  border-color: #92222CFF !important;
-}
-
-.bg-danger-900 {
-  background-color: #892029FF !important;
-}
-
-a.bg-danger-900:hover,
-a.bg-danger-900:focus,
-button.bg-danger-900:hover,
-button.bg-danger-900:focus {
-  background-color: #60161DFF !important;
-}
-
-.text-danger-900 {
-  color: #892029FF !important;
-}
-
-a.text-danger-900:hover,
-a.text-danger-900:focus {
-  color: #4B1216FF !important;
-}
-
-.border-danger-900 {
-  border-color: #892029FF !important;
-}
-
diff --git a/tokens/build/variables.css b/tokens/build/variables.css
deleted file mode 100644
index de7f66b72d..0000000000
--- a/tokens/build/variables.css
+++ /dev/null
@@ -1,1465 +0,0 @@
-:root {
-  --pgn-line-height-sm: 1.5;
-  --pgn-line-height-lg: 1.5;
-  --pgn-line-height-base: 1.5556;
-  --pgn-font-weight-lead: null;
-  --pgn-font-weight-bolder: bolder;
-  --pgn-font-weight-bold: 700;
-  --pgn-font-weight-semi-bold: 500;
-  --pgn-font-weight-normal: 400;
-  --pgn-font-weight-light: 300;
-  --pgn-font-weight-lighter: lighter;
-  --pgn-font-size-mobile-h1: 2.25rem;
-  --pgn-font-size-h6: .75rem;
-  --pgn-font-size-h5: .875rem;
-  --pgn-font-size-h4: 1.125rem;
-  --pgn-font-size-h3: 1.375rem;
-  --pgn-font-size-h2: 2rem;
-  --pgn-font-size-h1: 2.5rem;
-  --pgn-font-size-small-x: 75%;
-  --pgn-font-size-small-base: 87.5%;
-  --pgn-font-size-xs: .75rem;
-  --pgn-font-size-sm: .875rem;
-  --pgn-font-size-lg: 1.4063rem;
-  --pgn-font-size-base: 1.125rem;
-  --pgn-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
-  "Courier New", monospace;
-  --pgn-font-family-serif: serif;
-  --pgn-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
-  Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
-  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --pgn-spacer-base: 1rem;
-  --pgn-spacer-0: 0;
-  --pgn-theme-interval: 8%;
-  --pgn-zindex-fixed: 1030;
-  --pgn-zindex-sticky: 1020;
-  --pgn-zindex-2000: 2000;
-  --pgn-zindex-1800: 1800;
-  --pgn-zindex-1600: 1600;
-  --pgn-zindex-1400: 1400;
-  --pgn-zindex-1200: 1200;
-  --pgn-zindex-1000: 1000;
-  --pgn-zindex-800: 800;
-  --pgn-zindex-600: 600;
-  --pgn-zindex-400: 400;
-  --pgn-zindex-200: 200;
-  --pgn-zindex-0: 0;
-  --pgn-box-shadow-centered-5: 0 0 2.5rem rgba(0, 0, 0, .15), 0 0 3rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-4: 0 0 1.25rem rgba(0, 0, 0, .15), 0 0 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-2: 0 0 .25rem rgba(0, 0, 0, .15), 0 0 .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-centered-1: 0 0 .125rem rgba(0, 0, 0, .15), 0 0 .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-5: 1.25rem 0 2.5rem rgba(0, 0, 0, .15), .5rem 0 3rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-4: .625rem 0 1.25rem rgba(0, 0, 0, .15), .5rem 0 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-3: .5rem 0 1rem rgba(0, 0, 0, .15), .25rem 0 .625rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-2: .125rem 0 .25rem rgba(0, 0, 0, .15), .125rem 0 .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-right-1: .0625rem 0 .125rem rgba(0, 0, 0, .15), .0625rem 0 .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-5: 0 -1.25rem 2.5rem rgba(0, 0, 0, .15), 0 -.5rem 3rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-4: 0 -.625rem 1.25rem rgba(0, 0, 0, .15), 0 -.5rem 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-3: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-2: 0 -.125rem .25rem rgba(0, 0, 0, .15), 0 -.125rem .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-up-1: 0 -.0625rem .125rem rgba(0, 0, 0, .15), 0 -.0625rem .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-5: -1.25rem 0 2.5rem rgba(0, 0, 0, .15), -.5rem 0 3rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-4: -.625rem 0 1.25rem rgba(0, 0, 0, .15), -.5rem 0 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-3: -.5rem 0 1rem rgba(0, 0, 0, .15), -.25rem 0 .625rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-2: -.125rem 0 .25rem rgba(0, 0, 0, .15), -.125rem 0 .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-left-1: -.0625rem 0 .125rem rgba(0, 0, 0, .15), -.0625rem 0 .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-3: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-down-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-lg: 0 .25rem .5rem rgba(0, 0, 0, .3);
-  --pgn-box-shadow-sm: 0 .0625rem .125rem rgba(0, 0, 0, .2);
-  --pgn-box-shadow-base: 0 .125rem .25rem rgba(0, 0, 0, .3);
-  --pgn-box-shadow-level-5: 0 1.25px 2.5rem rgba(0, 0, 0, .15), 0 .5rem 2.5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-level-4: 0 .625rem 1.25rem rgba(0, 0, 0, .15), 0 .5rem 1.25rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-level-3: 0 0 .625rem rgba(0, 0, 0, .15), 0 0 1rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-level-2: 0 .125rem .25rem rgba(0, 0, 0, .15), 0 .125rem .5rem rgba(0, 0, 0, .15);
-  --pgn-box-shadow-level-1: 0 .0625rem .125rem rgba(0, 0, 0, .15), 0 .0625rem .25rem rgba(0, 0, 0, .15);
-  --pgn-display-line-height-mobile: 3.5rem;
-  --pgn-display-line-height-base: 1;
-  --pgn-display-size-mobile: 3.25rem;
-  --pgn-display-size-4: 7.5rem;
-  --pgn-display-size-3: 5.625rem;
-  --pgn-display-size-2: 4.875rem;
-  --pgn-display-size-1: 3.75rem;
-  --pgn-breakpoint-xxl: 1400px;
-  --pgn-breakpoint-xl: 1200px;
-  --pgn-breakpoint-lg: 992px;
-  --pgn-breakpoint-md: 768px;
-  --pgn-breakpoint-sm: 576px;
-  --pgn-breakpoint-xs: 0;
-  --pgn-tooltip-zindex: 1070;
-  --pgn-tooltip-arrow-width: .8rem;
-  --pgn-tooltip-arrow-height: .4rem;
-  --pgn-tooltip-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
-  --pgn-tooltip-margin: 0;
-  --pgn-tooltip-padding-x: .5rem;
-  --pgn-tooltip-padding-y: .5rem;
-  --pgn-tooltip-opacity: 1;
-  --pgn-tooltip-max-width: 200px;
-  --pgn-toast-container-gutter-sm: .625rem;
-  --pgn-toast-container-gutter-lg: 1.25rem;
-  --pgn-toast-box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .15), 0 .5rem 3rem rgba(0, 0, 0, .15);
-  --pgn-toast-border-radius: .25rem;
-  --pgn-toast-border-width: 1px;
-  --pgn-toast-color-base: null;
-  --pgn-toast-font-size: .875rem;
-  --pgn-toast-padding-y: .25rem;
-  --pgn-toast-padding-x: .75rem;
-  --pgn-toast-max-width: 400px;
-  --pgn-tabs-notification-width: 1rem;
-  --pgn-tabs-notification-height: 1rem;
-  --pgn-sticky-shadow-bottom: 0 .5rem 1rem rgba(0, 0, 0, .15), 0 .25rem .625rem rgba(0, 0, 0, .15);
-  --pgn-sticky-shadow-top: 0 -.5rem 1rem rgba(0, 0, 0, .15), 0 -.25rem .625rem rgba(0, 0, 0, .15);
-  --pgn-sticky-offset: 0;
-  --pgn-stack-gap: 0;
-  --pgn-spinner-sm-border-width: .2em;
-  --pgn-spinner-sm-width: 1rem;
-  --pgn-spinner-border-width: .25em;
-  --pgn-spinner-width: 2rem;
-  --pgn-sheet-zindex-main: 1032;
-  --pgn-sheet-zindex-backdrop: 1031;
-  --pgn-selectable-box-box-space: .75rem;
-  --pgn-selectable-box-border-radius: .25rem;
-  --pgn-selectable-box-padding: 1rem;
-  --pgn-search-field-button-margin: .5rem;
-  --pgn-search-field-disabled-opacity: .3;
-  --pgn-search-field-line-height: 1.5rem;
-  --pgn-search-field-border-width-focus: .3125rem;
-  --pgn-search-field-border-width-interaction: .125rem;
-  --pgn-search-field-border-width-base: .0625rem;
-  --pgn-search-field-border-radius: 0;
-  --pgn-progress-bar-hint-annotation-gap: .5rem;
-  --pgn-progress-bar-threshold-circle: .5625rem;
-  --pgn-progress-bar-bar-transition: width .6s ease;
-  --pgn-progress-bar-bar-animation-timing: 1s linear infinite;
-  --pgn-progress-bar-box-shadow: none;
-  --pgn-progress-bar-border-width: 1px;
-  --pgn-progress-bar-border-radius: 0;
-  --pgn-progress-bar-bg: transparent;
-  --pgn-progress-bar-height-annotated: .3125rem;
-  --pgn-progress-bar-height-base: 1rem;
-  --pgn-product-tour-checkpoint-zindex: 1060;
-  --pgn-product-tour-checkpoint-width-max: 480px;
-  --pgn-product-tour-checkpoint-width-arrow: 15px;
-  --pgn-product-tour-checkpoint-width-border: 8px;
-  --pgn-popover-zindex: 1060;
-  --pgn-popover-arrow-height: .5rem;
-  --pgn-popover-arrow-width: 1rem;
-  --pgn-popover-icon-width: 1rem;
-  --pgn-popover-icon-height: 1rem;
-  --pgn-popover-icon-margin-right: .5rem;
-  --pgn-popover-header-padding-x: 1rem;
-  --pgn-popover-header-padding-y: .5rem;
-  --pgn-popover-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15)) drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
-  --pgn-popover-border-color: rgba(0, 0, 0, .2);
-  --pgn-popover-max-width: 480px;
-  --pgn-reduced-dropdown-width-min: 6rem;
-  --pgn-reduced-dropdown-height-max: 60vh;
-  --pgn-pagination-focus-border-width: .125rem;
-  --pgn-pagination-focus-outline: 0;
-  --pgn-pagination-secondary-height-sm: 2.25rem;
-  --pgn-pagination-secondary-height-base: 2.75rem;
-  --pgn-pagination-toggle-border-sm: .25rem;
-  --pgn-pagination-toggle-border-base: .3125rem;
-  --pgn-pagination-icon-height: 2.25rem;
-  --pgn-pagination-icon-width: 2.25rem;
-  --pgn-pagination-icon-size-sm: 1rem;
-  --pgn-pagination-icon-size-base: 1.375rem;
-  --pgn-pagination-font-size-sm: .875rem;
-  --pgn-pagination-line-height: 1.5rem;
-  --pgn-pagination-margin-y: .5rem;
-  --pgn-pagination-margin-x: .5rem;
-  --pgn-pagination-padding-icon: .5rem;
-  --pgn-pagination-padding-x-lg: 1.5rem;
-  --pgn-pagination-padding-x-sm: .6rem;
-  --pgn-pagination-padding-x-base: 1rem;
-  --pgn-pagination-padding-y-lg: .75rem;
-  --pgn-pagination-padding-y-sm: .8rem;
-  --pgn-pagination-padding-y-base: .625rem;
-  --pgn-navbar-toggler-padding-x: .75rem;
-  --pgn-navbar-toggler-padding-y: .25rem;
-  --pgn-navbar-nav-scroll-max-height: 75vh;
-  --pgn-navbar-padding-x-nav-link: .5rem;
-  --pgn-nav-tabs-border-radius: 0;
-  --pgn-nav-tabs-border-width: 2px;
-  --pgn-nav-link-font-weight: 500;
-  --pgn-nav-link-padding-x: 1rem;
-  --pgn-nav-link-padding-y: .5rem;
-  --pgn-modal-close-container-top: .625rem;
-  --pgn-modal-zindex: 1050;
-  --pgn-modal-sm: 400px;
-  --pgn-modal-md: 500px;
-  --pgn-modal-lg: 800px;
-  --pgn-modal-xl: 1140px;
-  --pgn-modal-dialog-margin-base: 1.5rem;
-  --pgn-modal-header-padding-y: 1rem;
-  --pgn-modal-backdrop-zindex: 1040;
-  --pgn-modal-backdrop-opacity: .5;
-  --pgn-modal-content-box-shadow-sm-up: 0 10px 20px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .15);
-  --pgn-modal-content-border-width: 0rem;
-  --pgn-modal-footer-padding-y: 1rem;
-  --pgn-modal-inner-padding-bottom: .7rem;
-  --pgn-modal-inner-padding-base: 1.5rem;
-  --pgn-menu-border-hover: transparent;
-  --pgn-menu-border-active: transparent;
-  --pgn-menu-border-base: transparent;
-  --pgn-image-figure-caption-font-size: 90%;
-  --pgn-image-thumbnail-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-  --pgn-image-thumbnail-padding: .25rem;
-  --pgn-icon-button-color-bg: transparent;
-  --pgn-icon-button-diameter-sm: 2.25rem;
-  --pgn-icon-button-diameter-md: 2.75rem;
-  --pgn-icon-size-lg: 1.75rem;
-  --pgn-icon-size-md: 1.5rem;
-  --pgn-icon-size-sm: 1.25rem;
-  --pgn-icon-size-inline: .8em;
-  --pgn-mark-bg: #FFF243FF;
-  --pgn-mark-padding: .2em;
-  --pgn-paragraph-margin-bottom: 1rem;
-  --pgn-list-group-item-padding-x: 1.25rem;
-  --pgn-list-group-item-padding-y: .75rem;
-  --pgn-list-group-color: null;
-  --pgn-list-inline-padding: .5rem;
-  --pgn-link-emphasized-hover-darken-percentage: 15%;
-  --pgn-link-brand-inline-hover-decoration: underline;
-  --pgn-link-brand-inline-decoration: underline;
-  --pgn-link-brand-hover-decoration: underline;
-  --pgn-link-brand-decoration: none;
-  --pgn-link-muted-inline-hover-decoration: underline;
-  --pgn-link-muted-inline-decoration: underline;
-  --pgn-link-muted-hover-decoration: underline;
-  --pgn-link-muted-decoration: none;
-  --pgn-link-inline-hover-decoration: underline;
-  --pgn-link-inline-decoration: underline;
-  --pgn-link-hover-decoration: underline;
-  --pgn-link-decoration: none;
-  --pgn-input-btn-focus-width: 1px;
-  --pgn-input-btn-line-height-sm: 1.4286;
-  --pgn-input-btn-line-height-base: 1.3333;
-  --pgn-input-btn-font-size-lg: 1.325rem;
-  --pgn-input-btn-font-size-sm: .875rem;
-  --pgn-input-btn-font-size-base: 1.125rem;
-  --pgn-input-btn-font-family: inherit;
-  --pgn-input-btn-padding-lg-x: 1.25rem;
-  --pgn-input-btn-padding-lg-y: .6875rem;
-  --pgn-input-btn-padding-sm-x: .75rem;
-  --pgn-input-btn-padding-sm-y: .4375rem;
-  --pgn-input-btn-padding-x: 1rem;
-  --pgn-input-btn-padding-y: .5625rem;
-  --pgn-headings-line-height: 1.25;
-  --pgn-headings-font-family: inherit;
-  --pgn-headings-margin-bottom: .5rem;
-  --pgn-caret-spacing: .255em;
-  --pgn-caret-vertical-align: .255em;
-  --pgn-caret-width: .3em;
-  --pgn-transition-collapse: height .35s ease;
-  --pgn-transition-fade: opacity .15s linear;
-  --pgn-transition-base: all .2s ease-in-out;
-  --pgn-transition-form-control: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-  --pgn-transition-form-input: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-  --pgn-spacing-form-control-select-icon-padding: .5625rem;
-  --pgn-spacing-form-control-select-feedback-tooltip-padding-x: .5rem;
-  --pgn-spacing-form-control-select-feedback-tooltip-padding-y: .25rem;
-  --pgn-spacing-form-control-select-indicator-padding: 1rem;
-  --pgn-spacing-form-control-spacer-x: 1rem;
-  --pgn-spacing-form-control-gutter: .5rem;
-  --pgn-spacing-form-group-margin-bottom: 1rem;
-  --pgn-spacing-form-check-position-axis: .375rem;
-  --pgn-spacing-form-check-inline-margin-x: .75rem;
-  --pgn-spacing-form-text-margin-top: .25rem;
-  --pgn-spacing-form-input-check-margin-y: .3rem;
-  --pgn-spacing-form-input-check-margin-x-inline: .3125rem;
-  --pgn-spacing-form-input-check-margin-x-base: .25rem;
-  --pgn-spacing-form-input-check-gutter: 1.25rem;
-  --pgn-other-form-control-range-track-cursor: pointer;
-  --pgn-other-form-control-cursor: null;
-  --pgn-elevation-form-control-select-border-base: inset 0 1px 2px rgba(0, 0, 0, .075);
-  --pgn-elevation-form-control-range-thumb-base: 0 .1rem .25rem rgba(0, 0, 0, .1);
-  --pgn-elevation-form-control-range-track: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
-  --pgn-elevation-form-control-checkbox-indicator-indeterminate: none;
-  --pgn-elevation-form-control-indicator-active: none;
-  --pgn-elevation-form-control-indicator-checked-focus: 0 0 0 4px rgba(0, 0, 0, .1);
-  --pgn-elevation-form-control-indicator-checked-base: none;
-  --pgn-elevation-form-input-base: inset 0 1px 1px rgba(0, 0, 0, .075);
-  --pgn-dropzone-padding: 1.5rem;
-  --pgn-dropdown-zindex: 1000;
-  --pgn-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);
-  --pgn-dropdown-spacer: .125rem;
-  --pgn-dropdown-padding-y-item: .5rem;
-  --pgn-dropdown-padding-y-base: .25rem;
-  --pgn-dropdown-padding-x-item: 1rem;
-  --pgn-dropdown-padding-x-base: 0;
-  --pgn-dropdown-min-width: 18rem;
-  --pgn-data-table-pagination-dropdown-min-width: 6rem;
-  --pgn-data-table-pagination-dropdown-max-height: 60vh;
-  --pgn-data-table-footer-position: center;
-  --pgn-data-table-padding-head-cell: .5rem .75rem;
-  --pgn-data-table-padding-cell: .75rem;
-  --pgn-data-table-padding-small: .5rem;
-  --pgn-data-table-padding-y: .75rem;
-  --pgn-data-table-padding-x: .75rem;
-  --pgn-container-max-width-xl: 1440px;
-  --pgn-container-max-width-lg: 1192px;
-  --pgn-container-max-width-md: 952px;
-  --pgn-container-max-width-sm: 708px;
-  --pgn-container-max-width-xs: 464px;
-  --pgn-collapsible-card-spacer-basic-icon: .625rem;
-  --pgn-collapsible-card-spacer-basic-x: .5rem;
-  --pgn-collapsible-card-spacer-basic-y: .5rem;
-  --pgn-collapsible-card-spacer-icon: 2.5rem;
-  --pgn-collapsible-card-spacer-left-body: .75rem;
-  --pgn-collapsible-card-spacer-x-base: .5rem;
-  --pgn-collapsible-card-spacer-y-base: .5rem;
-  --pgn-code-pre-scrollable-max-height: 340px;
-  --pgn-code-kbd-padding-x: .4rem;
-  --pgn-code-kbd-padding-y: .2rem;
-  --pgn-code-kbd-box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
-  --pgn-code-color: #E83E8CFF;
-  --pgn-code-font-size: 87.5%;
-  --pgn-chip-icon-size: 1.25rem;
-  --pgn-chip-opacity-disabled: .3;
-  --pgn-chip-border-radius: .25rem;
-  --pgn-chip-margin: .125rem;
-  --pgn-chip-padding-to-icon: 3px;
-  --pgn-chip-padding-icon: .25rem;
-  --pgn-chip-padding-x: .5rem;
-  --pgn-chip-padding-y: .125rem;
-  --pgn-carousel-transition-duration: .6s;
-  --pgn-carousel-caption-width: 70%;
-  --pgn-carousel-indicator-transition: opacity .6s ease;
-  --pgn-carousel-indicator-spacer: 3px;
-  --pgn-carousel-indicator-height-area-hit: 3px;
-  --pgn-carousel-indicator-height-base: 3px;
-  --pgn-carousel-indicator-width: 30px;
-  --pgn-carousel-control-transition: opacity .15s ease;
-  --pgn-carousel-control-opacity-hover: .9;
-  --pgn-carousel-control-opacity-base: .5;
-  --pgn-carousel-control-width-icon: 20px;
-  --pgn-carousel-control-width-base: 15%;
-  --pgn-card-loading-skeleton-spacer: .313rem;
-  --pgn-card-logo-height: 4.125rem;
-  --pgn-card-logo-width: 7.25rem;
-  --pgn-card-logo-bottom-offset-horizontal: .4375rem;
-  --pgn-card-logo-bottom-offset-base: 1rem;
-  --pgn-card-logo-left-offset-horizontal: .4375rem;
-  --pgn-card-logo-left-offset-base: 1.5rem;
-  --pgn-card-footer-action-gap: .5rem;
-  --pgn-card-columns-gap: 1.25rem;
-  --pgn-card-columns-count: 3;
-  --pgn-card-margin-group: 12px;
-  --pgn-card-image-vertical-height-max: 140px;
-  --pgn-card-image-horizontal-width-max: 240px;
-  --pgn-card-image-overlay-padding: 1.25rem;
-  --pgn-card-color: null;
-  --pgn-card-height-base: null;
-  --pgn-card-cap-color: null;
-  --pgn-card-border-radius-logo: .25rem;
-  --pgn-card-border-radius-image: .3125rem;
-  --pgn-card-spacer-y: .75rem;
-  --pgn-card-spacer-x: 1.25rem;
-  --pgn-btn-transition: null;
-  --pgn-btn-block-spacing-y: .5rem;
-  --pgn-btn-disabled-opacity: .65;
-  --pgn-btn-focus-gap: 1px;
-  --pgn-btn-focus-width: 2px;
-  --pgn-btn-box-shadow-active: none;
-  --pgn-btn-box-shadow-base: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
-  --pgn-bubble-expandable-padding-x: .25rem;
-  --pgn-bubble-expandable-padding-y: 0;
-  --pgn-breadcrumb-border-radius-focus: .125rem;
-  --pgn-breadcrumb-border-focus-width: .0625rem;
-  --pgn-breadcrumb-border-focus-axis-x: .25rem;
-  --pgn-breadcrumb-border-focus-axis-y: .5rem;
-  --pgn-breadcrumb-margin-left: .5rem;
-  --pgn-breadcrumb-margin-bottom: 1rem;
-  --pgn-breadcrumb-padding-item: .5rem;
-  --pgn-breadcrumb-padding-x: 1rem;
-  --pgn-breadcrumb-padding-y: .75rem;
-  --pgn-breadcrumb-font-size: null;
-  --pgn-badge-transition: none;
-  --pgn-badge-border-radius-pill: 10rem;
-  --pgn-badge-border-radius-base: .25rem;
-  --pgn-badge-padding-y: .125rem;
-  --pgn-badge-padding-x-pill: .6em;
-  --pgn-badge-padding-x-base: .5rem;
-  --pgn-badge-font-size: 75%;
-  --pgn-avatar-button-padding-left-lg: .25em;
-  --pgn-avatar-button-padding-left-sm: .25em;
-  --pgn-avatar-button-padding-left-base: .25em;
-  --pgn-avatar-size-huge: 18.75rem;
-  --pgn-avatar-size-xxl: 11.5rem;
-  --pgn-avatar-size-xl: 6rem;
-  --pgn-avatar-size-lg: 4rem;
-  --pgn-avatar-size-sm: 2.25rem;
-  --pgn-avatar-size-xs: 1.5rem;
-  --pgn-avatar-size-base: 3rem;
-  --pgn-avatar-border-radius: 100%;
-  --pgn-annotation-arrow-border-width: .5rem;
-  --pgn-annotation-arrow-side-margin: .25rem;
-  --pgn-annotation-max-width: 18.75rem;
-  --pgn-annotation-border-radius: .25rem;
-  --pgn-annotation-box-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .15))
-  drop-shadow(0 2px 8px rgba(0, 0, 0, .15));
-  --pgn-annotation-padding: .5rem;
-  --pgn-alert-line-height: 1.5rem;
-  --pgn-alert-icon-space: .8rem;
-  --pgn-alert-box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 4px rgba(0, 0, 0, .15);
-  --pgn-alert-font-size: .875rem;
-  --pgn-alert-border-width: 0;
-  --pgn-alert-margin-bottom: 1rem;
-  --pgn-alert-padding-x: 1.5rem;
-  --pgn-alert-padding-y: 1.5rem;
-  --pgn-action-row-gap-y: .5rem;
-  --pgn-action-row-gap-x: .5rem;
-  --pgn-size-form-border-radius-width: 0.125rem;
-  --pgn-size-form-border-radius-check-focus: 0.0625rem;
-  --pgn-size-form-autosuggest-border-width: 0.125rem;
-  --pgn-size-form-autosuggest-spinner-width: 1.25rem;
-  --pgn-size-form-autosuggest-icon-width: 2.4rem;
-  --pgn-size-form-grid-gutter-width: 0.625rem;
-  --pgn-size-form-control-border-radio-indicator-radius: 50rem;
-  --pgn-size-form-control-border-checkbox-indicator-radius: 0rem;
-  --pgn-size-form-control-icon-width: 2rem;
-  --pgn-size-form-control-range-thumb-border-radius: 1rem;
-  --pgn-size-form-control-range-thumb-border-base: 0rem;
-  --pgn-size-form-control-range-thumb-width: 1rem;
-  --pgn-size-form-control-range-track-border-radius: 1rem;
-  --pgn-size-form-control-range-track-height: 0.5rem;
-  --pgn-size-form-control-range-track-width: 100rem;
-  --pgn-size-form-control-indicator-border-width: 0.125rem;
-  --pgn-size-form-control-indicator-bg: 100rem;
-  --pgn-size-form-control-indicator-base: 1.25rem;
-  --pgn-size-form-input-width-focus: 0.063rem;
-  --pgn-size-form-input-width-hover: 0.063rem;
-  --pgn-size-border-radius-sm: 0.25rem;
-  --pgn-size-border-radius-lg: 0.425rem;
-  --pgn-size-border-radius-base: 0.375rem;
-  --pgn-size-border-width: 0.063rem;
-  --pgn-color-dark-base: #273F2FFF;
-  --pgn-color-light-base: #E1DDDBFF;
-  --pgn-color-brand-base: #9D0054FF;
-  --pgn-color-primary-base: #0A3055FF;
-  --pgn-color-gray-base: #707070FF;
-  --pgn-color-gray-900: #212529FF;
-  --pgn-color-gray-800: #333333FF;
-  --pgn-color-gray-700: #454545FF;
-  --pgn-color-gray-600: #5C5C5CFF;
-  --pgn-color-gray-400: #8F8F8FFF;
-  --pgn-color-gray-300: #ADADADFF;
-  --pgn-color-gray-200: #CCCCCCFF;
-  --pgn-color-gray-100: #EBEBEBFF;
-  --pgn-color-accent-b: #FFEE88FF;
-  --pgn-color-accent-a: #00BBF9FF;
-  --pgn-color-teal: #006DAAFF;
-  --pgn-color-yellow: #FFD900FF;
-  --pgn-color-green: #178253FF;
-  --pgn-color-red: #C32D3AFF;
-  --pgn-color-blue: #23419FFF;
-  --pgn-color-black: #000000FF;
-  --pgn-color-white: #FFFFFFFF;
-  --pgn-color-form-feedback-tooltip-opacity: #000000FF;
-  --pgn-color-form-control-select-bg-size: #000000FF;
-  --pgn-color-form-control-label-base: #000000FF;
-  --pgn-color-btn-active-border-inverse-outline-warning: #00000000;
-  --pgn-color-btn-active-border-inverse-tertiary: #00000000;
-  --pgn-color-btn-active-border-tertiary: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-success: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-secondary: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-primary: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-light: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-info: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-dark: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-danger: #00000000;
-  --pgn-color-btn-active-border-inverse-outline-brand: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-warning: #00000000;
-  --pgn-color-btn-hover-border-inverse-tertiary: #00000000;
-  --pgn-color-btn-hover-border-tertiary: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-success: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-secondary: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-primary: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-light: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-info: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-dark: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-danger: #00000000;
-  --pgn-color-btn-hover-border-inverse-outline-brand: #00000000;
-  --pgn-color-btn-border-inverse-tertiary: #00000000;
-  --pgn-color-btn-border-tertiary: #00000000;
-  --pgn-color-btn-bg-inverse-tertiary: #00000000;
-  --pgn-color-btn-bg-tertiary: #00000000;
-  --pgn-font-weight-base: var(--pgn-font-weight-normal);
-  --pgn-font-size-lead: calc(var(--pgn-font-size-base) * 1.25);
-  --pgn-font-size-mobile-h6: var(--pgn-font-size-h6);
-  --pgn-font-size-mobile-h5: var(--pgn-font-size-h5);
-  --pgn-font-size-mobile-h4: var(--pgn-font-size-h4);
-  --pgn-font-size-mobile-h3: var(--pgn-font-size-h3);
-  --pgn-font-size-mobile-h2: var(--pgn-font-size-h2);
-  --pgn-font-family-base: var(--pgn-font-family-sans-serif);
-  --pgn-spacer-5-5: calc(var(--pgn-spacer-base) * 4rem);
-  --pgn-spacer-4-5: calc(var(--pgn-spacer-base) * 2rem);
-  --pgn-spacer-3-5: calc(var(--pgn-spacer-base) * 1.25rem);
-  --pgn-spacer-2-5: calc(var(--pgn-spacer-base) * .75rem);
-  --pgn-spacer-1-5: calc(var(--pgn-spacer-base) * .375rem);
-  --pgn-spacer-6: calc(var(--pgn-spacer-base) * 5rem);
-  --pgn-spacer-5: calc(var(--pgn-spacer-base) * 3rem);
-  --pgn-spacer-4: calc(var(--pgn-spacer-base) * 1.5rem);
-  --pgn-spacer-3: var(--pgn-spacer-base);
-  --pgn-spacer-2: calc(var(--pgn-spacer-base) * .5rem);
-  --pgn-spacer-1: calc(var(--pgn-spacer-base) * .25rem);
-  --pgn-display-weight-4: var(--pgn-font-weight-bold);
-  --pgn-display-weight-3: var(--pgn-font-weight-bold);
-  --pgn-display-weight-2: var(--pgn-font-weight-bold);
-  --pgn-display-weight-1: var(--pgn-font-weight-bold);
-  --pgn-tooltip-arrow-color-light: var(--pgn-color-white);
-  --pgn-tooltip-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-tooltip-bg-light: var(--pgn-color-white);
-  --pgn-tooltip-bg-base: var(--pgn-color-black);
-  --pgn-tooltip-color-light: var(--pgn-color-black);
-  --pgn-tooltip-color-base: var(--pgn-color-white);
-  --pgn-tooltip-font-size: var(--pgn-font-size-sm);
-  --pgn-toast-header-color-border: #00000080;
-  --pgn-toast-header-color-background: var(--pgn-color-gray-700);
-  --pgn-toast-header-color-base: var(--pgn-color-white);
-  --pgn-toast-border-color: #0000001A;
-  --pgn-toast-color-background: var(--pgn-color-gray-700);
-  --pgn-tabs-notification-font-size: var(--pgn-font-size-xs);
-  --pgn-spinner-sm-height: var(--pgn-spinner-sm-width);
-  --pgn-spinner-height: var(--pgn-spinner-width);
-  --pgn-sheet-skrim-component-box-shadow: #00000026;
-  --pgn-sheet-skrim-bg: #ADADAD80;
-  --pgn-search-field-border-color-focus: var(--pgn-color-black);
-  --pgn-search-field-border-color-interaction: var(--pgn-color-black);
-  --pgn-scrollable-body-box-shadow: #0000008C;
-  --pgn-progress-bar-bar-bg-base: var(--pgn-color-accent-a);
-  --pgn-progress-bar-bar-color: var(--pgn-color-white);
-  --pgn-progress-bar-font-size: calc(var(--pgn-font-size-base) * .75);
-  --pgn-product-tour-checkpoint-arrow-transparent: solid var(--pgn-product-tour-checkpoint-width-arrow) transparent;
-  --pgn-product-tour-checkpoint-arrow-color-default: solid var(--pgn-product-tour-checkpoint-width-arrow) var(--pgn-product-tour-checkpoint-color-background);
-  --pgn-product-tour-checkpoint-arrow-color-top: solid var(--pgn-product-tour-checkpoint-width-arrow) var(--pgn-product-tour-checkpoint-width-border);
-  --pgn-product-tour-checkpoint-color-box-shadow: #0000004D;
-  --pgn-product-tour-checkpoint-color-body: var(--pgn-color-gray-700);
-  --pgn-popover-arrow-outer-color: var(--pgn-popover-border-color);
-  --pgn-popover-body-padding-x: var(--pgn-popover-header-padding-x);
-  --pgn-popover-body-padding-y: var(--pgn-popover-header-padding-y);
-  --pgn-popover-header-color-border-bottom-dark: #808080FF;
-  --pgn-popover-header-color-bg-dark: #808080FF;
-  --pgn-popover-header-color-bg: var(--pgn-color-white);
-  --pgn-popover-border-width: var(--pgn-size-border-width);
-  --pgn-popover-border-radius: var(--pgn-size-border-radius-sm);
-  --pgn-popover-font-size: var(--pgn-font-size-sm);
-  --pgn-pagination-focus-color-text: var(--pgn-color-black);
-  --pgn-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
-  --pgn-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
-  --pgn-pagination-border-color-disabled: var(--pgn-color-gray-100);
-  --pgn-pagination-border-color-hover: var(--pgn-color-gray-200);
-  --pgn-pagination-border-color-base: var(--pgn-color-gray-200);
-  --pgn-pagination-border-width: var(--pgn-size-border-width);
-  --pgn-pagination-bg-disabled: var(--pgn-color-white);
-  --pgn-pagination-bg-hover: var(--pgn-color-gray-100);
-  --pgn-pagination-color-inverse: var(--pgn-color-white);
-  --pgn-navbar-light-toggler-border-color: #0000001A;
-  --pgn-navbar-light-color-disabled: #0000004D;
-  --pgn-navbar-light-color-active: #000000E6;
-  --pgn-navbar-light-color-hover: #000000B3;
-  --pgn-navbar-light-color-text: #00000080;
-  --pgn-navbar-dark-toggler-border-color: #FFFFFF1A;
-  --pgn-navbar-dark-color-disabled: #FFFFFF40;
-  --pgn-navbar-dark-color-hover: #FFFFFFBF;
-  --pgn-navbar-dark-color-text: #FFFFFF80;
-  --pgn-navbar-toggler-font-size: var(--pgn-font-size-lg);
-  --pgn-navbar-brand-font-size: var(--pgn-font-size-lg);
-  --pgn-navbar-nav-link-height: calc(var(--pgn-font-size-base) * var(--pgn-line-height-base) + .5rem * 2);
-  --pgn-navbar-padding-x-base: var(--pgn-spacer-base);
-  --pgn-navbar-padding-y: calc(var(--pgn-spacer-base) / 2);
-  --pgn-nav-color-light: #00000080;
-  --pgn-nav-color-dark: #FFFFFF80;
-  --pgn-nav-divider-margin-y: calc(var(--pgn-spacer-base) / 2);
-  --pgn-nav-divider-color: var(--pgn-color-gray-100);
-  --pgn-nav-pills-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-nav-link-color-disabled: var(--pgn-color-gray-300);
-  --pgn-nav-link-color-base: var(--pgn-color-gray-700);
-  --pgn-modal-header-padding-base: var(--pgn-modal-header-padding-y) 1.5rem;
-  --pgn-modal-backdrop-bg: var(--pgn-color-black);
-  --pgn-modal-content-border-radius: var(--pgn-size-border-radius-lg);
-  --pgn-modal-content-border-color: #00000033;
-  --pgn-modal-footer-padding-base: var(--pgn-modal-footer-padding-y) 1.5rem;
-  --pgn-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-image-thumbnail-border-color: var(--pgn-color-gray-200);
-  --pgn-image-thumbnail-border-width: var(--pgn-size-border-width);
-  --pgn-icon-button-color-black: var(--pgn-color-black);
-  --pgn-icon-button-color-dark: var(--pgn-color-dark-base);
-  --pgn-icon-button-color-light: var(--pgn-color-light-base);
-  --pgn-icon-button-color-brand: var(--pgn-color-brand-base);
-  --pgn-icon-button-color-primary: var(--pgn-color-primary-base);
-  --pgn-icon-button-color-accent: var(--pgn-color-white);
-  --pgn-icon-button-diameter-inline: calc(var(--pgn-line-height-base) + .1em);
-  --pgn-blockquote-font-size: calc(var(--pgn-font-size-base) * 1.25);
-  --pgn-blockquote-small-font-size: var(--pgn-font-size-small-base);
-  --pgn-list-group-action-active-bg: var(--pgn-color-gray-200);
-  --pgn-list-group-action-color-base: var(--pgn-color-gray-700);
-  --pgn-list-group-disabled-color: var(--pgn-color-gray-600);
-  --pgn-list-group-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-list-group-border-width: var(--pgn-size-border-width);
-  --pgn-list-group-border-color: #00000020;
-  --pgn-list-group-bg-hover: var(--pgn-color-gray-100);
-  --pgn-dt-font-weight: var(--pgn-font-weight-bold);
-  --pgn-input-btn-border-width: var(--pgn-size-border-width);
-  --pgn-input-btn-focus-box-shadow: 0 0 0 var(--pgn-input-btn-focus-width) var(--pgn-input-btn-focus-color);
-  --pgn-input-btn-line-height-lg: var(--pgn-line-height-lg);
-  --pgn-hr-border-margin-y: var(--pgn-spacer-base);
-  --pgn-hr-border-width: var(--pgn-size-border-width);
-  --pgn-hr-border-color: #0000001A;
-  --pgn-headings-color: var(--pgn-color-black);
-  --pgn-headings-font-weight: var(--pgn-font-weight-bold);
-  --pgn-body-color: var(--pgn-color-gray-700);
-  --pgn-typography-form-feedback-tooltip-line-height: var(--pgn-line-height-base);
-  --pgn-typography-form-feedback-tooltip-font-size: var(--pgn-font-size-sm);
-  --pgn-typography-form-feedback-font-size: var(--pgn-font-size-small-base);
-  --pgn-typography-form-input-line-height-sm: var(--pgn-input-btn-line-height-sm);
-  --pgn-typography-form-input-line-height-base: var(--pgn-input-btn-line-height-base);
-  --pgn-typography-form-input-font-size-lg: var(--pgn-input-btn-font-size-lg);
-  --pgn-typography-form-input-font-size-sm: var(--pgn-input-btn-font-size-sm);
-  --pgn-typography-form-input-font-size-base: var(--pgn-input-btn-font-size-base);
-  --pgn-typography-form-input-font-family: var(--pgn-input-btn-font-family);
-  --pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
-  --pgn-spacing-form-input-padding-x-lg: var(--pgn-input-btn-padding-lg-x);
-  --pgn-spacing-form-input-padding-x-sm: var(--pgn-input-btn-padding-sm-x);
-  --pgn-spacing-form-input-padding-x-base: var(--pgn-input-btn-padding-x);
-  --pgn-spacing-form-input-padding-y-lg: var(--pgn-input-btn-padding-lg-y);
-  --pgn-spacing-form-input-padding-y-sm: var(--pgn-input-btn-padding-sm-y);
-  --pgn-spacing-form-input-padding-y-base: var(--pgn-input-btn-padding-y);
-  --pgn-elevation-form-control-file-base: var(--pgn-elevation-form-input-base);
-  --pgn-elevation-form-control-indicator-base: var(--pgn-elevation-form-input-base);
-  --pgn-dropzone-restriction-msg-font-size: var(--pgn-font-size-small-x);
-  --pgn-dropdown-link-hover-color: var(--pgn-color-gray-900);
-  --pgn-dropdown-link-color: var(--pgn-color-gray-900);
-  --pgn-dropdown-divider-margin-y: calc(var(--pgn-spacer-base) / 2);
-  --pgn-dropdown-divider-bg: var(--pgn-color-gray-100);
-  --pgn-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
-  --pgn-dropdown-border-width: var(--pgn-size-border-width);
-  --pgn-dropdown-border-color: #00000026;
-  --pgn-dropdown-font-size: var(--pgn-font-size-base);
-  --pgn-dropdown-padding-header: var(--pgn-dropdown-padding-y-base) var(--pgn-dropdown-padding-x-item);
-  --pgn-data-table-box-shadow: var(--pgn-box-shadow-sm);
-  --pgn-data-table-border: 1px solid var(--pgn-color-gray-200);
-  --pgn-data-table-background-is-loading: #FFFFFFB3;
-  --pgn-collapsible-card-spacer-x-lg: var(--pgn-card-spacer-x);
-  --pgn-collapsible-card-spacer-y-lg: var(--pgn-card-spacer-y);
-  --pgn-code-pre-color: var(--pgn-color-gray-900);
-  --pgn-code-kbd-bg: var(--pgn-color-gray-700);
-  --pgn-code-kbd-color: var(--pgn-color-white);
-  --pgn-code-kbd-nested-font-weight: var(--pgn-font-weight-bold);
-  --pgn-code-kbd-font-size: var(--pgn-code-font-size);
-  --pgn-close-button-text-shadow: 0 1px 0 var(--pgn-color-white);
-  --pgn-close-button-color: var(--pgn-color-black);
-  --pgn-close-button-font-weight: var(--pgn-font-weight-bold);
-  --pgn-close-button-font-size: calc(var(--pgn-font-size-base) * 1.5);
-  --pgn-chip-color-text-dark: var(--pgn-color-white);
-  --pgn-chip-color-text-light: var(--pgn-color-black);
-  --pgn-carousel-caption-color: var(--pgn-color-white);
-  --pgn-carousel-indicator-active-bg: var(--pgn-color-white);
-  --pgn-carousel-control-color: var(--pgn-color-white);
-  --pgn-card-footer-text-font-size: var(--pgn-font-size-small-x);
-  --pgn-card-divider-margin-y: var(--pgn-card-spacer-y);
-  --pgn-card-columns-margin: var(--pgn-card-spacer-y);
-  --pgn-card-margin-grid: var(--pgn-card-margin-group);
-  --pgn-card-margin-deck: var(--pgn-card-margin-group);
-  --pgn-card-image-horizontal-width-min: var(--pgn-card-image-horizontal-width-max);
-  --pgn-card-cap-bg: #00000008;
-  --pgn-card-border-color-focus: #00000080;
-  --pgn-card-border-color-base: #00000020;
-  --pgn-card-border-radius-base: var(--pgn-size-border-radius-base);
-  --pgn-card-border-width: var(--pgn-size-border-width);
-  --pgn-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
-  --pgn-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
-  --pgn-btn-border-radius-base: var(--pgn-size-border-radius-base);
-  --pgn-btn-line-height-sm: var(--pgn-input-btn-line-height-sm);
-  --pgn-btn-line-height-base: var(--pgn-input-btn-line-height-base);
-  --pgn-btn-font-weight: var(--pgn-font-weight-normal);
-  --pgn-btn-font-size-lg: var(--pgn-input-btn-font-size-lg);
-  --pgn-btn-font-size-sm: var(--pgn-input-btn-font-size-sm);
-  --pgn-btn-font-size-base: var(--pgn-input-btn-font-size-base);
-  --pgn-btn-font-family: var(--pgn-input-btn-font-family);
-  --pgn-btn-padding-x-sm: var(--pgn-input-btn-padding-sm-x);
-  --pgn-btn-padding-x-lg: var(--pgn-input-btn-padding-lg-x);
-  --pgn-btn-padding-x-base: var(--pgn-input-btn-padding-x);
-  --pgn-btn-padding-y-sm: var(--pgn-input-btn-padding-sm-y);
-  --pgn-btn-padding-y-lg: var(--pgn-input-btn-padding-lg-y);
-  --pgn-btn-padding-y-base: var(--pgn-input-btn-padding-y);
-  --pgn-bubble-color-bg-primary: var(--pgn-color-primary-base);
-  --pgn-bubble-color-text-primary: var(--pgn-color-white);
-  --pgn-bubble-color-text-error: var(--pgn-color-white);
-  --pgn-bubble-color-text-warning: var(--pgn-color-white);
-  --pgn-bubble-color-text-success: var(--pgn-color-white);
-  --pgn-breadcrumb-inverse-color: var(--pgn-color-white);
-  --pgn-breadcrumb-color-divider: var(--pgn-color-gray-600);
-  --pgn-breadcrumb-bg: var(--pgn-color-gray-200);
-  --pgn-breadcrumb-border-radius-base: var(--pgn-size-border-radius-base);
-  --pgn-badge-color-bg-dark: var(--pgn-color-dark-base);
-  --pgn-badge-color-bg-light: var(--pgn-color-light-base);
-  --pgn-badge-color-bg-primary: var(--pgn-color-primary-base);
-  --pgn-badge-color-dark: #FFFFFFFF;
-  --pgn-badge-color-light: #454545FF;
-  --pgn-badge-color-primary: #FFFFFFFF;
-  --pgn-badge-focus-width: var(--pgn-input-btn-focus-width);
-  --pgn-badge-font-weight: var(--pgn-font-weight-bold);
-  --pgn-annotation-color-bg-dark: var(--pgn-color-dark-base);
-  --pgn-annotation-color-bg-light: var(--pgn-color-white);
-  --pgn-annotation-color-bg-warning: var(--pgn-color-accent-b);
-  --pgn-annotation-color-text-dark: var(--pgn-color-white);
-  --pgn-annotation-color-text-error: var(--pgn-color-white);
-  --pgn-annotation-color-text-warning: var(--pgn-color-black);
-  --pgn-annotation-color-text-success: var(--pgn-color-white);
-  --pgn-annotation-line-height: var(--pgn-line-height-sm);
-  --pgn-annotation-font-size: var(--pgn-font-size-sm);
-  --pgn-alert-color-content: var(--pgn-color-gray-700);
-  --pgn-alert-color-title: var(--pgn-color-black);
-  --pgn-alert-font-weight-link: var(--pgn-font-weight-normal);
-  --pgn-alert-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
-  --pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
-  --pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
-  --pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
-  --pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
-  --pgn-size-form-control-select-border-width-focus: var(--pgn-size-form-input-width-focus);
-  --pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
-  --pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
-  --pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
-  --pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
-  --pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
-  --pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
-  --pgn-color-dark-900: #1B2C21FF;
-  --pgn-color-dark-800: #1D2F23FF;
-  --pgn-color-dark-700: #1F3226FF;
-  --pgn-color-dark-600: #23392AFF;
-  --pgn-color-dark-500: var(--pgn-color-dark-base);
-  --pgn-color-dark-400: #5D6F63FF;
-  --pgn-color-dark-300: #939F97FF;
-  --pgn-color-dark-200: #C9CFCBFF;
-  --pgn-color-dark-100: #F2F3F3FF;
-  --pgn-color-light-900: #9E9B99FF;
-  --pgn-color-light-800: #A9A6A4FF;
-  --pgn-color-light-700: #B4B1AFFF;
-  --pgn-color-light-600: #CBC7C5FF;
-  --pgn-color-light-500: var(--pgn-color-light-base);
-  --pgn-color-light-400: #E9E6E4FF;
-  --pgn-color-light-300: #F0EEEDFF;
-  --pgn-color-light-200: #F8F7F6FF;
-  --pgn-color-light-100: #FDFDFDFF;
-  --pgn-color-danger-base: var(--pgn-color-red);
-  --pgn-color-warning-base: var(--pgn-color-yellow);
-  --pgn-color-info-base: var(--pgn-color-teal);
-  --pgn-color-success-base: var(--pgn-color-green);
-  --pgn-color-brand-900: #6E003BFF;
-  --pgn-color-brand-800: #76003FFF;
-  --pgn-color-brand-700: #7E0043FF;
-  --pgn-color-brand-600: #8D004CFF;
-  --pgn-color-brand-500: var(--pgn-color-brand-base);
-  --pgn-color-brand-400: #B6407FFF;
-  --pgn-color-brand-300: #CE80AAFF;
-  --pgn-color-brand-200: #E7BFD4FF;
-  --pgn-color-brand-100: #F9F0F5FF;
-  --pgn-color-secondary-base: var(--pgn-color-gray-700);
-  --pgn-color-primary-900: #07223CFF;
-  --pgn-color-primary-800: #082440FF;
-  --pgn-color-primary-700: #082644FF;
-  --pgn-color-primary-600: #092B4DFF;
-  --pgn-color-primary-500: var(--pgn-color-primary-base);
-  --pgn-color-primary-400: #476480FF;
-  --pgn-color-primary-300: #8598AAFF;
-  --pgn-color-primary-200: #C2CBD5FF;
-  --pgn-color-primary-100: #F0F3F5FF;
-  --pgn-color-gray-500: var(--pgn-color-gray-base);
-  --pgn-color-form-control-range-track-bg: var(--pgn-color-gray-300);
-  --pgn-color-form-control-select-bg-disabled: var(--pgn-color-gray-100);
-  --pgn-color-form-control-indicator-border: var(--pgn-color-gray-700);
-  --pgn-color-form-input-group-addon-bg: var(--pgn-color-gray-100);
-  --pgn-color-form-input-bg-disabled: var(--pgn-color-gray-100);
-  --pgn-color-form-input-base: var(--pgn-color-gray-700);
-  --pgn-color-btn-focus-border-inverse-outline-warning: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-warning: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-tertiary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-success: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-success: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-secondary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-secondary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-primary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-primary: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-light: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-light: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-info: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-info: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-dark: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-dark: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-danger: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-danger: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-outline-brand: var(--pgn-color-white);
-  --pgn-color-btn-focus-border-inverse-brand: var(--pgn-color-white);
-  --pgn-color-btn-active-text-inverse-tertiary: var(--pgn-color-white);
-  --pgn-color-btn-active-text-tertiary: var(--pgn-color-gray-700);
-  --pgn-color-btn-hover-bg-inverse-tertiary: #FFFFFF1A;
-  --pgn-color-btn-hover-text-inverse-tertiary: var(--pgn-color-white);
-  --pgn-color-btn-hover-text-tertiary: var(--pgn-color-gray-700);
-  --pgn-color-btn-border-inverse-outline-warning: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-success: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-secondary: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-primary: var(--pgn-color-white);
-  --pgn-color-btn-border-outline-primary: var(--pgn-color-primary-base);
-  --pgn-color-btn-border-inverse-outline-light: var(--pgn-color-white);
-  --pgn-color-btn-border-outline-light: var(--pgn-color-light-base);
-  --pgn-color-btn-border-inverse-outline-info: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-dark: var(--pgn-color-white);
-  --pgn-color-btn-border-outline-dark: var(--pgn-color-dark-base);
-  --pgn-color-btn-border-inverse-outline-danger: var(--pgn-color-white);
-  --pgn-color-btn-border-inverse-outline-brand: var(--pgn-color-white);
-  --pgn-color-btn-border-outline-brand: var(--pgn-color-brand-base);
-  --pgn-color-btn-bg-primary: var(--pgn-color-primary-base);
-  --pgn-color-btn-bg-light: var(--pgn-color-light-base);
-  --pgn-color-btn-bg-dark: var(--pgn-color-dark-base);
-  --pgn-color-btn-bg-brand: var(--pgn-color-brand-base);
-  --pgn-color-btn-text-inverse-outline-warning: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-tertiary: var(--pgn-color-white);
-  --pgn-color-btn-text-tertiary: var(--pgn-color-gray-700);
-  --pgn-color-btn-text-inverse-outline-success: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-secondary: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-primary: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-primary: var(--pgn-color-primary-base);
-  --pgn-color-btn-text-outline-primary: var(--pgn-color-primary-base);
-  --pgn-color-btn-text-inverse-outline-light: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-light: var(--pgn-color-light-base);
-  --pgn-color-btn-text-outline-light: var(--pgn-color-light-base);
-  --pgn-color-btn-text-inverse-outline-info: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-dark: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-dark: var(--pgn-color-dark-base);
-  --pgn-color-btn-text-outline-dark: var(--pgn-color-dark-base);
-  --pgn-color-btn-text-inverse-outline-danger: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-outline-brand: var(--pgn-color-white);
-  --pgn-color-btn-text-inverse-brand: var(--pgn-color-brand-base);
-  --pgn-color-btn-text-outline-brand: var(--pgn-color-brand-base);
-  --pgn-color-theme-active-gray: var(--pgn-color-gray-900);
-  --pgn-color-theme-hover-gray: var(--pgn-color-gray-700);
-  --pgn-color-theme-focus-gray: var(--pgn-color-gray-300);
-  --pgn-color-theme-border-gray: var(--pgn-color-gray-200);
-  --pgn-color-theme-background-gray: var(--pgn-color-gray-100);
-  --pgn-color-border: var(--pgn-color-gray-200);
-  --pgn-color-active: var(--pgn-color-white);
-  --pgn-color-text-50-white: #FFFFFF80;
-  --pgn-color-text-50-black: #00000080;
-  --pgn-color-background-base: var(--pgn-color-white);
-  --pgn-tooltip-arrow-color-base: var(--pgn-tooltip-bg-base);
-  --pgn-search-field-input-height-search: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
-  --pgn-search-field-button-color-bg-brand: var(--pgn-color-brand-500);
-  --pgn-search-field-button-color-bg-primary: var(--pgn-color-primary-500);
-  --pgn-search-field-border-color-base: var(--pgn-color-gray-500);
-  --pgn-progress-bar-bar-bg-annotated: var(--pgn-color-dark-500);
-  --pgn-progress-bar-border-color: var(--pgn-color-gray-500);
-  --pgn-product-tour-checkpoint-color-breadcrumb: var(--pgn-color-primary-500);
-  --pgn-product-tour-checkpoint-color-border: var(--pgn-color-brand-500);
-  --pgn-product-tour-checkpoint-color-background: var(--pgn-color-light-300);
-  --pgn-popover-body-color: var(--pgn-body-color);
-  --pgn-popover-header-color-base: var(--pgn-headings-color);
-  --pgn-popover-bg: var(--pgn-color-background-base);
-  --pgn-pagination-focus-color-base: var(--pgn-color-primary-500);
-  --pgn-pagination-focus-box-shadow: var(--pgn-input-btn-focus-box-shadow);
-  --pgn-pagination-bg-base: var(--pgn-color-background-base);
-  --pgn-pagination-color-active: var(--pgn-color-active);
-  --pgn-navbar-light-brand-color-hover: var(--pgn-navbar-light-color-active);
-  --pgn-navbar-light-brand-color-base: var(--pgn-navbar-light-color-active);
-  --pgn-navbar-light-toggler-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%2300000080' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-  --pgn-navbar-dark-toggler-icon-bg: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23FFFFFF80' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-  --pgn-navbar-dark-color-active: var(--pgn-color-active);
-  --pgn-navbar-toggler-border-radius: var(--pgn-btn-border-radius-base);
-  --pgn-navbar-brand-padding-y: calc((var(--pgn-navbar-nav-link-height) - var(--pgn-navbar-brand-height)) / 2);
-  --pgn-navbar-brand-height: calc(var(--pgn-navbar-brand-font-size) * var(--pgn-line-height-base));
-  --pgn-nav-pills-link-link-active-color: var(--pgn-color-active);
-  --pgn-nav-tabs-link-active-color-border: transparent transparent var(--pgn-color-primary-500);
-  --pgn-nav-tabs-link-active-color-base: var(--pgn-color-primary-500);
-  --pgn-nav-tabs-link-hover-bg: var(--pgn-color-light-400);
-  --pgn-nav-tabs-border-color: var(--pgn-color-light-400);
-  --pgn-modal-content-bg: var(--pgn-color-background-base);
-  --pgn-image-figure-caption-color: var(--pgn-color-gray-500);
-  --pgn-icon-button-color-danger: var(--pgn-color-danger-base);
-  --pgn-icon-button-color-warning: var(--pgn-color-warning-base);
-  --pgn-icon-button-color-success: var(--pgn-color-success-base);
-  --pgn-icon-button-color-secondary: var(--pgn-color-secondary-base);
-  --pgn-text-muted: var(--pgn-color-gray-500);
-  --pgn-list-group-action-active-color: var(--pgn-body-color);
-  --pgn-list-group-action-color-hover: var(--pgn-list-group-action-color-base);
-  --pgn-list-group-active-color-base: var(--pgn-color-active);
-  --pgn-list-group-bg-base: var(--pgn-color-background-base);
-  --pgn-link-brand-inline-color: var(--pgn-color-brand-500);
-  --pgn-link-brand-color: var(--pgn-color-brand-500);
-  --pgn-link-muted-inline-color: var(--pgn-color-primary-500);
-  --pgn-link-muted-color: var(--pgn-color-primary-500);
-  --pgn-body-bg: var(--pgn-color-background-base);
-  --pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
-  --pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
-  --pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
-  --pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
-  --pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
-  --pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
-  --pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
-  --pgn-typography-form-input-line-height-lg: var(--pgn-input-btn-line-height-lg);
-  --pgn-typography-form-input-font-weight: var(--pgn-font-weight-base);
-  --pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
-  --pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
-  --pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
-  --pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
-  --pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
-  --pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
-  --pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
-  --pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
-  --pgn-elevation-form-control-select-border-focus: var(--pgn-input-btn-focus-box-shadow);
-  --pgn-elevation-form-input-focus: var(--pgn-input-btn-focus-box-shadow);
-  --pgn-dropzone-restriction-msg-color: var(--pgn-color-gray-500);
-  --pgn-dropzone-border-active: 2px solid var(--pgn-color-primary-500);
-  --pgn-dropzone-border-default: 1px dashed var(--pgn-color-gray-500);
-  --pgn-dropdown-link-active-color: var(--pgn-color-active);
-  --pgn-dropdown-link-hover-bg: var(--pgn-color-light-300);
-  --pgn-dropdown-border-radius-inner: calc(var(--pgn-dropdown-border-radius-base) - var(--pgn-dropdown-border-width));
-  --pgn-dropdown-bg: var(--pgn-color-background-base);
-  --pgn-dropdown-color-header: var(--pgn-color-gray-500);
-  --pgn-dropdown-color-base: var(--pgn-body-color);
-  --pgn-data-table-background-color: var(--pgn-color-background-base);
-  --pgn-chip-color-bg-dark: var(--pgn-color-dark-200);
-  --pgn-chip-color-bg-light: var(--pgn-color-light-500);
-  --pgn-carousel-control-bg-next-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
-  --pgn-carousel-control-bg-prev-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
-  --pgn-card-divider-bg: var(--pgn-color-light-400);
-  --pgn-card-bg: var(--pgn-color-background-base);
-  --pgn-btn-border-width: var(--pgn-input-btn-border-width);
-  --pgn-btn-line-height-lg: var(--pgn-input-btn-line-height-lg);
-  --pgn-bubble-color-bg-error: var(--pgn-color-danger-base);
-  --pgn-bubble-color-bg-warning: var(--pgn-color-warning-base);
-  --pgn-bubble-color-bg-success: var(--pgn-color-success-base);
-  --pgn-breadcrumb-inverse-spacer: var(--pgn-color-light-700);
-  --pgn-breadcrumb-inverse-active: var(--pgn-color-light-500);
-  --pgn-breadcrumb-color-active: var(--pgn-color-gray-500);
-  --pgn-breadcrumb-color-base: var(--pgn-color-primary-500);
-  --pgn-badge-color-focus-box-shadow-dark: #273F2F0D;
-  --pgn-badge-color-focus-box-shadow-light: #E1DDDB0D;
-  --pgn-badge-color-focus-box-shadow-primary: #0A30550D;
-  --pgn-badge-color-focus-bg-dark: #142018FF;
-  --pgn-badge-color-focus-bg-light: #CAC3BFFF;
-  --pgn-badge-color-focus-bg-primary: #051627FF;
-  --pgn-badge-color-focus-dark: var(--pgn-badge-color-dark);
-  --pgn-badge-color-focus-light: var(--pgn-badge-color-light);
-  --pgn-badge-color-focus-primary: var(--pgn-badge-color-primary);
-  --pgn-badge-color-bg-info: var(--pgn-color-info-base);
-  --pgn-badge-color-bg-danger: var(--pgn-color-danger-base);
-  --pgn-badge-color-bg-warning: var(--pgn-color-warning-base);
-  --pgn-badge-color-bg-success: var(--pgn-color-success-base);
-  --pgn-badge-color-bg-secondary: var(--pgn-color-secondary-base);
-  --pgn-badge-color-info: #FFFFFFFF;
-  --pgn-badge-color-warning: #454545FF;
-  --pgn-badge-color-danger: #FFFFFFFF;
-  --pgn-badge-color-success: #FFFFFFFF;
-  --pgn-badge-color-secondary: #FFFFFFFF;
-  --pgn-avatar-border-base: solid 1px var(--pgn-color-light-300);
-  --pgn-annotation-color-bg-error: var(--pgn-color-danger-base);
-  --pgn-annotation-color-bg-success: var(--pgn-color-success-base);
-  --pgn-annotation-color-text-light: var(--pgn-color-primary-500);
-  --pgn-alert-actions-gap: var(--pgn-spacer-3);
-  --pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
-  --pgn-size-form-input-width-border: var(--pgn-input-btn-border-width);
-  --pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
-  --pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
-  --pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
-  --pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
-  --pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
-  --pgn-color-danger-900: #892029FF;
-  --pgn-color-danger-800: #92222CFF;
-  --pgn-color-danger-700: #9C242EFF;
-  --pgn-color-danger-600: #B02934FF;
-  --pgn-color-danger-500: var(--pgn-color-danger-base);
-  --pgn-color-danger-400: #D2626BFF;
-  --pgn-color-danger-300: #E1969DFF;
-  --pgn-color-danger-200: #F0CBCEFF;
-  --pgn-color-danger-100: #FBF2F3FF;
-  --pgn-color-warning-900: #B39800FF;
-  --pgn-color-warning-800: #BFA300FF;
-  --pgn-color-warning-700: #CCAE00FF;
-  --pgn-color-warning-600: #E6C300FF;
-  --pgn-color-warning-500: var(--pgn-color-warning-base);
-  --pgn-color-warning-400: #FFE340FF;
-  --pgn-color-warning-300: #FFEC80FF;
-  --pgn-color-warning-200: #FFF6BFFF;
-  --pgn-color-warning-100: #FFFDF0FF;
-  --pgn-color-info-900: #004C77FF;
-  --pgn-color-info-800: #005280FF;
-  --pgn-color-info-700: #005788FF;
-  --pgn-color-info-600: #006299FF;
-  --pgn-color-info-500: var(--pgn-color-info-base);
-  --pgn-color-info-400: #4092BFFF;
-  --pgn-color-info-300: #80B6D5FF;
-  --pgn-color-info-200: #BFDBEAFF;
-  --pgn-color-info-100: #F0F6FAFF;
-  --pgn-color-success-900: #105B3AFF;
-  --pgn-color-success-800: #11623EFF;
-  --pgn-color-success-700: #126842FF;
-  --pgn-color-success-600: #15754BFF;
-  --pgn-color-success-500: var(--pgn-color-success-base);
-  --pgn-color-success-400: #51A17EFF;
-  --pgn-color-success-300: #8BC1A9FF;
-  --pgn-color-success-200: #C5E0D4FF;
-  --pgn-color-success-100: #F1F8F5FF;
-  --pgn-color-secondary-900: #303030FF;
-  --pgn-color-secondary-800: #343434FF;
-  --pgn-color-secondary-700: #373737FF;
-  --pgn-color-secondary-600: #3E3E3EFF;
-  --pgn-color-secondary-500: var(--pgn-color-secondary-base);
-  --pgn-color-secondary-400: #747474FF;
-  --pgn-color-secondary-300: #A2A2A2FF;
-  --pgn-color-secondary-200: #D1D1D1FF;
-  --pgn-color-secondary-100: #F4F4F4FF;
-  --pgn-color-form-feedback-invalid: var(--pgn-color-danger-base);
-  --pgn-color-form-feedback-valid: var(--pgn-color-success-base);
-  --pgn-color-form-control-file-button-bg: var(--pgn-color-form-input-group-addon-bg);
-  --pgn-color-form-control-file-bg-disabled: var(--pgn-color-form-input-bg-disabled);
-  --pgn-color-form-control-file-base: var(--pgn-color-form-input-base);
-  --pgn-color-form-control-select-indicator-base: var(--pgn-color-theme-hover-gray);
-  --pgn-color-form-control-select-base: var(--pgn-color-form-input-base);
-  --pgn-color-form-control-switch-indicator-checked-bg: var(--pgn-color-success-base);
-  --pgn-color-form-control-indicator-active-base: var(--pgn-color-active);
-  --pgn-color-form-control-indicator-checked-border-base: var(--pgn-color-primary-500);
-  --pgn-color-form-control-indicator-checked-bg-disabled: #0A305580;
-  --pgn-color-form-control-indicator-bg-disabled: var(--pgn-color-form-input-bg-disabled);
-  --pgn-color-form-input-focus-base: var(--pgn-color-form-input-base);
-  --pgn-color-form-input-group-addon-base: var(--pgn-color-form-input-base);
-  --pgn-color-form-input-bg-base: var(--pgn-color-background-base);
-  --pgn-color-form-input-border: var(--pgn-color-gray-500);
-  --pgn-color-form-input-plaintext: var(--pgn-body-color);
-  --pgn-color-form-input-placeholder: var(--pgn-color-gray-500);
-  --pgn-color-btn-active-bg-inverse-tertiary: var(--pgn-color-btn-hover-bg-inverse-tertiary);
-  --pgn-color-btn-active-bg-tertiary: var(--pgn-color-light-500);
-  --pgn-color-btn-active-text-inverse-primary: #051627FF;
-  --pgn-color-btn-active-text-inverse-light: #CAC3BFFF;
-  --pgn-color-btn-active-text-inverse-dark: #142018FF;
-  --pgn-color-btn-active-text-inverse-brand: #6A0039FF;
-  --pgn-color-btn-hover-border-outline-primary: var(--pgn-color-primary-900);
-  --pgn-color-btn-hover-border-outline-light: var(--pgn-color-light-900);
-  --pgn-color-btn-hover-border-outline-dark: var(--pgn-color-dark-900);
-  --pgn-color-btn-hover-border-outline-brand: var(--pgn-color-brand-900);
-  --pgn-color-btn-hover-bg-tertiary: var(--pgn-color-light-500);
-  --pgn-color-btn-hover-bg-inverse-outline-primary: var(--pgn-color-primary-100);
-  --pgn-color-btn-hover-bg-outline-primary: var(--pgn-color-primary-100);
-  --pgn-color-btn-hover-bg-inverse-outline-light: var(--pgn-color-light-100);
-  --pgn-color-btn-hover-bg-outline-light: var(--pgn-color-light-100);
-  --pgn-color-btn-hover-bg-inverse-outline-dark: var(--pgn-color-dark-100);
-  --pgn-color-btn-hover-bg-outline-dark: var(--pgn-color-dark-100);
-  --pgn-color-btn-hover-bg-inverse-outline-brand: var(--pgn-color-brand-100);
-  --pgn-color-btn-hover-bg-outline-brand: var(--pgn-color-brand-100);
-  --pgn-color-btn-hover-text-inverse-primary: #061D33FF;
-  --pgn-color-btn-hover-text-inverse-light: #D0C9C6FF;
-  --pgn-color-btn-hover-text-inverse-dark: #18271DFF;
-  --pgn-color-btn-hover-text-inverse-brand: #770040FF;
-  --pgn-color-btn-border-outline-warning: var(--pgn-color-warning-base);
-  --pgn-color-btn-border-outline-success: var(--pgn-color-success-base);
-  --pgn-color-btn-border-outline-secondary: var(--pgn-color-secondary-base);
-  --pgn-color-btn-border-primary: var(--pgn-color-btn-bg-primary);
-  --pgn-color-btn-border-light: var(--pgn-color-btn-bg-light);
-  --pgn-color-btn-border-outline-info: var(--pgn-color-info-base);
-  --pgn-color-btn-border-dark: var(--pgn-color-btn-bg-dark);
-  --pgn-color-btn-border-outline-danger: var(--pgn-color-danger-base);
-  --pgn-color-btn-border-brand: var(--pgn-color-btn-bg-brand);
-  --pgn-color-btn-bg-warning: var(--pgn-color-warning-base);
-  --pgn-color-btn-bg-success: var(--pgn-color-success-base);
-  --pgn-color-btn-bg-secondary: var(--pgn-color-secondary-base);
-  --pgn-color-btn-bg-inverse-primary: #FFFFFFFF;
-  --pgn-color-btn-bg-inverse-light: #454545FF;
-  --pgn-color-btn-bg-info: var(--pgn-color-info-base);
-  --pgn-color-btn-bg-inverse-dark: #FFFFFFFF;
-  --pgn-color-btn-bg-danger: var(--pgn-color-danger-base);
-  --pgn-color-btn-bg-inverse-brand: #FFFFFFFF;
-  --pgn-color-btn-text-inverse-warning: var(--pgn-color-warning-base);
-  --pgn-color-btn-text-outline-warning: var(--pgn-color-warning-base);
-  --pgn-color-btn-text-inverse-success: var(--pgn-color-success-base);
-  --pgn-color-btn-text-outline-success: var(--pgn-color-success-base);
-  --pgn-color-btn-text-inverse-secondary: var(--pgn-color-secondary-base);
-  --pgn-color-btn-text-outline-secondary: var(--pgn-color-secondary-base);
-  --pgn-color-btn-text-primary: #FFFFFFFF;
-  --pgn-color-btn-text-light: #454545FF;
-  --pgn-color-btn-text-inverse-info: var(--pgn-color-info-base);
-  --pgn-color-btn-text-outline-info: var(--pgn-color-info-base);
-  --pgn-color-btn-text-dark: #FFFFFFFF;
-  --pgn-color-btn-text-inverse-danger: var(--pgn-color-danger-base);
-  --pgn-color-btn-text-outline-danger: var(--pgn-color-danger-base);
-  --pgn-color-btn-text-brand: #FFFFFFFF;
-  --pgn-color-theme-active-dark: var(--pgn-color-dark-900);
-  --pgn-color-theme-active-light: var(--pgn-color-light-900);
-  --pgn-color-theme-active-brand: var(--pgn-color-brand-900);
-  --pgn-color-theme-active-primary: var(--pgn-color-primary-900);
-  --pgn-color-theme-hover-dark: var(--pgn-color-dark-700);
-  --pgn-color-theme-hover-light: var(--pgn-color-light-700);
-  --pgn-color-theme-hover-brand: var(--pgn-color-brand-700);
-  --pgn-color-theme-hover-primary: var(--pgn-color-primary-700);
-  --pgn-color-theme-default-gray: var(--pgn-color-gray-500);
-  --pgn-color-theme-default-dark: var(--pgn-color-dark-500);
-  --pgn-color-theme-default-light: var(--pgn-color-light-500);
-  --pgn-color-theme-default-brand: var(--pgn-color-brand-500);
-  --pgn-color-theme-default-primary: var(--pgn-color-primary-500);
-  --pgn-color-theme-focus-dark: var(--pgn-color-dark-300);
-  --pgn-color-theme-focus-light: var(--pgn-color-light-300);
-  --pgn-color-theme-focus-brand: var(--pgn-color-brand-300);
-  --pgn-color-theme-focus-primary: var(--pgn-color-primary-300);
-  --pgn-color-theme-border-dark: var(--pgn-color-dark-200);
-  --pgn-color-theme-border-light: var(--pgn-color-light-200);
-  --pgn-color-theme-border-brand: var(--pgn-color-brand-200);
-  --pgn-color-theme-border-primary: var(--pgn-color-primary-200);
-  --pgn-color-theme-background-dark: var(--pgn-color-dark-100);
-  --pgn-color-theme-background-light: var(--pgn-color-light-100);
-  --pgn-color-theme-background-brand: var(--pgn-color-brand-100);
-  --pgn-color-theme-background-primary: var(--pgn-color-primary-100);
-  --pgn-color-input-focus: var(--pgn-color-primary-500);
-  --pgn-color-disabled: var(--pgn-color-gray-500);
-  --pgn-color-background-active: var(--pgn-color-primary-500);
-  --pgn-popover-danger-icon-color: var(--pgn-color-warning-500);
-  --pgn-popover-danger-bg: var(--pgn-color-danger-100);
-  --pgn-popover-warning-icon-color: var(--pgn-color-warning-500);
-  --pgn-popover-warning-bg: var(--pgn-color-warning-100);
-  --pgn-popover-success-icon-color: var(--pgn-color-success-500);
-  --pgn-popover-success-bg: var(--pgn-color-success-100);
-  --pgn-popover-arrow-color: var(--pgn-popover-bg);
-  --pgn-pagination-bg-active: var(--pgn-color-background-active);
-  --pgn-pagination-color-disabled: var(--pgn-color-disabled);
-  --pgn-navbar-dark-brand-color-hover: var(--pgn-navbar-dark-color-active);
-  --pgn-navbar-dark-brand-color-base: var(--pgn-navbar-dark-color-active);
-  --pgn-nav-pills-link-link-active-bg: var(--pgn-color-background-active);
-  --pgn-nav-tabs-link-active-bg: var(--pgn-body-bg);
-  --pgn-nav-tabs-link-hover-border-color: transparent transparent var(--pgn-nav-tabs-border-color);
-  --pgn-menu-background-active: var(--pgn-color-btn-active-bg-tertiary);
-  --pgn-image-thumbnail-bg: var(--pgn-body-bg);
-  --pgn-list-group-disabled-bg: var(--pgn-list-group-bg-base);
-  --pgn-list-group-active-bg: var(--pgn-color-background-active);
-  --pgn-link-brand-inline-hover-color: #51002BFF;
-  --pgn-link-brand-inline-decoration-color: #9D00544D;
-  --pgn-link-brand-hover-color: #51002BFF;
-  --pgn-link-muted-inline-hover-color: #020911FF;
-  --pgn-link-muted-inline-decoration-color: #0A30554D;
-  --pgn-link-muted-hover-color: #020911FF;
-  --pgn-link-inline-color: var(--pgn-color-info-500);
-  --pgn-input-btn-focus-color: var(--pgn-color-input-focus);
-  --pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
-  --pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
-  --pgn-spacing-form-control-select-feedback-icon-position: center right calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
-  --pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
-  --pgn-other-form-control-select-indicator-icon: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="%23454545FF"/></svg>');
-  --pgn-other-form-control-switch-indicator-icon-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFFFF'/%3e%3c/svg%3e");
-  --pgn-elevation-form-control-file-focus: var(--pgn-elevation-form-input-focus);
-  --pgn-elevation-form-control-range-thumb-focus: 0 0 0 1px var(--pgn-body-bg), var(--pgn-size-form-input-width-focus);
-  --pgn-dropzone-error-wrapper-color: var(--pgn-color-danger-500);
-  --pgn-dropzone-border-error: 2px solid var(--pgn-color-danger-300);
-  --pgn-dropzone-border-focus: 2px solid var(--pgn-color-info-300);
-  --pgn-dropzone-border-hover: 2px solid var(--pgn-color-info-300);
-  --pgn-dropdown-link-disabled-color: var(--pgn-color-disabled);
-  --pgn-dropdown-link-active-bg: var(--pgn-color-background-active);
-  --pgn-btn-disabled-link-color: var(--pgn-color-disabled);
-  --pgn-badge-color-focus-box-shadow-info: #006DAA0D;
-  --pgn-badge-color-focus-box-shadow-warning: #FFD9000D;
-  --pgn-badge-color-focus-box-shadow-danger: #C32D3A0D;
-  --pgn-badge-color-focus-box-shadow-success: #1782530D;
-  --pgn-badge-color-focus-box-shadow-secondary: #4545450D;
-  --pgn-badge-color-focus-bg-info: #004C77FF;
-  --pgn-badge-color-focus-bg-warning: #CCAE00FF;
-  --pgn-badge-color-focus-bg-danger: #9A232EFF;
-  --pgn-badge-color-focus-bg-success: #0F5737FF;
-  --pgn-badge-color-focus-bg-secondary: #2B2B2BFF;
-  --pgn-badge-color-focus-info: var(--pgn-badge-color-info);
-  --pgn-badge-color-focus-danger: var(--pgn-badge-color-danger);
-  --pgn-badge-color-focus-warning: var(--pgn-badge-color-warning);
-  --pgn-badge-color-focus-success: var(--pgn-badge-color-success);
-  --pgn-badge-color-focus-secondary: var(--pgn-badge-color-secondary);
-  --pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
-  --pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
-  --pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
-  --pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
-  --pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
-  --pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
-  --pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
-  --pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
-  --pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
-  --pgn-color-form-feedback-checked-invalid: #D64D59FF;
-  --pgn-color-form-feedback-checked-valid: #1FAD6FFF;
-  --pgn-color-form-feedback-tooltip-box-shadow-focus-invalid: #C32D3A40;
-  --pgn-color-form-feedback-tooltip-box-shadow-focus-valid: #17825340;
-  --pgn-color-form-feedback-tooltip-bg-invalid: #C32D3AE6;
-  --pgn-color-form-feedback-tooltip-bg-valid: #178253E6;
-  --pgn-color-form-feedback-tooltip-invalid: #FFFFFFFF;
-  --pgn-color-form-feedback-tooltip-valid: #FFFFFFFF;
-  --pgn-color-form-feedback-icon-invalid: var(--pgn-color-form-feedback-invalid);
-  --pgn-color-form-feedback-icon-valid: var(--pgn-color-form-feedback-valid);
-  --pgn-color-form-control-file-border-base: var(--pgn-color-form-input-border);
-  --pgn-color-form-control-file-button-base: var(--pgn-color-form-control-file-base);
-  --pgn-color-form-control-file-bg-base: var(--pgn-color-form-input-bg-base);
-  --pgn-color-form-control-range-thumb-bg-active: #000000FF;
-  --pgn-color-form-control-range-thumb-bg-disabled: var(--pgn-color-disabled);
-  --pgn-color-form-control-range-thumb-bg-base: var(--pgn-color-background-active);
-  --pgn-color-form-control-select-border-base: var(--pgn-color-form-input-border);
-  --pgn-color-form-control-select-bg-base: var(--pgn-color-form-input-bg-base);
-  --pgn-color-form-control-select-disabled: var(--pgn-color-disabled);
-  --pgn-color-form-control-checkbox-indicator-indeterminate-bg: var(--pgn-color-background-active);
-  --pgn-color-form-control-label-floating-text: #FFFFFF1A;
-  --pgn-color-form-control-label-disabled: var(--pgn-color-disabled);
-  --pgn-color-form-control-indicator-active-bg: var(--pgn-color-background-active);
-  --pgn-color-form-control-indicator-checked-bg-base: var(--pgn-color-background-active);
-  --pgn-color-form-control-indicator-checked-base: var(--pgn-color-background-active);
-  --pgn-color-form-control-indicator-bg-base: var(--pgn-color-form-input-bg-base);
-  --pgn-color-form-input-focus-bg: var(--pgn-color-form-input-bg-base);
-  --pgn-color-form-input-focus-border: var(--pgn-color-input-focus);
-  --pgn-color-form-input-group-addon-border: var(--pgn-color-form-input-border);
-  --pgn-color-btn-focus-border-tertiary: var(--pgn-color-theme-focus-primary);
-  --pgn-color-btn-focus-border-outline-primary: var(--pgn-color-theme-focus-primary);
-  --pgn-color-btn-focus-border-primary: var(--pgn-color-theme-focus-primary);
-  --pgn-color-btn-focus-border-outline-light: var(--pgn-color-theme-focus-light);
-  --pgn-color-btn-focus-border-light: var(--pgn-color-theme-focus-light);
-  --pgn-color-btn-focus-border-outline-dark: var(--pgn-color-theme-focus-dark);
-  --pgn-color-btn-focus-border-dark: var(--pgn-color-theme-focus-dark);
-  --pgn-color-btn-focus-border-outline-brand: var(--pgn-color-theme-focus-brand);
-  --pgn-color-btn-focus-border-brand: var(--pgn-color-theme-focus-brand);
-  --pgn-color-btn-active-border-outline-primary: var(--pgn-color-theme-active-primary);
-  --pgn-color-btn-active-border-primary: var(--pgn-color-theme-active-primary);
-  --pgn-color-btn-active-border-outline-light: var(--pgn-color-theme-active-light);
-  --pgn-color-btn-active-border-light: var(--pgn-color-theme-active-light);
-  --pgn-color-btn-active-border-outline-dark: var(--pgn-color-theme-active-dark);
-  --pgn-color-btn-active-border-dark: var(--pgn-color-theme-active-dark);
-  --pgn-color-btn-active-border-outline-brand: var(--pgn-color-theme-active-brand);
-  --pgn-color-btn-active-border-brand: var(--pgn-color-theme-active-brand);
-  --pgn-color-btn-active-bg-inverse-outline-primary: var(--pgn-color-theme-background-primary);
-  --pgn-color-btn-active-bg-outline-primary: var(--pgn-color-theme-background-primary);
-  --pgn-color-btn-active-bg-primary: var(--pgn-color-theme-active-primary);
-  --pgn-color-btn-active-bg-inverse-outline-light: var(--pgn-color-theme-background-light);
-  --pgn-color-btn-active-bg-outline-light: var(--pgn-color-theme-background-light);
-  --pgn-color-btn-active-bg-light: var(--pgn-color-theme-active-light);
-  --pgn-color-btn-active-bg-inverse-outline-dark: var(--pgn-color-theme-background-dark);
-  --pgn-color-btn-active-bg-outline-dark: var(--pgn-color-theme-background-dark);
-  --pgn-color-btn-active-bg-dark: var(--pgn-color-theme-active-dark);
-  --pgn-color-btn-active-bg-inverse-outline-brand: var(--pgn-color-theme-background-brand);
-  --pgn-color-btn-active-bg-outline-brand: var(--pgn-color-theme-background-brand);
-  --pgn-color-btn-active-bg-brand: var(--pgn-color-theme-active-brand);
-  --pgn-color-btn-active-text-inverse-warning: #CCAE00FF;
-  --pgn-color-btn-active-text-inverse-success: #0F5737FF;
-  --pgn-color-btn-active-text-inverse-secondary: #2B2B2BFF;
-  --pgn-color-btn-active-text-inverse-info: #004C77FF;
-  --pgn-color-btn-active-text-inverse-danger: #9A232EFF;
-  --pgn-color-btn-hover-border-outline-warning: var(--pgn-color-warning-900);
-  --pgn-color-btn-hover-border-outline-success: var(--pgn-color-success-900);
-  --pgn-color-btn-hover-border-outline-secondary: var(--pgn-color-secondary-900);
-  --pgn-color-btn-hover-border-primary: var(--pgn-color-theme-hover-primary);
-  --pgn-color-btn-hover-border-light: var(--pgn-color-theme-hover-light);
-  --pgn-color-btn-hover-border-outline-info: var(--pgn-color-info-900);
-  --pgn-color-btn-hover-border-dark: var(--pgn-color-theme-hover-dark);
-  --pgn-color-btn-hover-border-outline-danger: var(--pgn-color-danger-900);
-  --pgn-color-btn-hover-border-brand: var(--pgn-color-theme-hover-brand);
-  --pgn-color-btn-hover-bg-inverse-outline-warning: var(--pgn-color-warning-100);
-  --pgn-color-btn-hover-bg-outline-warning: var(--pgn-color-warning-100);
-  --pgn-color-btn-hover-bg-inverse-outline-success: var(--pgn-color-success-100);
-  --pgn-color-btn-hover-bg-outline-success: var(--pgn-color-success-100);
-  --pgn-color-btn-hover-bg-inverse-outline-secondary: var(--pgn-color-secondary-100);
-  --pgn-color-btn-hover-bg-outline-secondary: var(--pgn-color-secondary-100);
-  --pgn-color-btn-hover-bg-inverse-primary: #ECECECFF;
-  --pgn-color-btn-hover-bg-primary: var(--pgn-color-theme-hover-primary);
-  --pgn-color-btn-hover-bg-inverse-light: #323232FF;
-  --pgn-color-btn-hover-bg-light: var(--pgn-color-theme-hover-light);
-  --pgn-color-btn-hover-bg-inverse-outline-info: var(--pgn-color-info-100);
-  --pgn-color-btn-hover-bg-outline-info: var(--pgn-color-info-100);
-  --pgn-color-btn-hover-bg-inverse-dark: #ECECECFF;
-  --pgn-color-btn-hover-bg-dark: var(--pgn-color-theme-hover-dark);
-  --pgn-color-btn-hover-bg-inverse-outline-danger: var(--pgn-color-danger-100);
-  --pgn-color-btn-hover-bg-outline-danger: var(--pgn-color-danger-100);
-  --pgn-color-btn-hover-bg-inverse-brand: #ECECECFF;
-  --pgn-color-btn-hover-bg-brand: var(--pgn-color-theme-hover-brand);
-  --pgn-color-btn-hover-text-inverse-warning: #D9B800FF;
-  --pgn-color-btn-hover-text-inverse-success: #11623EFF;
-  --pgn-color-btn-hover-text-inverse-secondary: #323232FF;
-  --pgn-color-btn-hover-text-inverse-outline-primary: var(--pgn-color-theme-hover-primary);
-  --pgn-color-btn-hover-text-outline-primary: var(--pgn-color-theme-hover-primary);
-  --pgn-color-btn-hover-text-inverse-outline-light: var(--pgn-color-theme-hover-light);
-  --pgn-color-btn-hover-text-outline-light: var(--pgn-color-theme-hover-light);
-  --pgn-color-btn-hover-text-inverse-info: #005484FF;
-  --pgn-color-btn-hover-text-inverse-outline-dark: var(--pgn-color-theme-hover-dark);
-  --pgn-color-btn-hover-text-outline-dark: var(--pgn-color-theme-hover-dark);
-  --pgn-color-btn-hover-text-inverse-danger: #A42631FF;
-  --pgn-color-btn-hover-text-inverse-outline-brand: var(--pgn-color-theme-hover-brand);
-  --pgn-color-btn-hover-text-outline-brand: var(--pgn-color-theme-hover-brand);
-  --pgn-color-btn-border-warning: var(--pgn-color-btn-bg-warning);
-  --pgn-color-btn-border-success: var(--pgn-color-btn-bg-success);
-  --pgn-color-btn-border-secondary: var(--pgn-color-btn-bg-secondary);
-  --pgn-color-btn-border-info: var(--pgn-color-btn-bg-info);
-  --pgn-color-btn-border-danger: var(--pgn-color-btn-bg-danger);
-  --pgn-color-btn-bg-inverse-warning: #454545FF;
-  --pgn-color-btn-bg-inverse-success: #FFFFFFFF;
-  --pgn-color-btn-bg-inverse-secondary: #FFFFFFFF;
-  --pgn-color-btn-bg-inverse-info: #FFFFFFFF;
-  --pgn-color-btn-bg-inverse-danger: #FFFFFFFF;
-  --pgn-color-btn-text-warning: #454545FF;
-  --pgn-color-btn-text-success: #FFFFFFFF;
-  --pgn-color-btn-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-text-info: #FFFFFFFF;
-  --pgn-color-btn-text-danger: #FFFFFFFF;
-  --pgn-color-theme-active-danger: var(--pgn-color-danger-900);
-  --pgn-color-theme-active-warning: var(--pgn-color-warning-900);
-  --pgn-color-theme-active-info: var(--pgn-color-info-900);
-  --pgn-color-theme-active-success: var(--pgn-color-success-900);
-  --pgn-color-theme-active-secondary: var(--pgn-color-secondary-900);
-  --pgn-color-theme-hover-danger: var(--pgn-color-danger-700);
-  --pgn-color-theme-hover-warning: var(--pgn-color-warning-700);
-  --pgn-color-theme-hover-info: var(--pgn-color-info-700);
-  --pgn-color-theme-hover-success: var(--pgn-color-success-700);
-  --pgn-color-theme-hover-secondary: var(--pgn-color-secondary-700);
-  --pgn-color-theme-default-danger: var(--pgn-color-danger-500);
-  --pgn-color-theme-default-warning: var(--pgn-color-warning-500);
-  --pgn-color-theme-default-info: var(--pgn-color-info-500);
-  --pgn-color-theme-default-success: var(--pgn-color-success-500);
-  --pgn-color-theme-default-secondary: var(--pgn-color-secondary-500);
-  --pgn-color-theme-focus-danger: var(--pgn-color-danger-300);
-  --pgn-color-theme-focus-warning: var(--pgn-color-warning-300);
-  --pgn-color-theme-focus-info: var(--pgn-color-info-300);
-  --pgn-color-theme-focus-success: var(--pgn-color-success-300);
-  --pgn-color-theme-focus-secondary: var(--pgn-color-secondary-300);
-  --pgn-color-theme-border-danger: var(--pgn-color-danger-200);
-  --pgn-color-theme-border-warning: var(--pgn-color-warning-200);
-  --pgn-color-theme-border-info: var(--pgn-color-info-200);
-  --pgn-color-theme-border-success: var(--pgn-color-success-200);
-  --pgn-color-theme-border-secondary: var(--pgn-color-secondary-200);
-  --pgn-color-theme-background-danger: var(--pgn-color-danger-100);
-  --pgn-color-theme-background-warning: var(--pgn-color-warning-100);
-  --pgn-color-theme-background-info: var(--pgn-color-info-100);
-  --pgn-color-theme-background-success: var(--pgn-color-success-100);
-  --pgn-color-theme-background-secondary: var(--pgn-color-secondary-100);
-  --pgn-color-link: var(--pgn-color-info-500);
-  --pgn-pagination-border-color-active: var(--pgn-pagination-bg-active);
-  --pgn-pagination-color-base: var(--pgn-color-link);
-  --pgn-list-group-active-color-border: var(--pgn-list-group-active-bg);
-  --pgn-link-brand-inline-hover-decoration-color: var(--pgn-link-brand-inline-hover-color);
-  --pgn-link-muted-inline-hover-decoration-color: var(--pgn-link-muted-inline-hover-color);
-  --pgn-link-inline-hover-color: #003C5EFF;
-  --pgn-link-inline-decoration-color: #006DAA4D;
-  --pgn-link-hover-color: #003C5EFF;
-  --pgn-link-color: var(--pgn-color-link);
-  --pgn-other-form-feedback-icon-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C32D3AFF' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23C32D3AFF' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
-  --pgn-other-form-feedback-icon-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23178253FF' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-  --pgn-other-form-control-switch-indicator-icon-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");
-  --pgn-other-form-control-radio-indicator-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055FF'/%3e%3c/svg%3e");
-  --pgn-other-form-control-checkbox-indicator-icon-checked: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%230A3055FF'/></svg>");
-  --pgn-alert-color-border-warning: var(--pgn-color-theme-border-warning);
-  --pgn-alert-color-border-danger: var(--pgn-color-theme-border-danger);
-  --pgn-alert-color-border-info: var(--pgn-color-theme-border-info);
-  --pgn-alert-color-border-success: var(--pgn-color-theme-border-success);
-  --pgn-alert-color-bg-warning: var(--pgn-color-theme-background-warning);
-  --pgn-alert-color-bg-danger: var(--pgn-color-theme-background-danger);
-  --pgn-alert-color-bg-info: var(--pgn-color-theme-background-info);
-  --pgn-alert-color-bg-success: var(--pgn-color-theme-background-success);
-  --pgn-alert-color-icon-warning: var(--pgn-color-theme-default-warning);
-  --pgn-alert-color-icon-danger: var(--pgn-color-theme-default-danger);
-  --pgn-alert-color-icon-info: var(--pgn-color-theme-default-info);
-  --pgn-alert-color-icon-success: var(--pgn-color-theme-default-success);
-  --pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
-  --pgn-color-form-control-file-border-focus: var(--pgn-color-form-input-focus-border);
-  --pgn-color-form-control-select-border-focus: var(--pgn-color-form-input-focus-border);
-  --pgn-color-form-control-checkbox-indicator-indeterminate-border: var(--pgn-color-form-control-checkbox-indicator-indeterminate-bg);
-  --pgn-color-form-control-checkbox-indicator-indeterminate-base: var(--pgn-color-form-control-indicator-checked-base);
-  --pgn-color-form-control-indicator-active-border: var(--pgn-color-form-control-indicator-active-bg);
-  --pgn-color-form-control-indicator-checked-border-focus: var(--pgn-color-form-input-focus-border);
-  --pgn-color-btn-focus-border-outline-warning: var(--pgn-color-theme-focus-warning);
-  --pgn-color-btn-focus-border-warning: var(--pgn-color-theme-focus-warning);
-  --pgn-color-btn-focus-border-outline-success: var(--pgn-color-theme-focus-success);
-  --pgn-color-btn-focus-border-success: var(--pgn-color-theme-focus-success);
-  --pgn-color-btn-focus-border-outline-secondary: var(--pgn-color-theme-focus-secondary);
-  --pgn-color-btn-focus-border-secondary: var(--pgn-color-theme-focus-secondary);
-  --pgn-color-btn-focus-border-outline-info: var(--pgn-color-theme-focus-info);
-  --pgn-color-btn-focus-border-info: var(--pgn-color-theme-focus-info);
-  --pgn-color-btn-focus-border-outline-danger: var(--pgn-color-theme-focus-danger);
-  --pgn-color-btn-focus-border-danger: var(--pgn-color-theme-focus-danger);
-  --pgn-color-btn-active-border-outline-warning: var(--pgn-color-theme-active-warning);
-  --pgn-color-btn-active-border-warning: var(--pgn-color-theme-active-warning);
-  --pgn-color-btn-active-border-outline-success: var(--pgn-color-theme-active-success);
-  --pgn-color-btn-active-border-success: var(--pgn-color-theme-active-success);
-  --pgn-color-btn-active-border-outline-secondary: var(--pgn-color-theme-active-secondary);
-  --pgn-color-btn-active-border-secondary: var(--pgn-color-theme-active-secondary);
-  --pgn-color-btn-active-border-outline-info: var(--pgn-color-theme-active-info);
-  --pgn-color-btn-active-border-info: var(--pgn-color-theme-active-info);
-  --pgn-color-btn-active-border-outline-danger: var(--pgn-color-theme-active-danger);
-  --pgn-color-btn-active-border-danger: var(--pgn-color-theme-active-danger);
-  --pgn-color-btn-active-bg-inverse-outline-warning: var(--pgn-color-theme-background-warning);
-  --pgn-color-btn-active-bg-outline-warning: var(--pgn-color-theme-background-warning);
-  --pgn-color-btn-active-bg-warning: var(--pgn-color-theme-active-warning);
-  --pgn-color-btn-active-bg-inverse-outline-success: var(--pgn-color-theme-background-success);
-  --pgn-color-btn-active-bg-outline-success: var(--pgn-color-theme-background-success);
-  --pgn-color-btn-active-bg-success: var(--pgn-color-theme-active-success);
-  --pgn-color-btn-active-bg-inverse-outline-secondary: var(--pgn-color-theme-background-secondary);
-  --pgn-color-btn-active-bg-outline-secondary: var(--pgn-color-theme-background-secondary);
-  --pgn-color-btn-active-bg-secondary: var(--pgn-color-theme-active-secondary);
-  --pgn-color-btn-active-bg-inverse-outline-info: var(--pgn-color-theme-background-info);
-  --pgn-color-btn-active-bg-outline-info: var(--pgn-color-theme-background-info);
-  --pgn-color-btn-active-bg-info: var(--pgn-color-theme-active-info);
-  --pgn-color-btn-active-bg-inverse-outline-danger: var(--pgn-color-theme-background-danger);
-  --pgn-color-btn-active-bg-outline-danger: var(--pgn-color-theme-background-danger);
-  --pgn-color-btn-active-bg-danger: var(--pgn-color-theme-active-danger);
-  --pgn-color-btn-active-text-inverse-outline-primary: #454545FF;
-  --pgn-color-btn-active-text-outline-primary: #454545FF;
-  --pgn-color-btn-active-text-primary: #FFFFFFFF;
-  --pgn-color-btn-active-text-inverse-outline-light: #454545FF;
-  --pgn-color-btn-active-text-outline-light: #454545FF;
-  --pgn-color-btn-active-text-light: #454545FF;
-  --pgn-color-btn-active-text-inverse-outline-dark: #454545FF;
-  --pgn-color-btn-active-text-outline-dark: #454545FF;
-  --pgn-color-btn-active-text-dark: #FFFFFFFF;
-  --pgn-color-btn-active-text-inverse-outline-brand: #454545FF;
-  --pgn-color-btn-active-text-outline-brand: #454545FF;
-  --pgn-color-btn-active-text-brand: #FFFFFFFF;
-  --pgn-color-btn-hover-border-warning: var(--pgn-color-theme-hover-warning);
-  --pgn-color-btn-hover-border-success: var(--pgn-color-theme-hover-success);
-  --pgn-color-btn-hover-border-secondary: var(--pgn-color-theme-hover-secondary);
-  --pgn-color-btn-hover-border-info: var(--pgn-color-theme-hover-info);
-  --pgn-color-btn-hover-border-danger: var(--pgn-color-theme-hover-danger);
-  --pgn-color-btn-hover-bg-inverse-warning: #323232FF;
-  --pgn-color-btn-hover-bg-warning: var(--pgn-color-theme-hover-warning);
-  --pgn-color-btn-hover-bg-inverse-success: #ECECECFF;
-  --pgn-color-btn-hover-bg-success: var(--pgn-color-theme-hover-success);
-  --pgn-color-btn-hover-bg-inverse-secondary: #ECECECFF;
-  --pgn-color-btn-hover-bg-secondary: var(--pgn-color-theme-hover-secondary);
-  --pgn-color-btn-hover-bg-inverse-info: #ECECECFF;
-  --pgn-color-btn-hover-bg-info: var(--pgn-color-theme-hover-info);
-  --pgn-color-btn-hover-bg-inverse-danger: #ECECECFF;
-  --pgn-color-btn-hover-bg-danger: var(--pgn-color-theme-hover-danger);
-  --pgn-color-btn-hover-text-inverse-outline-warning: var(--pgn-color-theme-hover-warning);
-  --pgn-color-btn-hover-text-outline-warning: var(--pgn-color-theme-hover-warning);
-  --pgn-color-btn-hover-text-inverse-outline-success: var(--pgn-color-theme-hover-success);
-  --pgn-color-btn-hover-text-outline-success: var(--pgn-color-theme-hover-success);
-  --pgn-color-btn-hover-text-inverse-outline-secondary: var(--pgn-color-theme-hover-secondary);
-  --pgn-color-btn-hover-text-outline-secondary: var(--pgn-color-theme-hover-secondary);
-  --pgn-color-btn-hover-text-primary: #FFFFFFFF;
-  --pgn-color-btn-hover-text-light: #454545FF;
-  --pgn-color-btn-hover-text-inverse-outline-info: var(--pgn-color-theme-hover-info);
-  --pgn-color-btn-hover-text-outline-info: var(--pgn-color-theme-hover-info);
-  --pgn-color-btn-hover-text-dark: #FFFFFFFF;
-  --pgn-color-btn-hover-text-inverse-outline-danger: var(--pgn-color-theme-hover-danger);
-  --pgn-color-btn-hover-text-outline-danger: var(--pgn-color-theme-hover-danger);
-  --pgn-color-btn-hover-text-brand: #FFFFFFFF;
-  --pgn-pagination-color-hover: var(--pgn-link-hover-color);
-  --pgn-link-inline-hover-decoration-color: var(--pgn-link-inline-hover-color);
-  --pgn-other-form-control-checkbox-indicator-indeterminate-icon: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='%230A3055FF'/></svg>");
-  --pgn-color-btn-active-text-inverse-outline-warning: #454545FF;
-  --pgn-color-btn-active-text-outline-warning: #454545FF;
-  --pgn-color-btn-active-text-warning: #FFFFFFFF;
-  --pgn-color-btn-active-text-inverse-outline-success: #454545FF;
-  --pgn-color-btn-active-text-outline-success: #454545FF;
-  --pgn-color-btn-active-text-success: #FFFFFFFF;
-  --pgn-color-btn-active-text-inverse-outline-secondary: #454545FF;
-  --pgn-color-btn-active-text-outline-secondary: #454545FF;
-  --pgn-color-btn-active-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-active-text-inverse-outline-info: #454545FF;
-  --pgn-color-btn-active-text-outline-info: #454545FF;
-  --pgn-color-btn-active-text-info: #FFFFFFFF;
-  --pgn-color-btn-active-text-inverse-outline-danger: #454545FF;
-  --pgn-color-btn-active-text-outline-danger: #454545FF;
-  --pgn-color-btn-active-text-danger: #FFFFFFFF;
-  --pgn-color-btn-hover-text-warning: #454545FF;
-  --pgn-color-btn-hover-text-success: #FFFFFFFF;
-  --pgn-color-btn-hover-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-hover-text-info: #FFFFFFFF;
-  --pgn-color-btn-hover-text-danger: #FFFFFFFF;
-}
diff --git a/tokens/map-scss-to-css.js b/tokens/map-scss-to-css.js
index 4037abd7a9..91e41e9fda 100644
--- a/tokens/map-scss-to-css.js
+++ b/tokens/map-scss-to-css.js
@@ -19,5 +19,5 @@ Object.entries(SCSStoCSSMap).forEach(([key, value]) => {
   CSStoSCSSMap[value] = key;
 });
 
-fs.writeFileSync(path.resolve(__dirname, './build/scss-to-css.json'), JSON.stringify(SCSStoCSSMap));
-fs.writeFileSync(path.resolve(__dirname, './build/css-to-scss.json'), JSON.stringify(CSStoSCSSMap));
+fs.writeFileSync(path.resolve(__dirname, './variables-maps/scss-to-css.json'), JSON.stringify(SCSStoCSSMap));
+fs.writeFileSync(path.resolve(__dirname, './variables-maps/css-to-scss.json'), JSON.stringify(CSStoSCSSMap));
diff --git a/tokens/package-lock.json b/tokens/package-lock.json
index c4688a97d8..79e2120cc2 100644
--- a/tokens/package-lock.json
+++ b/tokens/package-lock.json
@@ -10,7 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "chroma-js": "^2.4.2",
-        "commander": "^7.1.0",
+        "commander": "^7.2.0",
         "style-dictionary": "^3.7.1"
       }
     },
diff --git a/tokens/package.json b/tokens/package.json
index 68deb57dfa..b7a3c6ee8e 100644
--- a/tokens/package.json
+++ b/tokens/package.json
@@ -4,7 +4,7 @@
   "description": "Paragon's design system based on Style Dictionary approach.",
   "main": "build-tokens.js",
   "scripts": {
-    "build-tokens": "node build-tokens.js",
+    "build-tokens": "node build-tokens.js --build-dir ../scss/core/css/",
     "replace-variables-usage": "node replace-variables.js -p ../src/ -t usage",
     "replace-variables-definition": "node replace-variables.js -p ../src -t definition",
     "build-scss-to-css-map": "node map-scss-to-css.js"
@@ -13,7 +13,7 @@
   "license": "ISC",
   "dependencies": {
     "chroma-js": "^2.4.2",
-    "commander": "^7.1.0",
+    "commander": "^7.2.0",
     "style-dictionary": "^3.7.1"
   }
 }
diff --git a/tokens/replace-variables.js b/tokens/replace-variables.js
index 3ce952e30f..f07eff91ec 100644
--- a/tokens/replace-variables.js
+++ b/tokens/replace-variables.js
@@ -15,11 +15,11 @@ program
   .action(async (options) => {
     const { direction, filePath, replacementType } = options;
     if (replacementType === 'usage') {
-      const mapFile = fs.readFileSync(path.resolve(__dirname, `./build/${direction}.json`), 'utf-8');
+      const mapFile = fs.readFileSync(path.resolve(__dirname, `./variables-maps/${direction}.json`), 'utf-8');
       const variablesMap = JSON.parse(mapFile);
       await transformInPath(filePath, variablesMap, 'usage', ['Table'], direction);
     } else {
-      const mapFile = fs.readFileSync(path.resolve(__dirname, './build/scss-to-css.json'), 'utf-8');
+      const mapFile = fs.readFileSync(path.resolve(__dirname, './variables-maps/scss-to-css.json'), 'utf-8');
       const variablesMap = JSON.parse(mapFile);
       await transformInPath(filePath, variablesMap);
     }
diff --git a/tokens/style-dictionary.js b/tokens/style-dictionary.js
new file mode 100644
index 0000000000..3cff726ecc
--- /dev/null
+++ b/tokens/style-dictionary.js
@@ -0,0 +1,151 @@
+/**
+ * This module creates and exports custom StyleDictionary instance for Paragon.
+ */
+const StyleDictionary = require('style-dictionary');
+const chroma = require('chroma-js');
+const { colorYiq, darken, lighten } = require('./sass-helpers');
+const cssUtilities = require('./css-utilities');
+
+const { formattedVariables, fileHeader, sortByReference } = StyleDictionary.formatHelpers;
+
+const colorTransform = (token) => {
+  const { value, modify = [] } = token;
+  let color = chroma(value);
+
+  if (modify.length > 0) {
+    modify.forEach((modifier) => {
+      const { type, amount, otherColor } = modifier;
+      switch (type) {
+        case 'mix':
+          color = color.mix(otherColor, amount, 'rgb');
+          break;
+        case 'color-yiq': {
+          const { light, dark, threshold } = modifier;
+          color = colorYiq(color, light, dark, threshold);
+          break;
+        }
+        case 'darken':
+          color = darken(color, amount);
+          break;
+        case 'lighten':
+          color = lighten(color, amount);
+          break;
+        default:
+          color = color[type](amount);
+      }
+    });
+  }
+
+  return color.hex('rgba').toUpperCase();
+};
+
+/**
+ * Transformer that applies SASS color functions to tokens.
+ */
+StyleDictionary.registerTransform({
+  name: 'color/sass-color-functions',
+  transitive: true,
+  type: 'value',
+  matcher(token) {
+    return token.attributes.category === 'color' || token.value?.toString().startsWith('#');
+  },
+  transformer: colorTransform,
+});
+
+/**
+ * Transforms that implements str-replace from SASS.
+ */
+StyleDictionary.registerTransform({
+  name: 'str-replace',
+  transitive: true,
+  type: 'value',
+  matcher(token) {
+    return token.modify && token.modify[0].type === 'str-replace';
+  },
+  transformer(token) {
+    const { value, modify } = token;
+    const { toReplace, replaceWith } = modify[0];
+    return value.replaceAll(toReplace, replaceWith);
+  },
+});
+
+/**
+ * Overrides default scss/variables formatter to add new line at the end of file
+ * to be compatible with our stylelint rules.
+ */
+StyleDictionary.registerFormat({
+  name: 'scss/variables-with-new-line',
+  formatter({ dictionary, options, file }) {
+    const { outputReferences, themeable = false } = options;
+    return `${fileHeader({ file, commentStyle: 'short' })
+      + formattedVariables({
+        format: 'sass', dictionary, outputReferences, themeable,
+      })
+    }\n`;
+  },
+});
+
+/**
+ * Custom formatter that extends default css/variables format to allow specifying
+ * 'outputReferences' per token (by default you are only able to specify it globally for all tokens)
+ */
+StyleDictionary.registerFormat({
+  name: 'css/custom-variables',
+  formatter({ dictionary, options }) {
+    const variables = dictionary.allTokens.sort(sortByReference(dictionary)).map(token => {
+      let { value } = token;
+      const outputReferencesForToken = token.original.outputReferences === false ? false : options.outputReferences;
+
+      if (dictionary.usesReference(token.original.value) && outputReferencesForToken) {
+        const refs = dictionary.getReferences(token.original.value);
+        refs.forEach(ref => {
+          value = value.replace(ref.value, `var(--${ref.name})`);
+        });
+      }
+
+      return `  --${token.name}: ${value};`;
+    }).join('\n');
+
+    return `:root {\n${variables}\n}\n`;
+  },
+});
+
+/**
+ * Formatter to generate CSS utility classes.
+ * Looks in ./src/utilities/ to get utility classes configuration, filters tokens by 'filters' object attributes
+ * (see https://amzn.github.io/style-dictionary/#/tokens?id=category-type-item for possible keys in the object,
+ * each key should have a list of valid values) and generates CSS classes with using functions defined in
+ * 'utilityFunctionsToApply' list, those functions must be located in css-utilities.js module and return string.
+ */
+StyleDictionary.registerFormat({
+  name: 'css/utility-classes',
+  formatter({ dictionary }) {
+    const { utilities } = dictionary.properties;
+
+    if (!utilities) {
+      return '';
+    }
+
+    let utilityClasses = '';
+
+    utilities.forEach(({ filters, utilityFunctionsToApply }) => {
+      let tokens = dictionary.allTokens;
+
+      Object.entries(filters).forEach(([attributeName, allowedValues]) => {
+        tokens = tokens.filter((token) => allowedValues.includes(token.attributes[attributeName]));
+      });
+
+      // eslint-disable-next-line no-restricted-syntax
+      for (const token of tokens) {
+        // eslint-disable-next-line no-restricted-syntax
+        for (const funcName of utilityFunctionsToApply) {
+          utilityClasses += cssUtilities[funcName](token);
+        }
+      }
+    });
+
+    return utilityClasses;
+  },
+});
+
+module.exports = StyleDictionary;
diff --git a/tokens/build/css-to-scss.json b/tokens/variables-maps/css-to-scss.json
similarity index 100%
rename from tokens/build/css-to-scss.json
rename to tokens/variables-maps/css-to-scss.json
diff --git a/tokens/build/scss-to-css.json b/tokens/variables-maps/scss-to-css.json
similarity index 100%
rename from tokens/build/scss-to-css.json
rename to tokens/variables-maps/scss-to-css.json