updated styling

docusaurus.config.js

@@ -164,7 +164,7 @@ const config = {
               },
               {
                 label: "Bridge",
-                href: "https://ad-astra.multiversx.com",
+                href: "https://bridge.multiversx.com",
                 target: "_blank",
               },
               {

src/css/custom.css

@@ -37,6 +37,53 @@
   font-weight: 600;
 }
 
+.DocSearch {
+  --docsearch-primary-color: theme(colors.primary.DEFAULT);
+  --docsearch-text-color: theme(colors.neutral.800);
+  --docsearch-spacing: 12px;
+  --docsearch-icon-stroke-width: 1.4;
+  --docsearch-highlight-color: var(--docsearch-primary-color);
+  --docsearch-muted-color: #969faf;
+  --docsearch-container-background: rgba(101, 108, 133, 0.8);
+  --docsearch-logo-color: #5468ff;
+  --docsearch-modal-width: 560px;
+  --docsearch-modal-height: 600px;
+  --docsearch-modal-background: #f5f6f7;
+  --docsearch-modal-shadow: 0px 10px 9px 0px rgba(0, 0, 0, 0.06),
+    0px 4px 4px 0px rgba(0, 0, 0, 0.08);
+  --docsearch-searchbox-height: 56px;
+  --docsearch-searchbox-background: theme(colors.neutral.200);
+  --docsearch-searchbox-focus-background: #fff;
+  --docsearch-searchbox-shadow: inset 0 0 0 1px var(--docsearch-primary-color);
+  --docsearch-hit-height: 56px;
+  --docsearch-hit-color: #444950;
+  --docsearch-hit-active-color: #fff;
+  --docsearch-hit-background: #fff;
+  --docsearch-hit-shadow: 0 1px 3px 0 #d4d9e1;
+  --docsearch-key-gradient: rgba(0, 0, 0, 0.55);
+  --docsearch-key-shadow: none;
+  --docsearch-key-pressed-shadow: none;
+  --docsearch-footer-height: 44px;
+  --docsearch-footer-background: theme(colors.neutral.200);
+  --docsearch-footer-shadow: none;
+}
+html[data-theme="dark"] .DocSearch {
+  --docsearch-text-color: #fff;
+  --docsearch-container-background: rgba(9, 10, 17, 0.8);
+  --docsearch-modal-background: theme(colors.neutral.900);
+  --docsearch-modal-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px -1px rgba(0, 0, 0, 0.1);
+  --docsearch-searchbox-background: theme(colors.neutral.850);
+  --docsearch-searchbox-focus-background: theme(colors.neutral.700);
+  --docsearch-hit-color: #bec3c9;
+  --docsearch-hit-shadow: none;
+  --docsearch-hit-background: #090a11;
+  --docsearch-footer-background: theme(colors.neutral.800);
+  --docsearch-footer-shadow: none;
+  --docsearch-logo-color: #fff;
+  --docsearch-muted-color: #fff;
+}
+
 /* You can override the default Infima variables here. */
 :root {
   --ifm-background-color: theme(colors.neutral.100);
@@ -64,7 +111,7 @@
   --ifm-footer-padding-vertical: 1.25rem;
 
   --ifm-navbar-link-color: theme(colors.neutral.850);
-  --ifm-navbar-item-padding-horizontal: 1rem;
+  --ifm-navbar-item-padding-horizontal: 0.5rem;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -149,12 +196,29 @@ h2.anchor code {
   font-weight: 500;
   margin-top: 0.25rem;
 }
+
+/* -------------------- End Overrides ------------------- */
+
+/* -------------------- Start Navbar Icons ------------------- */
+
+.navbar {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+[data-theme="dark"] .navbar {
+  background-color: rgba(14, 14, 14, 0.5);
+}
+.navbar:not(.navbar-sidebar--show) {
+  backdrop-filter: blur(0.375rem);
+}
+
 .table-of-contents__link .badge,
 .anchor .navbar__items--right .dropdown.dropdown--right + div {
   order: 4;
   margin-right: 0.5rem;
 }
 .navbar__items--right .dropdown.dropdown--right {
+  --ifm-navbar-item-padding-horizontal: 0.5rem;
+  --ifm-navbar-item-padding-vertical: 0.5rem;
   order: 5;
 }
 
@@ -163,9 +227,57 @@ h2.anchor code {
   vertical-align: middle;
 }
 
-/* -------------------- End Overrides ------------------- */
+div[class*="colorModeToggle"] {
+  order: 4;
+}
+div[class*="colorModeToggle"] .clean-btn {
+  order: 4;
+  --ifm-color-emphasis-200: theme(colors.neutral.300);
+  padding: 0.375rem;
+}
+[data-theme="dark"] div[class*="colorModeToggle"] .clean-btn {
+  --ifm-color-emphasis-200: theme(colors.neutral.700);
+}
 
-/* -------------------- Start Navbar Icons ------------------- */
+.navbar__items--right .dropdown.dropdown--right,
+div[class*="colorModeToggle"] .clean-btn {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border-radius: 6px;
+  backdrop-filter: blur(16px);
+  background-color: theme(colors.neutral.200);
+}
+
+.navbar__items--right .dropdown.dropdown--right:hover,
+div[class*="colorModeToggle"] .clean-btn:hover {
+  background-color: theme(colors.neutral.300);
+}
+
+[data-theme="dark"] .navbar__items--right .dropdown.dropdown--right,
+[data-theme="dark"] div[class*="colorModeToggle"] .clean-btn {
+  background-color: theme(colors.neutral.850);
+}
+
+[data-theme="dark"] .navbar__items--right .dropdown.dropdown--right:hover,
+[data-theme="dark"] div[class*="colorModeToggle"] .clean-btn:hover {
+  background-color: theme(colors.neutral.700);
+}
+
+.navbar__items--right {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.header-telegram-link,
+.header-github-link,
+.header-discord-link,
+.header-app-change-link {
+  --ifm-navbar-item-padding-horizontal: 0.5rem;
+  --ifm-navbar-item-padding-vertical: 0.5rem;
+}
 
 .header-telegram-link:hover,
 .header-github-link:hover,
@@ -174,11 +286,16 @@ h2.anchor code {
   opacity: 0.6;
 }
 
-.header-discord-link::before {
+.header-discord-link::before,
+.header-github-link::before,
+.header-telegram-link::before {
   content: "";
-  width: 24px;
-  height: 24px;
+  width: 20px;
+  height: 20px;
   display: flex;
+}
+
+.header-discord-link::before {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.952,5.672c-1.904-1.531-4.916-1.79-5.044-1.801c-0.201-0.017-0.392,0.097-0.474,0.281 c-0.006,0.012-0.072,0.163-0.145,0.398c1.259,0.212,2.806,0.64,4.206,1.509c0.224,0.139,0.293,0.434,0.154,0.659 c-0.09,0.146-0.247,0.226-0.407,0.226c-0.086,0-0.173-0.023-0.252-0.072C15.584,5.38,12.578,5.305,12,5.305S8.415,5.38,6.011,6.872 c-0.225,0.14-0.519,0.07-0.659-0.154c-0.14-0.225-0.07-0.519,0.154-0.659c1.4-0.868,2.946-1.297,4.206-1.509 c-0.074-0.236-0.14-0.386-0.145-0.398C9.484,3.968,9.294,3.852,9.092,3.872c-0.127,0.01-3.139,0.269-5.069,1.822 C3.015,6.625,1,12.073,1,16.783c0,0.083,0.022,0.165,0.063,0.237c1.391,2.443,5.185,3.083,6.05,3.111c0.005,0,0.01,0,0.015,0 c0.153,0,0.297-0.073,0.387-0.197l0.875-1.202c-2.359-0.61-3.564-1.645-3.634-1.706c-0.198-0.175-0.217-0.477-0.042-0.675 c0.175-0.198,0.476-0.217,0.674-0.043c0.029,0.026,2.248,1.909,6.612,1.909c4.372,0,6.591-1.891,6.613-1.91 c0.198-0.172,0.5-0.154,0.674,0.045c0.174,0.198,0.155,0.499-0.042,0.673c-0.07,0.062-1.275,1.096-3.634,1.706l0.875,1.202 c0.09,0.124,0.234,0.197,0.387,0.197c0.005,0,0.01,0,0.015,0c0.865-0.027,4.659-0.667,6.05-3.111 C22.978,16.947,23,16.866,23,16.783C23,12.073,20.985,6.625,19.952,5.672z M8.891,14.87c-0.924,0-1.674-0.857-1.674-1.913 s0.749-1.913,1.674-1.913s1.674,0.857,1.674,1.913S9.816,14.87,8.891,14.87z M15.109,14.87c-0.924,0-1.674-0.857-1.674-1.913 s0.749-1.913,1.674-1.913c0.924,0,1.674,0.857,1.674,1.913S16.033,14.87,15.109,14.87z'/%3E%3C/svg%3E")
     no-repeat;
 }
@@ -189,10 +306,6 @@ h2.anchor code {
 }
 
 .header-github-link::before {
-  content: "";
-  width: 24px;
-  height: 24px;
-  display: flex;
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
     no-repeat;
 }
@@ -203,10 +316,6 @@ h2.anchor code {
 }
 
 .header-telegram-link::before {
-  content: "";
-  width: 24px;
-  height: 24px;
-  display: flex;
   margin-top: 4px;
   background: url("data:image/svg+xml;base64,IDxzdmcKICAgICAgICAgICAgY2xhc3NOYW1lPSJhcHAtaWNvbiIKICAgICAgICAgICAgcm9sZT0iaW1nIgogICAgICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgICAgICAgIHZpZXdCb3g9IjAgMCAyMiAxOSIKICAgICAgICAgID4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICBmaWxsUnVsZT0iZXZlbm9kZCIKICAgICAgICAgICAgICBkPSJNLjQ2MSA4Ljg5NGw0LjkgMS44MjkgMS44OTcgNi4xYy4xMjEuMzkuNi41MzUuOTE3LjI3NWwyLjczLTIuMjI2YS44MTUuODE1IDAgMCAxIC45OTQtLjAyOGw0LjkyNyAzLjU3N2MuMzQuMjQ3LjgyLjA2LjkwNS0uMzVMMjEuMzQuNzEyYS41NzguNTc4IDAgMCAwLS43NzQtLjY1NkwuNDU2IDcuODEzYS41NzguNTc4IDAgMCAwIC4wMDUgMS4wOHptNi40OTIuODU1bDkuNTc3LTUuODk4Yy4xNzItLjEwNi4zNDkuMTI3LjIwMS4yNjRsLTcuOTA0IDcuMzQ3YTEuNjQgMS42NCAwIDAgMC0uNTA4Ljk4bC0uMjY5IDEuOTk1Yy0uMDM1LjI2Ny0uNDEuMjkzLS40ODMuMDM2TDYuNTMgMTAuODM0YS45NjQuOTY0IDAgMCAxIC40MjItMS4wODV6IgogICAgICAgICAgICA+PC9wYXRoPgogICAgICAgICAgPC9zdmc+")
     no-repeat;
@@ -222,52 +331,24 @@ h2.anchor code {
 }
 .header-app-change::before {
   content: "";
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
   display: flex;
-  background: url("data:image/svg+xml;base64,PHN2ZwogIGNsYXNzTmFtZT0iYXBwLWljb24gYXBwLXN3aXRjaGVyLWljb24iCiAgcm9sZT0iaW1nIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgNTEyIDUxMiIKICBhcmlhLWxhYmVsPSJNZW51Igo+CiAgPHBhdGggZD0iTTE0OS4zMzMgNTZ2ODBjMCAxMy4yNTUtMTAuNzQ1IDI0LTI0IDI0SDI0Yy0xMy4yNTUgMC0yNC0xMC43NDUtMjQtMjRWNTZjMC0xMy4yNTUgMTAuNzQ1LTI0IDI0LTI0aDEwMS4zMzNjMTMuMjU1IDAgMjQgMTAuNzQ1IDI0IDI0em0xODEuMzM0IDI0MHYtODBjMC0xMy4yNTUtMTAuNzQ1LTI0LTI0LTI0SDIwNS4zMzNjLTEzLjI1NSAwLTI0IDEwLjc0NS0yNCAyNHY4MGMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjRoMTAxLjMzM2MxMy4yNTYgMCAyNC4wMDEtMTAuNzQ1IDI0LjAwMS0yNHptMzItMjQwdjgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNEg0ODhjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0VjU2YzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgzODYuNjY3Yy0xMy4yNTUgMC0yNCAxMC43NDUtMjQgMjR6bS0zMiA4MFY1NmMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMjA1LjMzM2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNGgxMDEuMzMzYzEzLjI1NiAwIDI0LjAwMS0xMC43NDUgMjQuMDAxLTI0em0tMjA1LjMzNCA1NkgyNGMtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNGgxMDEuMzMzYzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNHYtODBjMC0xMy4yNTUtMTAuNzQ1LTI0LTI0LTI0ek0wIDM3NnY4MGMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjRoMTAxLjMzM2MxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjR2LTgwYzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgyNGMtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0em0zODYuNjY3LTU2SDQ4OGMxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjR2LTgwYzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgzODYuNjY3Yy0xMy4yNTUgMC0yNCAxMC43NDUtMjQgMjR2ODBjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0em0wIDE2MEg0ODhjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0di04MGMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMzg2LjY2N2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNHpNMTgxLjMzMyAzNzZ2ODBjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0aDEwMS4zMzNjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0di04MGMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMjA1LjMzM2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0eiI+PC9wYXRoPgo8L3N2Zz4=")
+  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMS41VjQuNUM2IDUuMzQzNzUgNS4zMTI1IDYgNC41IDZIMS41QzAuNjU2MjUgNiAwIDUuMzQzNzUgMCA0LjVWMS41QzAgMC42ODc1IDAuNjU2MjUgMCAxLjUgMEg0LjVDNS4zMTI1IDAgNiAwLjY4NzUgNiAxLjVaTTYgOS41VjEyLjVDNiAxMy4zNDM4IDUuMzEyNSAxNCA0LjUgMTRIMS41QzAuNjU2MjUgMTQgMCAxMy4zNDM4IDAgMTIuNVY5LjVDMCA4LjY4NzUgMC42NTYyNSA4IDEuNSA4SDQuNUM1LjMxMjUgOCA2IDguNjg3NSA2IDkuNVpNOCAxLjVDOCAwLjY4NzUgOC42NTYyNSAwIDkuNSAwSDEyLjVDMTMuMzEyNSAwIDE0IDAuNjg3NSAxNCAxLjVWNC41QzE0IDUuMzQzNzUgMTMuMzEyNSA2IDEyLjUgNkg5LjVDOC42NTYyNSA2IDggNS4zNDM3NSA4IDQuNVYxLjVaTTE0IDkuNVYxMi41QzE0IDEzLjM0MzggMTMuMzEyNSAxNCAxMi41IDE0SDkuNUM4LjY1NjI1IDE0IDggMTMuMzQzOCA4IDEyLjVWOS41QzggOC42ODc1IDguNjU2MjUgOCA5LjUgOEgxMi41QzEzLjMxMjUgOCAxNCA4LjY4NzUgMTQgOS41WiIgZmlsbD0iIzI2MjYyNiIvPgo8L3N2Zz4K")
     no-repeat;
 }
 
 [data-theme="dark"] .header-app-change::before {
-  background: url("data:image/svg+xml;base64,PHN2ZwogIGNsYXNzTmFtZT0iYXBwLWljb24gYXBwLXN3aXRjaGVyLWljb24iCiAgcm9sZT0iaW1nIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgNTEyIDUxMiIKICBhcmlhLWxhYmVsPSJNZW51Igo+CiAgPHBhdGggZD0iTTE0OS4zMzMgNTZ2ODBjMCAxMy4yNTUtMTAuNzQ1IDI0LTI0IDI0SDI0Yy0xMy4yNTUgMC0yNC0xMC43NDUtMjQtMjRWNTZjMC0xMy4yNTUgMTAuNzQ1LTI0IDI0LTI0aDEwMS4zMzNjMTMuMjU1IDAgMjQgMTAuNzQ1IDI0IDI0em0xODEuMzM0IDI0MHYtODBjMC0xMy4yNTUtMTAuNzQ1LTI0LTI0LTI0SDIwNS4zMzNjLTEzLjI1NSAwLTI0IDEwLjc0NS0yNCAyNHY4MGMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjRoMTAxLjMzM2MxMy4yNTYgMCAyNC4wMDEtMTAuNzQ1IDI0LjAwMS0yNHptMzItMjQwdjgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNEg0ODhjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0VjU2YzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgzODYuNjY3Yy0xMy4yNTUgMC0yNCAxMC43NDUtMjQgMjR6bS0zMiA4MFY1NmMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMjA1LjMzM2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNGgxMDEuMzMzYzEzLjI1NiAwIDI0LjAwMS0xMC43NDUgMjQuMDAxLTI0em0tMjA1LjMzNCA1NkgyNGMtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNGgxMDEuMzMzYzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNHYtODBjMC0xMy4yNTUtMTAuNzQ1LTI0LTI0LTI0ek0wIDM3NnY4MGMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjRoMTAxLjMzM2MxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjR2LTgwYzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgyNGMtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0em0zODYuNjY3LTU2SDQ4OGMxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjR2LTgwYzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgzODYuNjY3Yy0xMy4yNTUgMC0yNCAxMC43NDUtMjQgMjR2ODBjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0em0wIDE2MEg0ODhjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0di04MGMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMzg2LjY2N2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNHpNMTgxLjMzMyAzNzZ2ODBjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0aDEwMS4zMzNjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0di04MGMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMjA1LjMzM2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0eiIgZmlsbD0iI2ZmZiI+PC9wYXRoPgo8L3N2Zz4=")
-    no-repeat;
-}
-[data-theme="dark"] .header-app-change:hover::before {
-  background: url("data:image/svg+xml;base64,PHN2ZwogIGNsYXNzTmFtZT0iYXBwLWljb24gYXBwLXN3aXRjaGVyLWljb24iCiAgcm9sZT0iaW1nIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgNTEyIDUxMiIKICBhcmlhLWxhYmVsPSJNZW51Igo+CiAgPHBhdGggZD0iTTE0OS4zMzMgNTZ2ODBjMCAxMy4yNTUtMTAuNzQ1IDI0LTI0IDI0SDI0Yy0xMy4yNTUgMC0yNC0xMC43NDUtMjQtMjRWNTZjMC0xMy4yNTUgMTAuNzQ1LTI0IDI0LTI0aDEwMS4zMzNjMTMuMjU1IDAgMjQgMTAuNzQ1IDI0IDI0em0xODEuMzM0IDI0MHYtODBjMC0xMy4yNTUtMTAuNzQ1LTI0LTI0LTI0SDIwNS4zMzNjLTEzLjI1NSAwLTI0IDEwLjc0NS0yNCAyNHY4MGMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjRoMTAxLjMzM2MxMy4yNTYgMCAyNC4wMDEtMTAuNzQ1IDI0LjAwMS0yNHptMzItMjQwdjgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNEg0ODhjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0VjU2YzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgzODYuNjY3Yy0xMy4yNTUgMC0yNCAxMC43NDUtMjQgMjR6bS0zMiA4MFY1NmMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMjA1LjMzM2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNGgxMDEuMzMzYzEzLjI1NiAwIDI0LjAwMS0xMC43NDUgMjQuMDAxLTI0em0tMjA1LjMzNCA1NkgyNGMtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNGgxMDEuMzMzYzEzLjI1NSAwIDI0LTEwLjc0NSAyNC0yNHYtODBjMC0xMy4yNTUtMTAuNzQ1LTI0LTI0LTI0ek0wIDM3NnY4MGMwIDEzLjI1NSAxMC43NDUgMjQgMjQgMjRoMTAxLjMzM2MxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjR2LTgwYzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgyNGMtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0em0zODYuNjY3LTU2SDQ4OGMxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjR2LTgwYzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgzODYuNjY3Yy0xMy4yNTUgMC0yNCAxMC43NDUtMjQgMjR2ODBjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0em0wIDE2MEg0ODhjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0di04MGMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMzg2LjY2N2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0djgwYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNHpNMTgxLjMzMyAzNzZ2ODBjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0aDEwMS4zMzNjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0di04MGMwLTEzLjI1NS0xMC43NDUtMjQtMjQtMjRIMjA1LjMzM2MtMTMuMjU1IDAtMjQgMTAuNzQ1LTI0IDI0eiIgZmlsbD0iIzIzRjdERCI+PC9wYXRoPgo8L3N2Zz4=")
+  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMS41VjQuNUM2IDUuMzQzNzUgNS4zMTI1IDYgNC41IDZIMS41QzAuNjU2MjUgNiAwIDUuMzQzNzUgMCA0LjVWMS41QzAgMC42ODc1IDAuNjU2MjUgMCAxLjUgMEg0LjVDNS4zMTI1IDAgNiAwLjY4NzUgNiAxLjVaTTYgOS41VjEyLjVDNiAxMy4zNDM4IDUuMzEyNSAxNCA0LjUgMTRIMS41QzAuNjU2MjUgMTQgMCAxMy4zNDM4IDAgMTIuNVY5LjVDMCA4LjY4NzUgMC42NTYyNSA4IDEuNSA4SDQuNUM1LjMxMjUgOCA2IDguNjg3NSA2IDkuNVpNOCAxLjVDOCAwLjY4NzUgOC42NTYyNSAwIDkuNSAwSDEyLjVDMTMuMzEyNSAwIDE0IDAuNjg3NSAxNCAxLjVWNC41QzE0IDUuMzQzNzUgMTMuMzEyNSA2IDEyLjUgNkg5LjVDOC42NTYyNSA2IDggNS4zNDM3NSA4IDQuNVYxLjVaTTE0IDkuNVYxMi41QzE0IDEzLjM0MzggMTMuMzEyNSAxNCAxMi41IDE0SDkuNUM4LjY1NjI1IDE0IDggMTMuMzQzOCA4IDEyLjVWOS41QzggOC42ODc1IDguNjU2MjUgOCA5LjUgOEgxMi41QzEzLjMxMjUgOCAxNCA4LjY4NzUgMTQgOS41WiIgZmlsbD0iI0Y1RjVGNSIvPgo8L3N2Zz4K")
     no-repeat;
 }
-
-/* -------------------- End Navbar Icons ------------------- */
-
-/* -------------------- Start Navbar ------------------- */
-/* .navbar .navbar__items .navbar__brand + .navbar__item {
-  margin-left: calc(50% - 245px);
-}
-.navbar__brand {
-  margin-left: 1rem;
-} */
-
-/* .navbar {
-  background-color: rgba(14, 14, 14, 0.5);
-  backdrop-filter: blur(0.375rem);
-  border-bottom: 1px solid var(--neutral-850, #212121);
+/* .navbar__items--right
+  .dropdown.dropdown--right:hover
+  .header-app-change::before {
+  opacity: 0.6;
 } */
 
-/* [data-theme="dark"] {
-  --ifm-background-color: theme(colors.neutral.925) !important; */
-
-.navbar {
-  background-color: rgba(255, 255, 255, 0.5);
-}
-[data-theme="dark"] .navbar {
-  background-color: rgba(14, 14, 14, 0.5);
-}
-.navbar:not(.navbar-sidebar--show) {
-  backdrop-filter: blur(0.375rem);
-}
-
-/* -------------------- End Navbar ------------------- */
+/* -------------------- End Navbar Icons ------------------- */
 
 /* -------------------- Start Footer ------------------- */
 
@@ -373,6 +454,57 @@ h2.anchor code {
 
 /* -------------------- End Mermaid ------------------- */
 
+/* ------------------- Start Docsearch ------------------- */
+
+.navbar .DocSearch-Button {
+  display: flex;
+  width: 200px;
+  padding: 6px 6px 6px 8px;
+  align-items: center;
+  gap: 10px;
+  border-radius: 6px;
+  height: 32px;
+
+  /* background: var(--docsearch-searchbox-background);
+  border: 0;
+  border-radius: 40px;
+  color: var(--docsearch-muted-color);
+  cursor: pointer;
+  font-weight: 500;
+  height: 36px;
+  justify-content: space-between;
+  padding: 0 8px;
+  -webkit-user-select: none;
+  user-select: none; */
+}
+.navbar .DocSearch-Search-Icon {
+  width: 16px;
+  height: 16px;
+  opacity: 0.8;
+}
+.navbar .DocSearch-Button-Placeholder {
+  /* font-size: 1rem;
+  padding: 0 12px 0 6px; */
+
+  font-family: "Roobert Medium";
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 16px;
+  letter-spacing: -0.14px;
+  opacity: 0.56;
+}
+.DocSearch-Commands-Key,
+.navbar .DocSearch-Button-Key {
+  --docsearch-muted-color: #fff;
+  border-radius: 4px;
+  top: 0;
+  border-bottom: 0;
+  box-shadow: none;
+  padding-bottom: 0;
+}
+
+/* -------------------- End Docsearch ------------------- */
+
 /* -------------------- Start New ------------------- */
 html[data-has-hydrated="true"]:not(.docs-wrapper) #__docusaurus {
   background: image-set(